/* FONTS & ICONS */

/*
@font-face {
    font-family: 'Montserrat';
    src: url(../fonts/Montserrat-Thin.ttf);
    font-style: normal;
    font-weight: 100;
}
@font-face {
    font-family: 'Montserrat';
    src: url(../fonts/Montserrat-ThinItalic.ttf);
    font-style: italic;
    font-weight: 100;
}
@font-face {
    font-family: 'Montserrat';
    src: url(../fonts/Montserrat-ExtraLight.ttf);
    font-style: normal;
    font-weight: 200;
}
@font-face {
    font-family: 'Montserrat';
    src: url(../fonts/Montserrat-ExtraLightItalic.ttf);
    font-style: italic;
    font-weight: 200;
}
@font-face {
    font-family: 'Montserrat';
    src: url(../fonts/Montserrat-Light.ttf);
    font-style: normal;
    font-weight: 300;
}
@font-face {
    font-family: 'Montserrat';
    src: url(../fonts/Montserrat-LightItalic.ttf);
    font-style: italic;
    font-weight: 300;
}
@font-face {
    font-family: 'Montserrat';
    src: url(../fonts/Montserrat-Regular.ttf);
    font-style: normal;
    font-weight: 400;
}
@font-face {
    font-family: 'Montserrat';
    src: url(../fonts/Montserrat-Italic.ttf);
    font-style: italic;
    font-weight: 400;
}
@font-face {
    font-family: 'Montserrat';
    src: url(../fonts/Montserrat-Medium.ttf);
    font-style: normal;
    font-weight: 500;
}
@font-face {
    font-family: 'Montserrat';
    src: url(../fonts/Montserrat-MediumItalic.ttf);
    font-style: italic;
    font-weight: 500;
}
@font-face {
    font-family: 'Montserrat';
    src: url(../fonts/Montserrat-SemiBold.ttf);
    font-style: normal;
    font-weight: 600;
}
@font-face {
    font-family: 'Montserrat';
    src: url(../fonts/Montserrat-SemiBoldItalic.ttf);
    font-style: italic;
    font-weight: 600;
}
@font-face {
    font-family: 'Montserrat';
    src: url(../fonts/Montserrat-Bold.ttf);
    font-style: normal;
    font-weight: 700;
}
@font-face {
    font-family: 'Montserrat';
    src: url(../fonts/Montserrat-BoldItalic.ttf);
    font-style: italic;
    font-weight: 700;
}
@font-face {
    font-family: 'Montserrat';
    src: url(../fonts/Montserrat-ExtraBold.ttf);
    font-style: normal;
    font-weight: 800;
}
@font-face {
    font-family: 'Montserrat';
    src: url(../fonts/Montserrat-ExtraBoldItalic.ttf);
    font-style: italic;
    font-weight: 800;
}
@font-face {
    font-family: 'Montserrat';
    src: url(../fonts/Montserrat-Black.ttf);
    font-style: normal;
    font-weight: 900;
}
@font-face {
    font-family: 'Montserrat';
    src: url(../fonts/Montserrat-BlackItalic.ttf);
    font-style: italic;
    font-weight: 900;
}*/




body {
    font-family: 'Montserrat', sans-serif;
}
span.top_bar_bold_title {
    font-weight: 500;
}

/* spinner style */
.spinner {
    position: relative;
    width: 36px;
    height: 36px;
    transition:0.5s linear all;
}
.spinner:before {
    content: "";
    display: block;
    position: absolute;
    border-width: 2px;
    border-style: solid;
    border-radius: 50%;
}
.spinner:after {
    content: "";
    display: block;
    position: absolute;
    border-width: 2px;
    border-style: solid;
    border-radius: 50%;
}



/*    .spinner.spinner-1 {*/

@keyframes rotate-animation {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes anti-rotate-animation {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(-360deg);
    }
}

.spinner.spinner-1:before {
    width: 30px;
    height: 30px;
    border-bottom-color: #009CA6;
    border-right-color: #009CA6;
    border-top-color: rgba(255, 0, 0, 0);
    border-left-color: rgba(255, 0, 0, 0);
    top: 0px;
    left: 0px;
    animation: rotate-animation 1s linear 0s infinite;
}

.spinner.spinner-1:after {
    width: 12px;
    height: 12px;
    border-bottom-color: #e70e2d;
    border-right-color: #e70e2d;
    border-top-color: rgba(255, 0, 0, 0);
    border-left-color: rgba(255, 0, 0, 0);
    top: 25%;
    left: 25%;
    /* transform: translate(-50%, -50%); */
    animation: anti-rotate-animation 0.85s linear 0s infinite;
}


.loading {
    position: fixed;
    width: 100%;
    height: calc(100vh - 52px);
    background: #fafafa;
    z-index: 100000;
}
/* The starting CSS styles for the enter animation */
.loading.ng-enter {
    transition:0.5s linear all;
    opacity:0;
}

/* The finishing CSS styles for the enter animation */
.loading.ng-enter.ng-enter-active {
    opacity:1;
}

.loading.ng-leave {
    transition:0.75s ease-out all;
    height: calc(100vh - 52px);
    opacity:1;
    background: rgb(250,250,250);
background: linear-gradient(0deg, rgba(250,250,250,0) 0%, rgba(250,250,250,1) 100%);
}
.loading.ng-leave .spinner {
}
.loading.ng-leave.ng-leave-active {
    opacity:0;
    height: calc(20vh - 52px);
    background: rgb(250,250,250);
background: linear-gradient(0deg, rgba(250,250,250,0) 0%, rgba(250,250,250,0) 100%);
}



nointernet svg.noInternet, noregists svg.noRegists {
    width: 36px !important;
    height: 36px;
}
svg.noInternet path.fa-primary, svg.noRegists path.fa-primary {
    fill: #999;
}
svg.noInternet path.fa-secondary, svg.noRegists path.fa-secondary {
    fill: #999;
    /*opacity: 0.7;*/
}
.error_screen_text {
    color: #999;
    text-align: center;
    font-size: 14px;
    padding: 16px 0 0;
}


.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;
    min-height: 100vh;
}

.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: -300px;
}
.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;
}



/* BLOCKS */
/* Header */
.topbar_container {
    position: relative;
    z-index: 1;
}
.topbar_wrapper button.md-button.md-ink-ripple {
    margin: 0;
    min-width: initial;
    line-height: 52px;
    width: 52px;
    font-size: 16px;
}
.topbar_image {
    width: 120px;
    height: 52px;
}
.topbar_image img {
    height: 40px;
}
.topbar_bottom_wrapper {
    height: 10px;
    border-radius: 0px 0px 10px 10px;
    width: 100%;
}






.page_title_wrapper {
    padding: 12px 0;
}
.main_content_main_container {
    height: calc(100vh - 50px);
    margin: -12px 0 0;
}
.page_title_icon {
    font-size: 28px;
}

.page_content_container {
    height: calc(100vh - 100px);
    /*padding: 0 26px;*/
    overflow: auto;
}
.page_content_input_container {
    padding: 0 0 12px;
}
.page_content_input_wrapper {
    background: #e0e0e0;
    border-radius: 22px;
    position: relative;
}
.page_content_input_wrapper input {
    border: 0;
    background: transparent;
    padding: 12px 6px 12px 12px;
    font-size: 14px;
    width: 250px;
    text-align: center;
    font-weight: 300;
}
.page_content_input_wrapper div {
    padding: 12px 12px;
    font-size: 16px;
    position: absolute;
    right: 0;
}

.page_content_content_wrapper {
    padding: 22px 0;
    height: calc(100vh - 150px);
    overflow: auto;
}





.major_container {
    width: 100%;
    background: #ddd;
}
.major_wrapper {
    padding: 6px 6px;
}
md-card {
    margin: 0 0 6px;
}
ui-view.main_window .major_container {
    height: calc(100% - 52px);
    overflow: auto;
}




/* HEADER */
.header_wrapper button.md-icon-button.md-button.md-ink-ripple {
    font-size: 16px;
}
.header_wrapper {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    padding: 6px 0;
}
.header_logo_wrapper img {
    height: 18px;
}






/* HOME */
.card_wrapper.hello_card {
    background-position: left;
    background-repeat: no-repeat;
    background-size: 210%;
    position: relative;
}
.hello_card_big_title_wrapper {
    color: #fff;
    padding: 18px 12px;
}
.hello_card_big_title_greet {
    font-size: 20px;
    text-transform: uppercase;
    color: #fff;
}
.hello_card_big_title_name {
    font-size: 16px;
    font-weight: 700;
    padding: 12px 0 0;
}
.hello_card_big_title_contact {
    font-size: 12px;
}
.hello_card_big_title_contact span {
    padding: 0 6px 0 0;
}
.hello_card_big_title_fractions {
    margin: 12px 0 0;
    font-weight: 700;
    border-top: 1px solid #fff;
    padding: 8px 0 0;
}
slick.hello_card_slider_wrapper.slick-slider > button {
    display: none !important;
}
.slick-initialized .slick-slide {
    padding: 0 40px 24px;
    color: #fff;
}
.hello_card_slider_street_name {
    font-size: 14px;
    text-align: center;
    font-weight: 400;
}
.hello_card_slider_street_name_detail {
    text-align: center;
    font-size: 12px;
    font-weight: 700;
}
button.hello_card_slider_button.left.md-button.md-ink-ripple {
    left: 0;
}
button.hello_card_slider_button.right.md-button.md-ink-ripple {
    right: 0;
}
button.hello_card_slider_button {
    position: absolute;
    bottom: 20px;
    color: #fff;
    margin: 0;
    min-width: auto;
    min-height: auto;
    height: 40px;
    width: 40px;
    border-radius: 50%;
}
.card_big_title_wrapper {
    background: #009CA6;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 18px;
    height: 40px;
}
.card_wrapper_date {
    min-width: 90px;
    padding: 0px 6px 0px 6px;
    border-right: 2px solid #e70e2d;
    margin: 6px 6px 6px 0;
    height: 100;
}
.card_wrapper_text_wrapper {
    min-height: 62px;
}
.card_wrapper_date .card_wrapper_day {
    font-size: 30px;
    line-height: 30px;
    font-weight: 700;
    color: #009CA6;
}
.card_wrapper_date .card_wrapper_month {
    text-transform: uppercase;
    font-size: 14px;
    color: #009CA6;
    border-top: 2px solid #e70e2d;
    padding: 3px 0;
}
.card_wrapper_type_wrapper {
    margin: 0 0 6px;
}
.card_wrapper_title {
    font-size: 14px;
    color: #009CA6;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0 6px;
}
.card_wrapper_text {
    font-size: 14px;
    color: #009CA6;
    text-transform: uppercase;
    padding: 0 6px;
}
.card_wrapper_reunions {
    /*padding: 6px 0px 0;*/
    border-bottom: 1px solid #e70e2d;
    /*margin: 0 0 6px;*/
}
.card_wrapper_type {
    font-size: 12px;
    background: rgba(231, 14, 45, 0.8);
    padding: 3px 6px;
    color: #fff;
    border-radius: 0px 0px 0px 6px;
    /* margin: 6px 0 0; */
}
.card_confirm_presence_button.md-button.md-ink-ripple {
    margin: 0;
    width: 100%;
    text-transform: inherit;
    font-size: 14px;
    background: #FFB300;
    border-radius: 0;
    color: #fff;
    font-weight: 700;
    min-height: auto;
    line-height: 40px;
}


.useful_numbers_tabs md-tabs-canvas, .useful_numbers_tabs md-pagination-wrapper {
    height: 40px;
}
md-tabs-content-wrapper {
    top: 40px;
    overflow: hidden;
}
md-tabs:not(.md-no-tab-content):not(.md-dynamic-height) {
    min-height: 280px;
}
.useful_numbers_tabs .md-tab {
    font-size: 14px;
    padding: 0;
    line-height: 40px;
    text-transform: inherit;
    font-weight: 700;
}
.useful_numbers_tabs .md-tab.md-active {
    background: rgba(0, 75, 135, 0.1);
}
a.useful_numbers_item_wrapper.md-button.ng-scope.md-ink-ripple {
    margin: 0;
    font-size: 12px;
    line-height: 12px;
    color: #009CA6;
    font-weight: 700;
    border-top: 1px solid #ddd;
    height: 40px;
}
.useful_numbers_item_wrapper {
    margin: 0;
    font-size: 12px;
    line-height: 12px;
    color: #009CA6;
    font-weight: 700;
    border-top: 1px solid #ddd;
    height: 40px;
}
a.useful_numbers_item_wrapper.md-button.ng-scope.md-ink-ripple .useful_numbers_item_number {
    font-weight: 400;
}
.useful_numbers_item_wrapper .useful_numbers_item_number.administrator {
    font-weight: 400;
    color: #e70e2d;
}
md-tabs.md-default-theme .md-tab, md-tabs .md-tab {
    color: rgba(0, 75, 135, 0.7);
}
md-tab-item {
    background: #009CA6 !important;
    color: white!important;
}
md-tab-item.md-active {
    background: rgba(231, 14, 45, 0.7) !important;
    color: #fff!important;
}


.help_pinpoint.md-button.md-ink-ripple {
    min-width: auto;
    min-height: auto;
    width: 40px;
    height: 40px;
    margin: 0;
    font-size: 16px;
}
md-tooltip {
    max-width: calc(100% - 12px);
    left: 6px !important;
}
md-tooltip .md-content {
    white-space: normal;
    height: auto;
    line-height: 12px;
    font-size: 12px;
    padding: 6px;
    text-align: left;
}
md-tooltip[md-direction="top"] {
    margin: 6px 0 0;
}
.card_wrapper_current_item {
    padding: 6px 0;
    margin: 6px 6px;
    border-bottom: 1px solid #e70e2d;
    min-height: 50px;
}
.card_wrapper_current .card_wrapper_current_item:last-child {
    border-bottom: 0;
    margin: 6px 6px 0;
}
.card_wrapper_current_item_values {
    font-size: 10px;
    text-transform: uppercase;
    color: #009CA6;
    text-align: center;
}
.card_wrapper_current_item_value {
    font-size: 16px;
    /* line-height: 42px; */
    font-weight: 700;
}
.card_wrapper_current_item_desc_title {
    font-size: 14px;
    color: #009CA6;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.card_wrapper_current_item_desc_date {
    font-size: 10px;
    text-transform: uppercase;
    color: #009CA6;
    text-align: left;
    font-weight: 700;
    margin: 5px 0 0;
}



td.table_desc_cell {
    max-width: calc(100vw - 130px);
    padding: 0 6px;
}
md-table-container.regular_table table.md-table.md-row-select td.md-cell.md-checkbox-cell + td.table_desc_cell {
    max-width: calc(100vw - 160px);
}
md-table-container.regular_table table.md-table.md-row-select td.md-cell.md-checkbox-cell {
    padding: 0 6px;
    border: 0;
}
md-checkbox.md-default-theme.md-checked .md-ink-ripple, md-checkbox.md-checked .md-ink-ripple {
    color: rgb(231, 14, 45);
}
md-checkbox.md-default-theme.md-checked .md-icon, md-checkbox.md-checked .md-icon {
    background-color: rgb(231, 14, 45);
}
md-table-container.regular_table table tbody tr.md-row {
    outline: none;
}
.require_new_pay_ref_button_spacer {
    height: 0;
    transition: .15s all linear;
}
.require_new_pay_ref_button_spacer.showing {
    height: 50px;
    transition: .15s all linear;
}
.require_new_pay_ref_container {
    position: absolute;
    bottom: -60px;
    left: 0;
    width: 100%;
    background: #fff;
    border-top: 1px solid #cdcdcd;
    box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.4);
    transition: .15s all linear;
}
.require_new_pay_ref_container.showing {
    bottom: 0;
}
.require_new_pay_ref_wrapper {
    padding: 6px;
}
.require_new_pay_ref_wrapper button.md-button.md-ink-ripple {
    width: 100%;
    margin: 0;
    background: #e70e2d;
    color: #fff;
}






.card_wrapper_current_text {
    padding: 6px 6px;
    font-size: 20px;
    font-weight: 700;
    color: #009CA6;
}
.card_wrapper_current_text_desc {
    font-size: 14px;
    border-bottom: 1px solid #e70e2d;
    margin: 0 20px 0 0;
    line-height: 24px;
    font-weight: 400;
}
.card_wrapper_current_text_desc_fracCount_title {
    font-size: 14px;
    font-weight: 400;
}
.card_wrapper_current_text_desc_fracCount_text {
    font-size: 14px;
    padding: 0 6px;
}
.card_wrapper_current_text_desc_fracCount_wrapper {
    padding: 6px 0 0;
}
.card_wrapper_current_text_desc_fracList_wrapper {
    font-size: 12px;
    font-weight: 400;
    padding: 6px 20px 0 10px;
}
.card_wrapper_current_text_desc_fracList {
    position: relative;
}
.card_wrapper_current_text_desc_fracList:before {
    content: "";
    position: absolute;
    border: 5px solid transparent;
    border-left: 5px solid #e70e2d;
    left: -8px;
    top: 3px;
}




md-dialog.main_dialog {
    border-radius: 0;
    width: 90%;
    max-width: 85%;
    min-height: 265px;
}
.card_big_title_subheader {
    background: rgba(221, 221, 221, 0.5);
    padding: 6px 8px;
}
.card_big_title_subheader_item {
    font-size: 12px;
    font-weight: 700;
    color: #009CA6;
}
.card_big_title_subheader_date {
    font-size: 12px;
    color: #009CA6;
}
.card_big_title_body_wrapper {
    padding: 6px 8px;
}
.card_big_title_body_title {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    color: #e70e2d;
}
.card_big_title_body_text {
    font-size: 14px;
    text-align: justify;
    color: #333;
}
.card_big_title_body_section_spacer {
    height: 18px;
}
.card_big_title_footer_wrapper {
    padding: 6px 8px;
    background: #ddd;
    margin: 18px 0 0;
    border-top: 1px solid #ccc;
}
.card_big_title_footer_item_wrapper .flex {
    border-bottom: 1px dotted #333;
    height: 10px;
    margin: 0 6px;
}
.card_big_title_body_wrapper .card_big_title_body_title {
    color: #009CA6;
}
button.current_payment_button.md-button.md-ink-ripple {
    background: #e70e2d;
    margin: 0;
    white-space: unset;
    min-width: auto;
    width: 120px;
    line-height: 20px;
    color: #fff;
    text-transform: capitalize;
    border-radius: 3px;
    padding: 6px 6px;
}


md-tabs[escondidinha] md-tabs-wrapper {
    display: none;
}
md-dialog.main_dialog.current_payment .card_big_title_body_wrapper {
    min-height: 200px;
}
md-dialog.main_dialog.current_payment .card_big_title_body_wrapper button.current_payment_button.md-button.md-ink-ripple {
    margin: 8px;
    width: 180px;
    padding: 16px 0;
}


.mb_payment_details_disclosure {
    font-size: 12px;
    text-align: justify;
    color: #666;
}
.mb_logo_wrapper img {
    width: 70px;
    display: block;
    margin: 0 auto;
}
.mb_payment_details_container {
    flex: auto;
    justify-content: center;
    align-items: center;
    display: flex;
}
.mb_payment_details_wrapper {
    flex: auto;
    justify-content: center;
    align-items: center;
    /* display: flex; */
}
.mb_payment_details_item .flex {
    border-bottom: 1px dotted #333;
    margin: 0 6px;
}
.mb_payment_details_item {
    margin: 0 0 6px;
    font-size: 14px;
    line-height: 14px;
}
.mb_payment_details_text {
    font-weight: 700;
    color: #009CA6;
}
md-input-container.payment_modality_wrapper {
    margin: 0;
    width: calc(100% - 12px);
    padding: 12px 6px;
}
md-input-container.payment_modality_wrapper .select_label {
    font-size: 12px;
    color: #009CA6;
    font-weight: 700;
}
.md-select-value {
    font-size: 14px;
    font-weight: 600;
}
.md-select-value .md-select-icon:after {
    font-size: 20px;
    color: #e70e2d;
}
.card_big_title_body_wrapper.mb_warning {
    font-size: 12px;
    text-align: center;
    padding: 6px 0px;
    margin: 0px 6px 0;
    border-top: 1px solid #009CA6;
}









/* ASSEMBLY */
.assembly_list_title {
    font-size: 18px;
    color: #009CA6;
    font-weight: 600;
}
.assembly_list_date {
    font-size: 12px;
    font-weight: 500;
    margin: 6px 0 18px;
}
.assembly_list_subtitle {
    font-size: 14px;
    font-weight: 600;
    color: #009CA6;
    border-bottom: 1px solid #e70e2d;
    margin: 0 0 6px;
}
.assembly_list_point {
    font-size: 14px;
    text-align: justify;
    margin: 12px 0 24px;
    color: #333;
}
.assembly_list_point span {
    font-size: 14px;
    font-weight: 800;
    color: #e70e2d;
    margin: 0 6px 0 0;
}
md-tabs.no_visible_tabs md-tabs-wrapper {
    display: none;
}

md-tabs.no_visible_tabs md-tabs-content-wrapper {
    overflow: auto;
    height: calc(100% - 52px);
}
.navigation_tab_wrapper a.md-button.md-ink-ripple {
    margin: 0;
    min-width: auto;
    min-height: auto;
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    color: #009CA6;
}
.navigation_tab_wrapper {
    background: rgba(221, 221, 221, 0.5);
    /*margin: 0 0 12px;*/
}
.page_container {
    /*height: calc(100vh - 150px);*/
    overflow: auto;
}
.page_wrapper {
    margin: 12px 6px;
}
.navigation_tab_text {
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    color: #009CA6;
}






/* SETTINGS */
.card_wrapper.settings {
    padding: 8px 6px;
}
button.card_action_buttons_null {
    background: rgba(231, 14, 45, 1);
    color: #fff;
    text-transform: inherit;
    font-weight: 700;
    font-size: 14px;
}
button.card_action_buttons_confirm {
    background: rgba(0, 75, 135, 1);
    color: #fff;
    text-transform: inherit;
    font-weight: 700;
    font-size: 14px;
}
button.card_action_buttons_null[disabled] {
    background: rgba(231, 14, 45, 0.3);
    color: #fff;
}
button.card_action_buttons_confirm[disabled] {
    background: rgba(0, 75, 135, 0.3);
    color: #fff;
}
span.settings_password_error.ng-binding {
    display: block;
    font-size: 12px;
    color: #e70e2d;
}
md-input-container.md-block.base_input .md-errors-spacer {
    display: none;
}
md-input-container.md-block.base_input {
    font-size: 14px;
}
md-switch[dir="rtl"] .md-label {
    flex: auto;
    text-align: left;
}
md-switch .md-label {
    font-size: 14px;
}
button.settings_button.md-button.md-ink-ripple {
    margin: 0;
    font-size: 14px;
    text-transform: inherit;
    font-weight: 400;
    padding: 0;
    width: 100%;
    text-align: left;
}








.bottom_button_wrapper .md-button.md-ink-ripple {
    background: #e70e2d;
    color: #fff;
    width: 100%;
    margin: 0;
    line-height: 40px;
    border-radius: 0;
    font-weight: 700;
}
ui-view.main_window .major_container.bottom_button {
    height: calc(100% - 80px);
}
.occurence_list_button_details_wrapper {
    line-height: 16px;
    font-size: 14px;
    text-align: left;
}
.occurence_list_button_icon {
    width: 90px;
    height: 36px;
    line-height: 18px;
}
.occurence_list_button_icon_wrapper {
    width: 80px;
    color: #009CA6;
    z-index: 1;
}
.occurence_list_button_details_wrapper .list_occurr_id {
    font-weight: 700;
    color: #009CA6;
}
.occurence_list_button_details_wrapper .list_occurr_timestamp {
    color: #009CA6;
    font-size: 12px;
}
.occurence_list_button_icon_desc {
    font-size: 10px;
    text-transform: initial;
    text-align: center;
    font-weight: 800;
}
a.occurence_list_button.md-button.ng-scope.md-ink-ripple {
    margin: 0;
    padding: 6px 6px 6px 20px;
    border-bottom: 1px solid #009CA6;
    border-radius: 0;
}
a.occurence_list_button.md-button.ng-scope.md-ink-ripple:last-child {
    border: 0;
}
.occurence_list_button_icon:before {
    content: "";
    position: absolute;
    width: 12px;
    height: 48px;
    bottom: 0;
    left: 0;
}
.occurence_list_button.aberto .occurence_list_button_icon:before {
    background: rgba(0, 231, 255, 1);
}
.occurence_list_button.fechado .occurence_list_button_icon:before {
    background: rgba(68, 183, 115, 1);
}
.occurence_list_button.pendente .occurence_list_button_icon:before {
    background: rgba(224, 170, 83, 1);
}
.occurence_list_button.invalido .occurence_list_button_icon:before {
    background: rgba(228, 0, 43, 1);
}
.ocurrence_list_legend_wrapper {
    width: calc(100% + 12px);
    padding: 6px 6px;
    background: rgba(0, 75, 135, 0.5);
}
.occurence_list_legend_desc {
    color: #fff;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 600;
}
.occurence_list_legend_color {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 1px solid #fff;
    margin: 0 3px 0 0;
}




.occurrence_title {
    background: rgba(0, 75, 135, 0.5);
    color: #fff;
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 26px;
    font-size: 14px;
}
.occurrence_header_container {
    background-color: rgba(0, 75, 135, 0.85);
    background-blend-mode: multiply;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.occurrence_header_wrapper {
    padding: 10px 6px 6px;
}
.occurrence_header_details_wrapper {
    color: #fff;
    font-size: 13px;
    font-weight: 300;
}
.occurrence_header_details_status {
    font-weight: 700;
    text-transform: uppercase;
    margin: 12px 0 0;
    font-size: 18px;
}
.occurrence_header_details_status.aberto {
    color: rgba(0, 231, 255, 1);
}
.occurrence_header_details_status.fechado {
    color: rgba(68, 183, 115, 1);
}
.occurrence_header_details_status.pendente {
    color: rgba(224, 170, 83, 1);
}
.occurrence_header_details_status.invalido {
    color: rgba(228, 0, 43, 1);
}
.occurrence_header_status_wrapper {
    color: #fff;
}
.occurrence_header_status_icon {
    font-size: 22px;
}
.occurrence_header_status_icon {
    font-size: 22px;
}
.occurrence_header_details_date {
    border-bottom: 1px solid #fff;
    padding: 0 0 3px;
    margin: 0 0 3px;
}



.card_big_title_wrapper.warning {
    background: #FFB300;
    height: 52px;
}
.card_big_title_wrapper.warning .help_pinpoint.md-button.md-ink-ripple {
    height: 52px;
}
.require_new_pay_value_container {
    padding: 0 0 0 12px;
    text-align: center;
    min-width: 85px;
}
.require_new_pay_value_title {
    font-size: 12px;
    color: #009CA6;
    font-weight: 700;
}
.require_new_pay_value_number {
    font-size: 16px;
    color: #009CA6;
}


.menu_content_container {
    height: calc(100vh - 125px);
    overflow: auto;
    background-color: #fafafa;
}
.main_menu_links_container > a, .main_menu_links_container > button {
    /*padding: 8px 10px;*/
    margin: 0;
}
.main_menu_links_container > a > md-icon, .main_menu_links_container > button > md-icon {
    color: #212121;
}
.main_menu_links_container > a > p, .main_menu_links_container > button > p {
    margin: 0 0 0 20px;
    color: #000;
    font-weight: 700;
    text-transform: capitalize;
    font-size:16px;
}
.copyright_wrapper {
    margin: 6px 30px;
}
.copyright_wrapper .copyright_small_text {
    font-size: 12px;
    font-weight: 800;
    color: #666;
}
.copyright_wrapper a {
    color: #212121;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
}

.app_page_header_wrapper {
    background: #212121;
    color: #fff;
    text-align: center;
    border-radius: 0px 0px 25px 25px;
    padding: 0 18px 16px;
    position: relative;
    /*height: 100px;*/
}
.app_page_header_title_wrapper {
    /*height: 48px;*/
    vertical-align: bottom;
}
.app_page_header_title {
    font-weight: 800;
    font-size: 22px;
}
.app_page_header_subtitle {
    font-size: 12px;
    font-weight: 200;
    /*height: 30px;*/
}
.app_page_subheader_container {
    background: #fc3;
    text-align: center;
    border-radius: 0px 0px 25px 25px;
    padding: 31px 18px 8px;
    margin: -25px 0 0;
    color: #fff;
}
.app_page_subheader_text {
    font-size: 14px;
    font-weight: 600;
}
.welcome_name_intro {
    font-size: 12px;
    font-weight: 300;
    text-align: left;
}
.welcome_name_wrapper .welcome_name_name {
    font-size: 18px;
    font-weight: 600;
}
.welcome_login_button {
    background: #40c4ff;
    padding: 6px 12px;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 600;
}
.welcome_wrapper a.md-button.md-ink-ripple {
    min-width: auto;
    min-height: auto;
    background: #40C4FF;
    height: 36px;
    width: 36px;
    border-radius: 6px;
    margin: 0 6px;
}
.meteo_temp_wrapper {
    position: relative;
}
.meteo_temp_number {
    font-size: 24px;
    font-weight: 600;
    line-height: 50px;
    position: relative;
}
.meteo_temp_wrapper .meteo_temp_icon {
    position: absolute;
    height: 44px;
    width: 44px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    left: calc(50% - 22px);
    top: 0;
}
.meteo_temp_desc {
    font-size: 12px;
}


.home_contacts_wrapper md-tabs md-tabs-wrapper md-tabs-canvas md-pagination-wrapper {
    width: 100%;
    display: flex;
    height: 40px;
}
.home_contacts_wrapper md-tabs md-tabs-wrapper md-tabs-canvas md-pagination-wrapper md-tab-item {
    color: #333;
    flex: auto;
    border-radius: 10px;
    padding: 0;
    line-height: 40px;
    font-weight: 600;
    text-transform: inherit;
    font-size: 16px;
}
.home_contacts_wrapper md-tabs md-tabs-wrapper md-tabs-canvas md-pagination-wrapper md-tab-item.md-tab.md-active {
    background: #e6e6e6;
    color: #666;
    font-weight: 600;
}
.home_contacts_wrapper md-tabs md-tabs-wrapper {
    border-bottom: 0;
}
a.home_contacts_button.md-button.md-ink-ripple {
    color: #000;
    font-weight: 800;
    margin: 0;
    height: 40px;
}
a.home_contacts_button.md-button.md-ink-ripple .home_contacts_button_number {
    color: #212121;
    font-weight: 600;
}
a.home_contacts_button.green.md-button.md-ink-ripple {
    background: #0c9;
    color: #fff;
    font-size: 18px;
    padding: 0 16px;
    border-radius: 20px;
    font-weight: 600;
}
a.home_contacts_button.green.md-button.md-ink-ripple .home_contacts_button_number {
    color: #fff;
    font-weight: 600;
}
.home_contacts_title {
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    color: #212121;
    margin: 18px 0 6px;
}


.services_item_container {
    padding: 6px;
}
.services_item_outer_wrapper {
    height: 250px;
    border-radius: 25px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}
.services_item_wrapper {
    background-color: #e6e6e6;
    color: #fff;
    font-weight: 600;
    height: 100%;
}
.services_item_container.blue .services_item_wrapper {
    /*background-color: rgba(0, 155, 250, .8);*/
}
.services_item_container.purple .services_item_wrapper {
    /*background-color: rgba(102, 102, 255, .8);*/
}
.services_item_wrapper .services_item_icon {
    font-size: 32px;
    margin: 24px 0;
}
.services_item_wrapper .services_item_text {
    font-size: 16px;
    text-align: center;
}