@font-face {
	font-family: 'Poppins';
	src: url('../fonts/Poppins-Regular.ttf')  format('truetype');
	font-display: block;
}

/* @font-face {
	font-family: 'Josefin Sans';
	src: url('../fonts/JosefinSans-Regular.ttf')  format('truetype');
	font-display: block;
} */

* { 
	font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; 
	line-height: 1.2 !important;
}

/* * :not(.close span, .badge) { font-size: 1.1rem !important; } */

* :not(button, button span) { color: #1D1D1D; }

a, p, li:not(.input_warning li), label, span:not(.close span) { font-size: 1.1rem; }
.btn-lg, .form-control-lg { font-size: 1.1rem !important; }
input.form-control, option { font-size: 1.1rem; }
.badge { font-size: .9rem !important; }

/* UTILITÁRIOS PARA TEXTOS */

.rem-3  { font-size: 3rem; }
.rem-29 { font-size: 2.9rem; }
.rem-28 { font-size: 2.8rem; }
.rem-27 { font-size: 2.7rem; }
.rem-26 { font-size: 2.6rem; }
.rem-25 { font-size: 2.5rem; }
.rem-24 { font-size: 2.4rem; }
.rem-23 { font-size: 2.3rem; }
.rem-22 { font-size: 2.2rem; }
.rem-21 { font-size: 2.1rem; }
.rem-2  { font-size: 2rem; }
.rem-19 { font-size: 1.9rem; }
.rem-18 { font-size: 1.8rem; }
.rem-17 { font-size: 1.7rem; }
.rem-16 { font-size: 1.6rem; }
.rem-15 { font-size: 1.5rem !important; }
.rem-14 { font-size: 1.4rem !important; }
.rem-13 { font-size: 1.3rem !important; }
.rem-12 { font-size: 1.2rem !important; }
.rem-11 { font-size: 1.1rem !important; }
.rem-1  { font-size: 1rem  !important; }
.rem-09 { font-size: .9rem !important; }
.rem-08 { font-size: .8rem !important; }
.rem-07 { font-size: .7rem !important; }
.rem-06 { font-size: .6rem; }
.rem-05 { font-size: .5rem; }

.hyphens { hyphens: auto; }

/* UTILITÁRIOS DE BOX-MODEL */

.p-12 { padding: 12px; }
.py-12 { padding-top: 12px; padding-bottom: 12px; }
.px-12 { padding-left: 12px; padding-right: 12px; }
.pt-12 { padding-top: 12px; }
.pb-12 { padding-bottom: 12px; }
.pl-12 { padding-left: 12px; }
.pr-12 { padding-right: 12px; }

.m-12 { margin: 12px; }
.mx-12 { margin-left: 12px; margin-right: 12px; }
.my-12 { margin-top: 12px; margin-bottom: 12px; }
.mt-12 { margin-top: 12px; }
.mb-12 { margin-bottom: 12px; }
.ml-12 { margin-left: 12px; }
.mr-12 { margin-right: 12px; }

.mb-25 { margin-bottom: 12px; }

.w-33 { width: 33%; }
.w-45 { width: 45%; }
.w-75 { width: 75%; }
.w-90 { width: 90%; }

.minw-100 { min-width: 100%; }

.maxw-80 { max-width: 80%; }
.maxw-90 { max-width: 90%; }
.maxw-100 { max-width: 100%; }

.w-fit { width: fit-content; }

.maxw-maxcontent { max-width: max-content; }
.maxh-maxcontent { max-height: max-content; }

.minh-100 { min-height: 100%; }
.maxh-100 { max-height: 100%; }
.h-fit { height: fit-content; }

.vw-100 { width: 100vw; }

.h-0 { height: 0px; }
.h-10 { height: 10%; }
.h-20 { height: 20%; }
.h-25 { height: 25%; }
.h-30 { height: 30%; }
.h-40 { height: 40%; }

.h-60 { height: 60%; }
.h-70 { height: 70%; }
.h-75 { height: 75%; }
.h-80 { height: 80%; }
.h-90 { height: 90%; }

.h-48px { height: 48px; }

/* BOX-LOGOMARCA DO HEADER - UTILIZADO EM SUPPLIERS-AREA.EJS, MY-PROFILE.EJS E SCRIPTS JS DE MESMO NOMES */

.box-logo { text-align: center; }

.box-logo_ctn-logo {
    width: 86px;
	height: 86px;
	border: 1px dashed #536478;
	border-radius: 3px;
	padding: 2px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.box-logo_ctn-logo img {
    max-width: 100%;
    max-height: 100%;
	border-radius: 3px;
}

/* BTNS DE AÇÃO PARA MANIPULAR CTN DE INSERÇÃO DE IMAGENS */

.small-square-action-btn {
	width: 50px;
	height: 50px;
	border-radius: 3px;
	border: 0;
	cursor: pointer;
	color: whitesmoke;
	display: flex;
	justify-content: center;
	align-items: center;
}

.small-square-action-btn span { position: relative; top: -1px; }

.btn-square-md {
	width: 36px;
	height: 36px; 
	border: 0px;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
}

.btn-square-sm {
	width: 28px;
	height: 28px;
	border: 0px;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
}

/* INÍCIO BTN-ROUNDED */

.btn-add-rounded-green, .btn-filter-rounded-green, .btn-filter-rounded-danger { 
	width: 48px;
	height: 48px; 
	border-radius: 50%; 
	border: 0px;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
}

.btn-add-rounded-green, .btn-filter-rounded-green {
	background-color: #28A745;
}

.btn-filter-rounded-danger {
	background-color: #DC3545;
}

.btn-add-rounded-green span {
	color: white;
	font-size: 50px !important;
	position: relative;
	top: -2px;
}

.btn-rounded-md {
	width: 36px;
	height: 36px; 
	border-radius: 50%; 
	border: 0px;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
}

.btn-rounded-sm {
	width: 28px;
	height: 28px;
	border-radius: 50%; 
	border: 0px;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
}

/* FIM BTN-ROUNDED */

/* INICIO BTN-TRANSPARENT */

.btn-transparent {
	background-color: transparent;
	border: 0 transparent;
}

/* FIM BTN-TRANSPARENT */

.triangle-down {
	width: 0; 
	height: 0; 
    display: inline-block;
	vertical-align: middle;
    content: "";
    border-top: 5px solid whitesmoke;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    margin-left: 10px;
    position: relative;
    top: -1px;
	pointer-events: none;
}

.triangle-up {
	width: 0; 
	height: 0; 
    display: inline-block;
	vertical-align: middle;
    content: "";
    border-bottom: 5px solid whitesmoke;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    margin-left: 10px;
    position: relative;
    top: -1px;
	pointer-events: none;
}

/* INÍCIO MICRO-CLASSES */

.br-top { border-radius: 3px 3px 0 0; }

.br-bottom { border-radius: 0 0 3px 3px; }

.border-red { border-color: red !important; }

/* CORES DE FUNDO */

.bg-default-red-1 { background-color: #bc132b; }

.bg-default-red-2 { background-color: #e7445d; }

.bg-whitesmoke { background-color: whitesmoke !important; }

.bg-lavender { background-color: lavender !important; }

.bg-lightgray { background-color: lightgray !important; }

.bg-graphite { background-color: #3D3D3D; }

.bg-green { background-color: green; }

.bg-orange { background-color: rgb(240, 78, 19); }

.bg-danger { background-color: #DC3545; }

.bg-primary { background-color: #007BFF; }

.bg-success { background-color: #28A745; }


/* TEXTS */

.lh-1 { line-height: 1rem !important; }

.lh-12 { line-height: 1.2rem !important; }

.color-default-red { color: #bc132b; }

.color-green-default { color: #28A745; }

.color-green { color: green; }

.color-red { color: red; }

.color-whitesmoke { color: whitesmoke; }

/* UTILITÁRIOS */

.disabled-field { background-color: #e9ecef !important; color: #6c757d; cursor: not-allowed; }

.disabled-btn { background-color: #9fa4aa !important; border: 1px solid #9fa4aa !important; cursor: not-allowed !important; }

.cursor-pointer { cursor: pointer; }

.cursor-not-allowed { cursor: not-allowed; }

.pointer-events-none { pointer-events: none; }

.remove_pointer_events { pointer-events: none; }

.noresize { resize: none; }

.link-style { color: #007BFF !important; cursor: pointer; text-decoration: underline !important; }

.link-style:hover { color: #0056b3 !important; text-decoration: underline !important; }

.translate-x-100 { transform: translateX(-100%); }

/* GLOBAIS */

html { height: 100%; }

body { height: 100%; }

html, body { overflow: hidden; }

/* COMPONENTES */

.header_filter-btn {
    background-color: transparent;
    position: absolute;
    z-index: 10;
    right: 8px;
	top: 8px;
    width: 48px;
	height: 48px;
	border: 1px solid whitesmoke;
	border-radius: 5px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}

.default-fieldset {
    position: relative;
    border-radius: 5px;
    border: 1px solid #857272;
    padding: 12px 12px 20px 12px;
}

.default-fieldset legend {
    width: max-content !important;
    margin-bottom: 0 !important;
    padding-right: 10px !important;
    padding-left: 10px !important;
    font-size: 1.2rem !important;
}

/* DISPLAY-PIC-OVERLAY - ABRE UMA IMAGEM EM TELA CHEIA */

.display-pic-overlay {
	position: fixed;
	z-index: 1100;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #1C1C1C;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	font-size: 1.2rem;
	opacity: 0;
	visibility: hidden;
}

.display-pic-overlay_img-ctn { max-width: 640px; max-height: 360px; }
.display-pic-overlay img { max-width: 100%; max-height: 100%; }

.display-pic-overlay .display-pic-overlay_close-btn {
	background-color: #dc3545;
	position: absolute;
	top: 10px;
	right: 10px;
	border-radius: 4px;
	padding: 8px 15px;
	cursor: pointer;
}

.display-pic-overlay_close-btn span { color: whitesmoke; font-size: 1.5rem !important; }

/* FIM DISPLAY-PIC-OVERLAY */

/* INÍCIO DISPLAY-HTML-ELEMENT-OVERLAY - EXIBIR UM ELEMENTO HTML SOBREPONDO A TELA COM UM OVERLAY */

.display-html-element-overlay {
	position: fixed;
	z-index: 1100;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #1C1C1C;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	font-size: 1.2rem;
	opacity: 0;
	visibility: hidden;
}

.display-html-element-overlay_close-btn {
	background-color: #dc3545;
	position: absolute;
	top: 10px;
	right: 10px;
	border: 1px solid white;
	border-radius: 4px;
	padding: 8px 15px;
	cursor: pointer;
}

.display-html-element-overlay_close-btn span { color: whitesmoke; font-size: 1.5rem !important; }

/* FIM DISPLAY-HTML-ELEMENT-OVERLAY */

.loading-overlay-100, .loading-overlay-70, .offline-overlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1100;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	font-size: 1.2rem;
}

.offline-overlay, .loading-overlay-100 { background-color: #bc132b; }

.loading-overlay-70 { background-color: rgba(0, 0, 0, .7); }

.loading-overlay-100 { opacity: 1; visibility: visible; }

.offline-overlay, .loading-overlay-70 { opacity: 0; visibility: hidden; }

.loading-overlay-100 p, .loading-overlay-70 p, .offline-overlay p { color: whitesmoke; }

.loading-overlay-100 img, .loading-overlay-70 img { width: 40px; }

.hide-overlay, .hide-display-pic-overlay {
	animation-name: hide-overlay !important;
    animation-duration: .3s !important;
    animation-timing-function: linear !important;
	animation-fill-mode: forwards !important;
}

@keyframes hide-overlay {

	0% {
		opacity: 1;
	}

	100% {
        opacity: 0;
		visibility: hidden;
    }

}

.show-overlay, .show-display-pic-overlay {
	visibility: visible !important;
	animation-name: show-overlay;
    animation-duration: .3s;
    animation-timing-function: linear;
	animation-fill-mode: forwards;
}

@keyframes show-overlay {

	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
    }

}

/* RETRACTABLE CONTAINER */

.retractable-ctn {
	height: 0;
	overflow: hidden;
	transition: height .5s;
}

/* INCIO FORM-LOADER-MODAL */

.modal-dialog {
	margin: 0;
	padding: 8px;
}

.modal-content {
	border-radius: .3rem;
	border: 4px solid #bc132b;
}

.modal-header {
	background-color: #bc132b;
	padding: 6px;
	border-radius: .1rem .1rem 0 0;
	border-bottom: 0;
	position: relative;
}

.modal-header .close {
	opacity: .9;
	position: absolute;
	right: 0;
	top: 0;
	padding: 0 8px;
	margin: 0;
	height: 100%;
	font-size: 2rem;
	text-shadow: none;
}

.modal-header button span {
	color: whitesmoke;
	position: relative;
	top: -4px;
}

.modal-title {
	color: whitesmoke;
	font-size: 1.1rem;
}

.modal-body {
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	overflow-y: scroll;
	overflow-x: hidden;
}

/* FIM FORM LOADER MODAL */

/* INÍCIO ACTION-REPLY-BOX */

.reply-box {
	background-color: #BC132B;
	width: 90%;
	border-radius: 5px;
	padding: 0 5px 5px 5px;
	position: fixed;
	z-index: 1200;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

@media (min-width: 576px) {
    .reply-box { width: 500px; }
}

.reply-box_header {
	background-color: #BC132B;
	padding: 10px;
}

.reply-box_title {
	text-align: center;
	color: whitesmoke;
	font-size: 1.2rem;
	position: relative;
	top: 1px;
}

.reply-box_body {
	background-color: lavender;
	width: 100%;
	min-height: 100px;
	max-height: 70vh;
	overflow-y: scroll;
	padding: 12px;
	line-height: 1.2;
}

.reply-box_body ul { list-style: none; padding-left: 0; }

.reply-box_body ul li:not(:last-child) { margin-bottom: 8px; }

.reply-box_body_content-centralized {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.reply-box_footer {
	background-color: lavender;
	padding: 0 8px 7px 8px;
	text-align: center;
}

.reply-box_footer hr {
	margin: 0 0 8px 0;
}

.reply-box_footer button { 
	min-width: 112px;
	height: 40px;
	line-height: 1rem;
	padding: 6px 8px;
	color: white;
}

.reply-box_footer button:hover { color: white; }

/* FIM ACTION-REPLY-BOX */

/* INÍCIO BOOTSTRAP */

.alert p {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-size: .8rem;
}

.alert-danger p, .alert-danger button.close span {
	color: #721C24;
}

.progress + small, .progress + small span { 
	font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: .7rem; 
}

/* FIM BOOTSTRAP */

/* LOGO NOS MODAIS DE CONTATO, SUPORTE E SOBRE O APP */
.modal_ga-logo-ctn {
    width: 150px;
    padding: 8px;
    background-color: #d19a23;
    border-radius: 5px;
}

.default-header {
    position: fixed;
	z-index: 10;
    left: 0;
    width: 100%;
}

.header_line-1 {
	height: 64px;
	padding: 8px;
	background-color: #BC132B;
}

.header_line-2 {
	display: flex;
	justify-content: space-between;
	box-shadow: 0 5px 10px rgba(0, 0, 0, .4);
	padding: 10px 8px 10px 8px;
	background-color: #e7445d;
	height: 35px;
}

.header_line-2 h1, .header_line-2 p, .header_line-2 p span {
	font-size: .9rem;
	font-weight: bold;
	color: white;
	margin: 0;
}

/* .container-fluid { height: 100%; } */

/* QUANDO NÃO FOR UM USUÁRIO AUTENTICADO, O HEADER TERÁ UMA ALTURA MENOR, POIS SÓ TERÁ A LINE-1 */
.pt-escape-header-1 {
	padding-top: 80px;
}

/* QUANDO FOR UM USUÁRIO AUTENTICADO, O HEADER TERÁ UMA ALTURA MAIOR, POIS SÓ TERÁ A LINE-1 E A LINE-2 */
.pt-escape-header-2 {
	padding-top: 114px;
}

.public-view_title {
	font-size: 1.5rem;
	margin: 0;
}

.public-view_title_hr {
	background-color: #bc132b;
	height: 3px;
	width: 80px;
	margin: 8px 0 30px 0;
	border-radius: 3px;
}

/* INÍCIO DATA-CARD */

.data-card {
	border: 2px solid #bc132b;
	border-radius: 5px;
	box-shadow: 0 0 15px rgba(0, 0, 0, .4);
}

/* .data-card:not(:last-child) {
	margin-bottom: 12px;
} */

.data-card-header {
	background-color: #bc132b;
	padding: 7px;
	border-radius: 3px 3px 0 0;
}

.data-card-header h2 {
	font-size: 1.1rem;
	text-align: center;
	color: white;
	margin: 0;
}

.data-card-body {
	padding: .5rem;
	background-color: aliceblue;
}

.data-card-body hr { background-color: #bc132b; }

.data-card-body p {
	margin: 0;
}

.data-card-footer {
	text-align: center;
	padding: 0 8px 8px 8px;
	background-color: aliceblue;
	border-radius: 0 0 4px 4px;
}

.data-card input[type="radio"] { cursor: pointer; }

.data-card label { cursor: pointer; }

/* FIM DATA-CARD */

/* INÍCIO DATA-CARD-2 */

.data-card-2 {
	border-radius: 5px;
	padding: 8px;
	background-color: white;
	box-shadow: 0 0 15px rgba(0, 0, 0, .4);
}

.data-card-2:not(:last-child) {
	margin-bottom: 12px;
}

/* FIM DATA-CARD-2 */

/* INÍCIO PAG-CONTROL-BAR */

.pag-control-bar {
	display: flex;
	align-items: center;
	flex-grow: 1;
}

.pag-control-bar-btn {
	flex-grow: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 45px;
	width: 45px;
	color: whitesmoke;
	font-size: 2.5rem;
	padding: 0;
	border: 1px solid whitesmoke;
	border-radius: 3px;
	background-color: transparent;
	cursor: pointer;
}

.pag-control-bar-btn:hover { background-color: #28A745; }

.pag-control-bar-btn:disabled{ border: 0; }

/* FIM PAG-CONTROL-BAR */

/* INÍCIO MENU */

.header_ctn-menu {
	background-color: #bc132b;
    width: 290px;
	max-height: calc(100vh - 64px);
    overflow-x: hidden;
	overflow-y: scroll;
	border-radius: 0 5px 5px 0;
	box-shadow: 2px 2px 10px black;
    position: absolute;
	z-index: 12;
	top: 64px;
    left: -300px;
    transition: left .5s ease;
}

.header_ctn-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.header_ctn-menu a {
	display: block;
    color: white !important;
}

.header_ctn-menu a:hover { background-color: #e7445d; }

.header_ctn-menu hr { background-color: white; width: 95%;}

#header_open-menu-check-input:checked ~ .header_ctn-menu { left: 0; }

#header_open-menu-check-input:not(:checked) ~ .header_ctn-menu { left: -300px; }

.menu_backdrop {
	position: absolute;
	z-index: 11;
	top: 0;
	left: 0;
	height: 0;
	width: 0;
}

#header_open-menu-check-input:checked ~ .menu_backdrop {
	animation-name: show-menu_backdrop;
    animation-duration: .5s;
    animation-timing-function: ease;
	animation-fill-mode: forwards;
}

@keyframes show-menu_backdrop {

	0% {
		height: 100vh;
		width: 100%;
		background-color: rgba(0, 0, 0, 0);
	}

	100% {
        background-color: rgba(0, 0, 0, .5);
		height: 100vh;
		width: 100%;
    }

}

.ctn-menu-btn {
    width: fit-content;
    height: fit-content;
    position: absolute;
    z-index: 12;
    left: 8px;
	top: 8px;
	line-height: 1;
}

.menu-btn {
	width: 48px;
	height: 48px;
	border: 1px solid whitesmoke;
	border-radius: 5px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}

/* .menu-btn:hover {
	background-image: none;
	background-color: #f97d01;
	cursor: pointer;
	border: 2px solid #f97d01;
} */

.menu-btn_line {
	width: 30px;
	height: 1px;
	margin: 0;
	background-color: whitesmoke;
	/* background-color: rgba(0, 0, 0, .7); */
	/* box-shadow: 1px 1px 3px rgba(0, 0, 0, .9); */
}

.menu_restricted-link_padlock-icon {
	width: 20px;
	position: relative; 
	top: -4px;
}

/* FIM MENU */

/* START FORMS */

input, select, textarea {
    background-color: aliceblue !important;
	font-family: 'Poppins';
	letter-spacing: .02rem;
}

.ctn-checkboxes {
	background-color: aliceblue;
	border: 1px solid #CED4DA;
	border-radius: 4px;
	height: 10rem;
	padding: 8px;
	overflow: scroll;
	font-size: .9rem;
}

.ctn-checkboxes > .item-ctn:not(:last-child) {
	margin-bottom: 8px;
}

.highlight-input-warning {
	background-color: pink !important;
	outline: 2px dashed tomato;
}

.input_warning {
	padding: 0;
	list-style: none;
	font-size: .9rem;
	margin-bottom: 0;
	position: relative;
	top: 3px;
}

.input_warning li { color: red; }

.red_asterisk::after {
    content: '*';
    color: red;
    font-weight: bold;
}

.eye_icon {
    position: absolute;
	top: 32px;
    right: 28px;
    z-index: 1;
    cursor: pointer;
}

.search_icon {
	position: absolute;
    right: 12px;
	top: 33px;
    z-index: 1;
    cursor: pointer;
}

/* .search_icon_sm { top: 34px; right: 14px; } REMOVER DAS VIEWS */

.loading_gif_inside_input {
    width: 60px;
    position: absolute;
    top: 18px;
    right: 0px;
}

.loading_gif_inside_input_sm { top: 14px; right: 0px; }

.fields-group-ctn {
	border: 2px solid #bc132b;
	border-radius: .2rem;
	padding: 8px;
}

#cep-search-modal { line-height: 1.2; }

#cep-search-modal .modal-content { border-radius: .4rem; }

#cep-search-modal .modal-header { background-color: #bc132b; padding: 12px; }

#cep-search-modal .modal-header h5 {
	color: whitesmoke;
	font-size: 1.1rem !important;
	position: relative;
	top: 2px;
}

.cep-search-modal_body_ctn-of-form-wrapper { min-height: 100%; }

#cep-search-modal_result-area {
	width: 100%;
	height: 100%;
	overflow-y: scroll;
	background-color: aliceblue;
	border: 1px solid lightgray;
	border-radius: 5px;
	padding: 8px;
}

.cep-search-modal_result-item {
	background-color: lightcyan;
	border: 1px solid #28A745;
	border-radius: 5px;
	padding: 8px;
	cursor: pointer;
	transition: transform .2s linear;
}

.cep-search-modal_result-item:not(:last-of-type) { margin-bottom: 8px; }

.cep-search-modal_result-item:hover {
	border: 2px solid #28A745;
	transform: scale(.98);
}

#cep-search-modal .modal-footer{
	border-radius: 0 0 .3rem .3rem;
	display: block;
	text-align: right;
}

	/* FORMATAÇÃO ANTIGA UTILIZANDO TABELAS */

#cep-search-result-table tr th, #cep-search-result-table tr td {
    border: 1px solid black;
    padding: 0 5px;
    font-size: 14px;
}

#cep-search-result-table tr th {
    text-align: center;
    background-color: #002f67;
    color: lightgray;
}

#cep-search-result-table tr td {
    color: black;
    min-width: max-content;
    white-space: nowrap;
}

.cep-search-result-table_row {
    cursor: pointer;
}

.cep-search-result-table_row:hover {
    background-color: lightblue;
}

.form_cp-card {
    max-height: 0px;
    padding-bottom: 0px;
    overflow: hidden;
    transition: padding-bottom .5s, max-height .5s linear;
}

.form_cp-card_fieldset {
    position: relative;
    border-radius: 5px;
    border: 1px solid #857272;
    padding: 0 16px 16px 16px;
}

.form_cp-card_legend {
    width: max-content !important;
    margin-left: 20px;
    margin-bottom: 0 !important;
    padding-right: 10px !important;
    padding-left: 10px !important;
    font-size: 20px !important;
}

.form_cp-card-del-btn {
    position: absolute;
    right: 0;
    transform: translateX(-16px);
    z-index: 1;
	width: 40px;
	height: 40px;
}

.form_cp-card-del-btn i {
	color: whitesmoke;
	position: relative;
	top: 1px;
}

/* .form_btn-add-cp-card_span {
    font-size: 16px;
    pointer-events: none;
} */

.fa-plus, .fa-minus { pointer-events: none; }

.form_add-cp-card-btn {
	width: 100%;
}

/* .form_add-cp-card-btn span {
	color: whitesmoke;
	position: relative;
	top: .1315rem;
} */

.form_add-cp-card-btn i {
	color: whitesmoke;
	position: relative;
	top: .1rem;
}

.fa-caret-right, .fa-caret-left { color: whitesmoke; }

/* END FORMS */

.footer-fixed-for-control-btns {
    background-color: #363636;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    position: fixed;
    z-index: 9;
	left: 0;
    bottom: 0;
    width: 100%;
}

/* TERMS OF USE AND PRIVACITY */

#terms-of-use-and-privacity-modal {
    z-index: 1210;
}

#terms-of-use-and-privacity-modal .modal-body { height: calc(100% - 118px); overflow-y: scroll; }
#terms-of-use-and-privacity-modal .modal-footer hr { border-top: 2px solid #bc132b; }

#terms-of-use-and-privacity h1 { font-size: 1.8rem; }
#terms-of-use-and-privacity h2 { font-size: 1.8rem; }
#terms-of-use-and-privacity h3 { font-size: 1.6rem; }
#terms-of-use-and-privacity h4 { font-size: 1.4rem; }
#terms-of-use-and-privacity ol { padding-left: 16px; }
#terms-of-use-and-privacity ol li:not(:last-of-type) { margin-bottom: 8px; }

@media(min-width: 1200px) {
	#terms-of-use-and-privacity h1 { font-size: 2rem; }
}
