/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/ClientSide/css.css to edit this template
*/
/* 
    Created on : 12/04/2022, 16:10:40
    Author     : Carlos Braga
*/


/*@font-face {
    font-family: "Poppins";
    src: url(../css/fonts/Poppins-Light.ttf) format("truetype");
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: "Poppins";
    src: url(../css/fonts/Poppins-LightItalic.ttf) format("truetype");
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: "Poppins";
    src: url(../css/fonts/Poppins-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: "Poppins";
    src: url(../css/fonts/Poppins-BoldItalic.ttf) format("truetype");
    font-weight: 700;
    font-style: italic;
}*/
@font-face {
    font-family: "Quicksnd";
    src: url(../css/fonts/Quicksand-Light.ttf) format("truetype");
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: "Quicksnd";
    src: url(../css/fonts/Quicksand-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: "Quicksnd";
    src: url(../css/fonts/Quicksand-Medium.ttf) format("truetype");
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: "Quicksnd";
    src: url(../css/fonts/Quicksand-SemiBold.ttf) format("truetype");
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: "Quicksnd";
    src: url(../css/fonts/Quicksand-SemiBold.ttf) format("truetype");
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: "Quicksnd";
    src: url(../css/fonts/Quicksand-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal;
}


.page_container {
    padding: 18px 0;
}
.page_wrapper {
    padding: 0 12px;
    margin: 0;
    /* width: 100%; */
    box-sizing: border-box;
}

form {
    margin: 0 -6px;
}

/*TYPOGRAPHY*/
h1,h2,h3,h4,h5,p {
    margin:0;
    color: #202A4E;
}
h1 {
    font-size: 20px;
}
h2 {
    font-size: 18px;
}
h3 {
    font-size: 16px;
}
h4 {
    font-size: 14px;
}
h5 {
    font-size: 13px;
}
p{
    font-size: 13px;
    color:#65655E;
}

.big.md-button.md-ink-ripple {
    margin: 6px 0;
    width: 100%;
    border-radius: 28px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 72px;
    text-transform: unset;
    color: #202A4E;
    white-space: unset;
    box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);
}
.big.md-button.md-ink-ripple p {
    padding: 0 6px;
    font-size: 18px;
    line-height: 16px;
    font-weight: 700;
    /* min-width: 200px; */
    box-sizing: border-box;
}
.big.md-button.md-ink-ripple svg {
    font-size: 16px;
    color: #FCB927;
}
.big.red.md-button.md-ink-ripple {
    background: #202A4E;
    color: #fff;
}
.big.red.md-button.md-ink-ripple p {
    color: #fff;
}
.big.blue.md-button.md-ink-ripple {
    background: #65655E;
    color: #fff;
}
.big.blue.md-button.md-ink-ripple p {
    color: #fff;
}
.big.facebook.md-button.md-ink-ripple {
    background: #3B5998;
    color: #fff;
}
.big.facebook.md-button.md-ink-ripple p {
    color: #fff;
}
.big.google.md-button.md-ink-ripple {
    border: 1px solid #707070;
}
.big.gray.md-button.md-ink-ripple {
    background: #EDF2F4;
}

.round.md-button.md-ink-ripple {
    margin: 0;
    min-width: 60px;
    min-height: 60px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);
    font-size: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #202A4E;
    background: #EDF2F4;
}
.round.red.md-button.md-ink-ripple {
    background: #202A4E;
    color: #fff;
}
.round.green.md-button.md-ink-ripple {
    color: #fff;
    background: #1b998b;
}
.round.grey.md-button.md-ink-ripple {
    color: #fff;
    background: #65655E;
}
.round.medium.md-button.md-ink-ripple {
    width: 48px;
    height: 48px;
    min-width: 48px;
    min-height: 48px;
    font-size: 24px;
}
.round.small.md-button.md-ink-ripple {
    width: 32px;
    height: 32px;
    min-width: 32px;
    min-height: 32px;
    font-size: 16px;
}
.round.small.blue.md-button.md-ink-ripple {
    background: #202A4E;
    color: #fff;
}

.icon.md-button {
    min-width: 42px;
    min-height: 42px;
    width: 42px;
    height: 42px;
    font-size: 20px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.icon.md-button.red {
    color: #202A4E;
}
.icon.md-button span {
    /* position: absolute; */
    width: 24px;
    height: 24px;
    /*background: #202A4E;*/
    /* border-radius: 12px; */
    /* top: 0; */
    /* right: 0; */
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FCB927;
    font-weight: 700;
    text-align: center;
}

.round_withText.md-button {
    margin: 6px 12px;
    width: calc(100% - 24px);
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: unset;
    background: #202A4E;
    color: #fff;
    white-space: unset;
    border-radius: 24px;
    padding: 12px 0;
    line-height: unset;
}
.round_withText.md-button p {
    flex: auto;
    text-align: center;
    font-size: 18px;
    line-height: 20px;
    font-weight: 700;
    padding: 0 18px;
}
.round_withText.md-button span {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);
    border-radius: 60px;
    margin: 6px 0;
    min-width: 60px;
    min-height: 60px;
    display: none;
}

.round_withText.red.md-button p {
    color: #ffffff;
}
.round_withText.red.md-button span {
    background: #202A4E;
    color: #fff;
}
.round_withText.blue.md-button p {
    color: #fff;
}
.round_withText.blue.md-button span {
    background: #65655E;
    color: #fff;
}
.round_withText.lightblue.md-button p {
    color: #fff;
}
.round_withText.lightblue.md-button span {
    background: #202A4E;
    color: #fff;
}
button.round_withText.md-button[disabled] {
    opacity: 0.6;
}


md-input-container .md-input {
    height: 36px;
    line-height: 28px;
    padding: 0 12px;
    font-size: 14px;
    color: #65655E;
    font-weight: 700;
    font-family: 'Quicksnd', sans-serif;
    border: 1px solid #202A4E;
    border-radius: 24px;
}
md-input-container textarea.md-input {
    padding: 0px 12px;
    min-height: 36px;
    resize: vertical;
}
md-input-container .md-placeholder {
    opacity: 1;
}
md-input-container:has([disabled]) .md-placeholder {
    opacity: .2;
}
md-input-container label:not(.md-no-float):not(.md-container-ignore).disabled {
    opacity: .2;
}
[disabled] md-input-container .md-input, md-input-container .md-input[disabled] {
    background-position: bottom -1px left 0;
    background-size: 4px 1px;
    background-repeat: repeat-x;
    /* opacity: .2; */
    opacity: 0.8;;
    border-bottom-color: #202A4E;
}

md-radio-group {
    padding: 18px 6px;
}
md-radio-button {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 6px 0;
    height: 32px;
    transition: .15s all linear;
}
md-radio-button .md-label {
    text-align: right;
    flex: auto;
    height: 32px;
    margin-left: 36px;
    font-size: 14px;
    color: #202A4E;
}
[dir=rtl] md-radio-button .md-label {
    text-align: left;
    margin-right: 36px;
}
md-radio-button .md-container {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    box-sizing: border-box;
    display: inline-block;
    width: 32px;
    height: 32px;
    cursor: pointer;
    left: 0;
    right: auto;
}
md-radio-button .md-off, md-radio-button .md-on {
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    width: 32px;
    height: 32px;
    border-radius: 50%;
}
md-radio-button.md-default-theme .md-off, md-radio-button .md-off {
    border-color: #202A4E;
    background: #EDF2F4;
}
md-radio-button.md-default-theme .md-on, md-radio-button .md-on {
    background-color: #202A4E;
}
md-radio-button.md-default-theme.md-checked .md-off, md-radio-button.md-checked .md-off {
    border-color: rgb(136 72 147);
}
md-radio-button.md-checked .md-on {
    transform: scale(1);
}
md-radio-button.md-checked .md-on:after {
    content: "";
    position: absolute;
    top: 30%;
    left: 50%;
    border: 0;
    border-left: 2px;
    border-bottom: 2px;
    width: 10px;
    height: 4px;
    border-style: solid;
    border-color: #fff;
    transform: rotate(-45deg) translate(-50%,-50%);
}
md-radio-button .md-container:before {
    background: radial-gradient(circle, rgba(227,90,73,1) 0%, rgba(227,90,73,0) 0%);
}
md-radio-group.md-default-theme.md-focused:not(:empty) .md-checked .md-container:before, md-radio-group.md-focused:not(:empty) .md-checked .md-container:before {
    background: radial-gradient(circle, rgba(227,90,73,1) 0%, rgba(227,90,73,0) 70%);
}
md-radio-button[dir='rtl'] .md-label {
    /* margin-right: 36px;
    margin-left: 0; */
    direction: ltr;
}
md-radio-button[dir='rtl'] .md-container.md-ink-ripple {
    /* right: 0; */
    /* left: unset; */
}

.yellow_separator {
    background-image: linear-gradient(to right, #FCB927 40%, rgba(255, 255, 255, 0) 20%);
    background-position: 0 0;
    background-size: 30px 2px;
    background-repeat: repeat-x;
    height: 3px;
    margin: 12px 0;
}

md-select.md-default-theme.ng-invalid.ng-touched .md-select-value, md-select.ng-invalid.ng-touched .md-select-value {
    color: #EF798A!important;
    border-bottom-color: #EF798A!important;
    border-color: #EF798A!important;
}
md-input-container md-select:not([disabled]):focus .md-select-value {
    border-bottom-width: 1px;
}
md-select:not([disabled]):focus .md-select-value {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding-bottom: 0;
    padding: 6px 8px;
}

md-checkbox {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
}
md-checkbox .md-container {
    position: relative;
    margin: 0;
    transform: none;
    width: 32px;
    height: 32px;
}
md-checkbox .md-icon {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid #65655E;
}
md-checkbox.md-checked .md-icon {
    background: #fff;
    border: 1px solid #65655E;
}
md-checkbox.md-checked .md-icon:after {
    border-color: #65655E;
    left: 50%;
    top: 45%;
    transform: translate(-50%,-50%) rotate(45deg);
}
md-checkbox .md-label {
    text-align: right;
    flex: auto;
    margin: 0;
    margin-left: 14px;
    font-size: 14px;
    color: #202A4E;
}
[dir=rtl] md-checkbox .md-label {
    margin-left: 0;
    margin-right: 14px;
    text-align: left;
    direction: ltr;
}
md-input-container.red md-checkbox .md-container .md-icon {
    background: #EDF2F4;
    border-color: #EDF2F4;
}
md-input-container.red md-checkbox.md-checked .md-container .md-icon {
    background: #202A4E;
    border-color: #fff;
}
md-input-container.red md-checkbox.md-checked .md-container .md-icon::after {
    border-color: #fff;
}

md-input-container.multiline_select .addresses_select_title {
    font-weight: 700;
    color: #202A4E;
}
md-input-container md-select .md-select-value {
    height: 36px;
    line-height: 28px;
    padding: 6px 8px;
    font-size: 13px;
    color: #65655E;
    font-weight: 300;
    font-family: 'Quicksnd', sans-serif;
    box-sizing: border-box;
    border: 1px solid #202A4E;
    border-radius: 24px;
    text-align: center;
}
.md-select-value .md-select-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translate(0,00);
    text-align: center;
}
.md-select-value .md-select-icon:after {
    content: "";
    border-left: 2px solid #65655E;
    border-bottom: 2px solid #65655E;
    width: 4px;
    height: 4px;
    top: unset;
    left: unset;
    right: unset;
    transform: scaleY(1) rotate(-45deg);
}
md-input-container.withIcon span.icon {
    position: absolute;
    top: 0px;
    right: 12px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FCB927;
    font-size: 16px;
}
md-input-container.withIcon md-select-value, md-input-container.withIcon md-select .md-select-value.md-select-placeholder {
    padding: 0 0 0 24px;
}


/*OVERWRITES*/
md-input-container {
    width: 100%;
}
md-input-container label:not(.md-container-ignore) {
    top: 0;
    bottom: unset;
}
.layout-row:not(.layout-xs-column)>.md-auto-horizontal-margin, .layout-row:not(.layout-xs-column)>.md-auto-horizontal-margin:not(:first-child), .layout-xs-row>.md-auto-horizontal-margin, .layout-xs-row>.md-auto-horizontal-margin:not(:first-child) {
    margin: 12px 0 0;
    padding: 3px 6px;
}
md-input-container .md-placeholder, md-input-container label:not(.md-no-float):not(.md-container-ignore) {
    padding: 0 6px;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    transform: translate3d(0,12px,0) scale(1);
    box-sizing: border-box;
    text-align: center;
    width: 100%;
    transform-origin: center top;
}

md-input-container.md-input-has-value .md-placeholder, md-input-container.md-input-has-value label:not(.md-no-float):not(.md-container-ignore) {
    transform: translate3d(0,-14px,0) scale(.75);
    padding: 0 8px;
    color: #65655E;
    font-weight: 700;
}
md-input-container.md-default-theme:not(.md-input-invalid).md-input-focused .md-input, md-input-container:not(.md-input-invalid).md-input-focused .md-input, md-input-container.md-default-theme:not(.md-input-invalid).md-input-resized .md-input, md-input-container:not(.md-input-invalid).md-input-resized .md-input {
    border-color: #65655E;
    padding-bottom: 0;
    border-width: 1px;
}
md-input-container.md-default-theme:not(.md-input-invalid).md-input-focused label, md-input-container:not(.md-input-invalid).md-input-focused label, md-input-container.md-default-theme:not(.md-input-invalid).md-input-focused md-icon, md-input-container:not(.md-input-invalid).md-input-focused md-icon {
    color: #65655E;
}
md-input-container .md-char-counter:not(.md-char-counter), md-input-container .md-input-message-animation:not(.md-char-counter) {
    padding: 0;
    font-size: 11px;
    line-height: 12px;
}
md-input-container md-checkbox + .md-input-messages-animation .md-input-message-animation {
    text-align: right;
}
md-input-container[dir="rtl"] md-checkbox + .md-input-messages-animation .md-input-message-animation {
    text-align: left;
    direction: ltr;
}

md-select-menu.md-default-theme md-content md-option[selected].md-focused, md-select-menu md-content md-option[selected].md-focused, md-select-menu.md-default-theme md-content md-option[selected]:focus, md-select-menu md-content md-option[selected]:focus {
    color: #65655E;
}
md-select-menu.md-default-theme md-content md-option:not([disabled]).md-focused, md-select-menu md-content md-option:not([disabled]).md-focused, md-select-menu.md-default-theme md-content md-option:not([disabled]):focus, md-select-menu md-content md-option:not([disabled]):focus {
    background-color: rgb(35 56 114 / 10%);
}
md-select.md-default-theme:not([disabled]):focus .md-select-value, md-select:not([disabled]):focus .md-select-value {
    border-bottom-color: #65655E;
    color: #65655E;
}
md-input-container.md-input-has-value input {
    /*border-bottom-width: 2px;*/
    border-color: #202A4E;
}

button, html, input, select, textarea {
    font-family: 'Quicksnd', sans-serif;
}
md-backdrop.md-opaque.md-default-theme, md-backdrop.md-opaque {
    background-color: #202A4E;
}


md-tabs[escondidinha] md-tabs-wrapper {
    display: none;
}



md-switch .md-label {
    float: none;
    flex: auto;
    text-align: right;
    font-size: 13px;
}
md-switch[dir="rtl"] .md-label {
    text-align: left;
    direction: ltr;
}
md-switch.md-default-theme .md-bar, md-switch .md-bar {
    background-color: #EDF2F4;
}
md-switch.md-default-theme .md-thumb, md-switch .md-thumb {
    background-color: #65655E;
}
md-switch.md-default-theme.md-checked:not([disabled]).md-primary .md-ink-ripple, md-switch.md-checked:not([disabled]).md-primary .md-ink-ripple {
    color: #FCB927;
}
md-switch.md-default-theme.md-checked:not([disabled]).md-primary .md-thumb, md-switch.md-checked:not([disabled]).md-primary .md-thumb {
    background-color: #FCB927;
}
md-switch.md-default-theme.md-checked:not([disabled]).md-primary .md-bar, md-switch.md-checked:not([disabled]).md-primary .md-bar {
    background-color: #EDF2F4;
}

md-switch .md-container {
    width: 52px;
    height: 24px;
}
md-switch .md-bar {
    left: 1px;
    width: 52px;
    top: 2px;
    height: 20px;
}
md-switch .md-thumb-container {
    top: 0px;
    width: 35px;
}
md-switch .md-thumb {
    height: 24px;
    width: 24px;
}

md-input-container.multiline_select {
    margin: 12px 0 12px !important;
}
md-input-container.multiline_select md-select .md-select-value {
    line-height: 18px;
    height: 46px;
}
md-input-container:not([md-no-float]) .md-select-placeholder span:first-child {
    visibility: hidden;
}
.no_results_wrapper {
    color: #EDF2F4;
    height: 65%;
    text-align: center;
}
.no_results_wrapper span {
    font-size: 48px;
}
md-input-container .md-errors-spacer {
    float: right;
    min-height: 14px;
    min-width: 1px;
}







/* SLIDEOUT */
.slideout-menu {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 300px;
    min-height: 100vh;
    /*overflow-y: scroll;*/
    -webkit-overflow-scrolling: touch;
    z-index: 0;
    display: none;
}

.slideout-menu-left {
    left: 0;
}

.slideout-menu-right {
    right: 0;
}

.slideout-panel {
    position: relative;
    z-index: 1;
    /*will-change: transform;*/
    height: 100%;
    overflow: hidden;
}

.slideout-open,
.slideout-open body,
.slideout-open .slideout-panel {
    overflow: hidden;
}

.slideout-open .slideout-menu {
    display: block;
}
.slideout-menu {
    z-index: 3;
    display: block;
    will-change: transform;
}
.slideout-menu-left {
    left: -346px;
}
.slideout-menu-right {
    right: -300px;
}
.slideout-dimmer {
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    pointer-events: none;
    background-color: rgba(0,0,0,.5);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.slideout-open .slideout-dimmer {
    visibility: visible;
    opacity: 1;
    z-index: 1000;
}


div#main_content_container {
    max-height: calc(100vh - 156px);
    overflow: auto;
    padding: 0 0 78px;
    box-sizing: border-box;
}




.loading_template {
    position: fixed;
    top: 156px;
    left: 0;
    height: calc(100% - 156px);
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    z-index: 1;
    background: #fff;
}
.loading_template img {
    -webkit-animation: loading-anim 2.5s ease-in-out infinite forwards;
    animation: loading-anim 2.5s ease-in-out infinite forwards;
    /* position: absolute; */
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    max-width: 200px;
}
@-webkit-keyframes loading-anim {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    35% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    75% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes loading-anim {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    35% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    75% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

p.warning {
    display: flex;
    align-items: flex-start;
    color: #FCB927;
    font-size: 11px;
}
p.warning span {
    font-size: 16px;
    margin: 0 6px 0 0;
}
p.warning span.text {
    font-size: 13px;
}

.status_text {
    color: #202A4E;
    text-transform: lowercase;
}
.status_text.red {
    color: #EF798A;
}
.status_text.green {
    color: #1B998B;
}


/*POPUP*/
img.fullscreen_dialog_bkg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: .15s all linear;
}
img.fullscreen_dialog_bkg.hidethis {
    opacity: 0;
}
.card_container {
    padding: 12px 24px;
}
.card_wrapper {
    border-radius: 24px;
    background: #fff;
    padding: 24px 36px;
}


p.error {
    color: #EF798A;
    margin: -18px 0 0;
}

md-radio-group.bubbleRadio md-radio-button {
    width: 42px;
    text-align: center;
    border-radius: 50%;
    background: #EDF2F4;
    margin: 6px;
    height: 42px;
    font-size: 14px;
}
md-radio-group.bubbleRadio md-radio-button.md-checked {
    background: #202A4E;
    color: #fff;
}

.md-select-menu-container {
    max-width: 70%;
}
md-option {
    height: auto;
    min-height: 48px;
}
md-option:nth-child(even) {
    background: rgb(0 0 0 / 2%);
}
md-select-menu.md-default-theme md-content md-option:not([disabled]):hover, md-select-menu md-content md-option:not([disabled]):hover {
    background-color: rgb(237 230 227 / 50%);
}
md-option .md-text {
    white-space: normal;
}