/*
 *    uPortal2 - CGI 2015
 */
/* 
    Created on : 26/jan/2016, 15:03:06
    Author     : silvagc
*/
/*
 *  Todas as variaveis usadas no less 
 * 
 *   Created on : 9/jul/2015, 12:52:51
 *   Author     : silvagc
*/
/** ***************************************************************************
 *                                                                            *
 *                          CORES                                             *  
 *                                                                            *  
 ******************************************************************************/
/*
    Todos os componentes, que tenham cores derivdas da primaria,
    devem utilizar estas variaveis
*/
/* CATALOGO */
/* Blue */
/* Green */
/* Grey */
/* Red */
/*#fcf8f8*/
/* Chromatic */
/* Yellow */
/** ***************************************************************************
 *                                                                            *
 *                       TAMANHOS                                             *  
 *                                                                            *  
 ******************************************************************************/
/** ***************************************************************************
 *                                                                            *
 *                       FONT's                                               *  
 *                                                                            *  
 ******************************************************************************/

/** ***************************************************************************
 *                                                                            *
 *                       ICON's                                                *  
 *                                                                            *  
 ******************************************************************************/


/** ***************************************************************************
 *                                                                            *
 *                       TIME                                                 *  
 *                                                                            *  
 ******************************************************************************/
/* Animation */
/** ***************************************************************************
 *                                                                            *
 *                       ANIMATIONS                                           *  
 *                                                                            *  
 ******************************************************************************/
/** ***************************************************************************
 *                                                                            *
 *                       OUTROS                                               *  
 *                                                                            *  
 ******************************************************************************/
/* Border */
/** ***************************************************************************
 *                                                                            *
 *                       INPUT                                                *  
 *                                                                            *  
 ******************************************************************************/
/** ***************************************************************************
 *                                                                            *
 *                       DEFAULT COLORS                                       *  
 *               overide in company custom.less      
 *  
 ******************************************************************************/
/*@primary_color: @blue;
@primary_color_dark : @dark-blue;
@primary_color_darker: @darker-blue;
@primary_color_light : @light-blue;
@primary_color_lighter: @lighter-blue;
@primary_color_fade: @fade-blue;

@accent_color: @orange;
@accent_color_dark: @dark-orange;*/
/*
 *    uPortal2 - CGI 2015
 */
/* 
    Created on : 26/jan/2016, 15:29:02
    Author     : silvagc
*/
/*@font-face{
    font-family:'icomoon';
    src:url(../css/fonts/icomoon.eot?tqg1z2);
    src:url(../css/fonts/icomoon.eot?tqg1z2#iefix) format("embedded-opentype"),url(../css/fonts/icomoon.ttf?tqg1z2) format("truetype"),url(../css/fonts/icomoon.woff?tqg1z2) format("woff"),url(../css/fonts/icomoon.svg?tqg1z2#icomoon) format("svg");
    font-weight:400;
    font-style:normal
}*/




@font-face{
    font-family:"Overpass-Light";
    src:url("../css/fonts/overpass/static/Overpass-Light.ttf") format("truetype");
}
@font-face{
   
    font-family:"Overpass-Regular";
    src:url("../css/fonts/overpass/static/Overpass-Regular.ttf") format("truetype");
}

@font-face{
    font-family:"Overpass-Bold";
    src:url("../css/fonts/overpass/static/Overpass-Bold.ttf") format("truetype");
}


.btn-bg_color-primary {
    background-color:#A59680!important
}
.primary-color{
    color: #A59680!important;
}
.color_title_login
{
    color: #A59680;
}
.tog-selected {
    color: #FFFFFF;
    border-color: #A59680!important;
    background-color:#A59680;
}
.border-invoice-item {
    border-bottom:   1px solid #A59680 !important;
}
.header-border-bottom{
    background-color: #A59680;
}
.pannel-heading-background{
    background-color: #D2CBC0 !important;
}

.btn-primary2 {
    background-color: #A59680 !important;
    border-color: #A59680 !important;
    border: 1px solid #A59680 !important;
}
.btn.btn-primary-white2 {
    color: #A59680 !important;
    background-color: transparent;
    border: 1px solid #A59680 !important;
}

.button_login_entrar
{
     width: 180px !important;
    margin: auto !important;
    border-radius: 25px !important;
    background-color: #A59680 !important;
    border-color: #A59680 !important;
    height: 40px;
   
}
.btn-block
{
     display: block !important;
     width: 100% ;
}
.button_login-rounded{
    width: 180px !important;
    margin: auto !important;
    border-radius: 25px !important;
    background-color: #A59680 !important;
    border-color: #A59680 !important;
    height: 40px;
}

@media(max-width:992px)
{
    .footer-fixed{
        background-color: #D2CBC0;
        color:#37322B;
    }
    .tog-selected {
        color: #37322B;
        border-color: #A59680!important;
        background-color:#FFF;
    }
    .leituras-bg-tab-graph-m{
        background-color: #FFFFFF;
    }
}
/*body {
    font-family: 'Open sans', sans-serif;
    font-size: 13px;
    overflow-x: hidden;
}*/
body {
    font-family:"Overpass-Regular";
    overflow-x: hidden;
}
body .lightf {
    font-family:"Overpass-Light";
}
body .strongf {
    font-family:"Overpass-Bold";
}

body, html, html body {
    font-family: "Overpass-Regular";
}
body .lightf {
    font-family: "Overpass-Light";
}
body .strongf {
    font-family: "Overpass-Bold";
}
 .header-box-list .list-box-icon{ 
        font-size: 35px !important;
    }
@media(min-width: 768px) {
    body {
        font-size: 14px;
    }
     .header-box-list .list-box-icon{ 
        font-size: 40px !important;
    }
}
@media(max-width: 767px) {
    body {
        font-size: 12px;
    }
}
.sidebar-image {
    width: 50px;
}
.btnx{
    display:inline-block;
    margin-bottom:0;
    font-weight:400;
    text-align:center;
    vertical-align:middle;
    touch-action:manipulation;
    cursor:pointer;
    background-image:none;
    border:1px solid transparent;
    white-space:nowrap;
    padding:6px 12px !important;
    font-size:14px;
    line-height:1.42857143;
    border-radius:4px;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.btn {
    border-radius: 25px;
    border: none;
    font-size: 14px;
    line-height: 14px;
    padding: 13px 24px;
    display: inline-block;
}
.btn-outline {
    background: transparent;
    color: inherit;
    transition: all .5s;
}
.btn-outline:hover {
    background-color: #A59680;
    color: #ffffff;
}
.btn-outline.btn-success {
    color: #00A500;
    background: transparent;
    outline-color: #00A500;
}
.btn-outline.btn-success:hover {
    background-color: #00A500;
    color: #ffffff;
}
.btn-outline.btn-primary {
    color: #A59680;
    background: transparent;
    outline-color: #A59680;
}
.btn-outline.btn-primary:focus {
    color: #A59680;
    background: transparent;
    outline-color: #A59680;
}
.btn-outline.btn-primary:hover {
    background-color: #A59680;
    color: #ffffff;
}
.btn-outline.btn-default {
    color: #ffffff;
    background: transparent;
    outline-color: #ffffff;
}
.btn-outline.btn-default:hover {
    background-color: #A59680;
    color: #ffffff;
}
.round-border {
    border-radius: 20px;
}
.table-hover > tbody > tr.selected {
    background-color: #0444c8;
    color: #ffffff;
}
.table-hover > tbody > tr:hover.selected {
    background-color: #ffffff;
    color: #000000;
}
.btn-primary {
    color: #ffffff;
    background-color: #A59680;
    border-color: #A59680;
}
.btn-primary:hover {
    color: #ffffff;
    background-color: #A59680;
    border-color: #A59680;
}
.btn-primary:focus {
    color: #ffffff;
    background-color: #A59680;
    border-color: #A59680;
}
.btn-primary:focus:hover {
    color: #ffffff;
    background-color: #A59680;
    border-color: #A59680;
}
.btn-primary:disabled {
    color: contrast(50%);
    background-color: 50%;
    border-color: 50%;
}
.btn-primary * {
    background-color: transparent;
}
.btn-primary:active {
    color: #ffffff;
    background-color: #0444c8;
    border-color: #0444c8;
}
.btn-primary:active:hover {
    color: #ffffff;
    background-color: #A59680;
    border-color: #A59680;
}
.btn-primary.btn-no-hover:hover,
.btn-primary.btn-no-hover:active:hover {
    color: #ffffff;
    background-color: #A59680;
    border-color: #A59680;
}
.btn-secondary {
    color: #A59680;
    background-color: #ffffff;
    border-color: #A59680;
}
.btn-secondary:hover {
    color: #ffffff;
    background-color: #A59680;
    border-color: #A59680;
}
.btn-secondary:focus {
    color: #A59680;
    background-color: #ffffff;
    border-color: #A59680;
}
.btn-secondary:focus:hover {
    color: #ffffff;
    background-color: #A59680;
    border-color: #A59680;
}
.btn-secondary:disabled {
    color: contrast(50%);
    background-color: 50%;
    border-color: 50%;
}
.btn-secondary * {
    background-color: transparent;
}
.btn-secondary:active {
    color: #ffffff;
    background-color: #0444c8;
    border-color: #0444c8;
}
.btn-secondary:active:hover {
    color: #ffffff;
    background-color: #A59680;
    border-color: #A59680;
}
.focusless:focus {
    border-color: transparent;
    box-shadow: transparent;
}
::selection {
    color: #ff5906;
    background-color: #6999fc;
}
.btn-link {
    color: #A59680;
}
.btn-link:hover {
    color: #A59680;
}
.btn-link:focus {
    color: #0444c8;
}
.btn-link:focus:hover {
    color: #A59680;
}
.btn-link:disabled {
    color: 50%;
}
.btn-link:active {
    color: #0444c8;
}
.btn-link:active:hover {
    color: #A59680;
}
a {
    color: #A59680;
}
a:hover {
    color: #A59680;
}
a:focus {
    color: #0444c8;
}
a:focus:hover {
    color: #A59680;
}
a:disabled {
    color: 50%;
}
a:active {
    color: #0444c8;
}
a:active:hover {
    color: #A59680;
}
.panel-primary {
    border-color: #A59680;
}
.panel-primary > .panel-heading {
    color: #ffffff;
    background-color: #D2CBC0;
    border-color: #D2CBC0;
}
/** Nivelar colunas e linhas **/
/* USAGE
<div class="row">
  <div class="row-height">
    <div class="col-xs-2 col-xs-height col-xs-middle">
      <div class="inside"></div>
    </div>
    <div class="col-xs-4 col-lg-5 col-xs-height col-xs-middle">
      <div class="inside"></div>
    </div>
  </div>
</div>
*/
/* content styles */
.inside {
    margin-top: 20px;
    margin-bottom: 20px;
}
.inside-full-height {
    /*
    // if you want to give content full height give him height: 100%;
    // with content full height you can't apply margins to the content
    // content full height does not work in ie http://stackoverflow.com/questions/27384433/ie-display-table-cell-child-ignores-height-100
    */
    height: 100%;
    margin-top: 0;
    margin-bottom: 0;
}
/* columns of same height styles */
.row-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
}
.col-height {
    display: table-cell;
    float: none;
    height: 100%;
}
.col-top {
    vertical-align: top;
}
.col-middle {
    vertical-align: middle;
}
.col-bottom {
    vertical-align: bottom;
}
@media (min-width: 480px) {
    .row-xs-height {
        display: table;
        table-layout: fixed;
        height: 100%;
        width: 100%;
    }
    .col-xs-height {
        display: table-cell;
        float: none;
        height: 100%;
    }
    .col-xs-top {
        vertical-align: top;
    }
    .col-xs-middle {
        vertical-align: middle;
    }
    .col-xs-bottom {
        vertical-align: bottom;
    }
}
@media (min-width: 768px) {
    .row-sm-height {
        display: table;
        table-layout: fixed;
        height: 100%;
        width: 100%;
    }
    .col-sm-height {
        display: table-cell;
        float: none;
        height: 100%;
    }
    .col-sm-top {
        vertical-align: top;
    }
    .col-sm-middle {
        vertical-align: middle;
    }
    .col-sm-bottom {
        vertical-align: bottom;
    }
}
@media (min-width: 992px) {
    .row-md-height {
        display: table;
        table-layout: fixed;
        height: 100%;
        width: 100%;
    }
    .col-md-height {
        display: table-cell;
        float: none;
        height: 100%;
    }
    .col-md-top {
        vertical-align: top;
    }
    .col-md-middle {
        vertical-align: middle;
    }
    .col-md-bottom {
        vertical-align: bottom;
    }
}
@media (min-width: 1200px) {
    .row-lg-height {
        display: table;
        table-layout: fixed;
        height: 100%;
        width: 100%;
    }
    .col-lg-height {
        display: table-cell;
        float: none;
        height: 100%;
    }
    .col-lg-top {
        vertical-align: top;
    }
    .col-lg-middle {
        vertical-align: middle;
    }
    .col-lg-bottom {
        vertical-align: bottom;
    }
}
/*
 *    uPortal2 - CGI 2015
 */
@media (min-width: 768px){
    .container {
        width: 100% !important;
    }
}
@media (min-width: 992px) {
    .container {
        width: 100% !important;
        /*width: 970px !important;*/
    }
}

.bold {
    font-weight: bold;
}
a:link {
    outline: 0;
    text-decoration: none;
}
.last-invoice-wrapper .box-body .invoice-details .pay-value-until {
    border-left: 13px solid #A59680 !important;
    color:#555;
    margin-right: -30px;
    margin-top: 0;
}
#sidebarMobile {
    background-color: #FFFFFF;
    color:#A59680;
}
#sidebarMobile .sidebar-items, #sidebar .sidebar-items {
    color: #A59680;
    opacity: inherit;
}
#sidebarMobile .sidebar-items.active, #sidebar .sidebar-items.active{
    color: #37322B !important;
}
.last-invoice-wrapper .box-body .invoice-details .pay-value-until .title {
    padding-bottom: 5px;
}
.last-invoice-wrapper .box-body .invoice-details .pay-value-until .title,
.last-invoice-wrapper .box-body .invoice-details .pay-value-until .value>span {
    font-size: 12px;
    font-family: 'Overpass-Light', 'Overpass-Regular', 'Open sans', sans-serif;
}
.last-invoice-wrapper .box-body .invoice-details .pay-value-until .value {
    font-size: 20px;
}
.last-invoice-wrapper .box-body .invoice-details .pay-value-until>div:nth-child(2) .value {
    font-size: 16px;
    padding-top: 4px;
}
.last-invoice-wrapper .box-body .summary-data > div {
    margin-top: 10px;
}
.invoice-consumes{
    padding-top: 10px;
}
.last-invoice-wrapper .box-body .summary-data > div.invoice-consumes > div > div {
    margin: 0;
    padding: 0;
}
.last-invoice-wrapper .box-body .invoice-details .pay-value-until,
.last-invoice-wrapper .box-body .invoice-actions .invoice-buttons {
    margin-top: 0;
    margin-bottom: 15px;
}
.last-invoice-wrapper .box-body .invoice-actions .invoice-buttons {
    padding-top: 3px;
    padding-bottom: 3px;
}
.last-invoice-wrapper .box-body button.btn-primary[disabled]{
    background-color: #ddd;
}
.last-invoice-wrapper .box-body .invoice-data {
    padding-bottom: 30px;
}
.last-invoice-wrapper .box-body .invoice-data .title,
.last-invoice-wrapper .box-body .invoice-data > * {
    color: #6D6D6D;
    font-size: 12px;
}
.last-invoice-wrapper .box-body .invoice-data .title {
    color: #555;
}
.last-invoice-wrapper .box-body .summary-data.show-summary {
    display: block !important;
}
.last-invoice-wrapper .box-body .invoice-summary .invoice-questions,
.last-invoice-wrapper .box-body .invoice-summary .summary-title {
    font-size: 14px;
    position: relative;
}
.last-invoice-wrapper .box-body .invoice-summary .invoice-questions {
    padding-top: 15px;
    padding-bottom: 0;
    text-decoration: underline;
}
.last-invoice-wrapper .box-body .summary-toggle {
    color: #A59680;
    position: absolute;
    right: 15px;
    top: -5px;
}
.last-invoice-wrapper .box-body .summary-toggle i{
    font-size: 30px;
}
.last-invoice-wrapper .box-body .summary-data .icon {
    font-size: 24px;
    margin-right:10px;
}
.last-invoice-wrapper .box-body .invoice-actions {
    text-align: center;
}
.last-invoice-wrapper .box-body .summary-data > .invoice-consumes > i {
    width: 24px;
    text-align: left;
    overflow: visible;
}
.last-invoice-wrapper .box-body .summary-data > .invoice-consumes > div {
    width: calc(100% - 35px);
}
.last-invoice-wrapper .box-body .summary-data > .invoice-consumes > i + i + div {
    width: calc(100% - 52px);
}
.last-invoice-wrapper .box-body .summary-data .icon + .icon {
    margin-left: -18px;
    overflow: visible;
}
.last-invoice-wrapper .box-body .summary-data > .invoice-consumes .title {
    font-size: 14px;
    color: #999;
}
.last-invoice-wrapper .box-body .summary-data > .invoice-consumes .value {
    text-align: right;
    font-size: 14px;
    color: #555;
}
.last-invoice-wrapper .btn-default {
    color: #A59680;
}
.last-invoice-wrapper .inline-element {
    display: inline-block;
    vertical-align: middle;
}

.last-invoice-wrapper .inline-element a{
    color: #A59680;
    text-decoration: underline;
}

.last-invoice-wrapper .box-body > hr {
    height: 1px;
    background: #DDD;
    border: none;
    width: auto;
    margin: 0 -1px;
}
.last-invoice-wrapper .box-body .invoice-summary {
    padding-top: 16px;
}

@media (min-width: 768px) {
    .last-invoice-wrapper .box-body > hr {
        margin: 0 -9px;
    }
    .last-invoice-wrapper .box-body .invoice-main .pay-value-until {
        margin-left: -8px;
        margin-right: -8px;
        border-left-width: 14px;
    }
    .last-invoice-wrapper .box-body .invoice-details .pay-value-until .title {
        padding-bottom: 0;
        font-size: 14px;
        font-family: 'Overpass-Light', 'Overpass-Regular', 'Open sans', sans-serif;
    }
    .last-invoice-wrapper .box-body .invoice-details .pay-value-until .value {
        font-size: 24px;
    }
    .last-invoice-wrapper .box-body .invoice-details .pay-value-until>div:nth-child(2) .value {
        font-size: 20px;
        padding-top: 3px;
    }
    .last-invoice-wrapper .box-body .invoice-details .pay-value-until .value>span {
        font-size: 18px;
    }
    .last-invoice-wrapper .box-body .invoice-actions {
        text-align: right;
    }
    .last-invoice-wrapper .box-body .invoice-details .pay-value-until,
    .last-invoice-wrapper .box-body .invoice-actions .invoice-buttons {
        margin: 9px -15px 35px;
    }
    .last-invoice-wrapper .box-body .invoice-actions .invoice-buttons {
        padding-top: 7px;
        padding-bottom: 7px;
    }
    .last-invoice-wrapper .box-body .invoice-main {
        padding-bottom: 0px;
    }
    .last-invoice-wrapper .box-body .summary-toggle {
        display: none;
    }
    .last-invoice-wrapper .box-body .invoice-summary {
        padding-top: 16px;
    }
    .last-invoice-wrapper .box-body .invoice-summary .summary-title {
        font-size: 16px;
    }
    .last-invoice-wrapper .box-body .invoice-summary .invoice-questions {
        padding-top: 0;
        padding-bottom: 14px;
        font-size: 14px;
    }
    .last-invoice-wrapper .box-body .invoice-data {
        padding-bottom: 0;
    }
    .last-invoice-wrapper .box-body .invoice-data .title {
        font-size: 14px;
    }
    .last-invoice-wrapper .box-body .invoice-data > *,
    .last-invoice-wrapper .box-body .invoice-chart > * {
        padding-bottom: 7px;
        font-size: 12px;
    }
    .last-invoice-wrapper .box-body .invoice-chart {
        text-align: left;
    }
    .last-invoice-wrapper .box-body .invoice-chart .title {
        color:#555;
    }
    .last-invoice-wrapper .box-body .invoice-chart .title .icon {
        font-size: 16px;
    }
    .last-invoice-wrapper .box-body .summary-data > .invoice-consumes > i {
        width: 30px;
    }
    .last-invoice-wrapper .box-body .summary-data > .invoice-consumes > div {
        width: calc(100% - 42px);
    }
    .last-invoice-wrapper .box-body .summary-data > .invoice-consumes > i + i + div {
        width: calc(100% - 64px);
    }
    .last-invoice-wrapper .box-body .summary-data .icon {
        font-size: 32px;
    }
    .last-invoice-wrapper .box-body .summary-data .icon + .icon {
        margin-left: -18px;
    }
    .last-invoice-wrapper .box-body .summary-data > .invoice-consumes .title {
        font-size: 12px;
        font-family: 'Overpass-Light', 'Overpass-Regular', 'Open sans', sans-serif;
    }
    .last-invoice-wrapper .box-body .summary-data > .invoice-consumes .value {
        font-size: 14px;
        text-align: left;
    }
}

.tracking-stepper-wrapper .new-stepper {
    margin: 18px;
}

.tracking-stepper-wrapper .new-stepper>.stepper-progress {
    white-space: nowrap;
    padding: 0;
    margin: 0;
    font-size: 0px;
}

.tracking-stepper-wrapper .new-stepper>.stepper-progress>div {
    height: 3px;
    background: #DADADA;
    background: transparent repeating-radial-gradient(#DADADA 0%, #DADADA 30%, #FFF 35%, #FFF 100%);
    background-size: 7px 7px;
    background-position-y: center;
    background-repeat: repeat-x;
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    margin: 0;
}

.tracking-stepper-wrapper .new-stepper>.stepper-progress>.progress-done {
    background: #55BE5A;
    background: transparent repeating-radial-gradient(#55BE5A 0%, #55BE5A 30%, #FFF 35%, #FFF 100%);
    background-size: 7px 7px;
    background-position-y: center;
    background-repeat: repeat-x;
}

.tracking-stepper-wrapper .new-stepper>.stepper-progress,
.tracking-stepper-wrapper .new-stepper>.stepper-checkpoints {
    width: 100%;
}

.tracking-stepper-wrapper .new-stepper>.stepper-checkpoints>ul {
    position: relative;
    padding: 0;
    margin: -1.5px 0 0;
    list-style-type: none;
    display: block;
}

.tracking-stepper-wrapper .new-stepper>.stepper-checkpoints>ul>.stepper-checkpoint {
    position: absolute;
    display: inline-block;
    top: -18px;
}

.tracking-stepper-wrapper .new-stepper>.stepper-checkpoints>ul>.stepper-checkpoint>.checkpoint-container>div {
    position: relative;
    left: -50%;
    margin: auto;
    width: fit-content;
}

.tracking-stepper-wrapper .new-stepper>.stepper-checkpoints>ul>.stepper-checkpoint:first-child>.checkpoint-container>div {
    position: relative;
    left: -18px;
    margin: 0;
}

.tracking-stepper-wrapper .new-stepper>.stepper-checkpoints>ul>.stepper-checkpoint:last-child>.checkpoint-container>div {
    position: relative;
    left: -100%;
    margin-left: auto;
    margin-right: -18px;
}

.tracking-stepper-wrapper .new-stepper>.stepper-checkpoints>ul>.stepper-checkpoint>.checkpoint-container>.container-marker {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    text-align: center;
    border-radius: 50%;
    border: none;
    background: #DADADA;
    color: #FFF;
}

.tracking-stepper-wrapper .stepper-mobile .step-container .step-container-inner .step-position.in-progress,
.tracking-stepper-wrapper .new-stepper>.stepper-checkpoints>ul>.stepper-checkpoint>.checkpoint-container>.container-marker.in-progress {
    background: #3CB2E8;
}

.tracking-stepper-wrapper .stepper-mobile .step-container .step-container-inner .step-position.done,
.tracking-stepper-wrapper .new-stepper>.stepper-checkpoints>ul>.stepper-checkpoint>.checkpoint-container>.container-marker.done {
    background: #55BE5A;
}

.tracking-stepper-wrapper .stepper-mobile .step-container .step-container-inner .step-position.pending,
.tracking-stepper-wrapper .new-stepper>.stepper-checkpoints>ul>.stepper-checkpoint>.checkpoint-container>.container-marker.pending {
    background: #EC9626;
}

.tracking-stepper-wrapper .stepper-mobile .step-container .step-container-inner .step-position.stopped,
.tracking-stepper-wrapper .new-stepper>.stepper-checkpoints>ul>.stepper-checkpoint>.checkpoint-container>.container-marker.stopped {
    background: #FF0000;
}

.tracking-stepper-wrapper .new-stepper>.stepper-checkpoints>ul>.stepper-checkpoint>.checkpoint-container>.container-description {
    color: #DADADA;
    font-size: 16px;
    padding-top: 15px;
    white-space: nowrap;
}

.tracking-stepper-wrapper .new-stepper>.stepper-checkpoints>ul>.stepper-checkpoint>.checkpoint-container>.container-description.done {
    color: #000;
}

.tracking-stepper-wrapper .new-stepper>.stepper-checkpoints>ul>.stepper-checkpoint>.checkpoint-container>.container-description.in-progress {
    color: #000;
    font-size: 18px;
    padding-top: 12px;
}

.tracking-stepper-wrapper .new-stepper>.stepper-checkpoints>ul>.stepper-checkpoint>.checkpoint-container>.container-details>.details-toggle-tooltip {
    font-size: 14px;
    color: #828282;
}

.tracking-stepper-wrapper .new-stepper>.stepper-checkpoints>ul>.stepper-checkpoint>.checkpoint-container>.container-description,
.tracking-stepper-wrapper .new-stepper>.stepper-checkpoints>ul>.stepper-checkpoint>.checkpoint-container>.container-details>* {
    text-align: center;
}

.tracking-stepper-wrapper .new-stepper>.stepper-checkpoints>ul>.stepper-checkpoint:first-child>.checkpoint-container>.container-description,
.tracking-stepper-wrapper .new-stepper>.stepper-checkpoints>ul>.stepper-checkpoint:first-child>.checkpoint-container>.container-details>* {
    text-align: left;
}

.tracking-stepper-wrapper .new-stepper>.stepper-checkpoints>ul>.stepper-checkpoint:last-child>.checkpoint-container>.container-description,
.tracking-stepper-wrapper .new-stepper>.stepper-checkpoints>ul>.stepper-checkpoint>.checkpoint-container>.container-details>* {
    text-align: right;
}

.tracking-stepper-wrapper .new-stepper>.stepper-checkpoints>ul>.stepper-checkpoint>.checkpoint-container>.container-details>.details-toggle-tooltip>.info-icon {
    border: 1px solid #828282;
    border-radius: 50%;
    height: 16px;
    width: 16px;
    font-size: 12px;
    font-style: normal;
    line-height: 14px;
    text-align: center;
    display: inline-block;
}

.tracking-stepper-wrapper .new-stepper>.stepper-checkpoints>ul>.stepper-checkpoint>.checkpoint-container>.container-details>.details-toggle-tooltip>.info-icon.pending {
    border-color: #EC9626;
    color: #EC9626;
}

.tracking-stepper-wrapper .new-stepper>.stepper-checkpoints>ul>.stepper-checkpoint>.checkpoint-container>.container-details>.details-toggle-tooltip>.info-icon.stopped {
    border-color: #FF0000;
    color: #FF0000;
}

.tracking-stepper-wrapper .stepper-mobile .step-container {
    position: relative;
}
.tracking-stepper-wrapper .stepper-mobile .step-container:before {
    content:"";
    width:3px;
    height:100%;
    display:block;
    left:14px;
    position:absolute;
    background: #DADADA;
    background: transparent repeating-radial-gradient(#DADADA 0%, #DADADA 30%, #FFF 35%, #FFF 100%);
    background-size: 7px 7px;
    background-position-x: center;
    background-repeat: repeat-y;
}
.tracking-stepper-wrapper .stepper-mobile .step-container.done:before {
    content:"";
    width:3px;
    height:100%;
    display:block;
    left:14px;
    position:absolute;
    background: #55BE5A;
    background: transparent repeating-radial-gradient(#55BE5A 0%, #55BE5A 30%, #FFF 35%, #FFF 100%);
    background-size: 7px 7px;
    background-position-x: center;
    background-repeat: repeat-y;
}
.tracking-stepper-wrapper .stepper-mobile .step-container .step-container-inner{
    padding: 5px 0;
}
.tracking-stepper-wrapper .stepper-mobile .step-container .step-container-inner.previous-current{
    padding-bottom: 30px;
}
.tracking-stepper-wrapper .stepper-mobile .step-container .step-container-inner.in-progress{
    padding: 0 0 30px;
}
.tracking-stepper-wrapper .stepper-mobile .step-container .step-container-inner.in-progress.first-step{
    padding: 0 0 30px;
}
.tracking-stepper-wrapper .stepper-mobile .step-container .step-container-inner.in-progress.last-step{
    padding: 30px 0 0;
}
.tracking-stepper-wrapper .stepper-mobile .step-container .step-container-inner.first-step{
    padding-top: 0;
}
.tracking-stepper-wrapper .stepper-mobile .step-container .step-container-inner.last-step{
    padding-bottom: 0;
}
.tracking-stepper-wrapper .stepper-mobile .step-container .step-container-inner .step-position{
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    text-align: center;
    border-radius: 50%;
    border: none;
    background: #DADADA;
    color: #FFF;
    z-index: 1;
}
.tracking-stepper-wrapper .stepper-mobile .step-container .step-container-inner .step-description{
    font-size: 14px;
    margin-left: 15px;
}
.tracking-stepper-wrapper .stepper-mobile .step-container .step-container-inner .step-description-tooltip{
    font-size: 14px;
    color:#828282;
    margin-left: 15px;
}
.tracking-stepper-wrapper .stepper-mobile .step-container .step-container-inner .step-description-tooltip .fa-stack{
    font-size: 12px;
}
.tracking-stepper-wrapper .stepper-mobile .step-container .step-container-inner .step-description.in-progress{
    font-size: 18px;
}
.sc-tracking-wrapper .adhesion-contract {
    padding-bottom: 6px;
}
.sc-tracking-wrapper .adhesion-contract > .contract-services > div {
    padding: 0;
}
.sc-tracking-wrapper .adhesion-contract > .contract-services,
.sc-tracking-wrapper .adhesion-contract > uib-accordion > div {
    margin: 0;
}
.sc-tracking-wrapper .adhesion-contract > uib-accordion .contract-accordion-header {
    color: #333333;
    font-size: 12px;
    padding: 10px 0;
}
@media(max-width: 767px) {
    .sc-tracking-wrapper .adhesion-contract > .contract-services .produto_state-steps {
        margin-left: 25px;;
    }
}
@media(min-width: 768px) {
    .sc-tracking-wrapper .adhesion-contract > .contract-services {
        padding-bottom: 40px;
    }

    .sc-tracking-wrapper .adhesion-contract > uib-accordion .contract-accordion-header {
        font-size: 16px;
    }

    .sc-tracking-wrapper .adhesion-contract > uib-accordion .contract-accordion-header {
        padding: 22px 0;
    }
    .sc-tracking-wrapper .adhesion-contract > .contract-services,
    .sc-tracking-wrapper .adhesion-contract > uib-accordion > div {
        margin: 0 66px;
    }
    .sc-tracking-wrapper .adhesion-contract > .contract-services > div,
    .sc-tracking-wrapper .adhesion-contract > .contract-services .produto_state-steps {
        margin: 10px auto;
    }
}
.sc-tracking-wrapper .adhesion-contract > .contract-services .service-header {
    padding-bottom: 5px;
    font-size: 16px;
    color: #37322B;
}
@media(max-width: 767px) {
    .sc-tracking-wrapper .adhesion-contract > .contract-services .service-header {
        padding-bottom: 10px;
    }
    .sc-tracking-wrapper .adhesion-contract > .contract-services .service-header {
        margin-bottom: 10px;
    }
    .sc-tracking-wrapper .adhesion-contract > .contract-services > .contract-services-product{
        margin-bottom: 25px;
    }
    invoice-history .invoice-history > .history-list > uib-accordion > .panel-group > .panel > .panel-heading .heading-button {
        padding: 10px 0 !important;
    }
}
.sc-tracking-wrapper .adhesion-contract > .contract-services .service-header > i {
    font-size: 20px;
}
.sc-tracking-wrapper .adhesion-contract > uib-accordion .panel-default.adhesion-border {
    border-bottom: 1px solid #DDD !important;
    border-radius: 0;
}
.sc-tracking-wrapper .adhesion-contract > uib-accordion .panel-default > .panel-heading {
    border-top: 1px solid #DDD;
    background: transparent;
    padding: 0;
    border-radius: 0;
}
.sc-tracking-wrapper .adhesion-contract > uib-accordion .panel-default > .panel-heading .center_view h4 {
    margin-bottom: 0;
    line-height: normal;
    font-size: 16px;
}
.sc-tracking-wrapper .adhesion-contract > uib-accordion .contract-accordion-header > i {
    font-size: 16px;
}
.sc-tracking-wrapper .adhesion-contract > uib-accordion .contract-accordion-header span {
    padding-left: 10px;
}
.sc-tracking-wrapper .adhesion-contract > uib-accordion .contract-accordion-header > i.fa-lightbulb-o + i.fa-fire {
    width: 5px;
    overflow: visible;
    margin-left: -5px;
}
.sc-tracking-wrapper .adhesion-contract > uib-accordion .contract-accordion-header > i.pull-right {
    color: #A59680;
}
.sc-tracking-wrapper .adhesion-contract > uib-accordion .panel-group .panel {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.sc-tracking-wrapper .adhesion-contract > uib-accordion .panel-group .panel-heading + .panel-collapse > .panel-body {
    border-top: 1px solid #DDD;
    /*background: #F7F7F7;*/
    border-bottom: none;
    padding-left: 0;
    padding-right: 0;
}
.sc-tracking-wrapper .adhesion-contract > uib-accordion .contract-accordion-body .contratos-title {
    font-size: 12px;
    margin-bottom: 7px;
}
.sc-tracking-wrapper .adhesion-contract > uib-accordion .contract-accordion-body .contrato_details-type {
    color: #000;
    font-size: 16px;
    margin-bottom: 10px;
}
.sc-tracking-wrapper .adhesion-contract > uib-accordion .contract-accordion-body .contrato_details-type > i {
    font-size: 20px;
    font-weight: normal;
}
.sc-tracking-wrapper .adhesion-contract > uib-accordion .contract-accordion-body .contract-data-field {
    margin-bottom: 20px;
}
.sc-tracking-wrapper .adhesion-contract > uib-accordion .contract-accordion-body .contract-data-field .block-title {
    font-size: 12px;
    color: #666;
    margin-bottom: 7px;
}
.sc-tracking-wrapper .adhesion-contract > uib-accordion .contract-accordion-body .contract-data-field .block-title-extra {
    max-width: 200px;
}
.sc-tracking-wrapper .adhesion-contract > uib-accordion .contract-accordion-body .contract-data-field .block-title-extra,
.sc-tracking-wrapper .adhesion-contract > uib-accordion .contract-accordion-body .contract-data-field .block-value {
    border-bottom: 1px solid #ddd;
    color: #37322B;
    font-size: 14px;
    min-height: 21px;
}
.sc-tracking-wrapper .adhesion-contract .stepper-container {
    height: 100px;
}
.sc-tracking-wrapper .adhesion-contract > uib-accordion .panel-group .panel-heading + .panel-collapse > .panel-body .contratos-body-boxes-h {
    padding: 0 0 20px 0!important;        
}
@media(min-width: 768px) {
    .sc-tracking-wrapper .adhesion-contract > uib-accordion .panel-group .panel-heading + .panel-collapse > .panel-body .contratos-body-boxes-h {
        padding: 0 0 30px 0!important;        
    }
    .sc-tracking-wrapper .adhesion-contract > uib-accordion .contract-accordion-body .contract-data-field {
        margin-bottom: 30px;
    }
    .sc-tracking-wrapper .adhesion-contract > uib-accordion .panel-group .panel-heading + .panel-collapse > .panel-body {
        padding-left: 15px;
        padding-right: 15px;
    }
    .sc-tracking-wrapper .adhesion-contract > uib-accordion .contract-accordion-header > i {
        font-size: 20px;
    }
    .sc-tracking-wrapper .adhesion-contract > uib-accordion .contract-accordion-header span {
        padding-left: 20px;
    }
}
.circular-shadow {
    width: inherit;
    position: relative;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}
.circular-shadow:after {
    content: "";
    position: absolute;
    -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.8);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
    bottom: 0px;
    width: 80%;
    height: 5px;
    -moz-border-radius: 100%;
    border-radius: 100%;
    left: 10%;
    right: 10%;
}
.center-view {
    padding: 30px;
}
/**
 *  margins
 */
.no-margin {
    margin: 0px!important;
}
.shortest-margin {
    margin: 2px!important;
}
.short-margin {
    margin: 5px!important;
}
.short-bottom-margin {
    margin-bottom: 5px!important;
}
@media (max-width: 767px) {
    .no-margin-padding-left {
        margin-left: 0px!important;
        padding-left: 0px!important;
    }
}
.no-margin-right {
    margin-right: 0px!important;
    padding-right: 0px!important;
}
.no-margin-bottom {
    margin-bottom: 0px!important;
    padding-bottom: 0px!important;
}
.no-padding-right {
    padding-right: 0px!important;
}
.no-padding-left {
    padding-left: 0px!important;
}
.no-padding-top {
    padding-top: 0px!important;
}
.no-padding-bottom {
    padding-bottom: 0px!important;
}
@media (max-width: 767px) {
    .no-padding-left-mobile {
        padding-left: 0px;
    }
}
/**
 * Accordion das faturas
 *  foi necessário criar estas classes 
 *  porque nao encontrei nenhuma class que aplicasse isso à directiva 
 *  do accordion. 
 *  Alterações:
 *      - heading background color
 *      - body background color
 *      - retirar todas as borders
 */
.invert-panel-color .panel-heading {
    background-color: white;
}
.invert-panel-color .panel-body {
    background-color: whitesmoke;
}
.invert-panel-color .panel {
    border: 0px;
}
.accordion-blue-theme .panel-heading {
    color: #A59680;
}
.accordion-blue-theme .panel-heading .ui-state-focus {
    outline: none;
}
/**
 * Fim alterações accordion faturas
 */
/*RULESET para o input do dropdown select, para não aparecer a shadow da input dentro da dropdown*/
.no-shadow {
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
}
.btn.no-shadow:focus {
    outline: none!important;
    box-shadow: none!important;
    -webkit-box-shadow: none !important;
}
@media (max-width: 991px) {
    .btn-small-paddings {
        padding: 5px !important;
    }
}
.terms-box {
    background-color: white;
    border: 0px;
    text-align: left;
    white-space: pre-line;
    word-break: break-word;
}
/**
 * Acordion catalogo
 */
.no-margin-accordion .panel-group {
    margin-bottom: 0px;
}
#checkbox-label {
    padding-left: 15px;
}
#checkbox-label label {
    padding-left: 20px;
}
#checkbox-label label::before {
    margin-left: 0px;
}
#checkbox-label label::after {
    margin-left: 0px;
}
#dynamic-label-position {
    margin-top: 3px;
    margin-bottom: 15px;
}
#dynamic-label-position .row :nth-child(1) {
    text-align: right;
}
@media (min-width: 768px) {
    #dynamic-label-position {
        padding-top: 60px;
        padding-bottom: 60px;
        padding-left: 40px;
    }
    #dynamic-label-position .row :nth-child(1) {
        text-align: inherit;
    }
}
@media (min-width: 992px) {
    #dynamic-label-position {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}
/*Usado para manter a seta na mesma linha que "Ver fatura" na área de faturas sem contrato selecionado*/
@media (min-width: 768px) and (max-width: 991px) {
    span.col-xs-4.col-sm-2.view.text-primary.sm-padding-right-small {
        padding: 0px 10px 0px 0px !important;
    }
}
table .dimension-header-0 {
    font-weight: bold;
    text-transform: capitalize;
}
/*
 *    uPortal2 - CGI 2015
 */
.tc-chart-js-legend {
    list-style-type: none;
    padding-left: 0px;
}
.tc-chart-js-legend li {
    display: block;
    float: left;
    /*clear:both;*/
    padding: 5px;
}
.tc-chart-js-legend .marker {
    width: 20px;
    height: 20px;
    display: block;
    float: left;
    margin-right: 10px;
    border-radius: 10px;
}
/* 
    Created on : Sep 4, 2015, 11:59:40 AM
    Author     : serralhaa
*/
.request-list-spacing {
    margin-top: 15px;
    margin-bottom: 5px;
}
.request-link {
    color: #A59680;
}
.form-short-padding {
    padding-left: 5px;
    padding-right: 5px;
}
.state-font {
    font-size: 90%;
}
.request-labels label {
    font-size: 13px;
    font-weight: normal;
}
.request-titles {
    font-weight: 600;
}
.request-line-height .row {
    margin-top: 10px;
}
.request-modal-button {
    font-size: 18px;
}
.request-confirm-modal {
    margin-left: 25px;
    margin-right: 25px;
    line-height: 25px;
}
.request-confirm-modal h5 {
    color: #A59680;
    font-weight: bold;
}
.request-generic-detail {
    margin-top: 40px;
}
.request-confirm-content {
    margin-top: 40px;
    margin-bottom: 40px;
}
.btn-light-blue {
    background-color: #A59680;
    font-weight: bold;
}
.catalogo {
    content: url("../img/lampada.svg");
}
.pointer {
    cursor: pointer !important;
}
.text-center {
    text-align: center;
}
.text-small-info {
    font-size: 70%;
}
.add-contrato-error {
    background-color: #fbf5f5;
}
.cookies-background {
    background-color: #ffffff;
}
/*########################################   PRIMEIRA LINHA DO HEADER*/
.header {
    background-color: #A59680;
    padding-right: 18px;
    padding-bottom: 3px;
    padding-top: 3px;
    /* Extra small screen and smaller */
    color: #FFFFFF;
    /* o que fica no centro*/
}
.main-header-outter>#mainHeader>.main-header-container .header-account-area{
    color: #37322B;
}



/* José Ferreira*/
.icon_contratar_oferta_center 
{
    background-color: #A59680 !important;
}
.portalMyAccount{
    color:#A59680 !important;
}

.plus_square_contract{
    color:#A59680 !important;
}
.carousel-control{
    color:#A59680 !important;
}
@media (max-width: 767px) {
    .header {
        color: #FFFFFF;
        background-color: #A59680;
    }
}
.header .form-control {
    border: none;
    background: transparent;
    padding: 1px;
}
.header .dropdown-menu {
    margin-right: 13px;
    font-size: 14px;
    margin-top: 20px;
    padding-top: 0px;
    padding-bottom: 0px;
    border-radius: 0px;
    border: 1px solid #A59680;
    /*    @size : @triangle-height;
          @border-size : @size + (@border-width * 2);*/
}
.header .dropdown-menu:after,
.header .dropdown-menu:before {
    bottom: 100%;
    left: 100%;
    width: 0;
    height: 0;
    border-style: solid;
    content: " ";
    position: absolute;
    pointer-events: none;
}
.header .dropdown-menu:after {
    border-width: 0 0 15px 18px;
    border-color: transparent transparent #FFFFFF transparent;
    margin-left: -18px;
}
.header .dropdown-menu:before {
    border-width: 0 0 17px 20px;
    border-color: transparent transparent #A59680 transparent;
    margin-left: -19px;
}
.header .dropdown-menu .bottom-line {
    background: #A59680;
    height: 5px;
}
.header .dropdown-menu li a {
    color: #A59680;
}
.header .text-header {
    color: #ffffff;
    font-size: 75%;
}
.header .text-header:active:hover {
    color: #cccccc;
}
.header .text-header:focus:hover {
    color: #cccccc;
}
.header .fa {
    /* o que fica por fora*/
}
.header .fa.fa-stack-1x {
    color: #A59680;
}
.header .fa.fa-stack-1x:hover {
    color: #A59680;
}
.header .fa.fa-stack-2x {
    color: #FFFFFF;
}
.header .fa.fa-stack-2x:hover {
    color: #AFAFAF;
}
.input-group-addon.fix {
    padding: 0px 3px 0px 3px;
    border: none;
    background: transparent;
}
/*####   Estilo do dropdown menu do utilizador*/
.dropdown-menu-footer {
    background: #A59680;
    height: 5px;
}
.dropdown-link {
    border-bottom: 1px solid #A59680;
}
/*########################################  FIM PRIMEIRA LINHA DO HEADER*/
/*########################################   SEGUNDA LINHA DO HEADER*/
.header-panel-xs {
    /*border: @border-line solid@primary_color; */
    min-height: 200px;
}
.header-panel-xs .center-line {
    line-height: 133.33333333px;
}
.header-panel-xs.without-subscriptions {
    background-color: #FFFFFF;
}
.header-panel-xs.with-subscriptions {
    border: none;
    background-color: #e7e8e9;
}
.header-panel-xs .header-panel-xs-info {
    color: #A59680;
    position: relative;
}
.header-panel-xs .header-panel-xs-info.single-subscription {
    max-width: 200px;
    height: 100px;
    background-color: #FFFFFF;
    border-top-left-radius: 100px;
    border-top-right-radius: 100px;
    border: 0px solid #A59680;
    border-bottom: 0;
    background: #FFFFFF;
    margin-left: auto;
    margin-right: auto;
    border: none;
    top: 1px;
}
.header-panel-xs .header-panel-xs-info.no-subscriptions {
    top: 1px;
    max-width: 200px;
    height: 100px;
    background-color: #FFFFFF;
    border-top-left-radius: 101px;
    border-top-right-radius: 101px;
    border: 1px solid #A59680;
    border-bottom: 0;
    background: #FFFFFF;
    margin-left: auto;
    margin-right: auto;
}
.header-panel-xs .header-panel-xs-info.multi-subscriptions {
    top: 1px;
    max-width: 200px;
    height: 100px;
    background-color: #FFFFFF;
    border-top-left-radius: 100px;
    border-top-right-radius: 100px;
    border: 0px solid #A59680;
    border-bottom: 0;
    background: #FFFFFF;
    margin-left: auto;
    margin-right: auto;
    border: none;
}
.header-panel-xs .header-panel-xs-info.expand-state {
    background: #A59680;
    color: #FFFFFF;
}
.header-panel-xs .header-panel-xs-info.expand-state .fa-stack-1x {
    color: #A59680;
}
.header-panel-xs .header-panel-xs-info.expand-state .user-icon {
    color: #A59680;
}
.header-panel-expand-xs {
    color: #333235;
    font-size: 14px;
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.header-panel-expand-xs .expand-state-row {
    background-color: #ffffff;
    border-bottom: 1px solid #FFFFFF;
}
.header-panel-expand-xs .expand-state-row:hover,
.header-panel-expand-xs .expand-state-row.selected {
    /*    background-color: #A59680;
        color: #ffffff;*/
    color: #ff5906;
}
.header-panel-expand-xs .expand-state-row.inactive {
    background-color: #F7F7F7;
    color: #AFAFAF;
    /*color:contrast( @grey);*/
}
.header-panel-expand-xs .expand-state-row.inactive:hover,
.header-panel-expand-xs .expand-state-row.inactive.selected {
    background-color: #dedede;
    color: #000000;
}
.header-panel-expand-xs.ng-hide {
    opacity: 0;
}
.header-panel {
    border: 1px solid #A59680;
    border-bottom: 1px solid #A59680 !important;
    background-color: #F7F7F7;
    border-left: none;
    border-right: none;
    border-top: none;
    position: relative;
    padding: 13px;
    min-height: 150px;
}
.header-panel.multiple-rows {
    border-bottom: none;
    margin-bottom: 0px;
}
.header-panel:not(.multiple-rows) {
    /*    @size : @triangle-height;
          @border-size : @size + (@border-width * 2);*/
}
.header-panel:not(.multiple-rows):after,
.header-panel:not(.multiple-rows):before {
    top: 100%;
    left: 50%;
    width: 0;
    height: 0;
    border-style: solid;
    content: " ";
    position: absolute;
    pointer-events: none;
}
.header-panel:not(.multiple-rows):after {
    border-width: 9px 22px 0 22px;
    border-color: #F7F7F7 transparent transparent transparent;
    margin-left: -22px;
}
.header-panel:not(.multiple-rows):before {
    border-width: 10px 24px 0 24px;
    border-color: #A59680 transparent transparent transparent;
    margin-left: -24px;
}
.header-panel:not(.multiple-rows).selected {
    border-bottom: 1px solid #ff5906;
    /*    @size : @triangle-height;
          @border-size : @size + (@border-width * 2);*/
}
.header-panel:not(.multiple-rows).selected:after,
.header-panel:not(.multiple-rows).selected:before {
    top: 100%;
    left: 50%;
    width: 0;
    height: 0;
    border-style: solid;
    content: " ";
    position: absolute;
    pointer-events: none;
}
.header-panel:not(.multiple-rows).selected:after {
    border-width: 9px 22px 0 22px;
    border-color: #F7F7F7 transparent transparent transparent;
    margin-left: -22px;
}
.header-panel:not(.multiple-rows).selected:before {
    border-width: 10px 24px 0 24px;
    border-color: #ff5906 transparent transparent transparent;
    margin-left: -24px;
}
.header-panel-expand {
    border-top: 1px solid #ff5906;
}
.header-panel-expand .expand-state {
    background: #ff5906;
    color: #FFFFFF;
    width: 77px;
    height: 27px;
    border-bottom-right-radius: 38.5px 27px;
    border-bottom-left-radius: 38.5px 27px;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
}
/*########################################   SEGUNDA LINHA DO HEADER*/
.company-logo.push-up {
    margin-top: -110px !important;
}
.company-logo {
    margin-top: -30px;
    border: 1px solid #A59680;
    cursor: pointer;
}

.buttons-contract-details{
    border: 2px solid #A59680 !important;
}
.buttons-disassociate-contract{
    border: 2px solid #A59680 !important;
    margin-bottom: 10px !important;
}
.panel-search {
    border: 1px solid #A59680;
    border-radius: 7px;
    max-height: 25px;
}
.panel-function-text-color {
    color: #A59680;
}
.panel-function-text {
    color: #A59680;
    font-size: 89%;
}
.panel-function-text .fa {
    font-size: 130%;
}
.header-panel,
.header-panel-xs,
.nav {
    /*    & .row{
              -webkit-transition: all 600ms ease-in-out;
              -moz-transition: all 600ms ease-in-out;
              -o-transition: all 6000ms ease-in-out;
              transition: all 600ms ease-in-out;
          }*/
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 3000ms ease-in-out;
    transition: all 300ms ease-in-out;
}
#sticky {
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
#sticky.stick {
    top: 0;
    position: fixed;
    margin-top: 0 !important;
    z-index: 100;
    width: 100%;
    background-color: #FFFFFF;
    margin-bottom: 0px;
    border-bottom: 1px;
    border-color: #A59680;
    border-radius: 0;
    /*        .navbar-header{
                      .navbar-brand{
                          display: none;
                      }
                  }*/
}
#sticky.stick #menuControlos,
#sticky.stick #contratarOfertas {
    display: none;
}
/*Jose Ferreira*/


#sticky.stick .tooltip-arrow,
#sticky.stick .tooltip-inner.ng-binding {
    display: none;
}

/*Slide Scroll*/
#sticky.stick #imageSlide
{
    height: 67px !important;
    min-height: 67px;
}
#sticky.stick #X1-fixed-height{
    display: none;
    height: 40px;
}
#sticky.stick .fa-item-subscription {
    width: 2em !important;
    height: 2em !important;

}
#sticky.stick .dual-subscription-margin
{
    margin-left: -30px !important;
}
#sticky.stick .fa-stack-item-subscription  {
    font-size: 2em !important;
}
#sticky.stick .fa-user-item-margin-subscription {
    margin-top: 0px !important;
}
#sticky.stick  .contract_display-margin
{    margin-top: -6px!important;
}
#sticky.stick .carousel-inner{
    margin-top: -10px !important;
}

#sticky.stick .margin-subscription-mobile{
    margin-top:0px;
}
#sticky.stick .row.row-centered.visible-xs {
    min-height: 0px!important;
}
/*end Jose Ferreira*/
/*end Slide Scroll*/




#sticky.stick user-item {
    min-height: 0px;
}
@media (min-width: 767px) {
    #sticky.stick user-item .item-detail-username,
    #sticky.stick user-item #nomeDoUtilizador,
    #sticky.stick header-item .power-pack-aviso-dual,
    #sticky.stick header-item .power-pack-aviso,
    #sticky.stick user-item #selectIcon {
        display: none;
    }
}
#sticky.stick header-item-associated-contract .item-detail-title,
#sticky.stick header-item-associated-contract .btn-add-subscription,
#sticky.stick header-item-associated-contract #detail {
    /*display: none;*/
    display: table-column-group;
}
#sticky.stick .header-item {
    min-height: 0px !important;
}
#sticky.stick .header-item .item-detail-title,
#sticky.stick .header-item .btn-pending-subscription,
#sticky.stick .header-item .power-pack-aviso,
#sticky.stick .header-item #selectIcon,
#sticky.stick .header-item #address {
    display: none;
}
#sticky.stick .header-panel {
    min-height: 70px !important;
    padding: 0px;
}
#sticky.stick .header-panel:after,
#sticky.stick .header-panel:before {
    visibility: hidden;
}
#sticky.stick .header-panel-expand .expand-state {
    display: none;
}
/*#sticky.stick .header-panel-expand-xs {
    display: none !important;
}*/
#sticky.stick a {
    padding-top: 5px;
    padding-bottom: 5px;
}
#sticky.stick li {
    margin-bottom: 5px;
    margin-top: 5px;
}
#sticky.stick .navbar-header .navbar-brand {
    padding-top: 15px;
    padding-bottom: 15px;
}
#sticky.stick .header-panel-xs {
    min-height: 0px !important;
}
#sticky.stick .header-panel-xs .center-line {
    line-height: initial;
}
#sticky.stick .sticky-hide {
    display: none;
}
#sticky.stick .col-xs-12.col-centered.padding-top {
    padding: 0px;
}
#sticky .navbar-menu {
    color: #A59680;
    padding: 5px 15px;
    margin: 5px 0px;
}
#sticky .navbar-menu:hover,
#sticky .navbar-menu:focus {
    color: #0444c8;
}
div .navbar-menu {
    color: #A59680;
    padding: 15px 15px;
    margin: 5px 0px;
    max-height: 53px;
}
div .navbar-menu:hover,
div .navbar-menu:focus {
    color: #0444c8;
}
@media (max-width: 480px) {
    #appMenu .navbar {
        margin-bottom: 0px;
    }
}
app-admin-menu .navbar-header {
    float: none;
}
.contract_display {
    font-size: 0.75em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/*######################################## TABLE LAYOUTS*/
.icon-oferta {
    min-height: 48px;
}
.center-items {
    display: flex;
    justify-content: center;
    align-items: center;
}
.center-single {
    margin: 10px 0px;
    padding-left: 70px;
}
.item-detail {
    min-width: 20%;
    text-align: center;
}
.item-detail .small-text {
    font-size: 0.75em;
    height: 43px;
    padding: 0px 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre-wrap;
}
.small-icon {
    padding: 2px 15px 0px 0px;
}
.dual-subscription {
    padding: 0px 5px;
    margin: 0px;
}
.product-icon-stack-2x-selected {
    color: #ff5906;
}
.product-icon-stack-1x-selected {
    color: #FFFFFF;
}
.single-item-text {
    color: #A59680;
}
.single-item-text-selected {
    color: #ff5906;
}
/*######################################## FIM TABLE LAYOUTS*/
/*######################################## SUBSCRIPTIONS*/
item-detail-title-single,
.item-detail-title {
    padding: 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.item-detail-title-single {
    font-weight: bold;
}
.item-detail-username {
    padding: 0px;
}
.user-icon {
    color: white;
}
.user-item {
    min-height: 97px;
    color: #A59680;
}
@media (max-width: 767px) {
    .user-item {
        min-height: 110px;
    }
}
.user-item:hover {
    cursor: pointer;
    color: #ff5906;
}
.header-item {
    min-height: 140px;
    color: #0444c8;
}
@media (max-width: 767px) {
    .header-item {
        min-height: 110px;
    }
}
.header-item:hover {
    cursor: pointer;
    color: #ff5906;
}
.header-item.inactive {
    color: #434343;
    cursor: default !important;
    font-weight: normal!important;
}
.header-item.selected {
    color: #ff5906;
}
.inactive-text {
    color: #434343;
    cursor: default !important;
    font-weight: normal!important;
}
.btn-add-subscription {
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
    color: #FFFFFF;
    padding: 4px 10px;
    border-radius: 0px;
    background-color: #AFAFAF;
}
.btn-add-subscription:hover {
    background-color: #434343;
    color: #FFFFFF;
    font-weight: bold;
}
.btn-pending-subscription {
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
    color: #AFAFAF;
    padding: 4px 10px;
    border-radius: 0px;
    border: 2px solid #AFAFAF;
    background-color: #F7F7F7;
}
.btn-pending-subscription:hover {
    background-color: #D5D5D5;
    color: #4D565D;
    border-color: #4D565D;
    font-weight: bold;
}
/*######################################## FIM SUBSCRIPTIONS*/
/*######################################## MENU*/
.link-border {
    border: 1px solid #A59680;
    /*border-bottom: 5px solid @lighter-blue;*/
    border-radius: 12px;
    /*    background-color: #0654fa;
        color: white !important;*/
}
.admin-menu> .link-border{
    background-color: #A59680;
    color: white !important;
}
.link-xs {
    min-height: 90px;
    line-height: 90px;
    border-bottom: 1px solid #D5D5D5;
}
.link,
.link-border {
    padding: 5px 15px;
    text-wrap: none;
}
.navbar-default .menu-text-subscription-selected .link,
.navbar-default .menu-text-subscription-selected .link-border {
    color: #ff5906;
}
.navbar-default .menu-text-subscription-selected .link:hover,
.navbar-default .menu-text-subscription-selected .link-border:hover {
    color: #A59680;
}
.navbar-default .menu-text-subscription-selected .link:focus,
.navbar-default .menu-text-subscription-selected .link-border:focus {
    color: #ff5906;
}
.menu-border-subscription-selected .link,
.menu-border-subscription-selected .link-border {
    border-color: #ff5906;
}
.link:hover,
.link-border:hover {
    font-weight: bold;
}
.header-menu-item {
    height: 30px;
    line-height: 30px;
    padding-left: 0px;
    padding-right: 0px;
    margin: 15px;
}
.header-menu-item.no-margin-left {
    margin-left: 0px;
}
.header-menu-item.no-margin-right {
    margin-right: 0px;
}
.side-menu {
    position: fixed;
    /*    right: 10%;*/
}
.side-menu .modal-dialog {
    margin: 0px;
    height: 100%;
    vertical-align: top !important;
}
.side-menu .modal-content {
    border-radius: 0px;
    height: 100%;
}
.side-menu .modal-header {
    border-bottom: 1px solid #A59680;
}
.side-menu .modal-body {
    background-color: #fff;
}
/*######################################## FIM MENU*/
/*######################################## ANIMAÇÕES DO HEADER*/
.panel-animation {
    /*ANIMAÇÃO PARA QUANDO ENTRAM AS CLASSES DO ANGULAR*/
}
.panel-animation.ng-enter,
.panel-animation.ng-leave,
.panel-animation.ng-move,
.panel-animation.ng-hide-add,
.panel-animation.ng-hide-remove {
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.panel-animation.ng-enter {
    opacity: 0;
}
.panel-animation.ng-enter.ng-enter-active {
    opacity: 1;
}
.panel-animation.ng-move {
    opacity: 0;
}
.panel-animation.ng-move.ng-move-active {
    opacity: 1;
}
.panel-animation.ng-leave {
    opacity: 1;
}
.panel-animation.ng-leave.ng-leave-active {
    opacity: 0;
}
.panel-animation.ng-hide {
    opacity: 1;
}
.panel-animation.ng-hide.ng-hide-add-active {
    opacity: 0;
}
.panel-animation.ng-enter-stagger,
.panel-animation.ng-leave-stagger,
.panel-animation.ng-hide-stagger {
    transition-delay: 0.02s;
}
.fade-animation {
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.fade-animation.ng-hide-remove {
    opacity: 0;
}
.fade-animation.ng-hide-remove.ng-hide-remove-active {
    opacity: 1;
}
.fade-animation.ng-hide-add {
    opacity: 1;
}
.fade-animation.ng-hide-add.ng-hide-add-active {
    opacity: 0;
}
.top_logo {
    height: 57px;
}
/*######################################## FIM ANIMAÇÕES DO HEADER*/
/* 
    Created on : 9/jul/2015, 13:26:05
    Author     : silvagc
*/
/* 
    Created on : 9/jul/2015, 13:26:05
    Author     : silvagc
*/
.checkbox {
    padding-left: 20px;
}
.checkbox input[type="checkbox"].styled:checked + label:after {
    font-family: 'FontAwesome';
    content: "\f00c";
}
.checkbox input[type="checkbox"].styled:checked + label::before {
    color: #0444c8;
}
.checkbox input[type="checkbox"].styled:checked + label::after {
    color: #0444c8;
}
.checkbox label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    font-weight: 700;
    padding-left: 5px;
}
.checkbox label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    margin-left: -20px;
    border: 2px solid #A59680;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}
.checkbox label::after {
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
    top: 0;
    margin-left: -21px;
    padding-left: 3px;
    padding-top: 1px;
    font-size: 11px;
    color: #0444c8;
}
#login-box-centered .checkbox label::before{
    border: 1px solid #A8A8A8;
}
.checkbox label::after {
    color: #A8A8A8;
}
.checkbox input[type="checkbox"] {
    display: none!important;
}
.checkbox input[type="checkbox"]:focus + label::before {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
.checkbox input[type="checkbox"]:checked + label::after {
    font-family: 'FontAwesome';
    content: "\f00c";
    padding-right:5px;
}
.checkbox input[type="checkbox"]:disabled + label {
    opacity: 0.65;
}
.checkbox input[type="checkbox"]:disabled + label::before {
    background-color: #737373;
    cursor: not-allowed;
}
.checkbox input[type="checkbox"]:disabled + label::after {
    cursor: not-allowed;
}
.checkbox.checkbox-circle label::before {
    border-radius: 50%;
}
.checkbox.checkbox-inline {
    margin-top: 0;
}
input[type="checkbox"].styled:checked + label:after {
    font-family: 'FontAwesome';
    content: "\f00c";
    background-color: #A59680;
    color: white;

}
input[type="checkbox"].styled:checked + label::before {
    color: #0444c8;
}
input[type="checkbox"].styled:checked + label::after {
    color: #0444c8;
}
/* 
    Created on : 12/05/2015, 10:26:35
    Author     : felicianoe
*/
.radio {
    padding-left: 20px;
}
.radio label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 5px;
}
.radio label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #A59680;
    border-radius: 50%;
    background-color: #FFFFFF;
    -webkit-transition: border 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out;
    transition: border 0.15s ease-in-out;
}
.radio label::after {
    display: inline-block;
    position: absolute;
    content: " ";
    width: 11px;
    height: 11px;
    left: 3px;
    top: 3px;
    margin-left: -20px;
    border-radius: 50%;
    background-color: #D5D5D5;
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}
.radio input[type="radio"] {
    opacity: 0;
    z-index: 1;
    cursor: pointer;
}
.radio input[type="radio"]:checked + label::after {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}
.radio input[type="radio"]:disabled + label {
    opacity: 0.65;
}
.radio input[type="radio"]:disabled + label::before {
    cursor: not-allowed;
}
.radio.radio-inline {
    margin-top: 0;
}
.radio-primary input[type="radio"] + label::after {
    background-color: #A59680;
}
.radio-primary input[type="radio"]:checked + label::before {
    border-color: #A59680;
}
.radio-primary input[type="radio"]:checked + label::after {
    background-color: #A59680;
}
.radio-primary input[type="radio"] + label::after {
    background-color: #A59680;
}
.radio-primary input[type="radio"]:checked + label::before {
    border-color: #A59680;
}
.radio-primary input[type="radio"]:checked + label::after {
    background-color: #A59680;
}
.radio-danger input[type="radio"] + label::after {
    background-color: #d9534f;
}
.radio-danger input[type="radio"]:checked + label::before {
    border-color: #d9534f;
}
.radio-danger input[type="radio"]:checked + label::after {
    background-color: #d9534f;
}
.radio-danger input[type="radio"] + label::after {
    background-color: #d9534f;
}
.radio-danger input[type="radio"]:checked + label::before {
    border-color: #d9534f;
}
.radio-danger input[type="radio"]:checked + label::after {
    background-color: #d9534f;
}
.radio-info input[type="radio"] + label::after {
    background-color: #5bc0de;
}
.radio-info input[type="radio"]:checked + label::before {
    border-color: #5bc0de;
}
.radio-info input[type="radio"]:checked + label::after {
    background-color: #5bc0de;
}
.radio-info input[type="radio"] + label::after {
    background-color: #5bc0de;
}
.radio-info input[type="radio"]:checked + label::before {
    border-color: #5bc0de;
}
.radio-info input[type="radio"]:checked + label::after {
    background-color: #5bc0de;
}
.radio-warning input[type="radio"] + label::after {
    background-color: #f0ad4e;
}
.radio-warning input[type="radio"]:checked + label::before {
    border-color: #f0ad4e;
}
.radio-warning input[type="radio"]:checked + label::after {
    background-color: #f0ad4e;
}
.radio-warning input[type="radio"] + label::after {
    background-color: #f0ad4e;
}
.radio-warning input[type="radio"]:checked + label::before {
    border-color: #f0ad4e;
}
.radio-warning input[type="radio"]:checked + label::after {
    background-color: #f0ad4e;
}
.radio-success input[type="radio"] + label::after {
    background-color: #5cb85c;
}
.radio-success input[type="radio"]:checked + label::before {
    border-color: #5cb85c;
}
.radio-success input[type="radio"]:checked + label::after {
    background-color: #5cb85c;
}
.radio-success input[type="radio"] + label::after {
    background-color: #5cb85c;
}
.radio-success input[type="radio"]:checked + label::before {
    border-color: #5cb85c;
}
.radio-success input[type="radio"]:checked + label::after {
    background-color: #5cb85c;
}
input[type="radio"].styled:checked + label:after {
    font-family: 'FontAwesome';
    /*content: @check-icon;*/
}
input[type="radio"].styled:checked + label::before {
    color: #FFFFFF;
}
input[type="radio"].styled:checked + label::after {
    color: #FFFFFF;
}
/** ***************************************************************************
 *                                                                            *
 *                    RULESETS GERAIS                                         *  
 *                                                                            *  
 ******************************************************************************/
/* No input arrows for numbers*/
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.img-max-with {
    max-width: 400px;
}
.border-right {
    border-right: solid #ff5906;
}
.container {
    /*    &:not(.clean){
          }*/
    border-top: none;
}
.container.bordered {
    /*&:not(#login-box){*/
    border: 1px solid #F7F7F7;
    /*box-shadow: 0px 20px 15px 0px #f9f9f9;*/
    box-shadow: none;
    border-top: none;
    /*}*/
}
.container.menu {
    border: 1px solid #F7F7F7;
    /*box-shadow: 0px 20px 15px 0px @lightest-grey;*/
    border-bottom: none;
    border-top: none;
}
.hide-overflow-y {
    overflow-y: hidden;
}
.hide-overflow-x {
    overflow-x: hidden;
}
textarea.pedido-reclamacao-informacao {
    min-height: 200px;
    border-color: #A59680;
    border-radius: 10px;
}
@media (min-width: 992px) {
    .col-md-5-meio {
        width: 45.8333333%;
    }
    .voltar-inicio > h5
    {
        color: gray;
        font-weight: bold;
    }
}
@media (max-width: 992px) {
    .voltar-inicio > h5
    {
        color: gray;
        font-weight: bold;
    }
}


.faded-until-hover {
    color: #ff5906;
}
.faded-until-hover:hover {
    text-decoration: none;
    color: #ff5906;
}
.col-xs-7-meio {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 65%;
}
.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}
.vtop {
    display: inline-block;
    vertical-align: top;
    float: none;
}
.col-xs-10-meio {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 85.444444%;
}
.col-xs-1-meio {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
    width: 12.999999%;
}
.stretch {
    width: 100%;
}
.stretch.fixed-stretch {
    max-width: 100%;
}
.error-info {
    color: #FE2712;
    font-weight: bold;
    font-size: 11px;
    font-style: italic;
}
.info {
    font-family: Overpass-Light;
    font-size: 14px;
    color: #333333;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;

}

.text-bold {
    font-weight: bold;
}
.text-color-accent {
    color: #ff5906;
}
.text-color-accent-light {
    color: #fba96a;
}
.text-color-light-grey {
    color: #ddd;
}

.form-register>div>form>div>div>label>ajuda>div>.text-color-accent-light {
    color: #A59680 ;
}
.form-register form ajuda .text-color-accent-light {
    color: #A59680 ;
}
.selectRegister>.form-group>dropdown-select>.dropdown>button>div>a{
    color: #A59680 ;
}  
.selectRegister>.form-group>dropdown-select>.dropdown>button>div>a:hover{
    color: #A59680 ;
}  

.form-register>div>form>div>.button-action:hover:not(.disabled) .btn-description {
    background-color: #A59680;
}
.form-register>div>form>div>.button-action .btn-description:not(.disabled),
.final-registo:not(.disabled){
    background-color: #A59680;
}

.selectRegister>.dropdown>button>div>a{
    color: #A59680 ;
}  
.selectRegister>.dropdown>button>div>a:hover{
    color: #A59680 ;
}  
.loading {
    position: absolute;
    cursor: wait;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10000;
}
.app-loading {
    cursor: wait;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10000;
    position: fixed;
    background-color: rgba(255, 255, 255, 0.6);
}
.loading-background :not(.loading) {
    opacity: 0.9;
}
.loading-indicator {
    position: fixed;
}
.loading-indicator .modal-dialog {
    margin-top: 0px;
    height: 20%;
    min-height: 170px;
}
.loading-indicator .modal-content {
    border-radius: 0px 0px 50% 50%;
    height: 100%;
}
.loading-indicator .modal-content .row {
    height: 100%;
}
@media (min-width: 768px) {
    .loading-indicator .modal-dialog {
        width: 80%;
        max-width: 900px;
    }
    .loading-indicator .row {
        margin: 0 0 0 0;
    }
}
/*.checkbox{
    padding-left: 20px;
    input[type="checkbox"] {
        &.styled:checked + label:after {
            font-family: 'FontAwesome';
            content: "\f00c";
        }
        & .styled:checked + label {
            &::before {
                color: #fff;
            }
            &::after {
                color: #fff;
            }
        }
    }
    label{
        display: inline-block;
        vertical-align: middle;
        position: relative;
        padding-left: 5px;

        &::before{
            content: "";
            display: inline-block;
            position: absolute;
            width: 17px;
            height: 17px;
            left: 0;
            margin-left: -20px;
            border: 2px solid @input-border;
            border-radius: 3px;
            background-color: #fff;
            .transition(~"border 0.15s ease-in-out, color 0.15s ease-in-out");
        }

        &::after{
            display: inline-block;
            position: absolute;
            width: 16px;
            height: 16px;
            left: 0;
            top: 0;
            margin-left: -20px;
            padding-left: 3px;
            padding-top: 1px;
            font-size: 11px;
            color: @primary_color_dark;
        }
    }

    input[type="checkbox"],
    input[type="radio"]{
        display: none;

        &:focus + label::before{
            .tab-focus();
        }

        &:checked + label::after{
            font-family: @font-family-icon;
            content: @fa-var-check;
        }

        &:disabled + label{
            opacity: 0.65;

            &::before{
                background-color: @input-bg-disabled;
                cursor: not-allowed;
            }
        }

    }

    &.checkbox-circle label::before{
        border-radius: 50%;
    }

    &.checkbox-inline{
        margin-top: 0;
    }
}


.radio{
    padding-left: 20px;

    input[type="radio"] {
        &.styled:checked + label:after {
            font-family: 'FontAwesome';
            content: "\f00c";
        }
        & .styled:checked + label {
            &::before {
                color: #fff;
            }
            &::after {
                color: #fff;
            }
        }
    }

    label{
        display: inline-block;
        vertical-align: middle;
        position: relative;
        padding-left: 5px;

        &::before{
            content: "";
            display: inline-block;
            position: absolute;
            width: 17px;
            height: 17px;
            left: 0;
            margin-left: -20px;
            border: 1px solid @input-border;

            border-radius: 50%;
            background-color: #fff;
            .transition(border 0.15s ease-in-out);
        }

        &::after{
            display: inline-block;
            position: absolute;
            content: " ";
            width: 11px;
            height: 11px;
            left: 3px;
            top: 3px;
            margin-left: -20px;
            border-radius: 50%;
            background-color: @input-color;
            .scale(0, 0);

            .transition-transform(.1s cubic-bezier(.8,-0.33,.2,1.33));
            //curve - http://cubic-bezier.com/#.8,-0.33,.2,1.33
        }
    }

    input[type="radio"]{
        opacity: 0;
        z-index: 1;

        &:focus + label::before{
            .tab-focus();
        }

        &:checked + label::after{
            .scale(1, 1);
        }

        &:disabled + label{
            opacity: 0.65;

            &::before{
                cursor: not-allowed;
            }
        }

    }

    &.radio-inline{
        margin-top: 0;
    }
}

input[type="checkbox"],
input[type="radio"] {
    &.styled:checked + label:after {
        font-family: 'FontAwesome';
        content: "\f00c";
    }
    & .styled:checked + label {
        &::before {
            color: #fff;
        }
        &::after {
            color: #fff;
        }
    }
}*/
.captcha {
    min-width: 200px;
    max-width: 300px;
}
.captcha .image {
    min-width: 200px;
    min-height: 80px;
}
.captcha.center {
    display: inline-block;
    float: none;
}
.image-help {
    max-height: 550px;
    max-width: 550px;
}
.circular-shadow-container {
    position: relative;
    height: 22px;
    overflow: hidden;
    margin: -13px;
}
.circular-shadow-container .circular-shadow {
    width: inherit;
    position: relative;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
.circular-shadow-container .circular-shadow:after {
    content: "";
    position: absolute;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.8);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.8);
    bottom: 0px;
    width: 70%;
    height: 5px;
    -moz-border-radius: 100%;
    border-radius: 100%;
    left: 10%;
    right: 10%;
}
.background-fade-primary {
    background-color: #ffffff;
}
/** ***************************************************************************
 *                                                                            *
 *                    MODIFICAÇÕES AO BOOTSRAP                                *  
 *                                                                            *  
 ******************************************************************************/
ajuda .popover.top > .arrow:after {
    border-top-color: #ffffff;
}
ajuda .popover.left > .arrow:after {
    border-left-color: #ffffff;
}
ajuda .popover.right > .arrow:after {
    border-right-color: #ffffff;
}
ajuda .popover.bottom > .arrow:after {
    border-bottom-color: #ffffff;
}
.popover {
    border-color: #A59680;
    border-radius: 0;
}
@media (min-width: 992px) {
    .popover {
        min-width: 650px;
    }
    .popover.popover-lg {
        min-width: 850px;
    }
    .popover.popover-xs {
        min-width: 500px;
    }
}
@media (max-width: 991px) and (min-width: 768px) {
    .popover {
        max-width: 500px;
    }
    .popover.popover-lg {
        max-width: 650px;
    }
    .popover img {
        display: block;
        max-width: 100%;
        height: auto;
    }
}
@media (max-width: 767px) {
    .popover {
        max-width: 370px;
    }
    .popover.popover-lg {
        max-width: 500px;
    }
    .popover img {
        display: block;
        max-width: 100%;
        height: auto;
    }
}
.popover.top > .arrow {
    border-top-color: #A59680;
}
.popover.left > .arrow {
    border-left-color: #A59680;
}
.popover.right > .arrow {
    border-right-color: #a4a4a4;
}
.popover.bottom > .arrow {
    border-bottom-color: #A59680;
}
.component-extra-small {
    min-width: 370px;
}
.component-small {
    min-width: 500px;
}
.component-medium {
    min-width: 650px;
}
.component-large {
    min-width: 850px;
}
.component-height-extra-small {
    min-height: 10px;
}
.component-height-small {
    min-height: 15px;
}
.component-height-medium {
    min-height: 40px;
}
.component-height-large {
    min-height: 60px;
}
.container {
    padding-left: 0px;
    padding-right: 0px;
}
.container-fluid {
    padding-left: 0px;
    padding-right: 0px;
}
.navbar-default {
    background: none;
    border: none;
}
.navbar-default .navbar-nav > li > a {
    color: #A59680;
}
.navbar-default .navbar-nav > li > a:hover{
    color: #ff5906;
}
.navbar-default .navbar-nav > li > a:focus {
    color: #A59680;
}
.navbar-default .navbar-brand {
    color: #A59680;
}
.navbar-default .navbar-brand:hover {
    color: #0444c8;
}
a.disabled {
    color: #B2D0E7;
    cursor: not-allowed;
}
a.disabled:hover {
    font-style: normal;
}
a.underlined {
    text-decoration: underline;
}
.dropdown-menu > li > a {
    cursor: pointer;
}
.dropdown-menu.scrollable {
    max-height: 250px;
    overflow-y: auto;
}
.btn-group .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.btn-group .btn:first-child:not(:last-child):not(.dropdown-toggle) .fa {
    font-size: large;
    font-weight: bold;
}
.text-button a:not(.disabled):hover,
.text-button button:not(.disabled):hover {
    font-style: italic;
    font-weight: bold;
}
.text-button a.disabled,
.text-button button.disabled {
    cursor: not-allowed;
}
.text-link-button {
    font-weight: bold;
    padding: 8px 0px;
    outline: none;
    background: none;
    border: none;
}
.text-link-button a:not(.disabled):hover,
.text-link-button button:not(.disabled):hover {
    font-style: italic;
    font-weight: bold;
}
.text-link-button a.disabled,
.text-link-button button.disabled {
    cursor: not-allowed;
}
.button-link {
    padding: 8px 0px;
    outline: none;
    background: none;
    border: none;
}
.btn-accent {
    color: #FFFFFF;
    background-color: #ff5906;
    border-color: #c65906;
}
.btn-accent:hover {
    background-color: #ff5906;
    border-color: #c65906;
}
.btn-outline.btn-accent {
    color: #FFFFFF;
    background: transparent;
    background-color: #A59680;
}
.btn-outline:hover {
    background-color: #fba96a;
    color: #000000;
}
.modal-header {
    border-bottom: none;
}
.modal-body .area {
    margin-top: 20px;
    margin-bottom: 20px;
}
.modal-body .fixed-text-area {
    max-height: 200px;
    overflow: scroll;
}
.modal-body hr {
    margin-top: 0px;
}
.button-action {
    padding: 8px 0px;
    outline: none;
    background: none;
    border: none;
    border-radius: 5px;
    min-height: 40px;
    line-height: 40px;
}
.button-action:hover:not(.disabled) .btn-description {
    background-color: #f86f07;
}
.button-action:hover:not(.disabled) .selector {
    background-color: #f86f07;
}
.button-action [disabled="disabled"],
.button-action .disabled {
    /*.btn-description, .selector{*/
    cursor: not-allowed !important;
    opacity:0.4;
    /*}*/
}
.button-action .selector {
    color: #ffffff;
    border-radius: 5px;
    top: 0;
    bottom: 0;
    position: absolute;
    background-color: #ff5906;
    display: inline-block;
    width: 15%;
    min-width: 25px;
}
.button-action .selector.left {
    left: 0;
    border-radius: 5px 0 0 5px;
}
.button-action .selector.right {
    right: 0;
    border-radius: 0 5px 5px 0;
}
.button-action .btn-description,
.final-registo {
    color: #ffffff;
    top: 0;
    bottom: 0;
    width: 100%;
    position: absolute;
    display: inline-block;
}
.button-action .btn-description.left {
    left: 0;
    border-radius: 5px 5px 5px 5px;
}
.button-action .btn-description.right {
    right: 0;
    border-radius: 5px 5px 5px 5px;
}
.button-action .btn-description:not(.disabled),
.final-registo{
    border-radius: 15px !important;
    font-size: 10px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 3.99;
    letter-spacing: normal;
    text-align: center;
    border: 2px solid;
    background-color: #A59680;
}
.modal-footer {
    margin-top: 20px;
}
.row.vertical-center {
    display: flex;
    align-items: center;
}
.row.vertical-center .inline-flex {
    align-items: center;
}
.vertical-center {
    vertical-align: middle;
}
.text-vertical-center {
    vertical-align: middle;
    display: inline-block;
}
.row-centered {
    text-align: center;
}
.col-centered {
    display: inline-block;
    float: none;
    /*inline-block space fix*/
    /*    margin-right:-4px;*/
}
.label-inline {
    display: table-cell;
    display: inline-flex;
}
.col-padding-none {
    padding: 0;
}
.col-padding-small {
    padding-left: 7px;
    padding-right: 7px;
}
.modal-body .form-group label {
    min-height: 1.7em;
}
.modal-body .form-group label span {
    margin-right: 4px;
}
/** ***************************************************************************
 *                                                                            *
 *                    MODIFICAÇÕES AO FontAwesome                             *  
 *                                                                            *  
 ******************************************************************************/
.fa.fa-0_5x {
    font-size: 0.5em;
}
.fa.fa-1_5x {
    font-size: 1.5em;
}
.fa.fa-2_5x {
    font-size: 2.5em;
}
.fa.fa-3_5x {
    font-size: 3.5em;
}
.fa.fa-4_5x {
    font-size: 4.5em;
}
.fa.fa-5_5x {
    font-size: 5.5em;
}
.fa.bold,
.fa.text-bold {
    font-weight: bold;
}
.text-defafult {
    font-size: initial;
}
.text-large {
    font-size: 130%;
}
.text-extra-large {
    font-size: 180%;
}
.text-small {
    font-size: 89%;
}
.text-smaller {
    font-size: 75%;
}
.text-smallest {
    font-size: 70%;
}
/** ***************************************************************************
 *                                                                            *
 *                          CABEÇALHOS E TEXTOS                               *  
 *                                                                            *  
 ******************************************************************************/
.font-weight-100 {
    font-weight: 100;
}
.center {
    margin-left: auto;
    margin-right: auto;
    float: none !important;
}
.margin-top-large {
    margin-top: 40px;
}
.margin-top {
    margin-top: 20px;
}
.margin-top-small {
    margin-top: 10px;
}
.margin-top-smallest {
    margin-top: 3px;
}
.margin-top-medium {
    margin-top: 15px;
}
.margin-top-huge {
    margin-top: 60px;
}
.margin-top-none {
    margin-top: 0;
}
.margin-top-none.recursive * {
    margin-top: 0;
}
@media (max-width: 767px) {
    .margin-bottom-sm {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}
.padding-top-large {
    padding-top: 40px;
}
.padding-top {
    padding-top: 20px;
}
.padding-top-small {
    padding-top: 10px;
}
.padding-top-none {
    padding-top: 0;
}
.padding-top-none.recursive * {
    padding-top: 0;
}
.padding-left-none {
    padding-left: 0;
}
.padding-left-none.recursive * {
    padding-left: 0;
}
.padding-right-none {
    padding-right: 0;
}
.padding-right-none.recursive * {
    padding-right: 0;
}
.margin-bottom-none {
    margin-bottom: 0;
}
.margin-bottom-none.recursive * {
    margin-bottom: 0;
}
.margin-bottom-small {
    margin-bottom: 10px;
}
.margin-bottom-smallest {
    margin-left: 3px;
}
.margin-bottom {
    margin-bottom: 20px;
}
.margin-left-smallest {
    margin-left: 3px;
}
.margin-left-small {
    margin-left: 10px;
}
.margin-left-medium {
    margin-left: 15px;
}
.margin-left-center-view-size {
    margin-left: 30px;
}
.margin-left-large {
    margin-left: 40px;
}
.margin-right-smallest {
    margin-right: 3px;
}
.margin-right-small {
    margin-right: 10px;
}
.margin-right-medium {
    margin-right: 15px;
}
.margin-right-large {
    margin-right: 40px;
}
.margin-left-15 {
    margin-left: 15;
}
.margin-bottom-medium {
    margin-bottom: 15px;
}
.margin-bottom-large {
    margin-bottom: 40px;
}
.margin-bottom-huge {
    margin-bottom: 80px;
}
.padding-bottom-none {
    padding-bottom: 0;
}
.padding-bottom-none.recursive * {
    padding-bottom: 0;
}
.padding-bottom {
    padding-bottom: 20px;
}
.padding-bottom-small {
    padding-bottom: 10px;
}
.padding-bottom-large {
    padding-bottom: 40px;
}
.center_view {
    /*padding: 0px 45px 10px 45px;*/
}
.center_view .view-title {
    margin-top: 0px;
    margin-bottom: 30px;
    margin-left: 0px;
    margin-right: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0px;
    padding-right: 0px;
    border-bottom: 1px #0444c8 solid;
    content: " ";
    display: table;
    width: 100%;
}
.center_view .view-title h4 {
    color: #0444c8;
    padding-left: 0px;
    margin-bottom: 10px;
}
.center_view h4 {
    color: #0444c8;
    margin-bottom: 2px;
}
.center_view h5 {
    color: #A59680;
    margin-bottom: 2px;
}
@media (max-width: 767px) {
    .center_view {
        padding: 30px 5px 10px 5px;
    }
}
h4 {
    color: #0444c8;
    margin-bottom: 2px;
}
h5 {
    color: #A59680;
    margin-bottom: 2px;
}
hr.shadowed {
    height: 1px;
    margin: 0 0 10px 0;
    background-color: #0444c8;
    border: 0;
}
hr.shadowed:after {
    display: block;
    content: '';
    height: 5px;
    background-image: -webkit-gradient(radial, 50% 0%, 0, 50% 0%, 116, color-stop(0%, #0444c8), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -webkit-radial-gradient(center top, farthest-side, #0444c8 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -moz-radial-gradient(center top, farthest-side, #0444c8 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -o-radial-gradient(center top, farthest-side, #0444c8 0%, rgba(255, 255, 255, 0) 100%);
    background-image: radial-gradient(farthest-side at center top, #0444c8 0%, rgba(255, 255, 255, 0) 100%);
}
shadowed {
    height: 1px;
    margin: 0 0 10px 0;
    background-color: #0444c8;
    border: 0;
}
.shadowed:after {
    display: block;
    content: '';
    height: 5px;
    background-image: -webkit-gradient(radial, 50% 0%, 0, 50% 0%, 116, color-stop(0%, #0444c8), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -webkit-radial-gradient(center top, farthest-side, #0444c8 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -moz-radial-gradient(center top, farthest-side, #0444c8 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -o-radial-gradient(center top, farthest-side, #0444c8 0%, rgba(255, 255, 255, 0) 100%);
    background-image: radial-gradient(farthest-side at center top, #0444c8 0%, rgba(255, 255, 255, 0) 100%);
}
.overlay {
    z-index: 999999;
    opacity: 0.9;
    position: fixed;
    padding: 0px 0px;
    width: 100%;
    left: 0px;
}
.text-white {
    color: #FFFFFF;
}
.text-grey {
    color: #F7F7F7;
}
.text-dark-grey {
    color: #AFAFAF;
}
.text-darker-grey {
    color: #434343;
}
.text-light-primary {
    color: #A59680;
}
.text-darker-primary {
    color: #0444c8;
}
.darker-primary-background {
    background-color: #0444c8;
}
.text-dark-primary {
    color: #0444c8;
}
.dark-primary-background {
    background-color: #0444c8;
}
.text-primary {
    color: #A59680;
}
.text-primary-imp {
    color: #A59680!important;
}
.text-search-primary {
    color: #7B9EC8;
}
.text-red {
    color: #b20000;
}
.red-background {
    background-color: #b20000;
}
.text-strong-red {
    color: #fbf5f5;
}
.strong-red-background {
    background-color: #fbf5f5;
}
.text-green {
    color: #00A500;
}
.text-orange {
    color: #ff5906;
}
.text-google-red {
    color: #d73d32;
}
.text-fb-blue {
    color: #3B5998;
}
.fill-color-accent {
    fill: #ff5906;
}
.fill-primary {
    fill: #A59680;
}
/* Image lampadaHeader*/
/* Jose Ferreira*/
.fill-primary-rotate {
    fill: #fdfdfd;
}
.fill-color-body
{
    fill: transparent;
}
.fill-color-body-water
{
    fill: white;
}

/*end Image lampadaHeader*/
/*end Jose Ferreira*/
.svg-sm-fixed svg {
    /*max-height: 100px;*/
    max-height: 47px;
    width: 100px;
}
.svg-xs-fixed svg {
    width: 35px;
}
.svg-sm-dynamic svg {
    max-height: 17rem;
    width: 40rem;
}
/*.svg-responvive{

    @media (max-width:@screen-xs-max){
        width:25px;
    }
    @media (min-width:@screen-sm){
        width:100px;
    }
}*/
.btn-fb-blue {
    color: #ffffff;
    border-color: #3B5998;
    background-color: #3B5998;
}
.btn-fb-blue:hover {
    color: #ffffff;
    border-color: #2652ad;
    background-color: #2652ad;
}
.google-red-background {
    background-color: #d73d32;
}
.text-yellow {
    color: #FFBB0F;
}
.text-underline {
    text-decoration: underline;
}
.small-text {
    font-size: 0.75em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre-wrap;
}
/** Para usar em àreas que exista muito texto, facilitando a leitura**/
.text-body {
    opacity: .87;
    line-height: 1.6em;
    font-size: 12px;
}
.hide-overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre-wrap;
}
/** ***************************************************************************
 *                                                                            *
 *                          Accordion e descendentes                          *  
 *                                                                            *  
 ******************************************************************************/
.accordion-primary-theme .panel-collapse {
    background-color: #F7F7F7;
}
/** ***************************************************************************
 *                                                                            *
 *                          Forms                                             *  
 *                                                                            *  
 ******************************************************************************/
div.ng-submitted .ng-invalid {
    border: 1px solid #fbf5f5;
}
input.label-like {
    background: transparent;
    border: none;
}
.search-input {
    border-color: #A59680;
}
.search-input::-webkit-input-placeholder {
    color: #A59680;
    opacity: 0.8;
}
.search-input:-moz-placeholder {
    color: #A59680;
    opacity: 0.8;
}
.search-input::-moz-placeholder {
    color: #A59680;
    opacity: 0.8;
}
.search-input:-ms-input-placeholder {
    color: #A59680;
    opacity: 0.8;
}
/** ***************************************************************************
 *                                                                            *
 *                          Margins                                           *  
 *                                                                            *  
 ******************************************************************************/
.top5 {
    margin-top: 5px;
}
.top7 {
    margin-top: 7px;
}
.top10 {
    margin-top: 10px;
}
.top15 {
    margin-top: 15px;
}
.top17 {
    margin-top: 17px;
}
.top30 {
    margin-top: 30px;
}
.input-left-icon {
    left: 0px;
}
.input-left-icon + .form-control {
    padding-left: 34px;
    padding-right: 10px;
}
.order-by-btn {
    top: 7px;
    position: relative;
    font-size: 10pt;
}
.bottom-padding-10 {
    padding-bottom: 10px;
}
.something-semantic {
    display: table;
    width: 100%;
}
.something-else-semantic {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
/** ***************************************************************************
 *                                                                            *
 *                    Validações forms                                        *  
 *                                                                            *  
 ******************************************************************************/
form .ng-valid.ng-dirty {
    border-color: #00A500;
    /*    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);*/
}
form .ng-valid.ng-dirty:focus {
    border-color: rgba(0, 165, 0, 0.1);
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 165, 0, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 165, 0, 0.6);
}
form .ng-invalid.ng-dirty {
    /*    border-color: #b20000;
        -webkit-box-shadow: inset 0 1px 1px rgba(178, 0, 0, 0.1);
        box-shadow: inset 0 1px 1px rgba(178, 0, 0, 0.1);*/
}
form .ng-invalid.ng-dirty:focus {
    /*border-color: #7f0000;*/
    outline: 0;
    /*-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(178, 0, 0, 0.6);*/
    /*box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(178, 0, 0, 0.6);*/
}
form .ng-invalid.ng-pristine {
    /*    border-color: #AFAFAF;
        -webkit-box-shadow: inset 0 1px 1px rgba(175, 175, 175, 0.1);
        box-shadow: inset 0 1px 1px rgba(175, 175, 175, 0.1);*/
}
form .ng-invalid.ng-pristine:focus {
    /*border-color: #969696;*/
    outline: 0;
    /*-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(175, 175, 175, 0.6);*/
    /*box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(175, 175, 175, 0.6);*/
}
.form-control-validation.ng-valid.ng-dirty {
    border-color: #00A500;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.form-control-validation.ng-valid.ng-dirty:focus {
    border-color: #00A500;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(60, 118, 61, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(60, 118, 61, 0.6);
}
.form-control-validation.ng-invalid.ng-dirty {
    border-color: #fbf5f5;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.form-control-validation.ng-invalid.ng-dirty:focus {
    border-color: #fbf5f5;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(169, 68, 66, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(169, 68, 66, 0.6);
}
.form-control-validation.ng-invalid.ng-pristine {
    border-color: #66512c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.form-control-validation.ng-invalid.ng-pristine:focus {
    border-color: #66512c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}
/** ***************************************************************************
 *                                                                            *
 *                              MODAL                                         *  
 *                                                                            *  
 ******************************************************************************/
/*.modal-body .row {
    padding-top: 5px;
}*/
.modal-area-separator {
    color: #4D565D;
    font-size: 17px;
    margin-top: 20px;
}
.modal-line-separator {
    border-width: 1px;
    box-shadow: 0px 1px #AFAFAF;
    border-color: #4D565D;
}
.modal-footer .paginator {
    text-align: center;
}
.modal-footer .paginator .radio-inline {
    padding-left: 10px;
}
/** ***************************************************************************
 *                                                                            *
 *                              INICIO                                        *  
 *                                                                            *  
 ******************************************************************************/
#servicos_empresa .servicos-caption {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: 0.7;
    color: white;
}
@media (min-width: 768px) {
    #servicos_empresa .servicos-caption .oferta {
        position: absolute;
        padding: 10px;
        top: 0;
        bottom: 0;
        background-color: #A59680;
        width: 40%;
        padding-top: 30px;
    }


}
#servicos_empresa .servicos-caption .oferta.right {
    right: 0;
}
@media (max-width: 767px) {
    #servicos_empresa .servicos-caption .oferta {
        min-height: 50px;
        position: absolute;
        bottom: 0;
        background-color: #A59680;
        width: 100%;
        padding: 30px;
    }
}
#servicos_empresa .carousel-inner > .item {
    -webkit-transition: -webkit-transform 1.2s ease-in-out;
    -o-transition: -o-transform 1.2s ease-in-out;
    transition: transform 1.2s ease-in-out;
}
#servicos_empresa .carousel-control .icon-prev,
#servicos_empresa .carousel-control .icon-next,
#servicos_empresa .carousel-control .glyphicon-chevron-left,
#servicos_empresa .carousel-control .glyphicon-chevron-right {
    top: 80%;
}
#servicos_empresa .carousel-control.left {
    background-image: none;
}
@media (max-width: 767px) {
    #servicos_empresa > ol {
        visibility: hidden;
    }
    .carousel-inner,
    .carousel-inner > img {
        min-height: 200px;
    }
}
.servicos-caption h1,
.servicos-caption h2,
.servicos-caption h3,
.servicos-caption h4 {
    color: white;
}
/* ***************************************************************************
 *                                                                            *
 *                              ICONS / CABEÇALHOS DE LISTA                    *  
 *                                                                            *  
 *****************************************************************************/
.selected-item {
    color: #ff5906;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}
.list-header {
    margin-bottom: 10px;
    margin-top: 10px;
}
.list-header span {
    color: #6999fc;
    text-transform: uppercase;
    font-weight: bold;
}
/* ***************************************************************************
 *                                                                            *
 *                            LEGENDA GRAFICO                                 *  
 *                                                                            *  
 *****************************************************************************/
.pie-legend {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.pie-legend li {
    display: inline;
    padding-left: 5px;
}
.pie-legend li span {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 2px;
}
ul.pie-legend {
    text-align: center;
}
.padding-left-none {
    padding-left: 0;
}
.text-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.hide-layout {
    display: none ;
}
.go-top {
    margin-right: 20px;
    position: fixed;
    right: 6%;
    bottom: 10%;
}
/** ***************************************************************************
 *                                                                            *
 *                    TOAST                                                   *  
 *                                                                            *  
 ******************************************************************************/
.below_header .ng-toast.ng-toast--top .ng-toast__list {
    margin-top: 20%;
}
/** ***************************************************************************
 *                                                                            *
 *                    FOOTER                                                   *  
 *                                                                            *  
 ******************************************************************************/
.footer {
    bottom: 0%;
    background-color: #fff ;
    min-height: 80px;
    position: relative;
    border-top: 1px solid #ddd;
    font-family: 'Overpass-Regular';
}
.footer .inner-footer div.footer-link{
    padding: 0 5px;
    display: inline-block;
    margin-bottom: 10px;
}
.footer .inner-footer .h5-footer-title{
    padding: 0 5px;
}

#footerArea .footer .inner-footer{
    padding: 0 0 70px;
    margin: 0 15px;
}

.footer hr{
    margin-top: 10px;
    margin-bottom: 10px;
}
@media (min-width: 767px) {
    #footerArea.footer-sideabar-comp{
        margin-left: -130px;
    }
    .footer hr{
        display: none;
    }
}
@media (min-width: 1440px) {
    #footerArea.footer-sideabar-comp{
        margin-left: -280px;
    }
}
.footer h5 {
    font-size: 16px;
    margin-bottom: 15px;
    color: #A59680;
}
@media(min-width: 768px){
    .footer h5 {
        font-size: 18px;
    }
    .footer .footer-border-split{
        border-right: 1px solid #ddd;
    }
    .footer {
        /*margin-left: -130px;*/
        z-index: 101;
    }
    .footer .inner-footer div.footer-link{
        padding-bottom: 14px;
        margin-bottom: 0;
    }
    #footerArea .footer .inner-footer{
        padding: 24px 0;
        margin: 0 3%;
    }
}

/*@media(min-width:1440px){
    .footer {
        margin-left: -280px;
        max-width: 100%;
    }
}*/
.inner-footer {
    padding-left: 45px;
    padding-right: 45px;
}
.footer a {
    font-size: 14px;
    text-decoration: none;
    color: #828282;
    cursor: pointer;
}
.footer .icon {
    color: #A59680;
}
.footer dt {
    text-transform: uppercase;
    font-size: 9pt;
}
.footer dd {
    font-size: 9pt;
}
.footer .col-sm-2 {
    padding: 0px 5px 0px 5px;
}
footer #company-logo {
    width: 75px;
}
@media(min-width: 768px){
    .footer #company-logo {
        width: 80px;
    }
}
.full-width {
    width: 100%;
}
.float-right {
    float: right;
}
.weak-hidden {
    display: none;
}
.weak-hidden.remove-weak-hidden {
    display: initial;
}
.text-transform-none {
    text-transform: none;
}
h5.ct-title {
    margin-bottom: 10px;
    padding: 0px 0px 0px 0px;
    color: #A59680;
    font-weight: bold;
}
.ct-list-titles {
    color: #6999fc;
    font-weight: bold;
    margin-bottom: 25px;
}
.ct-fields {
    font-size: 15px;
    margin-top: 5px;
    font-weight: 600;
}
.ct-header {
    color: #A59680;
}
.ct-request-ul {
    padding: 0px;
}
.ct-request-li {
    padding: 0px 0px 0px 0px;
    cursor: pointer;
    list-style-type: none;
    margin-top: 13px;
    color: #6999fc;
    font-weight: bold;
}
.ct-request-li h5 {
    font-weight: normal;
}
.ct-request-li > .ng-hide + span {
    color: #A59680;
}
.ct-request-li > .fa-circle {
    padding: 0px 15px 0px 0px;
}
.ct-request-separator > .fa {
    position: relative;
    top: 3px;
    font-size: 1.5em;
    padding-right: 25px;
}
.ct-request-cil {
    display: inline-block;
    margin-left: 150px;
}
.ct-services-question {
    font-size: 22px;
    margin-bottom: 35px;
}
.ct-services-default {
    margin: 55px 45px;
    text-align: center;
}
.request-small-text {
    width: 12%;
}
.request-postal-code {
    width: 17.5%;
}
.remove-bootstrap-padding {
    padding: 0 0 0 0;
}
.service-checkbox {
    border: #6999fc 1px solid;
    display: inline-block;
    width: 20px;
    height: 20px;
}
.rounded-corner-btn {
    border-radius: 41px;
    border: 1px solid #A59680;
    display: inline-block;
    color: #A59680;
    cursor: pointer;
    margin-top: 20px;
    margin-bottom: 20px;
}
.ct-list-button {
    color: #A59680;
    font-weight: bold;
}
.ct-title-rules {
    color: #A59680;
}
.ct-services-title {
    font-size: 13px;
}
/*@media (max-width: 767px) {
    .ct-title-rules {
        .ct-title{
            text-decoration: underline;
            display:inline-block;
        }

        .fa {
            display:inline;
            font-size:25px;
            margin-right:10px;
        }
    }

    .ct-services {
        .fa-arrow-circle-o-right {
            display:inline;
            margin-right: 15px;
        }

        .ct-request-li {
            font-weight: inherit;
        }
    }

    .ct-services-title {
        color:@primary_color_highlight;
    }

}*/
@media (min-width: 767px) {
    .ct-title-rules .fa,
    .ct-title-rules .col-sm-1 {
        display: none;
    }
    .ct-services {
        font-size: 13px;
        padding: 10px 15px 10px 0px;
        background-color: #f9f9f9;
        border-radius: 2px;
    }
    .ct-services .fa-arrow-circle-o-right {
        display: none;
    }
}
.selected-service {
    display: inline-block;
    height: 10px;
    width: 5px;
    background-color: #6999fc;
}
.ct-request-desc {
    padding-left: 10px;
}
.ct-frequent-box {
    border: #6999fc solid 1px;
    padding-bottom: 5px;
}
@keyframes highlight-box {
    from {
        background-color: #7C9FC6;
    }
    to {
        background-color: none;
    }
}
.highlight-services {
    animation-name: highlight-box;
    animation-duration: 1s;
}
.leituras .legend {
    list-style-type: none;
    padding-left: 0px;
}
.leituras .legend li {
    display: block;
    float: left;
    clear: both;
    padding: 10px;
}
.leituras .legend li span {
    width: 25px;
    height: 25px;
    display: block;
    float: left;
    margin-right: 10px;
}
.list .list-body .list-item {
    margin: 10px;
}
.list .list-body .list-item > span {
    padding-top: 5px;
}
.list .list-body .bottom-border {
    border-bottom: 1px solid #A59680;
}
.list .list-body .list-item:last-child {
    margin-bottom: 60px;
}
.leitura {
    /*
          remove spinner no chrome
    */
}
.leitura .label-contador {
    text-overflow: ellipsis;
    font-size: smaller;
}
.leitura *[class*="col-"].vertical-center {
    display: flex;
    align-items: center;
}
.leitura input[type="number"] {
    background: white;
    letter-spacing: 3px;
    color: black;
    border-radius: 0px;
    border: 2px 2px 2px 2px solid;
    width: 100%;
    padding: 6px;
    text-align: right;
}
.leitura input::-webkit-outer-spin-button,
.leitura input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.leitura .border-blue {
    border: 1px solid;
    border-color: #7C9FC6;
}

.leitura .label-contador {
    display: block;
    float: top;
}
.reduce-opacity {
    opacity: 0.5;
}
.graf-legend {
    position: relative;
}
.graf-legend .centerElm {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
}
.noContentOverlay {
    opacity: 0.5;
    z-index: 10;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    position: relative;
}
.noContentOverlay .overlay-caption {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10000;
    position: absolute;
    font-weight: bolder;
    font-size: x-large;
    color: rgba(0, 0, 0, 0.6);
}
.no-content {
    min-height: 30px;
    padding: 5px;
}
.diff-graph {
    border-left: 1px solid #A59680;
    font-weight: bold;
}
@media (max-width: 767px) {
    .diff-graph {
        border-left: none;
    }
    .nav_menu_mobile{
        background-color: #f8f6f3;
    }
}

.color_hr_line
{
    border-top: 1px solid #A59680;
    margin-bottom: 5px;
}
.rounded-corner-btn:focus {
    outline: none;
}
.item-header {
    padding-bottom: 10px;
    padding-top: 10px;
    font-size: 13px;
    padding-right: 10px;
    padding-left: 10px;
}
.item-header .not-selected {
    text-decoration: underline;
}
.item-header > span[class^="col-*"] {
    padding-left: 10px;
    padding-right: 10px;
}
.month-header {
    /**padding-top: 35px;**/
    padding-bottom: 15px;
    border-bottom: #A59680 1px solid;
}
.blue-border-bottom {
    border-bottom: #A59680 1px solid;
}
.unpaid {
    color: #b20000;
}
.nota-credito-color {
    color: #00A500;
}
.invoice-item .item-content {
    overflow: hidden;
    background-color: #F7F7F7;
    padding-right: 5%;
    padding-left: 5%;
    padding-bottom: 15px;
}
.row-small-padding [class*="col-sm-"] {
    padding-right: 10px !important;
    padding-left: 10px !important;
}
.animate-show {
    opacity: 1;
}
.animate-show.ng-hide-add,
.animate-show.ng-hide-remove {
    transition: all linear 0.2s;
}
.animate-show.ng-hide {
    opacity: 0;
}
#invoice-number {
    padding-top: 8px;
    padding-bottom: 8px;
}
@media (min-width: 768px) and (max-width: 991px) {
    #graph-legend {
        margin-top: 40px;
    }
}
@media (min-width: 992px) {
    #graph-legend {
        margin-top: 60px;
    }
}
/*
 *    uPortal2 - CGI 2015
 */
/* 
    Created on : 21/jul/2015, 16:26:49
    Author     : silvagc
*/
#login-box {
    margin-top: 10px;
}
#login-box .panel {
    padding: 0px 0px 10px 0px;
}
#login-box .panel-heading {
    border: 0;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
#login-box form > div {
    margin-bottom: 25px;
}
#login-box a:link {
    text-decoration: underline;
}
.login-form-error-message {
    -webkit-transition: all ease-in-out 0.5s;
    transition: all ease-in-out 0.5s;
}
.login-form-error-message.ng-hide {
    opacity: 0;
}
/** ***************************************************************************
 *                                                                            *
 *                       BORDER                                               *  
 *                                                                            *  
 ******************************************************************************/
/** ***************************************************************************
 *                                                                            *
 *                       ANIMATION                                               *  
 *                                                                            *  
 ******************************************************************************/
/** ***************************************************************************
 *                                                                            *
 *                       FIGURES                                               *  
 *                                                                            *  
 ******************************************************************************/
/* ########################## TRIANGLE ########################## */
/*############################################  RULESETS*/
/*###############  POSITION*/
/*############### FIM POSITION*/
/*############### SHAPE*/
/*############### FIM SHAPE*/
/*###############################################  FIM TRIANGULO*/
/* ########################## ELIPSE ########################## */
/* ################################################## FIM ELIPSE*/
/* ########################## INPUT ########################### */
.checkbox-primary input[type="checkbox"]:checked + label::before,
.checkbox-primary input[type="radio"]:checked + label::before {
    background-color: #A59680;
    border-color: #A59680;
}
.checkbox-primary input[type="checkbox"]:checked + label::after,
.checkbox-primary input[type="radio"]:checked + label::after {
    color: #A59680;
}
.checkbox-danger input[type="checkbox"]:checked + label::before,
.checkbox-danger input[type="radio"]:checked + label::before {
    background-color: #d9534f;
    border-color: #d9534f;
}
.checkbox-danger input[type="checkbox"]:checked + label::after,
.checkbox-danger input[type="radio"]:checked + label::after {
    color: #A59680;
}
.checkbox-info input[type="checkbox"]:checked + label::before,
.checkbox-info input[type="radio"]:checked + label::before {
    background-color: #5bc0de;
    border-color: #5bc0de;
}
.checkbox-info input[type="checkbox"]:checked + label::after,
.checkbox-info input[type="radio"]:checked + label::after {
    color: #A59680;
}
.checkbox-warning input[type="checkbox"]:checked + label::before,
.checkbox-warning input[type="radio"]:checked + label::before {
    background-color: #f0ad4e;
    border-color: #f0ad4e;
}
.checkbox-warning input[type="checkbox"]:checked + label::after,
.checkbox-warning input[type="radio"]:checked + label::after {
    color: #A59680;
}
.checkbox-success input[type="checkbox"]:checked + label::before,
.checkbox-success input[type="radio"]:checked + label::before {
    background-color: #5cb85c;
    border-color: #5cb85c;
}
.checkbox-success input[type="checkbox"]:checked + label::after,
.checkbox-success input[type="radio"]:checked + label::after {
    color: #A59680;
}
.radio-primary input[type="radio"] + label::after {
    background-color: #A59680;
}
.radio-primary input[type="radio"]:checked + label::before {
    border-color: #A59680;
}
.radio-primary input[type="radio"]:checked + label::after {
    background-color: #A59680;
}
.radio-primary input[type="radio"] + label::after {
    background-color: #A59680;
}
.radio-primary input[type="radio"]:checked + label::before {
    border-color: #A59680;
}
.radio-primary input[type="radio"]:checked + label::after {
    background-color: #A59680;
}
.radio-danger input[type="radio"] + label::after {
    background-color: #d9534f;
}
.radio-danger input[type="radio"]:checked + label::before {
    border-color: #d9534f;
}
.radio-danger input[type="radio"]:checked + label::after {
    background-color: #d9534f;
}
.radio-danger input[type="radio"] + label::after {
    background-color: #d9534f;
}
.radio-danger input[type="radio"]:checked + label::before {
    border-color: #d9534f;
}
.radio-danger input[type="radio"]:checked + label::after {
    background-color: #d9534f;
}
.radio-info input[type="radio"] + label::after {
    background-color: #5bc0de;
}
.radio-info input[type="radio"]:checked + label::before {
    border-color: #5bc0de;
}
.radio-info input[type="radio"]:checked + label::after {
    background-color: #5bc0de;
}
.radio-info input[type="radio"] + label::after {
    background-color: #5bc0de;
}
.radio-info input[type="radio"]:checked + label::before {
    border-color: #5bc0de;
}
.radio-info input[type="radio"]:checked + label::after {
    background-color: #5bc0de;
}
.radio-warning input[type="radio"] + label::after {
    background-color: #f0ad4e;
}
.radio-warning input[type="radio"]:checked + label::before {
    border-color: #f0ad4e;
}
.radio-warning input[type="radio"]:checked + label::after {
    background-color: #f0ad4e;
}
.radio-warning input[type="radio"] + label::after {
    background-color: #f0ad4e;
}
.radio-warning input[type="radio"]:checked + label::before {
    border-color: #f0ad4e;
}
.radio-warning input[type="radio"]:checked + label::after {
    background-color: #f0ad4e;
}
.radio-success input[type="radio"] + label::after {
    background-color: #5cb85c;
}
.radio-success input[type="radio"]:checked + label::before {
    border-color: #5cb85c;
}
.radio-success input[type="radio"]:checked + label::after {
    background-color: #5cb85c;
}
.radio-success input[type="radio"] + label::after {
    background-color: #5cb85c;
}
.radio-success input[type="radio"]:checked + label::before {
    border-color: #5cb85c;
}
.radio-success input[type="radio"]:checked + label::after {
    background-color: #5cb85c;
}
/* ################################################## FIM INPUT*/
/*
        MIXINS TEMAS DE CORES
*/
/*
        FIM -    MIXINS TEMAS DE CORES
*/
/*
 *    uPortal2 - CGI 2015
 *    Created on : Mar 29, 2016, 4:10:37 PM
 *   Author     : silvagc
 */
@keyframes appear {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes disappear {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
.center_view.ng-enter {
    /* transition on enter for .5s */
    transition: 1.5s;
    /* start with opacity 0 (invisible) */
    opacity: 0;
}
.center_view.ng-enter-active {
    /* end with opacity 1 (fade in) */
    opacity: 1;
}
.delayed-fade-animation {
    -webkit-transition: all 3s ease-in-out;
    -moz-transition: all 3s ease-in-out;
    -o-transition: all 3s ease-in-out;
    transition: all 3s ease-in-out;
}
.delayed-fade-animation.ng-hide-remove {
    opacity: 0;
}
.delayed-fade-animation.ng-hide-remove.ng-hide-remove-active {
    opacity: 1;
}
.delayed-fade-animation.ng-hide-add {
    opacity: 1;
}
.delayed-fade-animation.ng-hide-add.ng-hide-add-active {
    opacity: 0;
}
.delayed-fade-animation.ng-enter {
    opacity: 0;
}
.delayed-fade-animation.ng-enter.ng-enter-active {
    opacity: 1;
}
.delayed-fade-animation.ng-leave {
    opacity: 1;
}
.delayed-fade-animation.ng-leave.ng-leave-active {
    opacity: 0;
}
.old-item {
    background: transparent;
}
.new-item {
    background: rgba(5, 85, 250, 0.11);
    border-radius: 10px;
}
.show-new-items {
    transition: all 1s ease-in-out;
}
.animate-show {
    opacity: 1;
    background: white;
}
.animate-show.ng-hide-add,
.animate-show.ng-hide-remove {
    transition: all ease 0.5s;
}
.animate-show.ng-hide {
    line-height: 0;
    opacity: 0;
}

/*Novo template*/
@media(max-width:992px)
{


    .background-Menu
    {

        background-color: #A59680;
        color: #FFFFFF;
    }
    .background-Menu-a
    {
        color: #FFFFFF;
    }
    w{
        font-size: 12px;
    }
    .backround_modal
    {
        width: 100% !important;
    }
    .backround_modal>.modal-content,
    .backround_modal>.modal-content >.modal-body{

        background-color: #ffffff;
    }

    .nav_swiper_menu_width1
    {
        width: 748px;

    }
    .nav_swiper_menu_width2
    {
        width: 810px;

    }
}

.subscrition_menu_add {
    color: #333235;
}

.pedidos-msg-cursor{
        background-color: #A59680;
    }
.remove_button_text{
    color: #A59680;
}

@media (min-width: 992px) {
    .leituras-sc:hover, .leituras-sc:hover .text-primary{
        color: #ff5906!important;
    }
    .fatPedHover:hover .color-black {
        color:#ff5906!important;
    }
    .pedidos-new:hover .color-black {
        color:#ff5906!important;
    }
    .pendingAssociate .panel-heading:hover a, .pendingAssociate:hover .text-primary {
        color:#ff5906!important;
    }
}
/* sourceMappingURL=azul.css.map */
modal-footer-tipo2>div>div>div>div>action-button-tipo2>.button-action .btn-description:not(.disabled){
    background-color:#ffffff;
    color:#A59680;
    border-radius: 15px !important;
    font-size: 10px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 3.99;
    letter-spacing: normal;
    text-align: center;
    border: 2px solid;
    background-color: #ff5906;

}
modal-footer-tipo2>div>div>div>div>action-button-tipo2>.button-action .btn-description:not(.disabled):active{
    background-color:#A59680;
    color:#ffffff;

}
.link-border-tab{
    border-color: #A59680!important;

}
.tab-selected{
    color:#A59680!important;
}
.bg-theme-button {
    background-color:#ff5906!important;
    color:#ffffff!important;
    border-width: 2px!important;
    border-style: solid!important;
    border-color: transparent!important;
}
.bg-theme-button:hover:not(.disabled) {
    background-color:#ff5906!important;
}
.eye-color{
    color:#A59680!important;
}
.bg-theme-button-borders {
    border-width: 2px!important;
    border-style: solid!important;
    border-color: #ff5906!important;
    color: #ff5906!important;
    background-color:transparent!important;

}

.bg-new-theme-button {
    border-width: 2px!important;
    border-style: solid!important;
    border-color: transparent!important;
    width: 90px !important;
    height: 30px !important;
    line-height: 1 !important;
}

.bg-new-theme-button-white {
    background-color:#ffffff!important;
    color:#000000!important;
}

.bg-new-theme-button-rose {
    background-color:#A59680!important;
    color:#ffffff!important;
}

.bg-new-theme-button-blue {
    background-color:#A59680!important;
    color:#ffffff!important;
}

.margin-button {
    margin-left: 32%;
}

.graficoBar1
{    
    background-color:#A59680;
}
.graficoBar2
{
    background-color:#007BBD;
}
.graficoBar3
{
    background-color:#009ECF;
}
.graficoBar4
{
    background-color:#ff5906;
}
.title-color{
    color:#A59680!important;   
}
.color-primary {
    color: #A59680;
}
.color-secondary {
    color: #ff5906;
}

/*PIE charts google*/
/*Jose Ferreira*/
.graficoPieConsumos
{    
    background-color:#A59680;
}
.graficoPieTaxas
{
    background-color:#ff5906;
}
.graficoPieIVA
{
    background-color:#A59680;
}
.graficoPieOutros
{    
    background-color:#AFAFAF;
}
.graficoPieResiduos
{
    background-color:#A59680;
}
.graficoPieSaneamento
{
    background-color:#A59680;
}
.navbar-controllArrows{
    color: #A59680;
}
.arrow-isSubsSelected{
    color: #ff5906 !important;
}

.contract_plus-border-color{
    border-color: #A59680 !important;
}
.blue-label{
    color:#A59680!important;
}
.blue-border-bot{
    border-bottom: 2px solid #A59680 !important;
}
.leituras-button-border {
    border-bottom: 2px solid #A59680 !important;
    color: #A59680 !important;
}
.modal-menu-item-selected{
    background-color: #f1f1f1 !important;
    border-left: 6px solid #A59680 !important;
}
.new_contract .imagesvg svg g path, .new_contract{
    fill: #A59680 !important;
}
.new_contract_btn{
    border-color: #A59680 !important;
}
.browser-warning-border{
    border-color: #A59680 !important;
}

.faqs-login_link:hover{
    color: #A59680;
}
.panel-custom-simple>.panel-heading{
    border-color: #A59680 !important;
}
.faqs-highligth_color{
    color: #A59680 !important;
}
.faqs-external_content .panel-custom-simple>.panel-heading{
    border-color: #A59680 !important;
}
.faqs-external_content .faqs-highligth_color{
    color: #A59680 !important;
}
.adesoes-icon-rose{
    color: #A59680;
}
/* sourceMappingURL=azul.css.map */

.eb-color{
    color: #A59680 !important;
}
.gp-color{
    color: #A59680!important;
}
.dual-color{
    color: #A59680!important;
}
.ag-color{
    color: #A59680 !important;
}
body{
    background-color: #fff !important;
}
.container.w-100{
    width: 100% !important;
}

/*************************************************
                PORTAL ENDESA 2020
*************************************************/
.card-table > .card-header {
    font-size: 14px;
    line-height: 18px;
    color: #37322B;
    border-bottom: 1px solid #E0E0E0;
    padding: 10px 16px 8px;
    height: 56px;
}
.card-table > .card-header i {
    font-size: 30px;
}
.card-table > .card-header > div {
    padding-left: 0;
    padding-right: 0;
}
.card-table > .card-header > div > * {
    display: inline-block;
    vertical-align: middle;
}
.card-table > .card-header > div > .header-icon {
    height: 34px;
    font-style: normal;
    text-align: center;
    font-size: 32px;
    line-height: 34px;
    margin-right: 10px;
}
.card-table > .card-header > div > .header-titles > .eyebrow-label {
    font-family:'Overpass-Regular';
    font-size: 14px;
    color:#7F7F7F;
    margin-bottom:3px;
}
.card-table > .card-header > div > .header-icon + .header-titles {
    margin-left: 10px;
}
.card-table > .card-header > div > .header-titles > .header-subtitle {
    font-size: 12px;
    line-height: 18px;
    margin-top: 0;
}
.card-table > .card-header > div > .close-modal {
    float: right;
    padding-top: 2px;
    color: #828282;
    font-size: 18px;
    cursor: pointer;
}
.card-table > .card-header,
.card-table > .card-body {
    margin: 0;
}
/*.card-table > .card-body.btn-comp{
    margin-bottom: 88px;
}*/
.card-table > .card-footer{
    position: absolute;
    width: 100%;
    bottom: 24px;
    padding: 0 24px;
}
.card-table > .card-footer button[disabled]{
    background-color: #ddd !important;
}
@media (min-width: 768px) {
    .card-table > .card-header > div > .header-titles > .eyebrow-label {
        margin-bottom:5px;
    }
    .card-table {
        min-height: 240px;
        height: 100%;
    }
    .card-table > .card-header {
        font-size: 16px;
        line-height: normal;
        padding: 12px 24px;
        height: 71px;
    }
    .card-table > .card-header > div > .header-icon {
        height: 40px;
        font-size: 34px;
        line-height: 40px;
    }
    .card-table > .card-header > div > .header-titles > .header-subtitle {
        font-size: 14px;
        margin-top: 4px;
    }
    .card-table > .card-header > div > .close-modal {
        padding-top: 5px;
    }
}

.button-rounded{
    border-radius: 30px;
}

.adesoes-pending-text{
    padding:15px; 
    margin-left:15px
}

.adesoes-pending-header {
    font-size: 14px;
    font-weight: 600;
    padding-bottom:5px;
}

.adesoes-pending-buttons{
    padding:15px; 
    font-size: 12px; 
    margin-left: 15px;
}
.button-text {
    font-size: 7px;
    font-style: normal;
    font-stretch: normal;
    line-height: 3.99;
    letter-spacing: normal;
    text-align: center;
    background-color:#FAFBFC!important;
}
.benefits .benefits-body-card{
    font-family: 'Overpass-Regular';
    color: #000;
    /*padding: 24px;*/
    /*min-height: 240px;*/
    position: relative;
    height: 100%;
}
.benefits .benefits-body{
    font-size: 14px;
}
.benefits .benefits-body .benefits-sidecounter{
    margin-right: 24px;
    text-align: center;
    line-height: 0.75;
}
.benefits .benefits-body .benefits-counter{
    font-size: 30px;
    color: #37322B;
    margin-bottom: 5px;
}
.benefits .benefits-body .benefits-label{
    font-size: 10px;
    color: #4f4f4f;
}
.benefits .benefits-body .benefits-description > div{
    font-size: 18px;
    line-height: 15px;
}
.benefits .benefits-footer{
    font-size: 10px;
    color: #4f4f4f;
    width: 100%;
}
.benefits .benefits-footer .benefits-footer-inner{
    position: absolute;
    bottom: 24px;
    left: 0;
    width: 100%;
}
.benefits .benefits-footer .benefits-footer-inner > div{
    text-align: center;
    padding: 0 24px;
}
.benefits .benefits-footer .benefits-footer-inner .btn.btn-primary{
    width: 200px;
    height: 40px;
    font-size: 14px;
    color: #A59680;
    border: 1px solid #A59680;
    background-color: transparent;
    border-radius: 25px;
    padding: 10px 0;
}
.benefits .benefits-footer .benefits-footer-inner .btn.btn-primary.btn-mgm {
    -webkit-transition: background-color .3s ease-in-out, border-color .3s ease-in-out, color .3s ease-in-out;
    -moz-transition: background-color .3s ease-in-out, border-color .3s ease-in-out, color .3s ease-in-out;
    -o-transition: background-color .3s ease-in-out, border-color .3s ease-in-out, color .3s ease-in-out;
    -ms-transition: background-color .3s ease-in-out, border-color .3s ease-in-out, color .3s ease-in-out;
    transition: background-color .3s ease-in-out, border-color .3s ease-in-out, color .3s ease-in-out;
}
.benefits .benefits-footer .benefits-footer-inner .btn.btn-primary.mgm-copy-success {
    background: #00A500;
    border-color: #00A500;
    color: #FFF;
}
.sidecard-outter{
    position: relative;
}
.dashboard-sidecard{
    font-family: 'Overpass-Regular';
    font-size: 14px;
}
.dashboard-sidecard .sidecard-footer{
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 15px;
}
.dashboard-sidecard .sidecard-footer .btn.btn-primary{
    width: 200px;
    height: 40px;
    font-size: 14px;
    color: #A59680;
    border: 1px solid #A59680;
    background-color: transparent;
    border-radius: 25px;
}
.dashboard-sidecard .sidecard-footer a.btn-link{
    color:#A59680;
    text-decoration: underline;
}
#loginForm .loginLabels,
#recoverForm .loginLabels,
form.registerLoginForm .loginLabels{
    color: #c3c3c3;
    height: 18px;
    position: relative;
    font-size: 12px;
    top: 30px;
    transition-duration: 0.3s;
    opacity: 0.54;
    font-family: 'Overpass-Light';
    line-height: 1.17;

}
/* @media (min-width: 1440px) {
    .center_view {
        margin-left: 164px;
    }
}*/
.subscription-pending-modal{
    font-family: 'Overpass-Regular';
    font-size: 14px;
}
.subscription-pending-modal .subscription-pending-input{
    border-top: none;
    border-left: none;
    border-right: none;
    box-shadow: none !important;
    border-bottom-width: 2px;
}
.subscription-pending-modal .button-action{
    font-size: 14px;
    height: 40px;
    padding: 0;
}
.subscription-pending-modal .button-action .button-action-text{
    font-size: 14px;
    height: inherit;
    line-height: 2.5 !important;
    min-width: 200px;
    border-radius: 25px;
    background-color: #A59680 !important;
    border-color: #A59680 !important;
    font-family: 'Overpass-Regular';
    font-weight: normal;
}
.new-btn-sizes{
    height: 40px;
    min-width: 200px;
    border: none;
}
.modal-assoc-subscription{
    font-family: 'Overpass-Regular';
}
.modal-assoc-subscription .modal-content{
    border-radius: 10px !important;
    overflow: hidden;
}
.modal-assoc-subscription .modal-content button{
    border-radius: 25px;
}
.modal-assoc-subscription .modal-content button.button-action2{
    border: 2px solid #A59680;
}
.comunicar-leituras-tog-selected {
    background-color: #CECECE;
}
@media (min-width: 1440px) {
    .main-content-body{
        margin-left: 280px;
    }
}
@media (min-width: 768px) and (max-width: 1439px) {
    .main-content-body{
        margin-left: 130px;
    }
}
.main-content{
    margin-left: 0;
}
.main-content > .main-content-body > .container{
    max-width: 1440px;
    padding-right: 15px;
    /* ALTERNATIVE make all inner content full-width until max 1440px;
        width: 100% !important;
        padding: 0 15px;*/
}
.main-content > .main-content-body > .container > .center_view{
    padding: 0;
}

@media (min-width: 1440px) {
    .main-content > .main-content-body > .container{
        margin-left: 0;
        /*        para centrar
                margin-left: auto;*/
        width: 100%!important;
    }
}
@media (min-width: 768px) {
    .dashboard-sidecard .sidecard-footer{
        padding: 24px;
    }
    /*    .main-content{
            margin-left: 115px;
        }*/
}
.default-popover-theme .popover.bottom > .arrow{
    border-bottom-color: #a4a4a4;
}
.default-popover-theme .popover{
    box-shadow: 0px 4px 4px 0 rgba(0,0,0,0.25);
    border-radius: 10px;
    border: 1px solid #a4a4a4;
}
.default-popover-theme .popover-html-list{
    font-family: 'Overpass-Regular';
    font-size: 14px;
    color: #000;
}
.default-popover-theme .popover-html-list .popover-list-element{
    margin-bottom: 10px;
}
.default-popover-theme .popover-html-list .popover-html-list-title{
    font-size: 16px;
    color: #B9B9B9;
    margin-bottom: 3px;
}
.descriptions-body .description-element {
    font-family: 'Overpass-Regular';
    font-size: 14px;
    margin-bottom: 10px;
}
.descriptions-body .description-element .description-title{
    font-size: 12px;
    color: #B9B9B9;
    margin-bottom: 3px;
}
.sc-step-details-modal .modal-content{
    border-radius: 25px !important;
}
.sc-rounded-modal{
    border-radius: 10px !important;
}
.sc-rounded-modal .modal-content{
    border-radius: 10px !important;
    padding: 0;
}
.sc-rounded-modal .modal-content #modal_addSelSubscription_ver .default-modal-text-bold{
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
    text-align: center;
}
.sc-rounded-modal .modal-content button{
    border-radius: 25px !important;
    line-height: 1 !important;
}
.sc-rounded-modal modal-footer-generic > div{
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
}
input[type='checkbox']+label:before {
    cursor: pointer;
    content: '';
    display: block;
    position: absolute;
    border: 1px solid #A59680!important;
    border-radius: 0px !important;
    height: 15px;
    left: 0;
    /*opacity: .4;*/
    background-color: white;
    width: 15px;
}
input[type='checkbox']:hover+label:before {
    cursor: pointer;
    background-color: #ccc;
}
input[type='checkbox']:checked+label:before {
    cursor: pointer;
    background-color: #A59680;
    color:white;
}
input[type=checkbox] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.user-profile-border-bottom {
    border-bottom: #DDDDDD 2px solid;
}
invoice-history .invoice-history > .actions > div {
    margin-bottom: 24px;
}
invoice-history .invoice-history > .actions > .dropdown > .dropdown-title {
    font-size: 12px;
    color: #666;
}
invoice-history .invoice-history > .actions > .dropdown > dropdown-select .btn-primary {
    width: 100%;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #BDBDBD;
    background: #FFF;
    color: #4F4F4f;
    padding-left: 0;
    padding-right: 0;
}
invoice-history .invoice-history > .actions > .dropdown > dropdown-select .btn-primary > span {
    color: #A59680 !important;
    float: right;
}
.list-box-heading .header-arrow{
    color: #A59680 !important;
}
#mainHeader .new-contract-area button.btn.btn-secondary{
    color: #A59680 !important;
    background-color: #fff;
    border: 1px solid #A59680 !important;
}
invoice-history .invoice-history > .actions > .dropdown > dropdown-select .btn-primary > div.col-xs-1 {
    display: none;
}
invoice-history .invoice-history > .actions > .dropdown > dropdown-select ul {
    box-shadow: none;
    border-radius: 0;
    border: 1px solid #BDBDBD;
}
invoice-history .invoice-history > .actions > .dropdown > dropdown-select ul > li > a {
    font-size: 14px;
    line-height: 16px;
    padding: 16px 9px 8px;
}
invoice-history .invoice-history > .actions > .dropdown > dropdown-select ul > li > a:hover {
    color: #A59680;
    background: #e1ebfe;
}
invoice-history .invoice-history > .actions > .radio-group {
    text-align: center;
}
invoice-history .invoice-history > .history-list {
    margin-left: -16px;
    margin-right: -16px;
}
invoice-history .invoice-history > .history-list > uib-accordion > .panel-group {
    margin-bottom: 0;
}
invoice-history .invoice-history > .history-list > uib-accordion > .panel-group > .panel {
    border-radius: 0;
    border: none;
}
invoice-history .invoice-history > .history-list > uib-accordion > .panel-group > .panel > .panel-heading {
    background: transparent;
    border: 1px solid #E0E0E0;
    border-radius: 0;
    padding: 0 15px;
}
invoice-history .invoice-history > .history-list > uib-accordion:not(:last-child) > .panel-group > .panel > .panel-heading {
    border-bottom: none;
}
invoice-history .invoice-history > .history-list > uib-accordion > .panel-group > .panel > .panel-heading {
    border-left-color: transparent;
    border-right-color: transparent;
}
invoice-history .invoice-history > .history-list > uib-accordion > .panel-group > .panel > .panel-heading > .panel-title {
    margin:0;
}
invoice-history .invoice-history > .history-list > uib-accordion > .panel-group > .panel > .panel-heading > .panel-title > a {
    color: #37322B;
    font-size: 16px;
    font-weight: normal;
}
invoice-history .invoice-history > .history-list > uib-accordion > .panel-group > .panel > .panel-heading .heading-button {
    padding: 25px 0;
}
invoice-history .invoice-history > .history-list > uib-accordion > .panel-group > .panel > .panel-heading .heading-button > div {
    padding-left: 10px;
    padding-right: 10px;
}
invoice-history .invoice-history > .history-list > uib-accordion > .panel-group > .panel > .panel-heading .heading-button > div:first-child {
    padding-left: 15px;
}
invoice-history .invoice-history > .history-list > uib-accordion > .panel-group > .panel > .panel-heading .heading-button > div:last-child {
    padding-right: 15px;
}
invoice-history .invoice-history > .history-list > uib-accordion > .panel-group > .panel > .panel-heading .heading-button > div > .row {
    margin-left: 0;
    margin-right: 0;
}
invoice-history .invoice-history > .history-list > uib-accordion > .panel-group > .panel > .panel-heading .invoice-month {
    color: #828282;
}
invoice-history .invoice-history > .history-list > uib-accordion > .panel-group > .panel > .panel-heading .row > .invoice-month,
invoice-history .invoice-history > .history-list > uib-accordion > .panel-group > .panel > .panel-heading .row > .invoice-number {
    font-family: 'Overpass-Light', 'Overpass-Regular', 'Open sans', sans-serif;
}
invoice-history .invoice-history > .history-list > uib-accordion > .panel-group > .panel > .panel-heading .row > .invoice-month,
invoice-history .invoice-history > .history-list > uib-accordion > .panel-group > .panel > .panel-heading .row > .invoice-number,
invoice-history .invoice-history > .history-list > uib-accordion > .panel-group > .panel > .panel-heading .row > .invoice-download,
invoice-history .invoice-history > .history-list > uib-accordion > .panel-group > .panel > .panel-heading .row > .invoice-status,
invoice-history .invoice-history > .history-list > uib-accordion > .panel-group > .panel > .panel-heading .row > .invoice-value,
invoice-history .invoice-history > .history-list > uib-accordion > .panel-group > .panel > .panel-heading .row > .invoice-show-more {
    padding-left: 0;
    padding-right: 0;
}
invoice-history .invoice-history > .history-list > uib-accordion > .panel-group > .panel > .panel-heading .invoice-month,
invoice-history .invoice-history > .history-list > uib-accordion > .panel-group > .panel > .panel-heading .invoice-download,
invoice-history .invoice-history > .history-list > uib-accordion > .panel-group > .panel > .panel-heading .invoice-number,
invoice-history .invoice-history > .history-list > uib-accordion > .panel-group > .panel > .panel-heading .invoice-status {
    font-size: 12px;
    line-height: 20px;
}
invoice-history .invoice-history > .history-list > uib-accordion > .panel-group > .panel > .panel-heading .invoice-number > .number-prefix {
    color: #828282;
    font-size: 12px;
    font-family: 'Overpass-Light', 'Overpass-Regular', 'Open sans', sans-serif;
}
invoice-history .invoice-history > .history-list > uib-accordion > .panel-group > .panel > .panel-heading .invoice-value {
    color: #000;
    text-align: right;
    font-size: 14px;
}
invoice-history .invoice-history > .history-list > uib-accordion > .panel-group > .panel > .panel-heading .invoice-status {
    text-align: right;
}
invoice-history .invoice-history > .history-list > uib-accordion > .panel-group > .panel > .panel-heading .invoice-download {
    color: #A59680;
    text-decoration: underline;
    text-align: right;
}
invoice-history .invoice-history > .history-list > uib-accordion > .panel-group > .panel > .panel-heading .invoice-show-more {
    text-align: right;
}
invoice-history .invoice-history > .history-list > uib-accordion > .panel-group > .panel > .panel-heading .invoice-show-more > i {
    color: #A59680;
    font-size: 48px;
    line-height: 0;
    vertical-align: middle;
    text-align: right;
}
invoice-history .invoice-history > .history-list > uib-accordion > .panel-group > .panel > div > .panel-body {
    border: none;
    border-top: 1px solid #E0E0E0;
    background: #F7F7F7;
}
invoice-history .invoice-history > .history-list > uib-accordion:last-child > .panel-group > .panel > div > .panel-body {
    border-top: none;
}
invoice-history .invoice-history > .history-list > uib-accordion > .panel-group > .panel > div > .panel-body > .accordion-body > .summary-data > .invoice-consumes {
    margin-bottom: 14px;
}
invoice-history .invoice-history > .history-list > uib-accordion > .panel-group > .panel > div > .panel-body > .accordion-body > .summary-data > .invoice-consumes .consumes-icon {
    font-size: 24px;
    text-align: left;
    overflow: visible;
}
invoice-history .invoice-history > .history-list > uib-accordion > .panel-group > .panel > div > .panel-body > .accordion-body > .summary-data > .invoice-consumes .consumes-icon + .consumes-icon {
    margin-left: -11px;
}
.real-consumes-icon {
    font-size: 24px;
    text-align: left;
    overflow: visible;
}
invoice-history .invoice-history > .history-list > uib-accordion > .panel-group > .panel > div > .panel-body > .accordion-body > .summary-data > .invoice-consumes .title {
    font-size: 14px;
    color: #999;
}
invoice-history .invoice-history > .history-list > uib-accordion > .panel-group > .panel > div > .panel-body > .accordion-body > .summary-data > .invoice-consumes .value {
    text-align: right;
    font-size: 14px;
    color: #555;
}
invoice-history .invoice-history > .history-list > uib-accordion > .panel-group > .panel > div > .panel-body > .accordion-body > .row > div > .row > .summary-title {
    font-size: 14px;
}
invoice-history .invoice-history > .history-list > uib-accordion > .panel-group > .panel > div > .panel-body > .accordion-body > .row > div > .row > .summary-emission,
.periodoFaturacao {
    font-family: 'Overpass-Light', 'Overpass-Regular', 'Open sans', sans-serif;
    font-size: 12px;
}
invoice-history .invoice-history > .history-list > uib-accordion > .panel-group > .panel > div > .panel-body > .accordion-body > .row > div > .row > .summary-emission > span,
.periodoFaturacao {
    color: #828282;
}
invoice-history .invoice-history > .history-list > uib-accordion > .panel-group > .panel > div > .panel-body > .accordion-body > .row > .pay-button {
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px;
}
invoice-history .invoice-history > .history-list > uib-accordion > .panel-group > .panel > div > .panel-body > .accordion-body > .row > .pay-button > .btn-primary[disabled]{
    background-color: #ddd;
}
invoice-history .invoice-history > .history-chart > .chart-title {
    margin-top: 20px;
}
invoice-history .invoice-history > .history-chart > .chart-data {
    border-top: 1px solid #E8E8E8;
    margin: 0;
    padding-top: 15px;
}
invoice-history .invoice-history > .history-list > uib-accordion > .panel-group > .panel > div > .panel-body > .accordion-body > .summary-data > .invoice-consumes > .row > .single-service {
    padding: 0 0 0 15px;
    width: 39px;
}
.real-single-service {
    padding: 0 0 0 15px!important;
    width: 39px!important;
}
.real-single-service-2 {
    width: calc(99% - 40px)!important;
    padding-left:15px!important;
    padding-right:15px!important;
}
invoice-history .invoice-history > .history-list > uib-accordion > .panel-group > .panel > div > .panel-body > .accordion-body > .summary-data > .invoice-consumes > .row > .single-service + div {
    width: calc(99% - 40px);
}
invoice-history .invoice-history > .history-list > uib-accordion > .panel-group > .panel > div > .panel-body > .accordion-body > .summary-data > .invoice-consumes > .row > .double-service {
    padding: 0 0 0 15px;
    width: 57px;
}
invoice-history .invoice-history > .history-list > uib-accordion > .panel-group > .panel > div > .panel-body > .accordion-body > .summary-data > .invoice-consumes > .row > .double-service + div {
    width: calc(99% - 58px);
}
radio-button {
    display: inline-block;
}
radio-button .radio-button {
    position: relative;
    margin: 0;
    padding: 0;
    border: none;
    display: inline-block;
}
radio-button .radio-button > input[type="radio"] {
    opacity: 0;
    z-index: 10;
    position:absolute;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 20px;
    cursor: pointer;
}
radio-button .radio-button > div {
    border-radius: 20px;
    border: 1px solid #A59680;
    z-index: 1;
    color: #37322B;
    overflow: hidden;
}
radio-button .radio-button > input[type="radio"]:checked + div {
    color: #FFF !important;
    border-color: #A59680 !important;
    background-color: #A59680;
    z-index: 10;
    white-space: nowrap;
}
.modal-content {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    padding: 16px;
}
.invoice-payment {
    margin-left: 0;
    margin-right: 0;
}
.invoice-payment > hr {
    border: 0;
    border-bottom: 1px solid #E8E8E8;
    height: 0;
    width: 100%;
}
.invoice-payment > .electronic-bill > div > .dd-info > .title,
.invoice-payment > .direct-debit > div > .dd-info > .title {
    color: #37322B;
    font-size: 16px;
    line-height: 24px;
}
.invoice-payment > .electronic-bill > div > .dd-info > .promo-text,
.invoice-payment > .direct-debit > div > .dd-info > .promo-text {
    color: #666;
    font-size: 12px;
    line-height: 20px;
}
.invoice-payment > .electronic-bill > div > .action,
.invoice-payment > .direct-debit > div > .action {
    text-align: center;
    margin-top: 24px;
}
.invoice-payment > .payment-options {
    margin: 0;
}
.invoice-payment > .payment-options > div > .option-atm {
    margin: 0 15px;
}
.invoice-payment > .payment-options > div > .option-atm > img {
    margin: 0 0 24px;
}
.invoice-payment > .payment-options > div > .option-atm > div > .row {
    margin-bottom: 4px;
}
.invoice-payment > .payment-options > div > .option-atm > div > .row > .title {
    font-family: 'Overpass-Light', 'Overpass-Regular', 'Open sans', sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #4F4F4F;
}
.invoice-payment > .payment-options > div > .option-atm > div > .row > .value {
    font-size: 14px;
    line-height: 18px;
    color: #4F4F4F;
}
.invoice-payment > .payment-options > div > .option-paypal > .title {
    padding: 4px 0;
    margin: 24px -30px;
    font-size: 12px;
}
.invoice-payment > .payment-options > div > .option-paypal > .row {
    margin-left: 0;
    margin-right: 0;
}
.invoice-payment > .payment-options > div > .option-paypal > .row > div > .title {
    font-family: 'Overpass-Light', 'Overpass-Regular', 'Open sans', sans-serif;
    font-size: 12px;
    color: #828282;
    line-height: 20px;
    font-weight: 300;
}
.invoice-payment > .payment-options > div > .option-paypal > .row > div > div:last-child > a {
    text-align: center;
    padding: 10px 15px;
    cursor: pointer;
    border: 1px solid #A59680;
    border-radius: 25px;
    display: block;
}
.invoice-payment > .payment-options > div > .option-paypal > .row > div > div:last-child > a > img {
    height: 17px;
}
.invoice-payment > .payment-options > div > .option-paypal > .row > .paypal {
    padding-top: 24px;
}
.invoice-payment > .payment-options > div > .option-paypal > .row > div:last-child  {
    padding-bottom: 8px;
}
.subscription-monthly-plan > .monthly-plan-table > .mp-table-header > .row {
    padding: 14px 0 15px;
    color: #666;
    font-size: 14px;
}
.subscription-monthly-plan > .monthly-plan-table > .mp-table-header > .row,
.subscription-monthly-plan > .monthly-plan-table > .mp-table-body > .row {
    border: 1px solid #E8E8E8;
    background: #FFF;
}
.subscription-monthly-plan > .monthly-plan-table > .mp-table-body > .row {
    padding: 25px 0;
    color: #37322B;
}
.subscription-monthly-plan > .monthly-plan-table > .mp-table-body > .row:not(:first-child) {
    border-top: none;
}
.subscription-monthly-plan > .monthly-plan-table .pay-value,
.subscription-monthly-plan > .monthly-plan-table .state {
    text-align: right;
}
.subscription-monthly-plan > .monthly-plan-table > .mp-table-body .month {
    font-size: 12px;
    color: #828282;
    font-family: 'Overpass-Light', 'Overpass-Regular', 'Open sans', sans-serif;
}
.subscription-monthly-plan > .monthly-plan-table > .mp-table-body .alert-number,
.subscription-monthly-plan > .monthly-plan-table > .mp-table-body .nth-month {
    font-size: 12px;
    font-family: 'Overpass-Light', 'Overpass-Regular', 'Open sans', sans-serif;
}
.subscription-monthly-plan > .monthly-plan-table > .mp-table-body .alert-number > span {
    color: #828282;
    font-size: 12px;
}
.subscription-monthly-plan > .monthly-plan-table > .mp-table-body .pay-value {
    font-size: 14px;
    color: #000;
}
.subscription-monthly-plan > .monthly-plan-table > .mp-table-body .state {
    font-size: 12px;
}
@media only screen and (min-width: 768px) {
    invoice-history .invoice-history > .actions > div {
        margin-bottom: 36px;
    }
    invoice-history .invoice-history > .history-list {
        margin-left: 0;
        margin-right: 0;
    }
    invoice-history .invoice-history > .history-list > .table-header {
        font-size: 14px;
        border: 1px solid #E8E8E8;
        padding-top: 14px;
        padding-bottom: 15px;
        color: #666;
    }
    invoice-history .invoice-history > .history-list > .table-header > .row {
        margin: 0;
    }
    invoice-history .invoice-history > .history-list > .table-header > .row .align-right {
        text-align: right;
    }
    invoice-history .invoice-history > .history-list > uib-accordion > .panel-group > .panel > .panel-heading {
        border-left-color: #E8E8E8;
        border-right-color: #E8E8E8;
    }
    invoice-history .invoice-history > .history-list > uib-accordion > .panel-group > .panel > .panel-heading .heading-button > div > .row,
    invoice-history .invoice-history > .history-list > uib-accordion > .panel-group > .panel > .panel-heading .row {
        margin-left: -15px;
        margin-right: -15px;
    }
    invoice-history .invoice-history > .history-list > uib-accordion > .panel-group > .panel > .panel-heading .row > div[class^="col-"],
    invoice-history .invoice-history > .history-list > uib-accordion > .panel-group > .panel > .panel-heading .row > div[class*=" col-"] {
        padding-left: 15px;
        padding-right: 15px;
    }
    invoice-history .invoice-history > .history-list > uib-accordion > .panel-group > .panel > .panel-heading .invoice-number,
    invoice-history .invoice-history > .history-list > uib-accordion > .panel-group > .panel > .panel-heading .invoice-download {
        font-size: 14px;
    }
    invoice-history .invoice-history > .history-list > uib-accordion > .panel-group > .panel > .panel-heading .invoice-month,
    invoice-history .invoice-history > .history-list > uib-accordion > .panel-group > .panel > .panel-heading .invoice-value,
    invoice-history .invoice-history > .history-list > uib-accordion > .panel-group > .panel > .panel-heading .invoice-status,
    invoice-history .invoice-history > .history-list > uib-accordion > .panel-group > .panel > div > .panel-body > .accordion-body > .row > div > .row > .summary-title {
        font-size: 16px;
    }
    invoice-history .invoice-history > .history-list > uib-accordion > .panel-group > .panel > .panel-heading .invoice-download {
        text-align: left;
        white-space: nowrap;
    }
    invoice-history .invoice-history > .history-list > uib-accordion > .panel-group > .panel > div > .panel-body > .accordion-body > .row > div > .row > .summary-emission,
    .periodoFaturacao {
        font-family: 'Overpass-Regular', 'Open sans', sans-serif;
        font-size: 14px;
        line-height: 24px;
    }
    invoice-history .invoice-history > .history-list > uib-accordion > .panel-group > .panel > div > .panel-body > .accordion-body > .row > .pay-button {
        text-align: left;
        margin-top: 0;
        margin-bottom: 0;
    }
    invoice-history .invoice-history > .history-list > uib-accordion > .panel-group > .panel > div > .panel-body > .accordion-body > .summary-data {
        margin: 30px -15px 9px;
    }
    invoice-history .invoice-history > .history-list > uib-accordion > .panel-group > .panel > div > .panel-body > .accordion-body > .summary-data > .invoice-consumes {
        margin-bottom: 0;
    }
    invoice-history .invoice-history > .history-list > uib-accordion > .panel-group > .panel > div > .panel-body > .accordion-body > .summary-data > .invoice-consumes .consumes-icon {
        font-size: 32px;
        margin-top: 4px;
        display: inline-block;
    }
    .real-consumes-icon {
        font-size: 32px;
        margin-top: 4px;
        display: inline-block;
    }
    invoice-history .invoice-history > .history-list > uib-accordion > .panel-group > .panel > div > .panel-body > .accordion-body > .summary-data > .invoice-consumes .consumes-icon + .consumes-icon {
        margin-left: -14px;
    }
    invoice-history .invoice-history > .history-list > uib-accordion > .panel-group > .panel > div > .panel-body > .accordion-body > .summary-data > .invoice-consumes .title {
        padding-bottom: 5px;
    }
    invoice-history .invoice-history > .history-list > uib-accordion > .panel-group > .panel > div > .panel-body > .accordion-body > .summary-data > .invoice-consumes .value {
        text-align: left;
        line-height: 20px;
    }
    invoice-history .invoice-history > .history-chart > .chart-title {
        margin-top: 50px;
        margin-bottom: 60px;
    }
    invoice-history .invoice-history > .history-chart > .chart-data {
        border-top: none;
        margin: 0 -15px;
    }
    .invoice-payment > .electronic-bill > div > .dd-info > .promo-text,
    .invoice-payment > .direct-debit > div > .dd-info > .promo-text {
        font-size: 14px;
    }
    .invoice-payment > .electronic-bill > div > .dd-info,
    .invoice-payment > .direct-debit > div > .dd-info {
        float: left;
    }
    .invoice-payment > .electronic-bill > div > .action,
    .invoice-payment > .direct-debit > div > .action {
        float: right;
        margin-top: 0;
    }
    .invoice-payment{
        padding-bottom: 24px;
    }
    .invoice-payment > .payment-options {
        padding-bottom: 4px;
    }
    .invoice-payment > .payment-options > div > .option-atm {
        margin: 0;
    }
    .invoice-payment > .payment-options > div > .option-paypal > .title {
        margin: 0 0 24px;
        padding: 4px 0;
        font-size: 14px;
    }
    .invoice-payment > .payment-options > div > .option-paypal > .row {
        margin-left: -15px;
        margin-right: -15px;
    }
    .invoice-payment > .payment-options > div > .option-paypal > .row > .paypal {
        padding-top: 0;
    }
    .invoice-payment > .payment-options > div > .option-paypal > .row > div:last-child  {
        padding-bottom: 0;
    }
    invoice-history .invoice-history > .history-list > uib-accordion > .panel-group > .panel > div > .panel-body > .accordion-body > .summary-data > .invoice-consumes > .row > .col-xs-10 {
        padding-right: 0;
    }
    invoice-history .invoice-history > .history-list > uib-accordion > .panel-group > .panel > div > .panel-body > .accordion-body > .summary-data > .invoice-consumes > .row > .single-service {
        padding: 0 0 0 15px;
        width: 52px;
    }
    .real-single-service {
        padding: 0 0 0 15px!important;
        width: 52px!important;
    }
    .real-single-service-2 {
        width: calc(99% - 53px)!important;
        padding-right:0px!important;
        padding-left:15px!important;
    }
    invoice-history .invoice-history > .history-list > uib-accordion > .panel-group > .panel > div > .panel-body > .accordion-body > .summary-data > .invoice-consumes > .row > .single-service + div {
        width: calc(99% - 53px);
    }
    invoice-history .invoice-history > .history-list > uib-accordion > .panel-group > .panel > div > .panel-body > .accordion-body > .summary-data > .invoice-consumes > .row > .double-service {
        padding: 0 0 0 15px;
        width: 69px;
    }
    invoice-history .invoice-history > .history-list > uib-accordion > .panel-group > .panel > div > .panel-body > .accordion-body > .summary-data > .invoice-consumes > .row > .double-service + div {
        width: calc(99% - 70px);
    }
}
@media only screen and (min-width: 992px) {
    invoice-history .invoice-history > .history-list > uib-accordion:first-of-type > .panel-group > .panel > .panel-heading {
        border-top: none;
    }
    invoice-history .invoice-history > .history-list > .table-header > .row > div:first-child > .row > div:first-child,
    invoice-history .invoice-history > .history-list > uib-accordion > .panel-group > .panel > .panel-heading .invoice-month {
        text-align: left;
    }
    invoice-history .invoice-history > .history-list > uib-accordion > .panel-group > .panel > .panel-heading .invoice-month {
        color: #37322B;
    }
    .subscription-monthly-plan > .monthly-plan-table > .mp-table-body > .row:first-child {
        border-top: none;
    }
    .subscription-monthly-plan > .monthly-plan-table .month {
        text-align: left;
    }
    .subscription-monthly-plan > .monthly-plan-table > .mp-table-body .month {
        font-size: 16px;
        color: #37322B;
    }
    .subscription-monthly-plan > .monthly-plan-table > .mp-table-body .alert-number,
    .subscription-monthly-plan > .monthly-plan-table > .mp-table-body .nth-month {
        font-size: 14px;
    }
    .subscription-monthly-plan > .monthly-plan-table > .mp-table-body .pay-value,
    .subscription-monthly-plan > .monthly-plan-table > .mp-table-body .state {
        font-size: 16px;
    }
}

.alert {
    border-radius: 10px !important;
}
@media only screen and (max-width: 767px) {
    invoice-history .invoice-history > .history-list > uib-accordion > .panel-group > .panel > div > .panel-body > .accordion-body > .summary-data > .invoice-consumes > .row > .col-xs-10 > .row > .value {
        float: right;
        text-align: left;
        max-width: 100px;
    }
    .subscription-monthly-plan {
        padding: 0;
    }
    .subscription-monthly-plan > .monthly-plan-table > .mp-table-body > .row {
        border-left: none;
        border-right: none;
    }
    .subscription-monthly-plan .mp-table-body > .row > div > .row {
        margin: 0 -5px;
    }
    .subscription-monthly-plan .row > div {
        padding: 0 5px;
    }
    .subscription-monthly-plan .mp-table-body > .row > div:first-child {
        padding-left: 15px;
    }
    .subscription-monthly-plan .mp-table-body > .row > div:last-child {
        padding-right: 15px;
    }
}
.cookies-text {
    font-family: 'Overpass-Light';
    color:#828282;
}

#chart_div g g g rect {

    rx: 4;
    ry: 5;
}

#leiturasChartMobile g g g rect {
    rx: 4;
    ry: 5; 
}

#topBar {
    background-color: #D2CBC0;
    color: #37322B;
}
#bottomBar .sidebar-items{
    color:#A59680;
    opacity:inherit;
}
#bottomBar .sidebar-items.active{
    color:#37322B;
}
@media (min-width: 768px) {
    .main-header-outter #mainHeader{
        background-color: #D2CBC0 !important;
    }
    .sidebar-header{
        background-color: transparent !important;
    }
}
.footer .footer-link a{
    color: #A59680;
}

.box_contratos{
    border-radius: 10px;
    box-shadow: 0 4px 4px 0 rgba(0,0,0,0.25);
    border: 1px solid #ddd;
    color: #37322B;
    padding-left: 20px !important;
    padding-right: 20px !important;

}
.Texto_login_1_2  {
    color: #37322B;
}
.footer-primeiro-link{
    color: #37322B;
}
.Texto_login_2 {
    color: #37322B;
}
.hr_show{
    border-color:#37322B;
}
#login-box>.col-md-offset-3 >.row >form>div>.grecaptcha-badge{
    border-radius: 15px !important;
}
.dropdown-border-bottom:not(.disabled):hover, .dropdown-border-bottom:not(.disabled):focus, .dropdown-border-bottom:not(.disabled):active,
.dropdown-border-bottom:not(.disabled):focus-within,
.pedidos-divider{
    border-color: #A59680!important;
}
.maint-headline h1, .maint-text, .login_register-text-b, .comunicar-leituras-light, .comunicar-leituras-super-light,
form .ng-invalid.ng-pristine ~ .address-fields-valid-label, .cookies-text, .form-labels, address-selector-form label.move-animation
{
    font-family: "Overpass-Light";
}
.leituras-sc-title-e, .contratos-icon-prod-e, .contratos-title-e, .contratos-text-e, .alt-t-c, .login_register-text-c, .login-terms,
.login-terms labels, .panel-cookies > .panel-heading > .panel-title, panel-cookies-water > .panel-heading > .panel-title,
.login-container .login-title, .login-content .login-forgot-password, .login-social-area, .login-registration-area, .step-label,
.terms, .login_register-text-c, .sidebar-title, .sidebar-menu-open, .sidebar-menu-closed, .list-box-heading .list-box-title,
.list-box-body .list-box-title,.banner-text-image, .user-profile-text,
.card-table > .card-header > div > .header-titles > .eyebrow-label, common-card pre.blend-pre_tag
{
    font-family: "Overpass-Regular";
}
.modal_fact_q, .terms-e, .list-box-heading .list-box-state,
.list-box-body .list-box-state
{
    font-family: "Overpass-Bold";
}