/*Custom ABS CSS*/
/* COPYRIGHT @ 2019 - ?*/

/*@media all {
    .page-break {
        display: none;
    }

    table, span, fieldset {
        page-break-inside: avoid;
    }
}

@media print {
    .page-break {
        display: block;
        page-break-before: auto;
    }
}

@media print {
    table, span, fieldset {
        page-break-inside: avoid;
    }
}*/

/*#message-type-select option:first-child {
    border-bottom: 1px solid #000 !important;
}*/

body .wrapper {
    min-height: auto !important;
    max-height: 100% !important;
    height: calc(100vh - 3em) !important;
}

body .wrapper.wrapper-full-page {
    height: 100vh !important;
}

.login-background {
    /* esta imagem nao existe */
    /*background-image: url('../images/traceability-background3.jpg');*/
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 0.8;
}

.text-header-table {
    color: #51cbce !important;
    padding-top: 12px;
    padding-bottom: 12px;
}

/*Alertas*/

.alert-minimalist {
    background-color: rgb(241, 242, 240);
    border-color: rgba(149, 149, 149, 0.3);
    border-radius: 3px;
    color: rgb(149, 149, 149);
    padding: 10px;
}

    .alert-minimalist > [data-notify="icon"] {
        height: 50px;
        margin-right: 12px;
    }

    .alert-minimalist > [data-notify="title"] {
        color: rgb(51, 51, 51);
        display: block;
        font-weight: bold;
        margin-bottom: 5px;
    }

    .alert-minimalist > [data-notify="message"] {
        font-size: 80%;
    }

.padding-right-37px {
    padding-right: 37px;
}

.card {
    max-height: 83vh;
}

.card-min-height {
    min-height: 83vh;
}

#card-timeline {
    margin: 0px 30px 15px 30px !important;
    border: 1px solid #e5e5e5;
    max-height: 64vh !important;
    position: relative;

    /*overflow: hidden !important;*/
    /*mudado por GS*/
    overflow-y: auto; /* allow vertical scrolling */
    overflow-x: hidden; /* prevent horizontal scroll */

    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE/Edge */
}
    #card-timeline::-webkit-scrollbar {
        display: none; /* Chrome, Safari */
    }

#card-content-rastreabilidade {
    padding: 0px 0px 15px 0px;
}

#card-tabela {
    padding: 0px 30px;
}

    #card-tabela .card-content {
        padding-top: 0px;
    }

footer a {
    color: #68B3C8;
}

footer {
    z-index: 199 !important;
}

.copyright {
    margin: 0px !important;
}

.sidebar {
    z-index: 200;
}

.down-arrow-bounce {
    text-align: center;
    vertical-align: middle;
    width: 60px;
    height: 50px;
    position: absolute;
    z-index: 100;
    left: calc(100% - 140px);
    bottom: 60px;
    animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
}

#arrow {
    color: #EF693E;
    opacity: 1;
    background-color: rgba(255,255,255,0.75);
    border-radius: 20px;
    font-size: 50px;
    z-index: 100;
}

@keyframes bounce {
    from {
        transform: translateY(0px);
    }

    to {
        transform: translateY(-15px);
    }
}

@-webkit-keyframes bounce {
    from {
        transform: translateY(0px);
    }

    to {
        transform: translateY(-15px);
    }
}

.text-dark {
    color: #000 !important;
}

.padding-top-12px {
    padding-top: 12px;
}

.padding-top-8px {
    padding-top: 8px;
}

.padding-bottom-8px {
    padding-bottom: 8px;
}

.btn-create {
    color: #68B3C8;
    padding-left: 0px;
}

.btn-deactivate-facility {
    color: lightcoral;
    padding-left: 0px;
    padding-top: 10px;
}

.btn-deactivate-facility:hover {
    color: #b93939 !important;
}


.btn-accoes {
    color: #000;
    padding-left: 0px;
}

    .btn-accoes:hover {
        color: rgb(35, 183, 229) !important;
    }

btn-back-rast {
    margin: 0px;
}

.validation-summary-valid {
    display: none;
}

div.ms-search > input {
    content: "Type here to search";
}

#content {
    position: absolute;
    width: 100%;
}

legend {
    padding-bottom: 3px;
}

.step-steps {
    padding-left: 25px !important;
    padding-right: 26px !important;
}

.table-responsive {
    border: 0px;
}

#card-timeline {
    margin: 30px;
    border: 1px solid #e5e5e5;
}

i.fa.fa-exclamation-triangle {
    color: red;
    padding-right: 10px;
}

.step-steps {
    padding-left: 25px !important;
    padding-right: 26px !important;
}

#eo-search {
    padding-top: 13px;
    padding-bottom: 7px;
}

.table-responsive {
    border: 0px;
}

#btn-dropdown-rastreabilidade {
    width: 230px;
}

#btn-details {
    float: right;
}

#btn-details, #btn-response, #btn-facilities {
    max-width: 100%;
    padding: 11px 10px !important;
        
}

#dropdown-menu-rastreabilidade {
    margin-top: 50px;
    margin-left: 70px;
}

#dropdownMenuButton {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 2px solid #66615B;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

#btn-dropdown-search, #btn-dropdown-estado-search, #btn-dropdown-tipo-search, #btn-dropdown-recall {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#final-badge {
    vertical-align: middle;
    text-align: center;
    height: 35px;
    width: 35px;
    border-radius: 20px;
    border: 3px solid #EF693A;
    position: relative;
    z-index: 4;
    background-color: #EF693A;
    margin-left: auto;
    margin-right: auto;
}

.badge-active {
    background-color: #1DBB5B !important;
}

.badge-inactive {
    background-color: #9d1d1d !important;
}

#a-tabela {
    border-top: 1px solid lightgrey;
}

#form-tabela {
    margin-bottom: 15px;
}

.icone {
    vertical-align: middle;
    text-align: center;
    height: 50px;
    width: 50px;
    padding: 5px 5px;
    border-radius: 50px;
    border: 2px solid #EF693A;
}

.nome-ficheiro {
    text-align: center;
    height: 50px;
    float: left;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 15px;
}


#card-tabela .card-content {
    padding-left: 0px;
    padding-right: 0px;
}

.card-home {
    max-width: 25rem !important;
    max-height: 30rem !important;
    min-height: 0px !important;
    height: 14rem;
    margin-bottom: 10px;
    background-color: #EF693A;
    color: #fff;
}

.card-header-home {
    padding: 10px 10px;
    background-color: #CC5733;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    text-align: center;
}

.card-body-home {
    position: relative;
    width: auto;
    height: auto;
    min-height: 12rem;
    padding: 5px 35px;
}

.card-footer-home {
    position: relative;
    height: 36px;
    border-top: 2px solid #CC5733;
    padding: 10px 10px;
}

.p-mb-0 {
    margin-bottom: 0px !important;
}

ml-0 {
    padding-left: 0px !important;
}

.totais {
    padding: 3px;
    margin-left: 5px;
    float: right;
}

.b-totais {
    text-align: justify;
    float: left;
    height: 30px;
    padding: 3px;
}

.linhas-totais {
    padding-right: 0px;
    padding-left: 0px;
}

.a-dashboard {
    color: #fff !important;
    cursor: pointer;
}

    .a-dashboard:hover {
        color: dodgerblue !important;
        cursor: pointer;
    }

.message-content {
    max-height: 410px !important;
}

.carousel-control {
    color: #EF693A;
}

    .carousel-control:focus, .carousel-control:hover {
        opacity: 1 !important;
        color: #EF693A;
    }

.carousel-indicators {
    color: #EF693A;
}

    .carousel-indicators .active {
        background-color: #EF693A;
    }

    .carousel-indicators li {
        border: 1px solid #EF693A;
        background-color: #fff;
    }

#btn-dropdown-atividade:hover {
    background-color: #23b7e5;
}

.btn .dropdown-toggle .open #btn-dropdown-atividade {
    background-color: #23b7e5;
}

#data-ficheiro {
    float: right;
}

.div-editar-settings {
    height: 40px;
    padding: 4px 0px 2px 0px;
}

.botao-editar-settings {
    position: relative;
    padding: 5px 8px;
}

.pass-change {
    padding: 5px 0px;
}

.ver-olho {
    color: #000;
    font-weight: 300;
}

.sm-margin {
    display: none;
    margin: 5px;
    border-top: 1px solid #e2e2e2;
}

.EO-details-br {
    display: none;
    padding-left: 0px;
}

#card-behind-login {
    background-color: #fff;
    position: absolute;
    width: calc(100% - 27px);
    height: 300px;
    opacity: 0.15;
}

legend {
    padding-bottom: 4px;
}

.round {
    display: inline-block;
    height: 30px;
    width: 30px;
    line-height: 30px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background-color: #222;
    color: #FFF;
    text-align: center;
}

.round.hollow {
    display: inline-block;
    height: 30px;
    width: 30px;
    line-height: 30px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background-color: #FFF;
    color: #222;
    text-align: center;
    -webkit-box-shadow: 0px 0px 0px 3px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 0px 3px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 0px 3px rgba(0,0,0,0.75);
}

.round.round-sm {
    height: 20px;
    width: 20px;
    line-height: 20px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-size: 0.7em;
}

.round.round-lg {
    height: 40px;
    width: 40px;
    line-height: 40px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    font-size: 1.5em;
}

.round.red {
    background-color: #EB6060;
}

.round.light-red {
    background-color: #a84242;
}

.round.dark-red {
    background-color: firebrick;
}

.round.darkest-red {
    background-color: #661414;
}

.round.yellow {
    background-color: #F7E563;
}

.round.green {
    background-color: #42A129;
}

.round.grey {
    background-color: lightgrey;
}

.round.orange {
    background-color: #ffa500;
}
.round.blue {
    background-color: #00bcd4;
}

.round.brown {
    background-color: peru;
}

.round.green-light {
    background-color: #29A1859E;
}

.round.hollow.darkbrown {
    color: #6d331e;
    background-color: #FFF;
    -webkit-box-shadow: 0px 0px 0px 3px #EB6060;
    -moz-box-shadow: 0px 0px 0px 3px #EB6060;
    box-shadow: 0px 0px 0px 3px #6d331e;
}

.round.hollow.red {
    color: #EB6060;
    background-color: #FFF;
    -webkit-box-shadow: 0px 0px 0px 3px #EB6060;
    -moz-box-shadow: 0px 0px 0px 3px #EB6060;
    box-shadow: 0px 0px 0px 3px #EB6060;
}

.round.hollow.light-red {
    color: #a84242;
    background-color: #FFF;
    -webkit-box-shadow: 0px 0px 0px 3px #a84242;
    -moz-box-shadow: 0px 0px 0px 3px #a84242;
    box-shadow: 0px 0px 0px 3px #a84242;
}

.round.hollow.dark-red {
    color: firebrick;
    background-color: #FFF;
    -webkit-box-shadow: 0px 0px 0px 3px firebrick;
    -moz-box-shadow: 0px 0px 0px 3px firebrick;
    box-shadow: 0px 0px 0px 3px firebrick;
}

.round.hollow.darkest-red {
    color: #661414;
    background-color: #FFF;
    -webkit-box-shadow: 0px 0px 0px 3px #661414;
    -moz-box-shadow: 0px 0px 0px 3px #661414;
    box-shadow: 0px 0px 0px 3px #661414;
}



.round.hollow.yellow {
    color: #F7E563;
    background-color: #FFF;
    -webkit-box-shadow: 0px 0px 0px 3px #F7E563;
    -moz-box-shadow: 0px 0px 0px 3px #F7E563;
    box-shadow: 0px 0px 0px 3px #F7E563;
}

.round.hollow.grey {
    color: lightgrey;
    background-color: #FFF;
    -webkit-box-shadow: 0px 0px 0px 3px #42A129;
    -moz-box-shadow: 0px 0px 0px 3px #42A129;
    box-shadow: 0px 0px 0px 3px lightgrey;
}

.round.hollow.green {
    color: #42A129;
    background-color: #FFF;
    -webkit-box-shadow: 0px 0px 0px 3px #42A129;
    -moz-box-shadow: 0px 0px 0px 3px #42A129;
    box-shadow: 0px 0px 0px 3px #42A129;
}

.round.hollow.orange {
    color: #ffa500;
    background-color: #FFF;
    -webkit-box-shadow: 0px 0px 0px 3px #42A129;
    -moz-box-shadow: 0px 0px 0px 3px #42A129;
    box-shadow: 0px 0px 0px 3px #ffa500;
}

.round.hollow.blue {
    color: #00bcd4;
    background-color: #FFF;
    -webkit-box-shadow: 0px 0px 0px 3px #42A129;
    -moz-box-shadow: 0px 0px 0px 3px #42A129;
    box-shadow: 0px 0px 0px 3px #00bcd4;
}

.round.hollow.brown {
    color: peru;
    background-color: #FFF;
    -webkit-box-shadow: 0px 0px 0px 3px #42A129;
    -moz-box-shadow: 0px 0px 0px 3px #42A129;
    box-shadow: 0px 0px 0px 3px peru;
}

.round.hollow.green-light {
    color: #29A1859E;
    background-color: #FFF;
    -webkit-box-shadow: 0px 0px 0px 3px #42A129;
    -moz-box-shadow: 0px 0px 0px 3px #42A129;
    box-shadow: 0px 0px 0px 3px #29A1859E;
}

.round-filled {
    display: inline-block;
    height: 17px;
    width: 17px;
    line-height: 30px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background-color: #FFF;
    color: #222;
    text-align: center;
    -webkit-box-shadow: 0px 0px 0px 3px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.75);
}

.padding-left-32px {
    padding-left: 32px !important;
}

.fundo-header {
    display: flex;
    position: relative;
    justify-content: center;
    background-color: #23b7e5;
    padding: 5px;
    color: #fff !important;
    z-index: 100;
    width: 320px;
    top: 35px;
    left: calc(50% - 150px);
    text-align: center;
    margin: 0px;
    position: absolute;
    box-shadow: 2px 4px 5px #7b7b7b;
    border-radius: 5px;
}

.border-field {
    border: 1px solid #c1c1c1;
    border-radius: 5px;
    padding: 20px;
}

#details, #details-user {
    max-height: 62vh;
    overflow: auto;
    overflow-x: hidden !important;
}

#response {
    max-height: 59vh;
    overflow: scroll;
    overflow-x: hidden !important;
}

.details-no-overflow {
    max-height: 64vh;
    overflow: hidden;
}

#btn-dropdown-search, #btn-dropdown-estado-search, #btn-dropdown-tipo-search, #btn-dropdown-recall {
    width: calc(100% - 260px);
}

.caret-search {
    position: absolute;
    top: 25px;
    margin-left: 359px;
}

.btn-pull-down {
    position: absolute;
    bottom: 0;
    padding: 0px 25px;
}

#btn-reg-wizard span {
    background-color: transparent;
    color: rgb(50,197,210);
    transition-duration: 0.2s;
}

.card-content-no-margin-top {
    margin: 0px 0 20px 0 !important;
}

#btn-reg-wizard span:hover {
    background-color: rgb(50,197,210);
    color: #fff;
    transition-duration: 0.2s;
}

.text-uppercase {
    text-transform: uppercase;
}

.btn-eo-details {
    border: 0;
    font-size: 1rem;
    border-bottom: 6px solid #ededed;
    border-right: 1px solid #ededed;
    color: #000;
    background-color: transparent;
    border-radius: 0px;
    transition-duration: 0.3s;
}

    .btn-eo-details-selected, .btn-eo-details:hover {
        border: 0;
        font-size: 1rem;
        border-bottom: 6px solid rgb(35, 183, 229);
        border-right: 1px solid #ededed;
        color: rgb(35, 183, 229);
        background-color: rgba(35, 183, 229, 0.07);
        border-radius: 0px;
        transition-duration: 0.3s;
    }

.btn-eo-facilities {
    border: 0;
    font-size: 1rem;
    border-bottom: 6px solid #ededed;
    border-left: 1px solid #ededed;
    color: #000;
    background-color: transparent;
    border-radius: 0px;
    transition-duration: 0.3s;
}

    .btn-eo-facilities-selected, .btn-eo-facilities:hover {
        border: 0;
        font-size: 1rem;
        border-bottom: 6px solid #ef693a;
        border-left: 1px solid #ededed;
        color: #ef693a;
        background-color: rgba(239,105,58,0.07);
        border-radius: 0px;
        transition-duration: 0.3s;
    }

.bandeira {
    height: 25px;
}

.btn-grow {
    padding: 8px 15px !important;
    transform: scale(1, 1);
    transition-duration: 0.3s;
}

    .btn-grow:hover {
        padding-top: 8px 15px !important;
        transform: scale(1.2, 1.2);
        transition-duration: 0.3s;
    }

#bandeira-pt, #bandeira-uk {
    border-bottom: 0px;
    margin-bottom: 10px;
    margin-left: 15px;
    margin-right: 15px;
    padding: 7px 0px 5px 0px !important;
    transition-duration: 0.3s;
}

.isDisabled {
    color: currentColor;
    cursor: not-allowed;
    opacity: 0.5;
    text-decoration: none;
}

.ui-state-default {
    height: 25px !important;
    width: 25px !important;
    text-align: center !important;
    margin: 2px !important;
}

.ui-datepicker td {
    width: 32px !important;
}

.ui-state-active {
    background-color: rgb(50, 197, 210) !important;
    border: 1px solid rgb(50, 197, 210) !important;
}

.onoffswitch1 {
    margin-top: 15px;
    margin-left: 15px;
}

.hide {
    display: none;
}

.show {
    display: block;
}

#linha-esq-login {
    width: calc(50% - 90px);
}

#linha-dir-login {
    width: calc(50% - 93px);
}

.icone-sidebar {
    height: 35px;
    width: 35px !important;
}

.gestaoids {
    /**/
}

.gestaoids-laranja {
    /**/
}

.admin {
    /**/
}

.admin-laranja {
    /**/
}

.transbordos {
    /**/
}

.transbordos-laranja {
    /**/
}

.produtos {
    /**/
}

.produtos-laranja {
    /**/
}

.rastreabilidade {
    /**/
}

.rastreabilidade-laranja {
    /**/
}

.messageLog {
    /**/
}

.messageLog-laranja {
    /**/
}

.input-messagelog {
    background-color: #FBFBFB !important;
    cursor: default !important;
    color: #4A4848 !important;
}

#card-settings {
    min-height: 55vh;
}

#manutencao-bg-fundo-preto {
    position: absolute;
    background-color: rgba(0,0,0,0.7);
    z-index: 100;
}

#manutencao-msg {
    position: absolute;
    z-index: 101;
    margin-top: 320px;
}

#manutencao-icon {
    text-shadow: 1px 1px 0px yellow;
    animation: colorchange 10s infinite;
}

@keyframes colorchange {
    0% {
        color: yellow;
    }

    25% {
        color: orangered;
    }

    50% {
        color: orange;
    }

    75% {
        color: orangered;
    }

    100% {
        color: yellow;
    }
}

@-webkit-keyframes colorchange /* Safari and Chrome - necessary duplicate */
{
    0% {
        color: yellow;
    }

    25% {
        color: orangered;
    }

    50% {
        color: orange;
    }

    75% {
        color: orangered;
    }

    100% {
        color: yellow;
    }
}

.w-100 {
    width: 100% !important;
}

.navbar-intro {
    background-color: #ef693a;
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: 0px;
    height: 76px;
}

    .navbar-intro .navbar-nav > li > a:not(.btn) {
        color: #fff;
    }

    .navbar-intro .navbar-toggle .icon-bar {
        background-color: #fff;
    }

    .navbar-intro .navbar-nav > li > a, .navbar-intro .navbar-nav > li > button {
        color: #fff;
        opacity: 0.7;
    }

        .navbar-intro .navbar-nav > li > a:hover, .navbar-intro .navbar-nav > li > button:hover {
            color: #fff !important;
            opacity: 1;
        }

    .navbar-intro .navbar-brand {
        color: #fff;
    }

#banner-intro {
    max-height: 100%;
    height: 100vh;
    width: 100%;
    background-image: url(../images/fundo-intro.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-attachment: fixed;
}

#linha-esq-intro, #linha-dir-intro {
    display: block;
    height: 1px;
    border: 0;
    border-top: 4px solid #ccc;
    margin: 2em 0;
    padding: 0;
    width: calc(50% - 450px);
    box-shadow: 0px 1px 1px #000;
}

.hr-intro-long {
    background-color: #fff;
    border-radius: 100px;
    display: block;
    height: 6px;
    border: 0;
    margin: 2em 0;
    padding: 0;
    width: 100%;
    box-shadow: 0px 1px 1px #000;
}

#texto-logo-intro {
    text-shadow: 1px 1px 5px #000;
}

.form-control[disabled], fieldset[disabled] .form-control {
    cursor: default;
}

.header-intro {
    min-height: 70px;
    background-color: #49B8F2;
    min-width: 300px;
    position: absolute;
    z-index: 10;
    border-radius: 20px;
    top: -41px;
    left: calc(50% - 150px);
    box-shadow: 2px 2px 8px rgba(0,0,0,0.5);
    text-align: center;
    text-transform: uppercase;
}

.header-intro-text {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 70px;
    color: #fff;
    text-transform: uppercase;
}

.hr-intro {
    border-top: 10px solid #49B8F2;
    margin-top: 0;
    margin-bottom: 0;
    box-shadow: 2px 2px 8px rgba(0,0,0,0.5);
}

.container-intro {
    padding-left: 30px !important;
    padding-right: 30px !important;
    min-height: 60vh !important;
}

.seccao {
    /*opacity: 0;*/
}

.btn-branco {
    border-color: #fff;
    color: #fff;
    box-shadow: inset 0 0 0px #000;
    transition-duration: 0.2s;
}

    .btn-branco:hover, .btn-branco:focus {
        border-color: #ef693a;
        background-color: #ef693a;
        color: #fff;
        transition-duration: 0.2s;
    }

.btn-formulario {
    border-color: #ef693a;
    background-color: #ef693a;
    color: #fff;
    box-shadow: inset 0 0 0px #000;
    transition-duration: 0.2s;
}

    .btn-formulario:hover, .btn-formulario:focus {
        border-color: #000;
        background-color: #000;
        color: #fff;
        transition-duration: 0.2s;
    }

.btn-laranja {
    border-color: #ef693a;
    color: #ef693a;
    box-shadow: inset 0 0 0px #000;
    transition-duration: 0.15s;
}

    .btn-laranja:hover, .btn-laranja:focus {
        border-color: #ef693a;
        background-color: #ef693a;
        color: #fff;
        transition-duration: 0.15s;
    }

.hidden-bg {
    position: absolute;
    z-index: 0;
    height: 100%;
    width: 50%;
    right: 0px;
    box-shadow: 2px 0px 26px rgba(0,0,0,0.3);
    background-color: #CCC2B9;
}

#omytpd {
    padding: 0;
    background-color: #ef693a;
    height: auto;
    position: relative;
    padding-bottom: 175px;
}

#oconceito {
    padding: 0;
    background-image: linear-gradient(#CCC2B9, #cfcfca, #CCC2B9);
    height: auto;
    position: relative;
    padding-bottom: 175px;
}

#asdefinicoes {
    padding: 0;
    background-image: linear-gradient(#66615b, rgb(51,51,51));
    height: auto;
    position: relative;
    padding-bottom: 175px;
}

#oscontatos {
    padding: 0;
    background-image: linear-gradient(#CCC2B9, #cfcfca, #CCC2B9);
    height: auto;
    position: relative;
    padding-bottom: 175px;
}

#aderir {
    padding: 0;
    background-color: #CCC2B9;
    height: auto;
    position: relative;
    padding-bottom: 175px;
}

#oprocesso {
    padding: 0;
    background-color: #66615b;
    height: auto;
    position: relative;
    padding-bottom: 175px;
}

.text-toggle-center-justify {
    text-align: justify;
}

.h2-text-intro {
    text-align: left !important;
    text-transform: uppercase;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.55);
}

#hr-conceito {
    display: none;
}

.timeline-icones-round {
    margin: 20px;
    margin-left: 43px;
    height: 155px;
    width: 155px;
    border-radius: 200px;
    background-color: #fff;
    box-shadow: 4px 2px 10px rgba(0,0,0,0.35);
    background-repeat: no-repeat;
    background-position: 20px 20px;
    background-size: 115px 115px;
    z-index: 2;
}

.sidebar-text-popup {
    color: #fff;
    background-color: rgba(0,0,0,0.3);
    margin-right: 20px;
    position: absolute;
    left: -60px;
    top: 28px;
    padding: 8px;
    border-radius: 7px;
    opacity: 0;
    transform: scale(0);
    transition-duration: 0.5s;
}

.sidebar-ball {
    border: 3px solid rgba(255,255,255,0.5);
    border-radius: 20px;
    width: 30px;
    height: 30px;
    background-color: rgba(255,255,255,0.1);
}

.intro-sidebar {
    border-radius: 30px;
    width: 55px;
    margin-right: 25px;
    position: fixed;
    top: calc(50% - 150px);
    right: 0;
    background-color: rgba(220,220,220,0.3);
    box-shadow: 2px 2px 6px rgba(0,0,0,0.2);
    z-index: 1000000;
}

.a-intro {
    padding-left: 12px !important;
}

.definicoes-style {
    display: block;
    border-radius: 35px;
    border: 3px solid #fff;
    min-height: 350px;
    border-top: 0 !important;
    box-shadow: 9px 11px 8px rgba(0,0,0,0.25);
}

.definicoes-overflow {
    display: block;
}

.icone-definicoes {
    position: absolute;
    top: -94px;
    left: calc(50% - 80px);
    height: 120px;
    width: 160px;
    background-size: 130px 130px;
    background-position: 15px -10px;
    background-repeat: no-repeat;
}

#div-definicoes {
    display: block;
}

.titulo-definicoes {
    text-transform: uppercase;
    font-weight: bold;
    font-style: italic;
    padding-top: 30px;
}

#titulo-sidebar-intro {
    left: 0;
    color: #fff;
    font-weight: bold;
    font-style: italic;
    position: absolute;
    top: -24px;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.5);
}

.div-box-definicoes {
    margin-bottom: 125px;
    float: left;
}

#btn-saber-mais {
    box-shadow: 1px 1px 5px #000;
    padding: 7px;
    border: 2px solid #fff;
    color: #fff;
    border-radius: 100px;
    font-size: 1.8rem;
    transition-duration: 0.3s;
}

    #btn-saber-mais:hover {
        box-shadow: 1px 1px 5px #000;
        padding: 7px;
        border: 2px solid #ef693a;
        background-color: #ef693a;
        color: #fff;
        border-radius: 100px;
        font-size: 2.1rem;
        transition-duration: 0.3s;
    }

#btn-goToTop {
    padding: 15px;
    font-size: 2rem;
    position: fixed;
    bottom: calc(50% - 305px);
    background-color: rgba(255,255,255,0);
    right: 20px;
    border-radius: 100px;
    border: 2px solid #fff !important;
    color: #fff;
    transition-duration: 0.2s;
    z-index: 10;
}

    #btn-goToTop:hover {
        padding: 15px;
        background-color: rgba(255,255,255,0.08);
        position: fixed;
        bottom: calc(50% - 305px);
        right: 20px;
        border-radius: 100px;
        border: 2px solid #fff;
        color: #fff;
        transition-duration: 0.2s;
    }

.img-pc-para-carousel {
    background-image: url(../images/pc-sem-fundo.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 0 0;
    position: absolute;
    top: 0;
    left: 0;
    min-height: 55vh;
    z-index: 3;
}

#carousel-control {
    top: 0;
    left: 0;
    min-height: 55vh;
    z-index: 2;
}

.carousel-intro {
    background-image: url(../images/pc-sem-fundo.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 0 0;
}

.carousel-inner-intro {
    height: 427px;
    width: 581px;
    z-index: 6;
}

.carousel-item-intro {
    width: 100%;
    padding-top: 27px;
}

.carousel-slide-img-fundo {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 582px;
    height: 395px;
    background-size: 581px 375px;
    border-radius: 20px;
}

.carousel-indicators li {
    width: 12px;
    height: 12px;
    margin-top: 14px !important;
}

.carousel-indicators .active {
    width: 14px !important;
    height: 14px !important;
}


.select-definicoes {
    height: 40px;
    padding-left: 10px;
    width: 100%;
}

.span-td-overflow {
    position: absolute;
    top: 15px;
    left: 23px;
    width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.span-td-overflow {
    position: absolute;
    top: 15px;
    left: 23px;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dtable {
    display: none
}


#titulo-slide {
    font-size: 23px;
    text-align: center;
    margin-right: 60px;
}

#datatable_filter {
    display: none;
}

#titulo-slide > b {
    background-color: #fff;
    color: #ef693a;
    padding: 5px;
}

#datatable_filter{
    display:none;
}

.item-controls {
    position: absolute;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
    top: 37px;
    right: 20px;
    z-index: 10;
    width: 45px;
    height: 45px;
    background-color: rgba(0,0,0,1);
    border-radius: 200px;
    transition-duration: 0.35s;
}

    .item-controls:hover {
        position: absolute;
        top: 37px;
        right: 20px;
        z-index: 10;
        width: 150px;
        height: 55px;
        background-color: rgba(0,0,0,0.3);
        border-radius: 10px;
        transition-duration: 0.35s;
    }

.item-controls-toggle {
    position: absolute;
    color: #fff;
    top: 15px;
    left: 15px;
    font-size: 1.2rem;
}

.item-icone-olho {
    position: absolute;
    top: 13px;
    right: 20px;
    font-size: 18px;
    color: #ef693a;
    transform: scale(0,0);
}

.item-icone-info {
    position: absolute;
    top: 13px;
    right: 0px;
    font-size: 18px;
    color: #ef693a;
    transform: scale(0,0);
}

.item-controls-icone {
    padding: 5px;
    border: 2px solid #fff;
    border-radius: 20px;
    transition-duration: 0.25s;
    background-color: #fff;
    color: #ef693a;
}

    .item-controls-icone:hover {
        padding: 5px;
        background-color: #ef693a;
        color: #fff;
        border: 2px solid #ef693a;
        border-radius: 20px;
        transition-duration: 0.25s;
    }

.item-info-div {
    position: absolute;
    height: 300px;
    width: 548px;
    right: 17px;
    top: 35px;
    border-radius: 10px;
    z-index: 11;
    background-color: rgba(239,105,58,0.9);
    transform: scale(0,0);
}

.close-info {
    height: 40px;
    width: 40px;
    position: absolute;
    right: 5px;
    top: 5px;
    color: #fff;
    background-color: #000;
    border-radius: 200px;
    z-index: 11;
}

    .close-info i {
        position: absolute;
        top: 12px;
        left: 14px;
    }

.carousel > p {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.info-content {
    padding: 15px;
    padding-top: 52px;
    position: absolute;
}

    .info-content span > h6 {
        margin-top: 5px;
    }

.position-control {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
}

.resize-1 {
    font-size: 30px !important;
    text-align: center !important;
    padding: 0 !important;
}

.resize-1-lg {
    font-size: 30px !important;
}

.resize-2 {
    font-size: 22px !important;
    text-align: center !important;
    padding: 0 !important;
}

.resize-3 {
    font-size: 18px !important;
    text-align: center !important;
    padding: 0 !important;
    line-height: 1.1;
}

.pb-100 {
    padding-bottom: 100px !important;
}

#carousel-seta-esq {
    color: #fff;
}

#carousel-seta-dir {
    color: #fff;
}

#carousel-seta-esq-div {
    position: absolute;
    top: 340px;
    left: 0;
    z-index: 8;
    height: 88%;
    width: 60px;
    border-radius: 20px 0px 0px 0px;
    background-color: transparent;
}

#carousel-seta-dir-div {
    position: absolute;
    top: 340px;
    right: 0;
    z-index: 8;
    height: 88%;
    width: 60px;
    border-radius: 20px 0px 0px 0px;
    background-color: transparent;
}

.carousel-seta-hover-in {
    color: #ef693a !important;
    transition-duration: 0.3s;
}

.navbar-intro .container-fluid {
    height: 75px;
}

#nota-intro {
    text-transform: uppercase;
}

.tabelas-home .dt-table {
    /*max-height: 39vh;*/
    max-height: calc(100vh - 32em);
    overflow: auto;
}

.tabelas-home {
    /*max-height: 52vh;*/
}

.btn-info-home {
    float: right;
}

#datatable-todas td, #datatable-erros td {
    min-height: 15px !important;
    padding-top: 3px !important;
    max-width: 115px;
    padding-bottom: 3px !important;
}

#datatable-todas td p, #datatable-erros td p {
    font-size: 0.9rem !important;
}

#datatable-todas tr td:first-child, #datatable-erros tr td:first-child {
    border-left: 3px solid #ef693a;
}

#datatable-todas_wrapper, #datatable-erros_wrapper {
    padding-top: 15px;
}

#home-link-msg-logs {
    color: #000;
    cursor: default;
}

    #home-link-msg-logs:hover {
        color: #68B3C8;
        cursor: pointer;
    }

.home-bola-msgs {
    position: absolute;
    left: -11px;
    top: 35px;
    height: 20px;
    width: 20px;
    border: 2px solid #ef693a;
    border-radius: 100px;
    background-color: #fff;
}

.icones-msgs-home {
    width: 60px;
}

.tabelas-home #btn-dropdown-atividade {
    margin-bottom: 20px !important;
    margin-left: calc(50% - 63px) !important;
}

#datatable-erros tbody tr {
    background-color: rgba(255, 250, 103, 0.91) !important;
}

    #datatable-todas tbody tr:hover, #datatable-erros tbody tr:hover {
        background-color: rgba(239,105,58,0.2) !important;
    }

.space-between {
    height: 60vh;
    border-radius: 10px;
    border: 2px solid #EF693A;
}

.contatos-header {
    height: 75px;
    width: 340px;
    top: 0;
    left: calc(50% - 161px);
    position: absolute;
    background-color: #fff;
    font-size: 2rem;
    color: #000;
    border-radius: 10px 10px 0px 0px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-content: center;
    text-transform: uppercase;
}

#card-contatos {
    display: block;
}

.icones-contatos-intro {
    width: 80px;
}

#info-contatos {
    position: absolute;
    bottom: -66px;
    height: 60px;
    width: 320px;
    border-radius: 7px;
    background-color: #ef693a;
    transform: scale(0);
    transition-duration: 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 2px 2px 6px #999;
}

#info-contatos-content {
    color: #fff;
}

#arrow-up {
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 25px solid #ef693a;
    left: 27px;
    top: -13px;
    position: absolute;
    z-index: 2;
}

#abs-nome-e-morada {
    padding: 0px 60px !important;
}

#abs-logo {
    width: 220px;
}

#imagem-topo-home {
   background-color: #000;
   height: 17vh;
   width: 100%;
   background-image: url(../images/imagemHomeV2.png);
   background-size: cover;
   background-position: 0 0;
   background-repeat: no-repeat;
}

#btn-enviar-mensagem {
    background-color: green !important;
    border: 1px solid green;
}

    #btn-enviar-mensagem:hover {
        background-color: #6dc526 !important;
        border: 1px solid #6dc526;
    }

#response {
    display: none;
}

.navbar-intro #navbar-header-mobile {
    opacity: 0;
}

.force-select {
    user-select: all !important;
}

#total-msgs {
    font-size: .9rem !important;
}

#total-msgs .ti-reload {
    padding-left: 15px;
}

.refresh-msgs-home {
    color: #000;
}

.bandeira-selected {
    border-bottom: 2px solid #fff;
}

.div-parent-details-response {
    min-height: 52px;
    max-height: 120px;
}

.criar-transbordo {
    position: relative;
    padding-bottom: 0px;
}

.tables-transbordo th, .tables-transbordo td {
    text-align: center !important;
}

.input-veiculo {
    height: 25px !important;
    width: 40px !important;
    float: left;
    padding: 5px;
    margin: 0px 10px;
    text-transform: uppercase;
}

.span-veiculo {
    margin: 5px 2px;
}

.select-uis-list {
    background-color: #fff;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    max-height: 35vh;
    height: 35vh !important;
}

.subject-info-arrows {
    margin-top: 70px;
}

.subject-info-arrows .btn {
    margin: 10px;
    border-radius: 7px;
}

#fid-menu, #tipo-menu {
    background-color: rgb(51,51,51);
    width: 100%;
}

    #fid-menu li, #tipo-menu li {
        display: block;
        float: left;
        padding: 10px;
        color: #fff;
        width: 100%;
        border-bottom: 1px solid #999;
    }

    #fid-menu .selected, #tipo-menu .selected {
        background-color: #ef693a;
        font-weight: bold;
        transition-duration: 0.1s;
        cursor: pointer;
    }

    #fid-menu li:hover, #tipo-menu:hover {
        cursor: pointer;
    }

#fid-menu-seta, #tipo-menu-seta {
    border-right: 12px solid #fff;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    display: inline-block;
    position: absolute;
    right: 15px;
    top: 10px;
    opacity: 1;
    transition-duration: 0.2s;
}

#add-fid-transbordo a {
    border-radius: 200px;
    padding: 5px 11px;
    color: forestgreen;
    border: 2px solid forestgreen;
    background-color: transparent;
    transition-duration: 0.2s;
}

    #add-fid-transbordo a:hover {
        border-radius: 200px;
        padding: 5px 11px;
        color: #fff;
        background-color: forestgreen;
        transition-duration: 0.2s;
    }

#div-tabela-details-transbordo {
    padding: 0px 30px;
}

#div-tabela-details-transbordo td, #div-tabela-details-transbordo th {
    text-align: left;
}

.btn span.glyphicon {
    opacity: 0;
}

.btn.active span.glyphicon {
    opacity: 1;
}

.checkbox-transloading label:after,
.radio-transloading label:after {
    content: '';
    display: table;
    clear: both;
}

.checkbox-transloading .cr,
.radio-transloading .cr {
    position: relative;
    display: inline-block;
    border: 1px solid #a9a9a9;
    border-radius: .25em;
    width: 1.5em;
    height: 1.5em;
    float: left;
    margin-right: .5em;
}

.radio-transloading .cr {
    border-radius: 50%;
}

    .checkbox-transloading .cr .cr-icon,
    .radio-transloading .cr .cr-icon {
        position: absolute;
        font-size: 1.1em;
        line-height: 0;
        top: 54.1%;
        left: 4.5%;
    }

    .radio-transloading .cr .cr-icon {
        margin-left: 0.04em;
    }

.checkbox-transloading label input[type="checkbox"],
.radio-transloading label input[type="radio"] {
    display: none;
}

    .checkbox-transloading label input[type="checkbox"] + .cr > .cr-icon,
    .radio-transloading label input[type="radio"] + .cr > .cr-icon {
        opacity: 0;
    }

    .checkbox-transloading label input[type="checkbox"]:checked + .cr > .cr-icon,
    .radio-transloading label input[type="radio"]:checked + .cr > .cr-icon {
        opacity: 1;
    }

    .checkbox-transloading label input[type="checkbox"]:disabled + .cr,
    .radio-transloading label input[type="radio"]:disabled + .cr {
        opacity: .5;
    }

#resultado-criar-transbordo {
    max-height: 70vh;
    overflow: auto;
    background-color: rgba(60, 179, 113, 0.6);
    box-shadow: 0 2px 2px rgba(204,187,185, 0.5);
    padding: 20px;
}

.btn-recall-disabled {
    opacity:0.2 !important;
}

.div-parent-details-response {
    display: flow-root;
    z-index: 3;
}

#dropdown-user select {
    height: 40px;
    padding-left: 10px;
    width: 100%;
}

#menu-accoes {
    z-index: 101;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: auto;
    min-width: 143px;
    height: 0;
    background-color: #fff;
    border-radius: 7px;
}

.botoes-accoes {
    display: flex;
}

#div-btn-accoes {
    opacity: 0;
    left: 0px;
    padding-top: 35px;
    position: relative;
    height: inherit;
}

#div-btn-accoes a .btn {
    padding-left: 12px;  
}

#btn-trace, #btn-pesquisa-doc {
    height: 40px;
    vertical-align: middle;
    justify-content: center;
    width: 40px;
    border-radius: 4px;
}

#modal-json-div {
    padding-right: 0;
    padding-top: 10px;
}

#card-json {
    min-height: 45vh;
}

.jsons {
    min-height: 30vh;
    overflow: auto;
    max-height: 35vh;
}

.btn-copy-json {
    background-color: #fff;
    color: saddlebrown;
    border: 2px solid saddlebrown;
    transition-duration: 0.2s;
}

    .btn-copy-json:hover {
        background-color: saddlebrown;
        color: #fff;
        border: 2px solid saddlebrown;
        transition-duration: 0.2s;
    }

.btn-download-json {
    background-color: #fff;
    color: forestgreen;
    border: 2px solid forestgreen;
    transition-duration: 0.2s;
}

    .btn-download-json:hover {
        background-color: forestgreen;
        color: #fff;
        border: 2px solid forestgreen;
        transition-duration: 0.2s;
    }

#aviso-copy {
    z-index: 100000000;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    bottom: 50%;
}

#aviso-copy-content {
    border-radius: 8px;
    position: absolute;
    padding: 10px;
    justify-content: center;
    align-items: center;
    width: 50%;
    background-color: rgba(0,0,0,0.75);
    color: #fff;
}

#datatable-errors_wrapper .mdl-data-table__cell--non-numeric, #datatable-errors .mdl-data-table__cell--non-numeric {
    word-break: break-word;
    white-space: normal;
    min-width: 20px;
    /*min-width: 150px;*/
}

#datatable-recall-errors_wrapper .mdl-data-table__cell--non-numeric, #datatable-recall-errors .mdl-data-table__cell--non-numeric {
    word-break: break-word;
    white-space: normal;
    min-width: 20px;
    /*min-width: 150px;*/
}

#datatable-errors_wrapper .mdl-grid:nth-child(1), #datatable-errors .mdl-grid:nth-child(1) {
    display: none !important;
}

.input-nl {
    width: 30px;
    height: 30px;
    padding: 2px 2px 2px 5px;
    margin-top: 6px;
    margin-left: 8px;
}

/*#tabs-nl-ul a {
    width: auto !important;
}*/

#tabs-nl ul {
    display: block;
    min-width: 100%;
    height: 35px;
    margin: 0;
}

#tabs-nl ul .li-nl {
    float: left;
    color: #000;
    /*margin-top: 1px;*/
    min-width: 103px;
    max-height: 35px;
    border-radius: 8px 0px 0px 0px;
    padding-left: 10px;
    list-style-type: none;
    border: 1px solid rgba(0,0,0,0.2);
    background-color: #eee;
    transition-duration: 0.2s;
}

#tabs-nl ul .selected {
    background-color: #ef693a !important;
    color: #fff;
    transition-duration: 0.2s;
}

#tabs-nl ul .selected.erro-nl {
    background-image: linear-gradient(90deg, red 20%, #EF693A 46%) !important;
    color: #fff;
    transition-duration: 0.2s;
}

#janela-edicao-nl-div {
    border: 1px solid #ef693a;
    border-left: 4px solid #ef693a;
    padding: 15px 0px 15px 0px;
}

#add-item-nl {
    padding-bottom: 5px;
    float: left;
    margin: 0;
    font-size: 2.5rem;
    min-width: 40px;
    max-height: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: forestgreen;
}

#add-one-item-nl-style {
    background-color: forestgreen;
    border: 1px solid rgba(0,0,0,0.2);
    float: left;
    color: #000;
    min-width: 50px;
    max-height: 35px;
    height: 35px;
    border-radius: 7px 7px 0px 0px;
    list-style-type: none;
    color: forestgreen;
}

#add-one-item-nl {
    font-size: 1.8rem;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 35px;
    color: #fff;
}

#btn-add-batch-nl {
    height: 35px;
    vertical-align: middle;
    justify-content: center;
    width: 32px;
    border-radius: 4px;
    margin-left: 5px;
    margin-top: 3px;
}

#previz-nl {
    border: 1px solid #e5e5e5;
    background-color: rgba(34,139,34,0.25);
}

#previz-nl-div {
    padding-top: 20px;
    padding-bottom: 20px;
    /*border-left: 4px solid #ef693a;
    border-bottom: 4px solid #ef693a;*/
    /*background-color: rgba(34,139,34,0.25);*/
}

#previz-nl-div-div {
    transform: scale(0.5);
    position: absolute;
    top: -110px !important;
}

#previz-nl-div-div {
    height: 100%;
    box-shadow: 2px 2px 8px rgba(0,0,0,0.2);
}

#previz-descricao-nl, #previz-titulo-nl {
    padding: 2px 5px 5px 2px;
}

#btn-gallery-nl {
    border: 2px solid #2497b7;
    color: #2497b7;
    background-color: #fff;
    transition-duration: 0.2s;
}

    #btn-gallery-nl:hover {
        border: 2px solid #2497b7;
        color: #fff;
        background-color: #2497b7;
        transition-duration: 0.2s;
    }

#btn-guardar-nl, #btn-escolher-img, #btn-enviar-img {
    border: 2px solid forestgreen;
    color: forestgreen;
    background-color: #fff;
    transition-duration: 0.2s;
}

    #btn-guardar-nl:hover, #btn-escolher-img:hover, #btn-enviar-img:hover {
        border: 2px solid forestgreen;
        color: #fff;
        background-color: forestgreen;
        transition-duration: 0.2s;
    }

.img-novidade {
    max-height: 190px;
    width: 100%;
    border-radius: 0px 0px 8px 8px;
}

.novidade {
    width: 245px !important;
    min-height: 365px !important;
    max-height: 365px !important;
}

    .novidade p {
        max-width: 245px !important;
        max-height: 125px !important;
        overflow-y: auto;
        word-break: break-word;
    }

.link2 {
    color: #fff;
    border-top: 10px solid #27A1E5;
    border-bottom: 10px solid #27A1E5;
    border-left: 18px solid #27A1E5;
    border-right: 18px solid #27A1E5;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #27A1E5;
}

#previz-titulo-nl {
    word-break: break-word;
}

.h6-close-tab-nl {
    margin-top: 0 !important;
    max-width: 35px !important;
    border: 1px solid rgba(0,0,0,0.2);
    background-color: #eee;
    color: #000;
    border-radius: 0px 8px 0px 0px;
    height: 35px;
    min-width: 30px;
    transition-duration: 0.2s;
}

#novidade-selecionada {
    background-color: #ef693a;
    color: #fff;
    text-align: center;
    font-size: 1.1rem;
}

#descricao-item-nl {
    height: 135px;
}

#maximize-nl {
    padding: 5px 5px;
    border: 0;
    background-color: transparent;
    border-radius: 100px;
    color: #000;
    transition-duration: 0.2s;
}
    #maximize-nl:hover {
        padding: 5px 5px;
        border: 2px solid rgba(255,255,255,0.5);
        color: #fff;
        background-color: #000;
        transition-duration: 0.2s;
    }

#preview-sm-nl {
    padding: 0px 15px;
    border: 2px solid #000;
    background-color: transparent;
    border-radius: 100px;
    color: #000;
    transition-duration: 0.2s;
}
    #preview-sm-nl:hover {
        padding: 0px 15px;
        border: 2px solid rgba(255,255,255,0.5);
        color: #fff;
        background-color: #000;
        transition-duration: 0.2s;
    }

#edicao-nl {
    /*overflow: auto;
    max-height: 70vh;*/
}

.step-steps li a, .step-steps li {
    pointer-events: none;
}

#aviso-24h {
    margin-top: 0;
    margin-bottom: 0;    
}

#aviso-24h h6 {
    margin: 0;    
}


#btn-visitar-site, #btn-visitar-site:hover {
    color: #fff;
}

.thumb {
    min-height: 290px;
    max-height: 290px;
}

.overlay-thumbs {
    position: absolute;
    display: none;
    z-index: 100;
    height: 100%;
    width: 100%;
    background-color: rgba(115,185,125,0.5);
}

#check-thumb-nl {
    position: absolute;
    top: 37px;
    right: 90px;
}

#btn-upload {
    color: #2497b7;
    border-color: #2497b7;
    background-color: transparent;
    transition-duration: 0.1s;
}
    #btn-upload:hover {
        color: #fff;
        border-color: #2497b7;
        background-color: #2497b7;
        transition-duration: 0.1s;
    }

#input-gallery {
    opacity: 0;
    width: 24px;
    height: 24px;
    font-size: 0;
    position: absolute;
    cursor: pointer !important;
}

#confirm-change-name-img, #btn-change-name {
    border-radius: 20px;
    box-sizing: border-box;
    border-width: 2px;
    background-color: transparent;
    border-color: forestgreen;
    color: forestgreen;
    transition-duration: 0.15s;
}

#change-name-img {
    border-radius: 20px;
    box-sizing: border-box;
    border-width: 2px;
    background-color: transparent;
    border-color: #ef693a;
    color: #ef693a;
    transition-duration: 0.15s;
}

    #confirm-change-name-img:disabled, #change-name-img:disabled, #btn-change-name:disabled {
        border-radius: 20px;
        box-sizing: border-box;
        border-width: 2px;
        background-color: transparent;
        border-color: rgba(0,0,0,0.4);
        color: rgba(0,0,0,0.4);
        transition-duration: 0.15s;
        pointer-events: none;
    }

    #confirm-change-name-img:hover, #btn-change-name:hover {
        border-radius: 20px;
        box-sizing: border-box;
        border-width: 2px;
        background-color: forestgreen;
        border-color: forestgreen;
        color: #fff;
        transition-duration: 0.15s;
    }
    
    #change-name-img:hover {
        border-radius: 20px;
        box-sizing: border-box;
        border-width: 2px;
        background-color: #ef693a;
        border-color: #ef693a;
        color: #fff;
        transition-duration: 0.15s;
    }

#sem-imagens {
    display: flex;
    justify-content: center;
    align-items: center;
}


.input-escondido {
    display: none !important;
}

.escolher-img-gallery {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 11px 12px;
    border-radius: 20px;
    cursor: pointer;
    transition-duration: 0.2s;
}
    .escolher-img-gallery:hover {
        border: 1px solid #2497b7;
        display: inline-block;
        padding: 11px 12px;
        border-radius: 20px;
        cursor: pointer;
        background-color: #2497b7;
        color: #fff;
        transition-duration: 0.2s;
    }

.escolher-ficheiro-desativacao {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 11px 12px;
    border-radius: 20px;
    cursor: pointer;
    transition-duration: 0.2s;
    background-color: #ef693a;
    color: #fff;
}

    .escolher-ficheiro-desativacao:hover {
        border: 1px solid #ef693a;
        display: inline-block;
        padding: 11px 12px;
        border-radius: 20px;
        cursor: pointer;
        background-color: #ef693ac4;
        color: #fff;
        transition-duration: 0.2s;
    }

.erro-nl {
    background-color: red !important;
    color: #fff !important;
}


#apagar-novidades a {
    color: #000;
    border-bottom: 0;
    transition-duration: 0.2s;
}
    #apagar-novidades a:hover{
        color: red;
        border-bottom: 3px solid red;
        transition-duration: 0.2s;
    }

.edit-name-nl {
    display: inline-block;
    color: #ef693a;
    transform: rotate(0deg);
    transition-duration: 0.2s;
}
    .edit-name-nl:hover {
        display: inline-block;
        color: forestgreen;
        transform: rotate(45deg);
        transition-duration: 0.2s;
    }

.delete-nl {
    display: inline-block;
    color: #2497b7;
    transform: rotate(0deg);
    transition-duration: 0.2s;
}
    .delete-nl:hover {
        display: inline-block;
        transform: rotate(45deg);
        color: red;
        transition-duration: 0.2s;
    }

#novo-nome-nl {
    background-color: #fff !important;
    cursor: auto !important;
}

#nome-atual-nl {
    background-color: #E3E3E3 !important;
    pointer-events: none;
}

#final-wizard #datatable-uis-steps tbody th, #final-wizard #datatable-uis-steps tbody td {
    width: 25%;
    text-align: left;
}

.finished-step a{
    background-color: #3cb371 !important;
    color: #fff !important;
}

.finished-step.active a {
    background-color: #32c5d2 !important;
    color: #fff !important;
}

.toggle-previz {
    font-size: 1.3rem;
    border-radius: 100px;
    border: 2px solid forestgreen;
    color: forestgreen;
    background-color: transparent;
    padding: 10px;
    transition-duration: 0.2s;
}

    .toggle-previz:hover {
        font-size: 1.3rem;
        border-radius: 100px;
        border: 2px solid forestgreen;
        background-color: forestgreen;
        color: #fff;
        padding: 10px;
        transition-duration: 0.2s;
    }

#aviso-lista-uids-mobile {
    display: none;
    padding: 0px;
}

#lista-selecionados-mobile ul {
    list-style: none;
    box-shadow: 0px 0px 5px #ccc;
    max-height: 100px;
    overflow: auto;
    padding: 5px 19px;
}

#lista-selecionados-mobile ul li {
    min-width: 410px;
}

.icone-msglog-details {
    background-image: url(../images/icones/Sidebar/rastreabilidade_laranja_v2_32x32.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 24px;
    background-color: transparent;
    max-width: 37px;
    padding: 4px;
    min-height: 37px;
    border: 2px solid #ef693a;
    border-radius: 100px;
    transition-duration: 0.2s;
}

    .icone-msglog-details:hover {
        background-image: url(../images/icones/Sidebar/rastreabilidade_32x32.svg);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 24px;
        background-color: #ef693a;
        max-width: 37px;
        padding: 4px;
        min-height: 37px;
        border: 2px solid #ef693a;
        border-radius: 100px;
        transition-duration: 0.2s;
    }

article .panel .panel-body {
    padding-left: 5px !important;
    padding-right: 5px !important;
    width: 100%;
}

article .panel {
    height: auto !important;
}

article .panel h4 {
    font-weight: bold !important;
    font-size: 23px !important;
    display: inline-block !important;
    text-align: left;
    word-break: break-word;
    width: 100% !important;
}

#uid-h6-timeline {
    font-size: 0.9rem;
    border-radius: 3px;
    border: 2px solid #ededed;
    border-left: 3px solid #000;
    padding: 10px;
    display: inline-block;
    word-break: break-all;
}

.intro-borderleft-title {
    font-size: 1.1rem;
    border-radius: 3px;
    border: 2px solid #ededed;
    border-left: 3px solid #000;
    padding: 3px 10px;
    display: inline-block;
    word-break: break-all;
}

.boxwithborderleft {
    font-size: 0.9rem;
    border-radius: 3px;
    border: 2px solid #ededed;
    border-left: 3px solid #23b7e5;
    padding: 10px;
    display: inline-block;
    word-break: break-all;
}

#validar-id-input {
    margin-right: 3px;
    background-color: white;
    border-color: rgba(102, 97, 91, 0.45);
    font-size: 1.5rem;
}

#btn-validar {
    height: auto;
    vertical-align: middle;
    justify-content: center;
    width: auto;
    background-color: forestgreen;
    border-radius: 7px;
    padding: 6px 5px;
}

#btn-validar .ti-search {
    margin: 0;
    color: #fff;
    /*font-family: Muli;
    font-weight: bold;*/
    padding: 10px;
    font-weight: 100;
    font-size: 1.7rem;
}

#btn-confirmar-uids {
    height: auto;
    vertical-align: middle;
    justify-content: center;
    width: auto;
    background-color: forestgreen;
    border-radius: 7px;
    padding: 6px 5px;
}

#datatable-validacao .swal2-icon::before, #datatable-validacao .sa::before {
    justify-content: center;
    margin: 0px !important;
}

#datatable-validacao td {
    min-width: 100px;
    max-width: 100px;
    word-break: break-word;
    white-space: normal;
}

#datatable-validacao .swal2-x-mark-line-left {
    left: -18px;
}

#datatable-validacao .swal2-x-mark-line-right {
    left: -18px;
}

#icone-estado {
    margin-left: auto;
    margin-right: auto;
    background-color: transparent;
}

#datatable-desativar-uis thead th, #datatable-desativar-uis tbody tr, #datatable-desativar-uis tbody td {
    /*display: flex;
    flex-flow: wrap;
    width: 100%;*/
    text-align: left;
}

#content-desativacao-sub-div {
    flex-flow: wrap;
}

#desativacao-ou-div {
    display: flex;
    flex-flow: wrap;
    align-items: center;
    justify-content: center;
    /*background-color: lightblue;*/
    /*background-color: #66615b;*/
    color: #fff;
    min-height: 80px;
    margin: 0;
}

#separador-ou-div {
    background-color: #000;
    width: 1px;
    min-height: 100%;
    position: absolute;
}

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

.ficheiro-carregado {
    background-color: forestgreen;
    color: #fff;
    padding: 5px;
    font-weight: bold;
    font-size: 1.2em;
}

.sem-ficheiro-carregado {
    background-color: #ccc;
    color: #000;
    padding: 5px;
    font-weight: bold;
    font-size: 1.2em;
}

.fechar-ficheiro-carregado {
    cursor: pointer;
}

/*#datatable-desativar-uis_wrapper {
min-width: 100% !important;
}

#datatable-desativar-uis_wrapper .mdl-grid {
    min-width: 100% !important;
}*/
/**/
/**/
/**/
/**/
/*    ANIMAÇÃO SWAL SUCESSO               */
/**/
/**/
/**/
/**/
.sa {
    width: 140px;
    height: 140px;
    padding: 26px;
    background-color: transparent;
}

.sa-success {
    border-radius: 50%;
    border: 4px solid #a5dc86;
    box-sizing: content-box;
    height: 80px;
    padding: 0;
    position: relative;
    background-color: transparent;
    width: 80px;
}

    .sa-success:after, .sa-success:before {
        background: transparent;
        content: '';
        height: 120px;
        position: absolute;
        transform: rotate(45deg);
        width: 60px;
    }

    .sa-success:before {
        border-radius: 40px 0 0 40px;
        width: 26px;
        height: 80px;
        top: -17px;
        left: 5px;
        transform-origin: 60px 60px;
        transform: rotate(-45deg);
    }

    .sa-success:after {
        border-radius: 0 120px 120px 0;
        left: 30px;
        top: -11px;
        transform-origin: 0 60px;
        transform: rotate(-45deg);
        animation: rotatePlaceholder 4.25s ease-in;
    }

.sa-success-placeholder {
    border-radius: 50%;
    border: 4px solid rgba(165, 220, 134, 0.25);
    box-sizing: content-box;
    height: 80px;
    left: -4px;
    position: absolute;
    top: -4px;
    width: 80px;
    z-index: 2;
}

.sa-success-fix {
    background-color: transparent;
    height: 90px;
    left: 28px;
    position: absolute;
    top: 8px;
    transform: rotate(-45deg);
    width: 5px;
    z-index: 1;
}

.sa-success-tip, .sa-success-long {
    background-color: #a5dc86;
    border-radius: 2px;
    height: 5px;
    position: absolute;
    z-index: 2;
}

.sa-success-tip {
    left: 14px;
    top: 46px;
    transform: rotate(45deg);
    width: 25px;
    animation: animateSuccessTip 0.75s;
}

.sa-success-long {
    right: 8px;
    top: 38px;
    transform: rotate(-45deg);
    width: 47px;
    animation: animateSuccessLong 0.75s;
}

@keyframes animateSuccessTip {
    0%, 54% {
        width: 0;
        left: 1px;
        top: 19px;
    }

    70% {
        width: 50px;
        left: -8px;
        top: 37px;
    }

    84% {
        width: 17px;
        left: 21px;
        top: 48px;
    }

    100% {
        width: 25px;
        left: 14px;
        top: 45px;
    }
}

@keyframes animateSuccessLong {
    0%, 65% {
        width: 0;
        right: 46px;
        top: 54px;
    }

    84% {
        width: 55px;
        right: 0;
        top: 35px;
    }

    100% {
        width: 47px;
        right: 8px;
        top: 38px;
    }
}

@keyframes rotatePlaceholder {
    0%, 5% {
        transform: rotate(-45deg);
    }

    100%, 12% {
        transform: rotate(-405deg);
    }
}

#slideshow-over {
    background-image: url(../images/passo5Dark.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    z-index: 100;
    width: 100%;
    height: 100%;
    text-align: center;
}









/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/*       ANIMAÇÃO SWAL ERRO                         */
/**/
/**/
/**/
/**/
.sa {
    width: 140px;
    height: 140px;
    padding: 26px;
    background-color: transparent;
}

.sa-error {
    border-radius: 50%;
    border: 4px solid #f27474;
    box-sizing: content-box;
    height: 80px;
    padding: 0;
    position: relative;
    background-color: transparent;
    width: 80px;
    animation: animateErrorIcon 0.5s;
}

    .sa-error:after, .sa-error:before {
        background: transparent;
        content: '';
        height: 120px;
        position: absolute;
        transform: rotate(45deg);
        width: 60px;
    }

    .sa-error:before {
        border-radius: 40px 0 0 40px;
        width: 26px;
        height: 80px;
        top: -17px;
        left: 5px;
        transform-origin: 60px 60px;
        transform: rotate(-45deg);
    }

    .sa-error:after {
        border-radius: 0 120px 120px 0;
        left: 30px;
        top: -11px;
        transform-origin: 0 60px;
        transform: rotate(-45deg);
        animation: rotatePlaceholder 4.25s ease-in;
    }

.sa-error-x {
    display: block;
    position: relative;
    z-index: 2;
}

.sa-error-placeholder {
    border-radius: 50%;
    border: 4px solid rgba(200, 0, 0, 0.5);
    box-sizing: content-box;
    height: 80px;
    left: -4px;
    position: absolute;
    top: -4px;
    width: 80px;
    z-index: 2;
}

.sa-error-fix {
    background-color: transparent;
    height: 90px;
    left: 28px;
    position: absolute;
    top: 8px;
    transform: rotate(-45deg);
    width: 5px;
    z-index: 1;
}

.sa-error-left, .sa-error-right {
    border-radius: 2px;
    display: block;
    height: 5px;
    position: absolute;
    z-index: 2;
    background-color: #f27474;
    top: 37px;
    width: 47px;
}

.sa-error-left {
    left: 17px;
    transform: rotate(45deg);
    animation: animateXLeft 0.75s;
}

.sa-error-right {
    right: 16px;
    transform: rotate(-45deg);
    animation: animateXRight 0.75s;
}

@keyframes rotatePlaceholder {
    0%, 5% {
        transform: rotate(-45deg);
    }

    100%, 12% {
        transform: rotate(-405deg);
    }
}

@keyframes animateErrorIcon {
    0% {
        transform: rotateX(100deg);
        opacity: 0;
    }

    100% {
        transform: rotateX(0deg);
        opacity: 1;
    }
}

@keyframes animateXLeft {
    0%, 65% {
        left: 82px;
        top: 95px;
        width: 0;
    }

    84% {
        left: 14px;
        top: 33px;
        width: 47px;
    }

    100% {
        left: 17px;
        top: 37px;
        width: 47px;
    }
}

@keyframes animateXRight {
    0%, 65% {
        right: 82px;
        top: 95px;
        width: 0;
    }

    84% {
        right: 14px;
        top: 33px;
        width: 47px;
    }

    100% {
        right: 16px;
        top: 37px;
        width: 47px;
    }
}







/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/




/*     CSS MODAL TUTORIAL TRANSBORDO    */




#modal-tutorial-transbordo .modal-backdrop.in {
    filter: alpha(opacity=7);
    opacity: 0.7;
}

#modal-tutorial-transbordo .modal-content {
    background: none;
    border: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#modal-tutorial-transbordo .modal-body {
    padding: 0 25px 25px 25px;
}

#modal-tutorial-transbordo .modal-header {
    padding: 25px 25px 15px 25px;
    text-align: right;
}

#modal-tutorial-transbordo .modal-header, .modal-footer {
    border: 0;
}

    #modal-tutorial-transbordo .modal-header .close {
        float: none;
        margin: 0;
        font-size: 36px;
        color: #fff;
        font-weight: 300;
        text-shadow: none;
        opacity: 1;
    }

.video-link {
    padding-top: 70px;
}

    .video-link a:hover,
    .video-link a:focus {
        outline: 0;
    }

a .video-link-text {
    color: #fff;
    opacity: 0.8;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}

a:hover .video-link-text,
a:focus .video-link-text {
    outline: 0;
    color: #fff;
    opacity: 1;
    border-bottom: 1px dotted #fff;
}

a .video-link-icon {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 50px;
    margin-right: 10px;
    background: #e89a3e;
    color: #fff;
    line-height: 50px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}

    a .video-link-icon:after {
        position: absolute;
        content: "";
        top: -6px;
        left: -6px;
        width: 66px;
        height: 66px;
        background: #444;
        background: rgba(0, 0, 0, 0.1);
        z-index: -99;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
    }

a:hover .video-link-icon,
a:focus .video-link-icon {
    outline: 0;
    background: #fff;
    color: #e89a3e;
}


#lista-tutorial, #controlos-tutorial {
    list-style-type: none;
}


.passos-tutorial h6 {
    margin: 10px;
}

#passos-tutorial {
    padding: 0;
    cursor: pointer;
}

.passos-tutorial {
    color: #fff;
    font-weight: bold;
    cursor: pointer;
    transition-duration: 0.2s;
}
    .passos-tutorial:hover {
        color: #fff;
        cursor: pointer;
        transition-duration: 0.2s;
    }

.passos-tutorial > li {
    background-color: #333333;
    padding: 3px 0px;
    transition-duration: 0.2s;
}

    .passos-tutorial > li:hover {
        background-color: #ef693a;
        padding: 3px 0px;
        transition-duration: 0.2s;
    }

.passos-tutorial.selected li {
    background-color: #ef693a;
}

#play-tutorial {
    border-radius: 100px;
    border: 2px solid forestgreen;
    padding: 4px;
    margin-left: 5px;
    margin-right: 5px;
    font-size: 1.6rem;
    color: #fff;
    background-color: forestgreen;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.7);
}

#ver-tutorial-novamente {
    border-radius: 100px;
    border: 8px solid #fff;
    padding: 4px;
    margin-left: 5px;
    margin-right: 5px;
    font-size: 5rem;
    color: #fff;
    background-color: transparent;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.7);
    transition-duration: 0.2s;
}

    #ver-tutorial-novamente:hover {
        border-radius: 100px;
        border: 8px solid forestgreen;
        padding: 4px;
        margin-left: 5px;
        margin-right: 5px;
        font-size: 5rem;
        color: #fff;
        background-color: forestgreen;
        box-shadow: 1px 1px 2px rgba(0,0,0,0.7);
        transition-duration: 0.2s;
    }

.video-tutorial {
    box-shadow: 3px 3px 5px rgba(0,0,0,0.5)
}

#passos-mobile {
    display: flex;
    justify-content: center;
    background-color: transparent;
    border: 2px solid #ef693a;
    color: #ef693a;
    padding: 15px;
    font-weight: bold;
    border-radius: 7px;
    margin-bottom: 10px;
    transition-duration: 0.2s;
}

    #passos-mobile:hover {
        display: flex;
        justify-content: center;
        border: 2px solid #ef693a;
        background-color: #ef693a;
        font-weight: normal;
        color: #fff;
        padding: 15px;
        border-radius: 7px;
        margin-bottom: 10px;
        transition-duration: 0.2s;
    }

#caret-passos-transloading {
    margin-top: 5px;
    margin-left: 5px;
}

#transbordo-passos-dropdown {
    display: flex;
    justify-content: center;
    width: 100%;
    top: 75%;
    text-align: center;
    box-shadow: none;
    background-color: transparent;
}

#btnContactos {
    color: #2497b7;
    background-color: transparent;
    border: 3px solid #2497b7;
    font-size: 2rem;
    padding: 10px;
    border-radius: 100px;
    transition-duration: 0.2s;
}
    #btnContactos:hover {
        color: #fff;
        background-color: #2497b7;
        border: 3px solid #2497b7;
        font-size: 2rem;
        padding: 10px;
        border-radius: 100px;
        transition-duration: 0.2s;
    }

.erro-gerar-mensagem-fatura, .erro-gerar-mensagem-recibo {
    border: 1px solid red;
}

.btn-disabled {
    pointer-events: none;
    opacity: 0.5;
    cursor: not-allowed;
}



/*Retirar icons setas (sort)*/
/*.dataTable > thead > tr > th[class*="sort"]:after {
    content: "" !important;
}*/

/*Retirar icons setas (sort)*/
/*.dataTable > thead > tr > th[class*="sort"]:before {
    content: "" !important;
}*/


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

.text-right {
    text-align: right !important;
}

.paddding-left-3em {
    padding-left: 3em;
}

ul {
    line-height: 20px !important;
}

/*Alterar largura sweet alert*/
.swal-wide {
    width: 470px !important;
}

.suggestion-error-list {
    display: inline-block;
    float: left;
    padding-right: 19px;
}


.text-ellipsis {
    width: 66vw;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display:block;
}

.error-line {
    background-color: rgba(230, 173, 173, 0.61);
}


    #response #datatable-errors_wrapper .dataTables_scrollHeadInner table {
        margin: 0 !important;
        width: 100% !important;
    }

.seta-collapse-detalhes-mensagens {
    /*    background-color: #66615B;
    color: #fff;
    padding: 10px 15px;
    border-radius: 200px;
    position: absolute;
    font-size: 1em;
    top: -3px;
    cursor: pointer;
    right: -60px;*/

    /*MUDADO GS (09/02/2026) */
    background-color: #66615B;
    color: #fff;
    padding: 6px 10px;
    border-radius: 50%;
    position: absolute;
    font-size: 0.85em;
    right: -45px;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    top: 8%;
}

.hide-div {
    display: none !important;
}

.show-div {
    display: block !important;
}

#abrir-ficheiro-desativar-uis {
    background-color: #ef693a;
    color: #fff;
    border: none;
    transition-duration: 0.2s;
}
    #abrir-ficheiro-desativar-uis:hover {
        background-color: #ef693ab8;
        color: #fff;
        border: none;
        transition-duration: 0.2s;
    }

#apagar-input-uis {
    position: absolute;
    top: calc(100% - 4.5em);
    right: 7px;
    padding: 8px;
    font-size: 1.2em;
    cursor: pointer;
}

.input-ui {
    position: relative;
    background-color: transparent;
    border: none;
    height: inherit;
    padding-left: 5px;
}

#adicionar-ui-div {
    width: 100%;
    min-height: 70px;
    /*background-color: #ccc;*/
    /*box-shadow: 1px 1px 5px rgba(0,0,0,0.5);*/
    /*max-width: 450px;*/
    margin-left: auto;
    padding: 0;
}

.seta-adicionar-uis {
    position: absolute;
    top: -40px;
    right: -6px;
    border-left: 19px solid #ccc;
    border-top: 17px solid transparent;
    border-bottom: 13px solid transparent;
    width: 50px;
    transform: rotate(270deg);
    height: 30px;
    pointer-events: none;
}

.bg-green {
    background-color: forestgreen;
    color: #fff;
}

.bg-red {
    background-color: red;
    color: #fff;
}

.erro-desativacao {
    border: 1px solid red;
}

#nome-ficheiro-upload {
    text-align: center;
    margin-top: 10px;
    margin-top: 7px;
    padding: 7px;
    background-color: lightblue;
}

input[name=escolha-tipo-desativacao] {
    cursor: pointer;
}

.opacity-half {
    opacity: 0.5;
}

.opacity-full {
    opacity: 1;
}

.smaller {
    font-size: 75%;
}

.no-pointer-events {
    pointer-events: none;
    opacity: 0.4;
}

.erros-form-ajuda {
    color: red;
    margin-left: 5px;
}

.form-input-error {
    border: 2px solid red;
}

#ajaxLoading {
    min-width: 100%;
    min-height: 100%;
    position: fixed;
    z-index: 10000;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.9);
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    z-index: 20000;
}

#popup-form-contato {
    background-color: #e25b27eb;
    border: 2px solid #fff;
    height: 4em;
    /*    max-height: 400px;*/
    min-height: 0;
    min-width: 370px;
    width: 25vw;
    max-width: 300px;
    position: fixed;
    bottom: 2vh;
    z-index: 1000;
    right: 86px;
    padding: 10px 20px 10px 20px;
    overflow: hidden;
    cursor: pointer;
    border-radius: 9px;
    transition: bottom 0.25s ease-in, right 0.35s ease-in, min-height 0.35s ease-in, min-width 0.35s ease-in, height 0.25s ease-in;
}

    #popup-form-contato.open {
        height: 34em;
        min-height: 30em;
        min-width: 430px;
        width: 25vw;
        max-width: 300px;
        bottom: 22px;
        cursor: default;
        border-radius: 9px;
        transition: bottom 0.35s ease-in, right 0.35s ease-in, min-height 0.35s ease-in, min-width 0.35s ease-in, height 0.35s ease-in;
    }


#popup-form-contato-mobile {
    display: none;
    background-color: #e25b27eb;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 6px;
    height: 4em;
    min-height: 0;
    border: 2px solid #fff;
    width: 15vw;
    position: fixed;
    bottom: 2vh;
    z-index: 1000;
    left: 20px;
    padding: 10px;
    overflow: hidden;
    cursor: pointer;
    border-radius: 200px;
    transition: bottom 0.25s ease-in, right 0.35s ease-in, min-height 0.35s ease-in, width 0.35s ease-in, height 0.25s ease-in;
}

    #popup-form-contato-mobile.open {
        height: 32em;
        min-height: 30em;
        width: 90vw;
        bottom: 22px;
        cursor: default;
        border-radius: 9px;
        transition: bottom 0.35s ease-in, right 0.35s ease-in, min-height 0.35s ease-in, width 0.35s ease-in, height 0.35s ease-in;
    }

#form-div {
    height: 0;
    opacity: 0;
    overflow: hidden;
    transition: height 0.35s ease-in, opacity 0.25s ease-in;
}

    #form-div.open {
        height: 100%;
        opacity: 1;
        overflow: hidden;
        transition: height 0.35s ease-in, opacity 0.25s ease-in;
    }

#pop-up-div {
    opacity: 1;
    width: 100%;
    height: 100%;
    pointer-events: all;
    transition: opacity 0.25s ease-in, height 0.35s ease-in;
}

    #pop-up-div.fadeout {
        opacity: 0;
        height: 0 !important;
        pointer-events: none;
        transition: opacity 0.25s ease-in, height 0.35s ease-in;
    }

#close-form-div, #minimize-form-div {
    cursor: pointer;
}


.erro-form-contato {
    border: 2px solid #fff700 !important;
}

.erro-form-contato-bs {
    box-shadow: 0px 0px 0px 3px #fff700;
}

.d-none {
    display: none !important;
}

.d-flex {
    display: flex !important;
}

#enviar-mensagem-popup-intro {
    border: 2px solid #EF693A;
    color: #fff;
    background-color: #EF693A;
}
    #enviar-mensagem-popup-intro:hover {
        border: 2px solid #EF693A;
        color: #EF693A;
        background-color: #fff;
    }

.endpoint-comunicado-detalhes-mensagem {
    position: absolute;
    top: 10px;
    padding: 2px 8px;
    left: 0;
    border: 2px solid rgba(239, 105, 58, 0.29);
    border-left: 6px solid rgba(239, 105, 58, 0.68);
    max-width: 425px;
}

#deactivate-endpoint-switch-div {
    display: flex;
    flex-flow: column;
    padding-left: 95px;
    justify-content: center;
    align-items: center;
}

#deactivate-endpoint {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 119px;
}

.btn-forestgreen {
    border-color: forestgreen;
    background-color: transparent;
    color: forestgreen;
}
    .btn-forestgreen:hover {
        border-color: forestgreen;
        color: #fff;
        background-color: forestgreen;
    }

#apagar-input-utilizador-fids {
    position: absolute;
    top: 15px;
    right: 15px;
}

#utilizador-associacao-fids {
    text-transform: capitalize;
}

#apagar-input-utilizador-fids, #btn-adicionar-utilizador-fids, .apagar-FID {
    cursor: pointer;
}

#manual-uis-div, #ficheiro-uis-div {
    cursor: pointer;
}

#fids-associados-utilizador-dropdown-div {
    position: absolute;
    display: flex; 
    justify-content: center;
    align-items: center;
    flex-flow: wrap;
    top: 20px;
    left: 100px;
    z-index: 5;
    transition: border 0.3s ease-in-out;
}
    
#fids-associados-utilizador-dropdown-div #dropdown-options {
    position: absolute;
    display: flex; 
    justify-content: center;
    align-items: center;
    flex-flow: wrap;
    top: 27px;
    right: 0;
    background-color: #f5f5f5;
    border: 1px solid rgba(0,0,0,0.25);
    font-size: 0.85em;
    /*width: 200px;*/
    width: 320px;
    height: 0;
    overflow: hidden;
    z-index: 5;
    transition: height 0.3s ease-in-out, border 0.3s ease-in-out;
}

#fids-associados-utilizador-dropdown-div #mostrar-todos-fids {
    width: 100%;
    margin: 5px 0px 5px 0px;
    border-radius: 0;
    padding: 3px 0;
    background-color: #66615b;
    color: #fff;
}

    #fids-associados-utilizador-dropdown-div #mostrar-todos-fids:hover {
        width: 100%;
        margin: 5px 0px 5px 0px;
        border-radius: 0;
        padding: 3px 0;
        background-color: #ef693a;
        color: #fff;
    }

#fids-associados-utilizador-dropdown {
    position: relative;
    background-color: #fff;
    /*width: 200px;*/
    width: 320px;
    height: 30px;
    padding: 6px 5px 5px 10px;
    border: 1px solid rgba(0,0,0,0.25);
    border-radius: 4px;
    cursor: pointer;
    z-index: 3;
    transition: border 0.3s ease-in-out;
}

    #fids-associados-utilizador-dropdown.open {
        /*border: 1px solid #EF693A;*/
        transition: border 0.3s ease-in-out;
    }

#fids-associados-utilizador-dropdown-div .fid-atual {
    font-size: 1em !important;
    pointer-events: none;
}

#fids-associados-utilizador-dropdown-div .lista-fids {
    width: 100%;
    list-style-type: none;   
    padding: 10px; 
}

#fids-associados-utilizador-dropdown-div .lista-fids li{
    /*cursor: pointer;*/
    margin: 0 5px;
    padding: 5px;
    background-color: transparent;
    transition-duration: 0.2s;
}
    /*#fids-associados-utilizador-dropdown-div .lista-fids li:hover {
        margin: 0 5px;
        background-color: #ccc;
        transition-duration: 0.2s;
    }*/

/*#fids-associados-utilizador-dropdown-div .fid-atual {
    font-size: 0.85em;
}*/

#btn-fids-dropdown {
    position: relative;
}

#btn-fids-dropdown #caret {
    color: #000;
    position: absolute;
    top: 0;
    right: 5px;
    transition: transform 0.3s ease-in-out, color 0.3s ease-in-out;
}

.btn-no-events {
    pointer-events: none !important;
    opacity: 0.35 !important;
}

#lista-erros-div {
    display: flex;
    width: 100%;
    padding-left: 25px;
    padding-top: 0;
    border-left: 2px solid red;
    overflow-y: scroll;
    max-height: 20vh;
    word-break: break-word;
}

.fid-search-dropdown {
    position: absolute;
    width: 100%;
    height: 0;
    top: 0;
    display: flex;
    padding: 7px;
    background-color: #fef4f1;
    border: 1px solid rgba(0,0,0,0.1);
    z-index: 2;
    overflow: hidden;
    border-radius: 7px;
}

    .fid-search-dropdown.open {
        position: absolute;
        top: 37px;
        width: 100%;
        height: auto;
        overflow: hidden;
    }

.fid-search-dropdown-ul {
    flex-flow: column;
    justify-content: flex-start;
    width: 100%;
}

.fid-search-dropdown-ul .fid-search-result-item {
    padding: 10px;
    color: #000;
    background-color: transparent;
    cursor: pointer;
    transition-duration: 0.2s;
}

    .fid-search-dropdown-ul .fid-search-result-item:hover {
        color: #fff;
        background-color: #EF693A;
        transition-duration: 0.2s;
    }

.clear-search {
    position: absolute;
    right: 10px;
    z-index: 4;
    height: 100%;
    display: flex;
    align-items: center;
    margin: 0 !important;
    padding-left: 7px;
    padding-right: 7px;
    cursor: pointer;
}

#mensagem-sucesso-utilizador-fids {
    display: flex;
    flex-flow: wrap;
    color: forestgreen;
    padding-top: 10px;
    margin-bottom: 8px;
}

#user-fids-depos {
    list-style-type: none;
    padding: 10px;
    display: flex;
    justify-content: center;
}

    #user-fids-depos li {
        margin: 5px;
        display: flex;
        justify-content: center;
        align-items: center;        
    }

.fids-associados-checkbox {
    cursor: pointer;
    transform: scale(1.5);
    margin: 0 !important;
    margin-left: 15px;
}

.fid-utilizador-dropdown-option-content {
    margin: 0;
    display: flex;
    margin: 0;
    align-items: center;
    justify-content: space-between;
}

#apagar-todos-fids-associados {
    border: 0;
    background-color: red;
    align-items: center;
    margin-left: auto;
    margin-right: 15px;
    transition-duration: 0.2s;
}
    #apagar-todos-fids-associados:hover {
        border: 0;
        background-color: firebrick;
        align-items: center;
        margin-left: auto;
        margin-right: 15px;
        transition-duration: 0.2s;
    }

#imprimir-conteudo {
    position: absolute;
    top: 0;
    z-index: -1;
    pointer-events: none;
}

    #imprimir-conteudo .jsons {
        max-height: 100% !important;
        min-height: 100% !important;
    }

    #imprimir-conteudo small, #imprimir-conteudo span, #imprimir-conteudo p, #imprimir-conteudo small, #imprimir-conteudo h6 {
        /*letter-spacing: 1px !important;*/
        letter-spacing: 0.05rem !important;
    }

.min-h-83 {
    min-height: 83vh !important;
}

.msg-status-icon {
    float: right;
    margin-right: 18px;
    margin-top: 10px;
    height: 30px;
    width: 30px;
    border-radius: 200px;
}

#modal-registar-recibo .form-control.disabled {
    background-color: #ccc !important;
}

.company-details-checkbox {
    margin-left: 15px !important;
    height: 20px;
    width: 20px;
}

.date-confirmed {
    background-color: forestgreen;
    color: #fff;
}

#time-line.dtp_modal-time-line {
    display: none;
}

.dtp_modal-digits {
    padding-left: 0 !important;
}

.dtp_modal-cell-date {
    width: 312px;
    float: left !important;
    margin-bottom: 22px;
    margin-top: 6px;
    border-right: solid 1px #000;
}

.dtp_modal-cell-time {
    width: 311px;
    float: right !important;
    direction: ltr;
    border-right: none !important;
}

.dtp_modal-calendar {
    background-color: #eee;
    margin: 0 !important;
    width: auto !important;
}

.dtp_modal-cell-date, .dtp_modal-cell-time {
    width: 50%;
}

.dtp_modal-colored {
    color: #333333;
    font-weight: bold;
}

.dtp_modal-append {
    padding-left: 0 !important;
}

.dtp_modal-time-mechanic {
    height: 100%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

#data-transbordo-div .dtp_modal-content .dtp_modal-title {
    padding: 0 !important;
}

.disabled {
    pointer-events: none !important;
    opacity: 0.5 !important;
    transition: 0.15s;
}

input[name="data-transbordo"] {
    cursor: pointer;
}

#imprimir-conteudo #resposta-erros fieldset {
    /*max-width: 95% !important;*/
    min-width: 100%;
    white-space: normal !important;
    word-break: break-word !important;
}

#imprimir-conteudo #resposta-erros {
    max-width: 200px !important;
    padding: 0 !important;
}

.classic-form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

#messagelog-search-filters-dropdown-row {
    /*border-left: 4px solid rgba(0,0,0,0.8) !important;
    border: 1px solid rgba(0,0,0,0.8);*/
    padding: 1.5em;
    background-color: #F6F6F6;
    gap: 1%;
    width: 100%;
    /*box-shadow: 2px 5px 8px rgba(0,0,0,0.3);*/
    box-shadow: 1px 3px 8px rgba(0,0,0,0.15);
}

    #messagelog-search-filters-dropdown-row::after, #messagelog-search-filters-dropdown-row::before {
        display: none !important;
    }

#messagelog-search-filters-dropdown-row fieldset {
    flex-basis: 24%;
}

#toggle-messagelog-search-filters-dropdown.collapsed {
    background-color: #EEEDED !important;
    color: #000 !important;
}

    #toggle-messagelog-search-filters-dropdown {
        background-color: firebrick !important;
        /*padding-left: 1.5vw;
        padding-right: 1.5vw;*/
        border: 0 !important;
        font-size: .9em;
        border-radius: 200px;
        color: #fff !important;
    }

#message-id-input {
    /*background-image: url(/images/icones/search.svg);
    background-repeat: no-repeat;
    background-size: 1em;
    background-position: 95% .9vh;*/
    padding: 5px;
    padding-left: 1.2rem !important;
    position: relative;
}

.clear-input-btn {
    position: absolute;
    right: 2px;
    z-index: 1;
    background-color: #fff;
    height: 90%;
    margin: 0 !important;
    display: flex;
    top: 2px;
    padding-left: 5px;
    padding-right: 5px;
    cursor: pointer;
}

    .clear-input-btn i {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: .8em;
        font-weight: bold;
    }

.onoffswitchArchive {
    position: relative;
    width: 90px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.onoffswitchArchive-checkbox {
    display: none;
}

.onoffswitchArchive-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid #999999;
    border-radius: 5px;
}

.onoffswitchArchive-inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s;
    -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s;
    transition: margin 0.3s ease-in 0s;
}

    .onoffswitchArchive-inner:before, .onoffswitchArchive-inner:after {
        display: block;
        float: left;
        width: 50%;
        height: 28px;
        padding: 0;
        line-height: 28px;
        font-size: 14px;
        color: white;
        font-family: Trebuchet, Arial, sans-serif;
        font-weight: bold;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .onoffswitchArchive-inner:before {
        content: "";
        padding-left: 10px;
        background-color: #20c220;
        color: #FFFFFF;
    }

    .onoffswitchArchive-inner:after {
        content: "";
        padding-right: 10px;
        background-color: #e65252;
        color: #999999;
        text-align: right;
    }

.onoffswitchArchive-switch {
    display: block;
    width: 18px;
    margin: 0px;
    background: #FFFFFF;
    border: 2px solid #999999;
    border-radius: 5px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 33px;
    -moz-transition: all 0.3s ease-in 0s;
    -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s;
    transition: all 0.3s ease-in 0s;
    background-image: -moz-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
    background-image: -webkit-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
    background-image: -o-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
    background-image: linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
}

.onoffswitchArchive-checkbox:checked + .onoffswitchArchive-label .onoffswitchArchive-inner {
    margin-left: 0;
}

.onoffswitchArchive-checkbox:checked + .onoffswitchArchive-label .onoffswitchArchive-switch {
    right: 0px;
}

#mytpd-intro-page .intro-toggle-btn {
    border: 0;
    background-color: transparent;
}

.material-switch > input[type="checkbox"] {
    display: none;
}

.material-switch > label {
    cursor: pointer;
    height: 0px;
    position: relative;
    width: 40px;
}

    .material-switch > label::before {
        background: rgb(0, 0, 0);
        box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
        border-radius: 8px;
        content: '';
        height: 16px;
        margin-top: -8px;
        position: absolute;
        opacity: 0.3;
        transition: all 0.4s ease-in-out;
        width: 40px;
    }

    .material-switch > label::after {
        background: rgb(255, 255, 255);
        border-radius: 16px;
        box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
        content: '';
        height: 24px;
        left: -4px;
        margin-top: -8px;
        position: absolute;
        top: -4px;
        transition: all 0.3s ease-in-out;
        width: 24px;
    }

.material-switch > input[type="checkbox"]:checked + label::before {
    background: inherit;
    opacity: 0.5;
}

.material-switch > input[type="checkbox"]:checked + label::after {
    background: inherit;
    left: 20px;
}

.bold {
    font-weight: bold !important
}

#myonoffswitch1-label.label-primary {
    background-color: #fff !important;
}

    #myonoffswitch1-label.label-primary::before {
        background-color: #b3b3b3 !important;
        box-shadow: none !important;
        opacity: 1 !important;
    }

#myonoffswitch1-label.label-primary {
    background-color: #fff !important;
}

    #myonoffswitch1-label.label-primary.unchecked::after {
        background: #7A9E9F !important;
    }

    #myonoffswitch1-label.label-primary.unchecked::before {
        background-color: #7A9E9F !important;
        box-shadow: inset 0px 0px 10px rgb(0 0 0 / 50%) !important;
        opacity: 0.5 !important;
    }

    #myonoffswitch1-label.label-primary::before {
        background-color: #b3b3b3 !important;
        box-shadow: none !important;
        opacity: 1 !important;
    }

.message-filter-date-input {
    /*border: none;*/
    box-sizing: border-box;
    outline: 0;
    padding: .75rem;
    position: relative;
    width: 100%;
}

    .message-filter-date-input::-webkit-calendar-picker-indicator {
        background: transparent;
        bottom: 0;
        color: transparent;
        cursor: pointer;
        height: auto;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: auto;
    }

#filter-warning-message {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.close-messagelog-filter-btn {
    margin-left: 7px;
    background-color: #fff;
    color: firebrick;
    border-radius: 200px;
    cursor: pointer;
}

/*@media print {
    #imprimir-conteudo br, #imprimir-conteudo .pb {
        page-break-before: always !important;
    }
}*/

/*#imprimir-conteudo {
    position: absolute;
    top: 0;
    z-index: 10000;
    pointer-events: none;
    width: 100%;
    height: 100%;
}*/
/* //
/* //
/* //
/* //
/* //
/* //
/* //
/* //
    /* /////////////////////////////////////////// */
/* ______________ MEDIA QUERIES ______________*/
/* /////////////////////////////////////////// */
/* //
/* //
/* //
/* //
/* //
/* //
/* //
/* //
/* // */
@media screen and (max-width: 320px) {
    .dt-table {
            max-height: 45vh;
        }
    }

    @media screen and (max-width: 375px) {
        #icone-estado.sa {
            padding-left: 0;
        }

        .uideactivator-card {
            max-height: 100% !important;
        }

        #modo-desativacao-div {
            display: block !important;
        }
    }

    @media screen and (max-width: 500px) {        

        #search-result-box, #search-result-box span {
            min-width: 100% !important;
        }

        .dt-table {
            max-height: 40vh;
        }

        .footer {
            position: relative !important;
        }

        /*#banner-lista-uids {
            margin-bottom: 40px;
        }*/

        #details .card-title {
            text-align: left;
            padding-left: 15px;
            font-size: 1.9em;
            margin-bottom: 35px !important;
        }

        #details .card-title i {
            right: 7px;
            top: 20px;
        }

        #aviso-copy {
            margin-top: 100% !important;
            top: 15% !important;
        }

        #comprador-ue-div {
            align-items: flex-start !important;
            flex-flow: column !important;
        }

        #comprador-ue-label {
            margin-bottom: 10px;
        }

    }

    @media screen and (max-width: 768px) {

        .dtp_modal-cell-date, .dtp_modal-cell-time {
            width: 100% !important;
        }

        #tipo-menu-div-parent {
            padding-right: 0;
        }

        #tipo-menu-seta {
            right: 0;
        }

        .criar-transbordo {
            padding-left: 0;
            padding-bottom: 20px;
        }

        #abs-nome-e-morada {
            padding: 0px 30px !important;
        }

        .contato-div .container-intro {
            margin-top: 100px !important;
            padding-right: 0 !important;
            padding-left: 0 !important;
        }

        .btn-formulario {
            max-width: 240px !important;
        }

            .btn-formulario h5 {
                font-size: 14px !important;
            }

        #card-contatos {
            display: flex;
        }

        .contatos-header {
            width: 190px;
            top: 0;
            left: calc(50% - 94px);
            padding: 5px;
        }

        .item-info-div {
            width: 465px;
            height: 270px;
        }

        .position-control {
            top: -30px;
            right: -5px;
        }

        #titulo-slide {
            font-size: 22px;
            text-align: left;
            margin-bottom: 0;
            padding-bottom: 20px;
        }

        #nota-intro {
            padding: 10px 15px !important;
        }

        #div-definicoes {
            padding: 0 !important;
        }

        #carousel-control {
            margin-right: 151px !important;
        }

        #bs-carousel {
            transform: scale(0.9);
        }
    }

    @media screen and (max-width: 768px) and (max-height: 667px) {
        .div-parent-details-response {
            height: 120px;
        }
    }

    @media screen and (max-width: 677px) and (max-height: 667px) {
        #div-facilities, #div-details, #div-response {
            height: auto !important;
        }

        #home-link-msg-logs {
            padding-top: 20px;
            float: right !important;
            white-space: nowrap;
        }

        #total-msgs {
            padding-right: 17px;
        }

        #imagem-topo-home div:first-child {
            padding-left: 5px !important;
        }

        #abs-logo {
            width: 170px;
            margin-top: 40px !important;
        }
    }

    @media screen and (min-width: 677px) {

        #details .border-field h4 {
            margin-bottom: 0px !important;
        }

        #lista-selecionados-mobile {
            display: none;
        }        
        
        .embed-responsive-16by9 {
            width: 800px;
            height: 450px;
        }
    }
    
    @media screen and (min-width: 677px) and (max-width: 992px) {
        #details2 .border-field .card-title {
            top: 405px !important;
        }

        #fids-associados-utilizador-dropdown-div {
            left: calc(50% - 170px);
        }
    }

    @media screen and (max-width: 677px) {

        .msg-status-icon {
            margin-right: 0px;
            margin-top: 0px;
        }

        .msg-type-icon {
            width: 56px;
        }

        #div-btn-accoes {
            padding-top: 48px;
        }

        #popup-form-contato {
            display: none;
            background-color: #e25b27eb;
            border: 2px solid #fff;
            height: 4em;
            min-height: 0;
            min-width: 320px;
            width: 25vw;
            max-width: 300px;
            position: fixed;
            bottom: 2vh;
            z-index: 1000;
            right: 0;
            padding: 10px 20px 10px 20px;
            overflow: hidden;
            cursor: pointer;
            border-radius: 9px;
            transition: bottom 0.25s ease-in, right 0.35s ease-in, min-height 0.35s ease-in, min-width 0.35s ease-in, height 0.25s ease-in;
        }

        #popup-form-contato-mobile {
            display: flex;
            /*background-color: #e25b27eb;
            border: 2px solid #fff;
            height: 4em;
            min-height: 0;
            max-width: 2vw;
            position: fixed;
            bottom: 2vh;
            z-index: 1000;
            right: 0;
            padding: 10px 20px 10px 20px;
            overflow: hidden;
            cursor: pointer;
            border-radius: 9px;
            transition: bottom 0.25s ease-in, right 0.35s ease-in, min-height 0.35s ease-in, min-width 0.35s ease-in, height 0.25s ease-in;*/
        }

        #fids-associados-utilizador-dropdown-div #dropdown-options, #fids-associados-utilizador-dropdown {
            width: 290px;
        }

        #fids-associados-utilizador-dropdown-div {
            left: 14px;
            top: 75px;
        }

        #btn-details, #btn-response, #btn-facilities {
            padding: 6px 10px !important;
        }

        #div-details {
            display: flex;
        }
        
        #div-details #btn-details{
            width: 100%;
        }            

        .btn-accoes {
            width: 100%;
        }

        .div-parent-details-response {
            display: flex;
            flex-flow: wrap;
        }

        #modal-json {
            display: flex;
            justify-content: center;
            margin-top: 20px;
        }

        .endpoint-comunicado-detalhes-mensagem {
            position: relative;
        }

        #modal-tutorial-transbordo {
            transform: scale(0.85);
            /*padding-top: 45px;*/
        }
        
        #modal-tutorial-transbordo .modal-body {
            padding: 0;
        }
        
        #modal-tutorial-transbordo .modal-header {
            padding: 10px 0px 10px 0px;
        }

        #tutorial-video, #modal-tutorial-transbordo .modal-dialog {
            transform: scale(0.9);
        }

        #details2 .border-field .card-title {
            top: 412px !important;
        }

        #card-content-validator #first-div {
            margin-bottom: 15px;
        }

        #validar-id-input {
            font-size: 1rem !important;
            padding: 8px !important;
        }
        
        #btn-validar {
            margin-left: 7px;
        }

        #validar-id-label {
            padding: 0 !important;
        } 

        #div-msg-erro-qrcode {
            text-align: center;
        }

        #myTimeline > section#timeline > article > div.panel {
            margin-left: 5px !important;
            margin-right: 5px !important;
            padding: 7px 7px;
            width: 45% !important;
        }        

        #btn-toggle-previz {
            display: none !important;
        }

        #aviso-copy {
            margin-top: calc(100% - 15px);
        }

        #aviso-lista-uids-mobile {
            display: block;
            padding: 5px 0px;
        }

        #select-list-uis, #selected-list-uis {
            max-height: 60px;
            overflow: auto;
        }

        .eye-pass-change {
            margin-top: 18px !important;
        }

        .xs-small {
            font-size: 64%;
        }

        #segundo-texto-div {
            margin-bottom: 25px !important;
        }

        #tabs-nl-ul a {
            min-width: 133px;
        }

        #tabs-nl ul {
            display: flex;
            overflow-x: scroll;
        }

        #modal-ver-nl-final .modal-body {
            background-color: transparent !important;
        }

        #edicao-nl h6 {
            font-size: 11px;
        }

        #preview-sm-nl {
            padding: 0px 10px;
        }

            #preview-sm-nl:hover {
                padding: 0px 10px;
            }

        #pesquisa-transloading, #pesquisa-transloading-div {
            padding: 0;
        }

        #pesquisa-transloading {
            margin: 29px 0px;
        }

        #details2 {
            padding-left: 0;
            padding-right: 0;
        }

        #aviso-24h h6 {
            text-align: center;
        }

        #aviso-24h {
            margin-top: 8px;
            margin-bottom: 8px;
        }

        #download-json {
            margin-left: 15px;
        }

        #modal-json-div {
            padding-left: 0;
            justify-content: center;
            display: flex;
            align-items: center;
            flex-flow: column;
        }

        #menu-accoes {
            left: 145px;
        }

        #previz {
            display: none;
        }

        #wiz {
            padding-left: 0;
            padding-right: 0;
        }

        #card-transloading {
            overflow: auto;
        }

        #wizard-transbordo .step-steps {
            padding-left: 0px !important;
            padding-right: 0px !important;
        }

        #wizard-transbordo .step-app > .step-content {
            padding: 10px 0px;
        }

        #div-tabela-details-transbordo {
            padding: 0;
        }

        #datatable-uis-steps {
            width: 50%;
        }

        .subject-info-arrows {
            margin: 20px 0px;
        }

            .subject-info-arrows .btn {
                width: 40%;
                float: left;
            }

            .subject-info-arrows br {
                display: none;
            }

        #fid-menu {
            width: 100%;
        }

        .card-min-height {
            min-height: 100vh;
        }

        #modal-criar-transbordo {
            overflow: auto;
            width: 100%;
            align-items: center;
        }

            #modal-criar-transbordo .modal-dialog {
                width: 100%;
                top: 120px;
                display: flex;
            }

        #fid-div {
            border-right: 0 !important;
            padding: 0;
        }

        #div-pai-acima-space-between {
            padding-left: 0;
            padding-right: 0;
        }

        #div-com-logo-e-morada {
            padding-left: 0;
            padding-right: 0;
        }

        .div-acima-space-between {
            padding: 30px 0px !important;
        }

        #wizard .step-footer {
            width: 100%;
        }

        .step-app > .step-footer {
            margin-bottom: 0px !important;
        }

        .ms-drop ul {
            max-height: 180px !important;
        }

        .nav-open .sidebar, .nav-open .off-canvas-sidebar {
            width: 240px;
        }

        .pagination {
            width: 100% !important;
        }

            .pagination .mdl-button {
                padding: 0 9px;
            }

        #info-contatos {
            width: 260px !important;
        }

        #carousel-seta-esq-div, #carousel-seta-dir-div {
            top: 186px;
        }

        .item-info-div {
            width: 344px;
            height: 191px;
        }

        .position-control {
            top: -33px;
            right: -15px;
        }

        .carousel p {
            text-align: center !important;
            margin-right: 295px !important;
        }

        .container-intro {
            padding: 0px 20px !important;
        }

        #topo-texto-ui {
            padding-right: 0px !important;
            padding-left: 0px !important;
        }

        #conteudo-ui {
            padding: 40px 15px !important;
        }

        #carousel-control {
            margin-top: 60px !important;
            padding-left: calc(50% - 165px) !important;
        }

        #omytpd {
            padding-bottom: 0px !important;
        }

        #oconceito {
            padding-bottom: 0px !important;
        }

        #asdefinicoes {
            padding-bottom: 0px !important;
        }

        .carousel-slide-img-fundo {
            width: 352px !important;
            height: 229px !important;
            background-size: 352px 229px;
        }

        .carousel-item-intro .active {
            margin-top: 16px !important;
            margin-left: 16px !important;
            padding-top: 0px !important;
        }

        .carousel-item-intro {
            padding-top: 0px !important;
        }

        .carousel-indicators {
            bottom: 0px !important;
            left: 281px !important;
            width: 230px !important;
        }

        .carousel-inner-intro {
            height: 233px !important;
            width: 350px !important;
            margin-top: 16px !important;
            margin-left: 16px !important;
            padding-top: 0px !important;
        }

        #img-pc {
            width: 390px !important;
        }

        #carousel-control .carousel {
            padding-left: 0 !important;
        }

        .fundo-header {
            width: 250px !important;
            left: calc(50% - 126px);
        }
    }

    @media screen and (min-width: 768px) {
        .navbar-intro .navbar-right {
            float: left !important;
            margin-right: -15px;
        }

        #btn-dropdown-search, #btn-dropdown-estado-search, #btn-dropdown-tipo-search, #btn-dropdown-recall {
            margin-left: 125px;
        }

        #dropdown-menu-search {
            left: 168px;
        }

        #dropdown-menu-estado-search, #dropdown-menu-tipo-search {
            left: 241px;
        }

        .carousel-indicators {
            bottom: -10px;
        }

        #a-tabela {
            max-height: 320px !important;
            overflow-y: scroll;
        }

        .navbar > .container-fluid .navbar-brand {
            margin-left: 0px;
        }
    }

    @media screen and (min-width: 768px) and (max-width: 1367px) and (max-height: 678px) {
        .card-min-height {
            min-height: 93vh !important;
        }

        #abs-logo {
            width: 130px !important;
            margin-top: 40px !important;
        }

        #card-contatos {
            min-height: 580px !important;
        }

        .space-between {
            min-height: 330px !important;
        }

        .btn-formulario {
            max-width: 240px !important;
        }

            .btn-formulario h5 {
                font-size: 14px !important;
            }

        #wizard .step-app .step-footer .btn-next {
            position: absolute;
            right: 0;
            bottom: 5px;
        }

        .btn-back {
            position: absolute;
            left: 0;
            bottom: 0;
        }
    }

    @media screen and (min-width: 677px) and (max-width: 768px) {
        #titulo-slide {
            margin-right: 125px;
            margin-top: 50px;
        }

        #carousel-control {
            padding-left: 20px !important;
        }

        #carousel-seta-esq-div, #carousel-seta-dir-div {
            top: 290px !important;
        }

        .carousel-slide-img-fundo {
            width: 482px !important;
            height: 318px !important;
            background-size: 482px 318px;
        }

        .carousel-inner-intro {
            height: 337px !important;
            width: 485px !important;
            margin-left: 22px !important;
            padding-top: 23px !important;
        }

            .carousel-inner-intro .active {
                height: 337px !important;
                width: 485px !important;
                padding-top: 23px !important;
            }

        .carousel-indicators {
            bottom: 0px !important;
            left: 343px !important;
            width: 320px;
        }

        #img-pc {
            width: 530px !important;
        }
    }

    @media screen and (max-width: 767px) {

        #card-content-validator #first-div {
            text-align: center;
        }
        
        #card-content-validator #validar-id-label {
            display: flex;
            justify-content: center;
        }

        .passos-tutorial h6 {
            font-size: 2vw;
        }

        #card-transloading #previz, #btn-toggle-previz {
            display: none !important;
        }

        .select-uis-list {
            max-height: 20vh !important;
        }

        .subject-info-arrows {
            display: flex !important;
            margin-top: 25px !important;
            justify-content: center !important;
            align-items: center !important;
        }


        /* REORGANIZAÇÃO DOS ELEMENTOS NA TIMELINE PARA MOBILE*/
        .img-icone-timeline {
            background-position: center center !important;
        }

        .cont {
            display: flex;
            justify-content: center;
            text-align: center;
        }

        article .panel {
            /*min-height: 250px !important;*/
            display: flex;
        }
        
        article .panel .panel-body {
            padding-left: 0 !important;
            padding-right: 0 !important;
            width: 100%;
        }

        article .panel h4 {
            font-weight: bold !important;
            font-size: 4vw !important;
            display: inline-block !important;
            text-align: center;
            word-break: break-word;
            width: 100% !important;
        }
        
        article .panel span {
            font-size: 0.85rem !important;
            display: inline-block !important;
            text-align: center;
            word-break: break-word;
        }
        
        article .panel a {
            margin: 5px !important;
            margin-top: 5px !important;    
        }
        
        /*article .panel span br {
            display: none !important;
        }*/

        article .panel h4 i img {
            margin: 25px !important;
            margin-top: 20px !important;
            margin-bottom: 0 !important;
            position: relative !important;
            right: 0 !important;
            width: 15vw !important;
            height: auto !important;
        }

        #btn-toggle-previz {
            display: none;
        }

        #final-nl {
            min-width: 800px;
            transform-origin: top;
            transform: scale(0.5);
        }

        fieldset {
            line-height: 1.05 !important;
        }

        .modal {
            display: flex;
            align-items: center;
        }

        #carousel-seta-esq-div, #carousel-seta-dir-div {
            top: 184px;
        }

        .modal-dialog {
            width: 100% !important;
            margin: 0;
        }

        #oconceito .container-intro .row > div:first-child {
            padding: 0px 15px 0px 15px !important;
        }

        #omytpd .container-intro > div {
            padding: 0 !important;
        }

        .div-box-definicoes {
            padding-left: 0 !important;
            padding-right: 0 !important;
        }

        #row-definicoes > .container-fluid {
            padding-left: 0 !important;
            padding-right: 0 !important;
        }

        .titulo-definicoes {
            margin-top: 20px !important;
        }

        #titulo-slide {
            font-size: 20px;
            text-align: left;
            margin-bottom: 0;
            padding-bottom: 20px;
        }

        .definicoes-style {
            min-height: 300px !important;
        }

        .seccao {
            width: inherit !important;
        }

        #banner-intro {
            overflow: scroll;
        }

        #btn-login {
            padding-bottom: 30px !important;
        }

        #logo-intro {
            margin-top: 140px !important;
        }

        #btn-login {
            margin-bottom: 30px !important;
        }

        #dropdown-menu-search {
            margin-left: calc(50% + -101px)
        }

        #dropdown-menu-estado-search, #dropdown-menu-tipo-search {
            margin-left: calc(50% + -28px)
        }

        #btn-dropdown-search, #btn-dropdown-estado-search, #btn-dropdown-tipo-search, #btn-dropdown-recall {
            width: 100% !important;
        }

        .caret-search {
            margin-left: calc(50% - -90px);
        }

        #eo-search {
            margin-top: 10px;
            margin-top: 5px;
            float: left !important;
        }

        #card-timeline {
            margin: 15px !important;
        }

        #btn-dropdown-rastreabilidade {
            width: 100%;
        }

        #search-rastreabilidade-label {
            padding-right: 0px !important;
            padding-left: 0px !important;
            margin-top: 15px;
        }

        #search-btn-rastreabilidade {
            padding-right: 0px !important;
            padding-left: 15px !important;
            margin-top: 15px;
        }

        .down-arrow-bounce {
            left: calc(50% - 30px);
            top: calc(100% - 144px);
        }

        .panel-body {
            padding-top: 15px !important;
            padding-bottom: 15px !important;
        }

        .carousel-indicators {
            bottom: -8px;
        }

        #data-ficheiro {
            float: left !important;
            padding-left: 0px;
        }

        .card {
            max-height: 250vh !important;
        }

        .sm-margin {
            display: none;
        }

        .EO-details-br {
            display: block;
            padding-left: 15px;
        }

        .form-group-details {
            margin-bottom: 0px !important;
        }

        .border-field {
            padding: 20px 5px;
        }

        #details {
            max-height: 57vh;
        }

        #eo-search, #search-text {
            width: 100%;
        }

        #div-details {
            padding: 0 !important;
        }

        #div-facilities {
            padding: 0 !important;
        }

        .card-content > .container-fluid {
            padding-left: 0px;
            padding-right: 0px;
        }

        .onoffswitch1 {
            margin-left: 0px !important;
        }

        .select2-container {
            min-width: 270px !important;
            margin-right: 0px !important;
            float: none !important;
        }

        .pagination {
            float: left;
            display: flex;
        }

        .cdatatableDetails {
            padding-top: 12px;
        }

        #card-front-login {
            margin-top: 0px;
        }

        .btn-mobile {
            min-width: 0;
            margin: 10px 0px;
        }
    }

    @media screen and (min-width: 992px) {
        #descricao-desativacao-div {
            padding-left: 15px;
        }

        #carregar-ficheiro, #selecionar-manualmente {
            display: none;
        }

        #previz-nl-div-div {
            min-width: 800px;
        }

        /*.input-intro-nl-parent {
        padding-right: 30px !important;
    }*/

        #preview-sm-nl {
            display: none;
        }

        #navbar-li-intro-vazia {
            height: 76px;
            padding: 0px 30px !important;
        }

        #hr-navbar-intro {
            display: none;
        }

        #div-definicoes {
            padding: 0;
        }

        #sub-menu-nav {
            transform: scale(1) !important;
        }

        .idioma-text {
            transform: scale(0);
        }

        .definicoes-style {
            min-height: 350px !important;
        }

        #img-logo {
            width: 12vw !important;
        }

        #img-pc {
            left: calc(50% - 330px) !important;
        }

        .navbar-intro .navbar-right {
            float: right !important;
            margin-right: -15px;
        }

        #logout-div {
            display: none;
        }

        .sidebar-mini #texto-logo {
            font-size: 1rem !important;
        }

        .sidebar-mini .logo-mini {
            width: 40% !important;
        }

        #card-front-login {
            margin-top: 40px;
        }

        .dataTables_scrollHeadInner {
            width: 100% !important;
        }

            .dataTables_scrollHeadInner table {
                width: 100% !important;
            }
    }

    @media screen and (max-width: 992px) {

        #deactivate-endpoint-switch-div {
            justify-content: flex-start;
            align-items: flex-start;
            padding-left: 15px;
            margin-top: 20px;
        }

        #deactivate-endpoint {
            display: flex;
            justify-content: flex-start;
            align-items: flex-start;
            margin-right: 0;
        }

        #descricao-desativacao-div {
            padding-left: 0;
        }

        #carregar-ficheiro, #selecionar-manualmente {
            display: block;
        }
        
        #desativacao-ou-div h5 {
            padding: 0px 10px !important;
        }

        #separador-ou-div {
            background-color: #000;
            width: 100%;
            max-height: 1px;
            min-height: 1px;
            position: absolute;
        }

        #content-desativacao-sub-div {
            flex-flow: wrap;
        }

        #desativacao-ou-div {
            margin: 15px 0px;
        }

        #seccao-video, #passos-tutorial{
            padding: 0;
        }

        #card-transloading #previz {
            display: none !important;
        }

        #preview-sm-nl h6 {
            margin-top: 5px;
            margin-bottom: 5px;
        }

        /*.input-intro-nl-parent {
        padding-right: 0px !important;
    }*/

        #previz-nl {
            display: none;
        }

        #preview-sm-nl {
            display: block;
        }

        #oscontatos #card-contatos {
            min-height: 93vh !important;
        }

        #navbar-li-intro-vazia {
            padding: 0px !important;
        }

        #hr-navbar-intro {
            display: block;
        }

        .navbar-intro .btn-grow:hover {
            padding-top: 2px 2px !important;
            transform: scale(1.05, 1.05);
            transition-duration: 0.3s;
        }

        #sub-menu-nav {
            transform: scale(0);
        }

        #hr-top-carousel {
            display: block !important;
        }

        .carousel-inner-intro .active {
            padding-top: 0px !important;
        }

        #row-definicoes {
            margin-top: 150px !important;
        }

        #banner-intro {
            overflow: scroll;
        }

        #img-logo {
            width: 200px !important;
        }

        #div-img-pc {
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .timeline-icones-round {
            width: 120px;
            height: 120px;
            background-position: 19px 19px;
            background-size: 80px 80px;
        }

        #topo-texto-ui {
            margin-top: 85px !important;
        }

        #hr-conceito {
            display: block;
        }

        .text-toggle-center-justify {
            text-align: center;
        }

        .h2-text-intro {
            text-align: center;
        }

        #omytpd {
            min-height: 135vh;
        }

        #btn-visite-res-grande {
            display: none !important;
        }

        #btn-visite-res-pequena {
            display: flex !important;
        }

        .hidden-bg {
            display: none !important;
        }

        #linha-esq-intro, #linha-dir-intro {
            width: calc(50% - 90px);
        }

        #details .input-div {
            min-height: 40px;
        }

        #details .key {
            max-width: 90%;
            float: left;
        }

        .btn-guid-class {
            width: 10%;
            float: left;
        }

        #manutencao-msg {
            margin-top: 240px;
        }

        #card-settings {
            min-height: 84vh !important;
        }

        #details > .card-title {
            margin: 0px 0 20px 0;
        }

        #details > .border-field {
            padding-bottom: 10px;
        }

        #wizard .step-app .step-footer {
            position: absolute;
            bottom: 0;
            right: 0;
        }

        #wizard {
            padding-left: 0px;
            padding-right: 0px;
        }

        .pagination a {
            margin: 0px 5px;
        }

        #logout-div {
            display: block;
            position: absolute;
            bottom: calc(50% - 275px);
        }

        .btn-pull-down {
            min-width: 100%;
        }

        #card-front-login {
            margin-top: 0px !important;
        }
    }

    @media screen and (min-width: 1200px) {
        .justify-div {
            display: flex !important;
            justify-content: center !important;
        }
    }

    @media screen and (min-width: 1366px) {
        .justify-div {
            display: flex !important;
            justify-content: center !important;
        }

        #btn-login {
            margin-top: 85px !important;
            margin-bottom: 80px !important;
        }

        #logo-intro {
            margin-top: 200px !important;
        }

        .footer {
            position: relative !important;
        }

        .dt-table {
            overflow-y: auto !important;
            max-height: 58vh;
        }
    }

    @media screen and (max-width: 1257px) {
        #div-details {
            padding: 0px 0px 0px 15px;
        }

        #div-facilities {
            padding: 0px 15px 0px 0px;
        }
    }

    @media screen and (min-width: 768px) and (max-width: 1638px) {
        .dt-table {
            max-height: 58vh;
        }

        .card-min-height {
            min-height: 83vh;
        }

        .card {
            max-height: 83vh;
        }

        #oscontatos #card-contatos {
            max-height: 103vh;
        }
    }

    @media screen and (min-width: 1366px) and (max-width: 1367px) {
        .card {
            max-height: 110vh;
        }

        .footer {
            position: relative !important;
        }
    }

    @media screen and (min-width: 1367px) and (min-height: 768px) {
        .footer {
            position: absolute !important;
        }
    }

    @media screen and (min-width: 1367px) and (min-height: 659px) and (max-height: 800px) {
        #card-contatos {
            min-height: 93vh !important;
        }

        .div-acima-space-between .space-between {
            height: 65vh !important;
        }
    }

    @media screen and (max-height: 768px) and (min-width: 768px) {
        .dt-table {
            max-height: 50vh !important;
        }

        .tabelas-home .dt-table {
            max-height: calc(100vh - 25em) !important;
            overflow: auto !important;
        }

        #logo-intro {
            margin-top: 150px !important;
        }

        #btn-login {
            padding-bottom: 30px !important;
        }
    }

    @media screen and (max-height: 658px) {
        #btn-login {
            margin-top: 55px !important;
        }

        #logo-intro {
            height: auto !important;
            margin-top: 140px !important;
        }

        .seccao {
            top: 850px !important;
        }        
    }

    @media screen and (min-width: 992px) and (max-width: 1367px) and (max-height: 695px) {
        #what-is-div {
            margin-top: 0 !important;
        }

        .definicoes-style {
            min-height: 440px !important;
        }

        .item-controls {
            top: 40px !important;
            right: 20px !important;
        }

        .position-control .item-controls:hover {
            top: 40px !important;
            right: 20px !important;
        }

        .item-info-div {
            height: 239px;
            width: 430px;
            right: 21px !important;
            top: 34px !important;
        }

        #carousel-seta-esq-div, #carousel-seta-dir-div {
            top: 150px;
        }

        .a-intro {
            padding-left: 5px !important;
        }

        .intro-sidebar {
            width: 40px;
        }

        .carousel-slide-img-fundo {
            background-position: 5px 0;
            width: 582px;
            height: 395px;
            background-size: 447px 284px;
        }

        #img-logo {
            width: 120px !important;
        }

        .position-control {
            right: -10px !important;
            top: -30px !important;
        }

        .item-info-div {
            width: 440px;
            height: 249px;
            right: 17px;
            top: 35px;
        }

        #titulo-slide {
            margin-right: 180px;
        }

        #btn-login {
            margin-top: 70px !important;
        }
    }

    @media screen and (max-height: 768px) {
        #logo-intro {
            margin-top: 140px !important;
        }

        #details, #details-user, #response {
            max-height: 50vh;
        }

        .step-app > .step-content {
            min-height: 220px !important;
        }
    }

    @media screen and (min-width: 992px) and (max-width: 1366px) {

        #galeria-para-intro {
            float: right;
        }

        #intro-delete-img {
            float: right;
        }

        .thumbnails-nl {
            max-width: 200px;
        }

        #modal-criar-transbordo .modal-dialog {
            overflow: auto;
            width: 90% !important;
            align-items: center;
        }

        #what-is-div {
            margin-top: 0 !important;
        }

        .item-info-div {
            height: 239px;
            width: 430px;
            right: 11px;
            top: 4px;
        }

        .item-controls:hover {
            top: 5px !important;
        }

        .carousel-slide-img-fundo {
            background-position: 3px 0;
            width: 582px;
            height: 395px;
            background-size: 447px 284px;
        }

        .item-controls {
            top: 5px;
            right: 15px;
        }

        #carousel-seta-esq-div, #carousel-seta-dir-div {
            top: 260px;
        }

        #img-pc {
            width: 485px !important;
            left: calc(50% - 310px) !important;
        }

        .carousel-inner-intro {
            height: 307px !important;
            width: 449px !important;
            padding-top: 20px !important;
        }

            .carousel-inner-intro .active {
                padding-top: 0px !important;
            }

        .carousel-indicators {
            bottom: 0 !important;
            left: 328px !important;
            width: 300px;
        }

        .carousel-item-intro {
            width: 453px !important;
            height: 281px !important;
        }

        .carousel-item-intro {
            padding-top: 20px !important;
        }

        #carousel-control {
            left: -30px !important;
        }

        .laser-leftTop {
            top: 0;
            left: 22px;
            border-top: solid red 5px;
            border-left: solid red 5px;
        }

        .laser-leftBottom {
            bottom: 0;
            left: 22px;
            border-bottom: solid red 5px;
            border-left: solid red 5px;
        }

        .laser-rightTop {
            top: 0;
            right: 22px;
            border-top: solid red 5px;
            border-right: solid red 5px;
        }

        .laser-rightBottom {
            bottom: 0;
            right: 22px;
            border-bottom: solid red 5px;
            border-right: solid red 5px;
        }

        .well {
            width: 260px;
            padding-top: 0;
        }
    }

    @media screen and (min-width: 768px) and (max-width: 992px) {
        #card-transloading .card-content {
            display: table-cell;
        }

        .subject-info-arrows {
            display: flex;
            justify-content: center;
            margin: 15px;
        }

        #card-contatos {
            display: inline-table;
        }

        #btn-login {
            margin-top: 80px !important;
            margin-bottom: 100px !important;
        }

        #titulo-slide {
            margin-right: -30px;
        }

        .definicoes-style h5 {
            margin-top: 20px !important;
        }

        .carousel .carousel-indicators {
            left: 354px !important;
            width: 360px;
        }

        #carousel-seta-esq-div, #carousel-seta-dir-div {
            top: 357px;
        }

        #carousel-control .carousel {
            width: 75vw !important;
            padding-left: 0px !important;
        }

        .carousel-inner-intro {
            height: 437px;
            width: 580px;
            margin-left: 30px;
        }

        .carousel-item-intro {
            padding-top: 27px !important;
        }

        .carousel-inner-intro .active {
            padding-top: 27px !important;
            height: 437px;
            width: 589px;
        }

        .carousel-indicators {
            left: 316px !important;
            width: 360px;
        }

        #carousel-control {
            margin-top: 40px;
            transform: scale(0.8);
        }
    }

    @media screen and (max-width: 992px) and (max-height: 625px) {
        #img-logo {
            width: 130px !important;
        }
    }

    @media screen and (max-width: 992px) and (max-height: 740px) {
        #img-logo {
            width: 130px !important;
        }

        .space-between {
            min-height: 65vh !important;
        }
    }

    @media screen and (min-width: 992px) and (max-width: 1366px) and (min-height:625px) {
        #card-settings {
            min-height: 65vh;
        }

        .subject-info-arrows {
            margin-top: 20px;
        }

        #btn-login {
            margin-top: 50px !important;
            margin-bottom: 40px !important;
        }
    }

/*@media screen and (min-width: 677px) and (max-width: 1366px) and (max-height: 580px) {
    #card-transloading {
        display: flex !important;
        height: auto !important;
    }
}*/

@media screen and (min-width: 1366px) and (max-height: 659px) {

    #card-transloading {
        min-height: 650px !important;
        max-height: 800px !important;
    }

    #datatable-pesquisa-doc_wrapper .dt-table {
        max-height: 500px !important;
    }

    #abs-logo {
        width: 30% !important;
        margin-top: 50px !important;
    }

    #card-contatos {
        min-height: 670px !important;
    }

    .space-between {
        min-height: 450px !important;
    }

    .btn-formulario {
        max-width: 240px !important;
    }

        .btn-formulario h5 {
            font-size: 14px !important;
        }
}

@media screen and (max-width: 667px) and (max-height: 659px) {
    #abs-logo {
        width: 40% !important;
        margin-top: 43px !important;
    }

    .space-between {
        min-height: 65vh !important;
    }
}

@media screen and (max-width: 992px) and (max-height: 626px) {
    #abs-logo {
        width: 100px !important;
        margin-top: 42px !important;
    }

    .contato-div .container-intro {
        margin-top: 60px !important;
    }

    #asdefinicoes, #oconceito, #omytpd, #oscontatos {
        padding-bottom: 30px !important;
    }

    #card-contatos {
        min-height: 163vh !important;
    }

    .space-between {
        min-height: 370px !important;
    }
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
    #card-contatos {
        min-height: 163vh !important;
    }

    #desativacao-ou-div h5 {
        padding: 0px 10px !important;
    }

    #separador-ou-div {
        width: 100%;
        max-height: 1px;
        min-height: 1px;
    }
}

#content #messageLogIndex .card {
    max-height: calc(100vh + 7em) !important;
    display: flex;
    height: 100% !important;
    flex-flow: column;
}

#messageLogIndex #messagelog-search-filters-dropdown-row #buttons-row {
    width: auto;
    flex-flow: row;
    justify-content: end;
    position: absolute;
    bottom: 10px;
    right: 1em;
}

/* ADDED (GS 09/02/2026) */
table.dataTable thead th::before,
table.dataTable thead th::after {
    font-family: inherit !important;
    /*content: none !important;*/
}

#modal-rastreabilidade {
    z-index:1056 !important;
}
/* alteração css que estava diretamente presente no antigo ficheiro (jquery-steps.css). */
.step-app > .step-content {
    border: unset;
}