body {
    font-family: 'Ubuntu';
    font-weight: 100;
    font-size: 12px;
}

.h3, h3 {
    font-size: 1.3rem;
    text-transform: uppercase;
    margin-top: 40px;
    margin-bottom: 10px;
    color: #707070;
    text-align: center;
}

.h4, h4 {
    font-size: 1rem;
    color: #6EC6D9;
}

b, strong {
    font-weight: 600;
}

.masthead {
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 999;
}

.panel-menu {
    z-index: 99;
}

.container-fluid.body-content,
.container.body-content {
    margin-top: 74px;
    margin-bottom: 20px;
}

.pageWithoutmenu .fundo-verde {
    margin-top: 0px;
}

.pageWithoutmenu .container-fluid.body-content,
.pageWithoutmenu .container.body-content {
    margin-top: 0px;
}

.body-homepage .container-fluid.body-content {
    margin-top: 81px;
    height: 87vh;
    overflow: auto;
}

.termos-condicoes,
.pagina-contactos {
    color: white;
}

.pageWithoutmenu .masthead {
    display: none;
    margin-top: 0;
}

.body-others .masthead {
    background: #1d1d1b;
    /*border-radius: 5px;*/
}

.btn-user {
    margin-top: 20px;
    width: 40px;
    border-radius: 50%;
    height: 40px;
    object-fit: cover;
    object-position: top;
}

#menu-foto-user img {
    width: 60px;
    border-radius: 50%;
    height: 60px;
    object-fit: cover;
    object-position: top;
}

#menu-foto-user {
    background: #EAEAEA;
    display: inline-block;
    border-radius: 50%;
    /*padding: 10px;*/
}

.logo-menu-centro {
    /*margin: auto;*/
    display: block;
}

    .logo-menu-centro,
    .logo-menu-centro img {
        max-width: 190px;
    }

.btn-novo-deposito {
    background: #6da62c;
    text-align: center;
    text-transform: uppercase;
    color: white;
    padding: 10px;
    display: block;
    margin: auto;
    width: 100%;
    font-weight: bold;
    letter-spacing: 1px;
}

    .btn-novo-deposito img {
        width: 25px;
    }

.logotipo {
    margin-bottom: 15px;
    max-width: 270px;
    width: 100%;
}

.txt-info {
    color: white;
    padding: 0px 20px 10% 20px;
    font-size: 16px;
    margin-top: -20PX;
}

.circulo-pontos {
    width: 120px;
    height: 120px;
    margin: auto;
    text-align: center;
    border-radius: 60px;
    background: #63a9a0;
    padding: 10px;
    margin-top: 10%;
    margin-bottom: 10%;
}

.info-pontos-acomulados {
    color: #a9e5b1;
    font-size: 35px;
    line-height: 40px;
}

.txt-pontos {
    color: white;
}

.info-resumo-home {
    background: #ffffffc9;
    padding: 20px 0px;
    margin: 0;
    margin-bottom: 20px;
    font-weight: bold;
}

.txt-verde {
    color: #6da62c;
    font-weight: 600;
    font-size: 25px;
}

.txt-labels {
    text-transform: uppercase;
    font-weight: 600;
}

.info-resumo-home img {
    margin-right: 5px;
}

.border-verde {
    border-left: 1px solid #6da62c;
    border-right: 1px solid #6da62c;
}

.mt-20 {
    margin-top: 20px;
}
/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}


.ml-5 {
    margin-left: 5px;
}

/*SLIDE MENU*/
.panel-menu {
    position: fixed;
    right: -50%; /*left or right and the width of your navigation panel*/
    width: 50%; /*should match the above value*/
    background: #fff;
    z-index: 9999;
    /*margin-top: 75px;*/
}


.wrap {
    position: relative;
}

.list-group {
    padding: 0px 20px;
}

.list-group-item {
    background-color: transparent;
    border: none;
    /*border-bottom: 1px solid #ddd;*/
    color: #212517;
    font-weight: bold;
    text-transform: uppercase;
    padding: 10px 0px;
}

    .list-group-item a {
        color: #212517;
    }

        .list-group-item a:hover,
        .list-group-item a.active {
            color: #6EC6D9;
            text-decoration: none;
        }


/*FORMS*/
.form {
}

select::-ms-expand {
    display: none;
}

select {
    /* -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;*/
    text-overflow: '';
}


.form input, .form select {
    outline: 0;
    width: 100%;
    border-radius: 5px;
    margin: 0 0 15px;
    padding: 15px;
    box-sizing: border-box;
    font-size: 14px;
}

    .form button,
    .form input[type="submit"] {
        font-family: "Roboto", sans-serif;
        text-transform: uppercase;
        outline: 0;
        background: #6EC6D9;
        width: 100%;
        border: 0;
        padding: 15px;
        color: #FFFFFF;
        font-size: 14px;
        -webkit-transition: all 0.3 ease;
        transition: all 0.3 ease;
        cursor: pointer;
    }

    .form input[type="checkbox"] {
        width: auto;
        margin-right: 5px;
        padding: 20px;
    }

.form .message {
    margin: 15px 0 0;
    color: #b3b3b3;
    font-size: 12px;
}

    .form .message a {
        color: #4CAF50;
        text-decoration: none;
    }

.login-page label {
    color: #212517;
}

.body-login #menu,
.body-login .masthead {
    display: none;
}
/*LOGIN ERROR ANIMATION*/
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

    .animated.infinite {
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
    }

    .animated.hinge {
        -webkit-animation-duration: 2s;
        animation-duration: 2s;
    }

    .animated.bounceIn,
    .animated.bounceOut {
        -webkit-animation-duration: .75s;
        animation-duration: .75s;
    }

    .animated.flipOutX,
    .animated.flipOutY {
        -webkit-animation-duration: .75s;
        animation-duration: .75s;
    }

@-webkit-keyframes shake {
    from, to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

@keyframes shake {
    from, to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake;
}
/***/

/*===========LOADING PAGE=====================*/
#loader-wrapper,
.loadingImg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

#loader,
#loaderImg {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #6EC6D9; /*Verde*/
    -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
    z-index: 1001;
}

    #loader:before,
    #loaderImg:before {
        content: "";
        position: absolute;
        top: 5px;
        left: 5px;
        right: 5px;
        bottom: 5px;
        border-radius: 50%;
        border: 3px solid transparent;
        border-top-color: #62a9a0;
        -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
        animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
    }

    #loader:after,
    #loaderImg:after {
        content: "";
        position: absolute;
        top: 15px;
        left: 15px;
        right: 15px;
        bottom: 15px;
        border-radius: 50%;
        border: 3px solid transparent;
        border-top-color: #e26945;
        -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
        animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
    }

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg); /* IE 9 */
        transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */
    }

    100% {
        -webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg); /* IE 9 */
        transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg); /* IE 9 */
        transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */
    }

    100% {
        -webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg); /* IE 9 */
        transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */
    }
}

#loader-wrapper .loader-section {
    position: fixed;
    top: 0;
    width: 51%;
    height: 100%;
    background: #222222;
    z-index: 1000;
    -webkit-transform: translateX(0); /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateX(0); /* IE 9 */
    transform: translateX(0); /* Firefox 16+, IE 10+, Opera */
}

.loadingImg .loader-section {
    position: fixed;
    top: 0;
    width: 50%;
    height: 100%;
    background: #ffffff9c;
    z-index: 1000;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.loadingImg {
    display: none;
}

    #loader-wrapper .loader-section.section-left,
    .loadingImg .loader-section.section-left {
        left: 0;
    }

    #loader-wrapper .loader-section.section-right,
    .loadingImg .loader-section.section-right {
        right: 0;
    }

/* Loaded */
.loaded #loader-wrapper .loader-section.section-left {
    -webkit-transform: translateX(-100%); /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateX(-100%); /* IE 9 */
    transform: translateX(-100%); /* Firefox 16+, IE 10+, Opera */
    -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

.loaded #loader-wrapper .loader-section.section-right {
    -webkit-transform: translateX(100%); /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateX(100%); /* IE 9 */
    transform: translateX(100%); /* Firefox 16+, IE 10+, Opera */
    -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

.loaded #loader {
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.loaded #loader-wrapper {
    visibility: hidden;
    -webkit-transform: translateY(-100%); /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateY(-100%); /* IE 9 */
    transform: translateY(-100%); /* Firefox 16+, IE 10+, Opera */
    -webkit-transition: all 0.3s 1s ease-out;
    transition: all 0.3s 1s ease-out;
}

/* JavaScript Turned Off */
.no-js #loader-wrapper {
    display: none;
}

.no-js h1 {
    color: #222222;
}

/*===========FIM LOADING PAGE=====================*/

/*ACCOUNT PAGE*/
.div-icon-account {
    text-align: right;
}

.accountpage {
    text-align: center;
    margin-top: 10px;
}

div.fundo-cinza {
    background: #F5F5F5;
    padding: 12px;
    font-size: 12px;
    color: #212517;
}

.text-red {
    color: #f0142f;
}

.text-white {
    color: #FFF;
}

.text-verde {
    color: #6EC6D9;
}

.text-verde-escuro {
    color: #3B402E;
}

div.fundo-cinza-escuro {
    background: #212517;
}

div.fundo-verde {
    background: #6EC6D9;
    color: #3B402E;
    margin-bottom: 4px;
    font-weight: 700;
    text-transform: uppercase;
}

div.fundo-verde-escuro {
    background: #3B402E;
    color: #6EC6D9;
    margin-bottom: 4px;
    font-weight: 700;
    text-transform: uppercase;
}

    div.fundo-verde-escuro a {
        color: white;
    }

div.fundo-verde,
div.fundo-verde-escuro,
div.fundo-cinza-escuro,
div.fundo-cinza {
    border-radius: 10px;
    margin-top: 10px;
    padding: 15px 10px;
    overflow-x: hidden;
}

div.fundo-branco-bordertopcinza {
    background: #fff;
    border-top: 3px solid #EAEAEA;
    text-align: center;
    padding: 10px;
    font-weight: 700;
    text-transform: uppercase;
}

div.fundo-cinza.txt-title {
    margin-top: 20px;
    text-transform: uppercase;
    font-weight: 600;
}

.info-residencia {
    margin-bottom: 20px;
    display: block;
}

.hidden {
    display: none;
    transition: opacity 1s ease-out;
    opacity: 0;
}

.section-title {
    margin: 0 -15px;
    border-radius: 0px !important;
}

    .section-title,
    .section-title a {
        color: white !important;
    }

.div-btns {
    text-align: right;
    margin-top: -10px;
}

.input-edit {
    width: 100%;
    border: none;
    background: transparent;
    text-align: center;
}

#account-nome-user {
    font-size: 30px;
    font-weight: 600;
}

.input-edit-postal {
    border: none;
    background: transparent;
    text-align: center;
}
/*FIM ACCOUNT PAGE*/

.popup-msgs {
    display: none;
    background: #020202c4;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
}

.header-popup {
    margin-bottom: 15px;
}

.conteudo-popup-msg {
    width: 80%;
    margin: auto;
    background: #fff;
    padding: 20px;
    margin-top: 100px;
}

.input-qt-deposito {
    background-image: url(../images/icon_small_b.png);
    background-color: #cfcfcf;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 24px;
    border: none;
    padding: 5px 10px;
    margin-top: 10px;
    text-align: center;
}

.btn-sel-oleao {
    opacity: 0.3;
    cursor: pointer;
}

    .btn-sel-oleao.active {
        opacity: 1;
    }

.btn-meu-oleao {
    border-right: 1px solid;
}

.mb-20 {
    margin-bottom: 20px;
}

.clear {
    clear: both;
    float: none;
}

.btn-submeter-form-depositos,
.btns-submeter-popup {
    background: #6EC6D9;
    color: #FFF;
    padding: 10px;
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 15px;
    cursor: pointer;
}

.btn-close-form-depositos,
.btns-close-popup {
    margin-top: 10px;
    cursor: pointer;
    text-decoration: underline;
}

#table-depositos,
.estilo-tabela {
    width: 100%;
    text-align: center;
}

    #table-depositos tr td,
    .estilo-tabela tr td {
        background: #f8f8f8;
        padding: 5px 0px;
        border-top: 5px solid white;
        font-weight: 600;
        margin-left: 0px;
        margin-right: 0px;
        transition: all 1s ease-in-out;
    }

.div_paginacao ul {
    padding: 0px;
    text-align: center;
    margin-top: 10px;
}

    .div_paginacao ul li {
        list-style: none;
        display: inline-block;
        margin: 0px 5px;
    }

        .div_paginacao ul li span {
            display: block;
            background: #6EC6D9;
            border-radius: 3px;
            padding: 2px 5px;
            color: white;
            cursor: pointer;
        }


.divswipe {
    background: #f8f8f8;
    padding: 5px 0px;
    border-top: 5px solid white;
    font-weight: 600;
    margin-left: 0px;
    margin-right: 0px;
    transition: all 1s ease-in-out;
    width: 100%;
}

.div_pre_swipe {
    width: 100%;
    overflow: hidden;
}

.conteudo-popup-msg.actioneditar {
    background: #63a9a0;
}

.conteudo-popup-msg.actionremover {
    background: red;
    color: white;
}

.div_pre_swipe.actionremover {
    background: red url(/images/trash_SVG.svg) no-repeat;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 10px;
}

    .div_pre_swipe.actionremover > div {
        margin-left: 50% !important;
    }

.div_pre_swipe.actioneditar {
    background: #63a9a0 url(/images/edit_SVG.svg) no-repeat;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: calc(100% - 10px);
}

    .div_pre_swipe.actioneditar > div {
        margin-left: -50% !important;
    }

.div_pre_swipe.actionaceitar {
    background-color: #6fa72f;
    background-image: url(/images/checked.svg) !important;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: calc(100% - 10px);
}

    .div_pre_swipe.actionaceitar > div {
        margin-left: -50% !important;
    }

.detalhes-pedidos,
.detalhes-membros {
    display: none;
    background: #3B402E;
    color: white;
    padding: 5px;
    margin: 0 0 10px 0px;
}
/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
    /* Hide captions */
    .carousel-caption {
        display: none;
    }
}


/*MAPA*/
#map {
    height: calc(100vh - 74px); /* The height is 400 pixels */
    width: 100%; /* The width is the width of the web page */
}
/*FIM MAPA*/

.no-margin-top {
    margin-top: 0px
}

.no-margin-bottom {
    margin-bottom: 0px
}


.customInfobox {
    background-color: #6EC6D9;
    color: #fff;
    max-width: 200px;
    border-radius: 10px;
    padding: 10px;
    font-size: 12px;
    pointer-events: auto !important;
}

    .customInfobox a {
        color: #272727;
        display: inline-block;
        padding-right: 10px;
        padding-left: 10px;
        text-align: center;
    }

    .customInfobox .title {
        font-size: 14px;
        font-weight: bold;
        margin-bottom: 5px;
        text-align: center;
    }


#map-legend span {
    padding-right: 30px;
    text-transform: uppercase;
}

#map-legend img {
    max-height: 30px;
    padding-right: 3px;
}

#map-legend {
    padding: 5px;
    position: fixed;
    bottom: 5px;
    left: 0px;
    background: white;
    color: black;
    width: 100%;
    text-align: left;
    font-weight: 700;
}

    #map-legend #txt-oleoa-avancado {
        color: #63a8a0;
    }


/* The alert message box */
.alert {
    padding: 20px;
    background-color: #f44336; /* Red */
    color: white;
    margin-bottom: 15px;
    position: fixed;
    width: 100%;
    top: 77px;
    z-index: 99;
    max-height: 50vh;
    overflow-y: auto;
}

.pageWithoutmenu .alert {
    top: 0px;
}

.alert.warning {
    background-color: #ff9800;
}

.alert.success {
    background-color: #4CAF50;
}

.alert.info {
    background-color: #2196F3;
}
/* The close button */
.closebtn {
    margin-left: 15px;
    color: white;
    font-weight: bold;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
}

    /* When moving the mouse over the close button */
    .closebtn:hover {
        color: black;
    }


.max-length-4, .max-length-3 {
    max-width: 47%;
}

.text-align-left {
    text-align: left;
}

/*================LEITOR QRCODE=====================*/

.leitor-qrcode {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    z-index: 20;
    width: 100%;
    background: white;
    text-align: center;
    overflow-y: auto;
}

#qrcode-titulo {
    background: #3B402E;
    color: #fff;
    padding: 20px 0;
    font-size: 2em;
    text-transform: uppercase;
}



#ignorar-leitor-qrcode {
    cursor: pointer;
    width: 120px;
    margin: 10px auto;
    color: #3B402E;
    text-decoration: underline;
}

#select-camera {
    display: block;
    margin: 10px auto;
    padding: 5px 15px;
    background: #6da62c;
    border: none;
    color: white;
}

#nome-municipio-logo {
    text-transform: uppercase;
    margin-bottom: -9px;
    text-align: center;
    color: white;
}

#nome-municipio-logo-menu {
    text-transform: uppercase;
    margin-bottom: -6px;
    text-align: center;
    color: #fff;
    margin-top: 8px;
}

#grau_id {
    -webkit-appearance: menulist;
}

/*NOTIFICATIONS*/

#div_notifications > div {
    background: #f8f8f8;
    padding: 5px 5px;
    border-top: 5px solid white;
    font-weight: 600;
    width: 100%;
}

#contador-notifications #contador {
    display: inline-block;
    background: #6da62c;
    padding: 1px 4px;
    border-radius: 5px;
    margin-left: 4px;
    position: absolute;
    margin-top: -5px;
    font-size: 10px;
}

#div_notifications .img-circle.img-inline {
    width: 25px !important;
    height: 25px !important;
    float: left;
    margin: 5px 15px 0 0;
}

#div_notifications .name {
    display: block;
    position: relative;
}
/*MENSAGENS*/
.uprofile_wall_posts .pic-wrapper img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    min-width: 40px;
    min-height: 40px;
    margin: 0px 0 10px 0;
    background: #aaaaaa;
    height: 40px;
    width: 40px;
    float: right;
}

.uprofile_wall_posts {
    margin-bottom: 4px;
    background: #f8f8f8;
    padding: 15px;
    padding-left: 20px;
}

.comentarios-post {
    color: #6bab44;
}

.enter_post_btns {
    text-align: center;
    margin-bottom: 15px;
}

.input-group-addon {
    background: #3B402E;
    color: #6da62c;
    border-color: #3B402E;
}

#titulo-mensagens {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 10px;
    text-align: center;
}

.all_coments_post {
    display: none;
}

.pagina-percurso {
}

.pagina-recolha {
    font-weight: 100;
}

.pontosRecolha-info {
    background: #6EC6D9;
    margin-bottom: 10px;
    padding: 10px;
    text-align: left;
}

    .pontosRecolha-info span {
        color: #fff;
    }

        .pontosRecolha-info span.observacao {
            color: #ffffff;
            background: #3B402E;
            display: inline-block;
            padding: 10px 20px;
            border-radius: 10px;
            margin: 10px;
            font-weight: 100;
        }

#lista_pontos_recolha_associados {
    height: 54vh;
    overflow: auto;
}

.box.nobox {
    background: #fff;
    color: #b0b0b0;
    margin-bottom: 12px;
    padding: 10px;
}

.titulos_pagina_recolha {
    background: gray;
    margin: 0px;
    border-bottom: 1px solid #5c5c5c;
    padding: 5px 10px;
}

.detalhe-ponto-recolha {
    color: #fff;
    margin-bottom: 20px;
}

    .detalhe-ponto-recolha b {
        text-transform: uppercase;
    }

.nome-ponto-recolha {
    color: #6EC6D9;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 18px;
}

th, td {
    font-weight: 100;
}

.lista_despesas,
.lista_ofertas {
    color: #fff;
}

#btn_guia {
    background: #fff;
    color: #000;
    border-radius: 0px;
    font-weight: bold;
}

#btn_notificar {
    background: #731919;
    color: #fff;
    border-radius: 0px;
    font-weight: bold;
}

#player {
    max-width: 100%;
}
/*ASSINATURA*/
.model-signature {
    position: fixed;
    top: 0;
    padding: 50px 20px;
    z-index: 99999;
    background: #525252c2;
    left: 0;
    width: 100%;
    height: 100vh;
    text-align: center;
}

.signature-pad {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 10px;
    width: 100%;
    height: 100%;
    max-width: 700px;
    max-height: 200px;
    border: 1px solid #e8e8e8;
    background-color: #fff;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.08) inset;
    border-radius: 4px;
    padding: 16px;
    margin: auto;
}

    .signature-pad::before,
    .signature-pad::after {
        position: absolute;
        z-index: -1;
        content: "";
        width: 40%;
        height: 10px;
        bottom: 10px;
        background: transparent;
        box-shadow: 0 8px 12px rgba(0, 0, 0, 0.4);
    }

    .signature-pad::before {
        left: 20px;
        -webkit-transform: skew(-3deg) rotate(-3deg);
        transform: skew(-3deg) rotate(-3deg);
    }

    .signature-pad::after {
        right: 20px;
        -webkit-transform: skew(3deg) rotate(3deg);
        transform: skew(3deg) rotate(3deg);
    }

.signature-pad--body {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border: 1px solid #f4f4f4;
}

    .signature-pad--body
    canvas {
        position: relative;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        border-radius: 4px;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.02) inset;
    }

.signature-pad--footer {
    color: #C3C3C3;
    text-align: center;
    font-size: 1.2em;
    margin-top: 8px;
}

.signature-pad--actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 8px;
}

.recolhanaoefectuada .pontosRecolha-info {
    background-color: #dc143c;
}

#github img {
    border: 0;
}

@media (max-width: 940px) {
    #github img {
        width: 90px;
        height: 90px;
    }
}

.somatorios_recolha {
    font-size: 15px;
    font-weight: bold;
    display: inline-block;
    min-width: 40px;
}

.div_contem_somatorio_recolha {
    text-align: right;
}

#id_razao {
    margin-top: 16px;
    padding: 10px;
}

#dashboard-section-pendentes,
#dashboard-section-reagendar,
#dashboard-section-today,
#visits-section-list {
    display: none;
}

.btn-verde {
    display: block;
    margin: auto;
    background: #6EC6D9;
    padding: 10px 20px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    border-radius: 5px;
    font-weight: 600;
}

#tbl-schedule-calendar tr td {
    padding: 10px 5px;
}

#tbl-schedule-calendar tr {
    border-bottom: 1px solid #EAEAEA;
}

    #tbl-schedule-calendar tr:last-child {
        border: none;
    }

.bullet-calendar {
    border-radius: 50%;
    width: 10px;
    height: 10px;
    -webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 0px 10px rgba(0, 0, 0, .5);
    box-shadow: 0 0px 10px rgba(0, 0, 0, .5);
}

    .bullet-calendar.bullet-schedule-visit-event {
        background-color: #6EC6D9;
    }

    .bullet-calendar.bullet-schedule-intervation-event {
        background-color: #3B402E;
    }

    .bullet-calendar.bullet-red {
        background-color: #f0142f !important;
    }

.fc-toolbar-title {
    text-transform: capitalize;
}

.onlymobile {
    display: none;
}

input[type=radio] {
    margin-right: 5px;
}

.pagina-visit-report .reportsteps {
    display: none;
    min-height: 54vh;
}
/*TABLE RESPONSIVE*/
@media only screen and (max-width: 900px) {
    .table-responsive table, .table-responsive thead, .table-responsive tbody, .table-responsive th, .table-responsive td, .table-responsive tr {
        display: block;
        background: transparent;
    }

    .table-responsive table,
    .table-responsive thead,
    .table-responsive tbody {
        border: none !important;
    }

    .table-responsive tr {
        background: white !important;
        border-radius: 15px;
        margin-bottom: 5px;
        padding-left: 10px;
    }

    .table-responsive thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .table-responsive tr {
        border: 1px solid #ccc;
    }

    .table-responsive td {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 130px;
        margin-left: 100px;
        text-align: left !important;
    }

        .table-responsive td:before,
        .table-responsive td span.onlymobile {
            position: absolute;
            top: 12px;
            left: 6px;
            width: 130px;
            padding-right: 40px;
            white-space: nowrap;
            margin-left: -100px;
        }

        .table-responsive td span.onlymobile {
            display: block;
            white-space: break-spaces;
            line-height: 15px;
        }

        .table-responsive td:nth-of-type(1) {
            display: none;
        }

    .table-responsive:not(.table-responsive-Coverage):not(.table-responsive-SinisterType) td:nth-of-type(2):before {
        content: "Descrição";
    }

    .table-responsive:not(.table-responsive-Coverage):not(.table-responsive-SinisterType) td:nth-of-type(3):before {
        content: "Qtd.";
    }

    .table-responsive:not(.table-responsive-Coverage):not(.table-responsive-SinisterType) td:nth-of-type(4):before {
        content: "Preço";
    }

    .table-responsive td:nth-of-type(5) {
        margin: 0px;
        text-align: right !important;
    }

    .fc .fc-daygrid-day-top {
        display: block !important;
        text-align: center;
    }

    .fc .fc-daygrid-more-link {
        font-size: 0px;
        width: 7px;
        height: 7px;
        background: #8bc34a;
        display: block;
        text-align: center;
        margin: auto;
        border-radius: 50%;
        margin-top: 10px;
    }

    .fc .fc-daygrid-day-events {
        margin-top: -6px !important;
    }
}

.fc .fc-today-button,
.fc .fc-prev-button,
.fc .fc-next-button {
    color: #6EC6D9 !important;
    background: white !important;
}

.fc .fc-prev-button,
.fc .fc-next-button {
    width: 30px;
}

.swal2-title {
    font-size: 1.5em !important;
}

.swal2-validation-message {
    font-size: 0.7em !important;
}

.swal2-content {
    overflow: hidden;
}

/*SETPS*/
.box {
    display: inline-block;
}

.radial_progress {
    width: 100%;
    height: 70px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .radial_progress > .inner {
        position: absolute;
        color: #6EC6D9;
    }

    .radial_progress > svg {
        height: 100%;
        display: block;
    }

.setp_description {
    line-height: 1em;
    padding-top: 10px;
}

.linear-setps {
    display: none;
}

.radeal-setps {
    display: block;
}

@media all and (min-width:768px) {
    .linear-setps {
        display: block;
    }

    .radeal-setps {
        display: none;
    }
}

.number_setp.undone {
    padding: 7px;
    border: 2px solid #6EC6D9;
    color: #6EC6D9;
    background: white;
}

.number_setp.done {
    padding: 9px;
    background: #6EC6D9;
    color: white;
}

.number_setp {
    width: 40px;
    height: 40px;
    margin: auto;
    border-radius: 50%;
    text-align: center;
}

.steps:before {
    content: "";
    width: 82%;
    display: block;
    position: absolute;
    margin: auto;
    margin-top: 19px;
    margin-left: 9%;
    background: #6EC6D9;
    height: 2px;
}

.item-Zone .steps:before {
    width: 66%;
    margin-left: 17%;
}

#info_responsable img {
    border: 4px solid #6EC6D9;
    border-radius: 20px;
}

.steps_inside_swal .number_setp,
.steps_inside_swal .setp_description {
    display: inline-block;
}

.steps_inside_swal .setp_description {
    margin-left: 10px;
}

.steps_inside_swal > div .number_setp {
    padding: 5px;
    width: 30px;
    height: 30px;
}

    .steps_inside_swal > div .number_setp.undone {
        padding: 4px;
    }

.steps_inside_swal > div {
    padding: 5px 20px;
    font-size: 14px;
}

.steps_inside_swal {
    text-align: left;
}

.swal2-styled.swal2-confirm {
    background-color: #6EC6D9;
}

.form-control {
    font-size: 12px;
}
/*CARDS*/
.card {
    border-radius: 20px 20px 0px 0px;
    margin-top: -20px;
    border: 0px;
}

.pagina-managebudgetzone .edit-bgzone-btn,
.pagina-managebudgetzone .delete-bgzone-btn {
    font-size: 20px;
}

.pagina-managebudgetzone .card {
    margin-top: 0px;
}

.card-header a {
    display: block;
    width: 100%;
}

.card-header {
    border-bottom: 0px;
    border-radius: 20px 20px 0px 0px !important;
}
/* 
.action-btns {
   position: sticky;
    bottom: 0px;
    left: 0;
    right: 0;
    background: white;
    z-index: 1;
}

.card-body .action-btns {
    bottom: 70px;
    background: white;
}*/

.pagina-intervation-report .card-body,
.pagina-intervation-report .card-body .linear-setps,
.pagina-intervation-report .card-body .radeal-setps {
    padding-top: 0px !important;
    margin-top: 0px !important;
}

.card-header .headerInfoStep_mini {
    display: none;
}

.card-header.collapsed .headerInfoStep_mini {
    display: block;
}

.headerInfoStep_mini,
.statusZone {
    float: right;
    width: 30px;
    margin-top: -17px;
    margin-right: -15px;
    display: block;
    font-size: 30px;
}

.statusZone {
    color: #ABB593;
}

.radial_progress_mini > .inner {
    position: absolute;
    color: #6EC6D9;
    font-size: 12px;
    margin-top: 8px;
    margin-left: 6px;
}

.form_visit_report,
#form_intervention_report {
    padding-top: 30px;
}

/* #form_intervention_report > .action-btns {
        min-height: 80px;
    }*/

.action-btns .btn {
    display: block;
}

.pagina-visit-report .action-btns {
    visibility: hidden;
}

.card a:hover {
    color: #6EC6D9;
    text-decoration: none;
}

.card_9 .card-header,
.card_6 .card-header,
.card_3 .card-header,
.card_0 .card-header {
    background-color: #f2f2f2;
}

.card_10 .card-header,
.card_7 .card-header,
.card_4 .card-header,
.card_1 .card-header {
    background-color: #e6e6e6;
}

.card_11 .card-header,
.card_8 .card-header,
.card_5 .card-header,
.card_2 .card-header {
    background-color: #d0d0d0;
}

.card .card-header:not(.collapsed) {
    background-color: #FFF;
    border: 1px solid #ebebeb;
    border-bottom: 0px;
}

.collapse.show .card-body {
    border: 1px solid #ebebeb;
    border-top: 0px;
    z-index: 1;
    /* position: relative;
    background: white;
    border-radius: 0px 0px 10px 10px;*/
}

.images-tbody img,
.historyInfo-table img {
    max-width: 150px;
    max-height: 100px;
}

#avatar-user img {
    max-width: 100%;
}

.historyInfo-table > tr > td > span > i {
    padding: 5px;
}

.historyInfo-table {
    /*text-align: center !important;*/
    width: 100%;
}

    .historyInfo-table tr.even {
        background-color: #f2f2f2;
        padding: 5px;
    }

.borderAssinaturas {
    border: 1px solid;
    min-height: 90px;
}

.title_h4_accordion i {
    float: right;
}

.negativeTotal {
    color: red;
}

#counterTotalMessages,
#counterTotalAlerts {
    position: absolute;
}

.div-icon-messages i,
.div-icon-alerts i {
    font-size: 20px;
}

.div-icon-messages,
.div-icon-alerts {
    margin-top: 30px;
}

.text-email-card {
    word-break: break-word;
}

.bzone-select,
.show-choose-bzone-modal,
.new-zone-btn,
.delete-emergency-service-btn {
    width: 100%;
}

.budget-zone-subtotal {
    text-align: right;
}
/*ORDER CARDS*/
.accordion-zones {
    display: flex;
    flex-direction: column;
}

    .accordion-zones .card:not(.cardActive) {
        order: -1;
    }

    .accordion-zones .card.cardActive {
        z-index: 99;
    }

.pagina-managebudgetzone .card .card-header,
.pagina-managebudgetzone .collapse.show .card-body {
    border: none;
    padding-left: 0px;
    padding-right: 0px;
}

.divzonecoverage {
    cursor: pointer;
}

.options-budgetzone a {
    display: block;
    font-size: 20px;
    margin: 15px 0px;
}

.card-options {
    margin-top: -25px;
    margin-bottom: 20px;
    font-size: 20px;
}

div.item-budgetzone {
    background: #F5F5F5;
    padding: 10px 0px;
    font-size: 12px;
    color: #212517;
    margin: 10px 0px;
    border-radius: 10px;
}

.namebudgetzone {
    color: #6EC6D9;
    font-weight: bold;
}

.action-btns .btn,
.image-upload-btn,
.file-upload-btn,
.show-choose-bzone-modal,
.new-zone-btn,
.btn {
    border-radius: 5px;
}

.modal-content {
    border-radius: 10px;
}