html {
    /*background: url(../WebForms/Images/bg01.jpg) no-repeat center center fixed;*/
    background: url(../WebForms/Images/screenshot-1.png) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100%;
}

.corpo {
    font-size: 14px;
    line-height: 1.42857143;
    margin: 0;
    font-family: 'Oswald', "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: white;
    top: 0;
}

a {
    text-decoration: none;
}

.DivN {
    position: fixed;
    text-decoration: none;
    /*background-color: #F8C301;*/
    background-color: white;
    /*border-radius: 25px;*/
    text-align: center;
    /*font-size: 13px;*/
    width: 100%;
    top: 0px;
    height: 75px !important;
    /*left: 50%;
    margin-left: -36%;*/
    z-index: 999999999;
}

@media (min-width : 768px) {
    .tamanhoMenu {
        width: 90% !important;
    }
}

@media (min-width : 992px) {
    .tamanhoMenu {
        width: 90% !important;
    }
}

@media (min-width : 1200px) {
    .tamanhoMenu {
        width: 90%;
    }
}

.Navegador1 {
    display: inline-block;
    width: 100px !important;
    height: 50px !important;
}

.Navegador2 {
    display: inline-block;
    float: right;
    /*width: 10%;*/
}

.fleft {
    float: left !important;
}

.fright {
    float: right !important;
}

.menu {
    float: right;
    display: inline-block;
    text-align: right;
}

    .menu ul {
        display: inline-block;
        border-top: 1px solid #333;
        border-bottom: 1px solid #333;
        padding: 8px 0px;
        text-align: right;
    }

        .menu ul li:not(:first-child) {
            border-left: 1px solid #333;
        }

        .menu ul li {
            text-decoration: none;
            display: inline-block;
            padding: 3px 30px;
        }

            .menu ul li a {
                color: #333;
                text-transform: uppercase;
                font-weight: bolder;
                font-size: 0.8em;
            }

@media screen and (max-width: 630px) {
    .menu {
        display: none;
    }
}

.topnav {
    display: none;
}

    .topnav .icon {
        display: none;
    }

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

    .topnav {
        display: block;
    }

        .topnav ul {
            display: none;
        }

        .topnav a {
            display: none;
        }

            .topnav a.icon {
                float: right;
                display: block;
            }
}

@media screen and (max-width: 630px) {
    .topnav.responsive {
        position: relative;
    }

        .topnav.responsive ul {
            display: block;
            width: 33%;
            float: right;
            margin-top: 70px;
            list-style: none;
        }

            .topnav.responsive ul li {
                width: 100% !important;
            }

        .topnav.responsive .icon {
            position: fixed;
            color: black;
            right: 0;
            top: 0;
        }

        .topnav.responsive a {
            float: right;
            display: inline-block;
            text-align: right;
            background-color: white;
            color: black;
            padding: 10px 30px;
            width: 50%;
            text-transform: uppercase;
            font-weight: bolder;
            font-size: 1em;
        }
}

@media screen and (max-width: 375px) {
    .topnav.responsive {
        position: relative;
    }

        .topnav.responsive ul {
            display: block;
            width: 33%;
            float: right;
            margin-top: 0px;
            list-style: none;
        }
}

.topnav.responsive ul{
    position: absolute;
    top: 75px;
    right: 0px;
    margin-top: 0px;
    max-width: 200px;
    width: 100%;
}
#theFixed{
    border-bottom: 1px solid black;
}
.topnav.responsive ul li a{
    border-left: 1px solid black;
}
.topnav.responsive ul li:first-child a{
    border-top: 1px solid white;
}
.topnav.responsive ul li:last-child a{
    border-bottom: 1px solid black;
}


.mTop {
    /*margin-top: 150px;*/
}

.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: hidden; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
    background-color: white;
    position: fixed;
    left: 50%;
    top: 50%;
    /*margin: 17.5% auto;*/ /* 15% from the top and centered */
    transform: translate(-50%, -50%);
    background-color: white;
    padding: 20px;
    border-radius: 5000px;
    border: 1px solid #888;
    width: 150px; /* Could be more or less, depending on screen size */
    height: 150px;
}

.modal-contentMsg {
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 50%; /* Could be more or less, depending on screen size */
}

.close {
    color: #aaa;
    float: right;
    font-size: 38px;
    font-weight: bold;
}

    .close:hover,
    .close:focus {
        color: black;
        text-decoration: none;
        cursor: pointer;
    }

#loader {
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 1;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #1E1E1E;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

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

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

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

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

/* Add animation to "page content" */
.animate-bottom {
    position: relative;
    -webkit-animation-name: animatebottom;
    -webkit-animation-duration: 1s;
    animation-name: animatebottom;
    animation-duration: 1s;
}

@-webkit-keyframes animatebottom {
    from {
        bottom: -100px;
        opacity: 0;
    }

    to {
        bottom: 0px;
        opacity: 1;
    }
}

@keyframes animatebottom {
    from {
        bottom: -100px;
        opacity: 0;
    }

    to {
        bottom: 0;
        opacity: 1;
    }
}

.Login {
    width: 90% !important;
    padding-left: 5% !important;
    padding-right: 5% !important;
    padding-top: 10px;
}

.SDataListButton {
    display: inline-block;
    /*min-width: 110px;*/
    margin: 0px 0px;
    padding: 10px 15px 12px;
    border-radius: 6px;
    color: black;
    text-align: left !important;
    cursor: pointer;
    background-color: white;
    text-decoration: none;
}

    .SDataListButton:hover {
        background-color: #1E1E1E;
        color: white;
    }

.SProdutos {
    padding: 0;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 90%;
    margin: 50px auto;
}

    .SProdutos ul {
        list-style: none;
        overflow: hidden;
    }

    .SProdutos li a {
        background-color: white;
        font-weight: bold !important;
        color: black;
        display: block;
        font: 600 12px/1.4 'Oswald', "Helvetica Neue", Helvetica, Arial, sans-serif;
        padding: 10px;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-width: 2px;
        border-color: white;
        /*TRANSISTIONS*/
        -webkit-transition: background 0.5s ease;
        -moz-transition: background 0.5s ease;
        -o-transition: background 0.5s ease;
        -ms-transition: background 0.5s ease;
        transition: background 0.5s ease;
    }

        /*HOVER*/
        .SProdutos li a:hover {
            background: #1E1E1E;
            color: white;
        }

@media only screen and (max-width : 1400px), only screen and (max-device-width : 1400px) {
    .SProdutos li a {
        font: 600 12px/1.4 'Oswald', "Helvetica Neue", Helvetica, Arial, sans-serif;
    }
}

@media only screen and (max-width : 1366px), only screen and (max-device-width : 1366px) {
    .SProdutos li a {
        font: 600 12px/1.4 'Oswald', "Helvetica Neue", Helvetica, Arial, sans-serif;
    }
}

@media only screen and (max-width : 1360px), only screen and (max-device-width : 1360px) {
    .SProdutos li a {
        font: 600 11px/1.4 'Oswald', "Helvetica Neue", Helvetica, Arial, sans-serif;
    }
}

@media only screen and (max-width : 1280px), only screen and (max-device-width : 1280px) {
    .SProdutos li a {
        font: 600 11px/1.4 'Oswald', "Helvetica Neue", Helvetica, Arial, sans-serif;
    }
}

@media only screen and (max-width : 1152px), only screen and (max-device-width : 1152px) {
    .SProdutos li a {
        font: 600 10px/1.4 'Oswald', "Helvetica Neue", Helvetica, Arial, sans-serif;
    }
}

@media only screen and (max-width : 1024px), only screen and (max-device-width : 1024px) {
    .SProdutos li a {
        font: 600 9px/1.4 'Oswald', "Helvetica Neue", Helvetica, Arial, sans-serif;
    }
}

@media only screen and (max-width : 800px), only screen and (max-device-width : 800px) {
    .SProdutos li a {
        padding: 7px;
        font: 600 9px/1.1 'Oswald', "Helvetica Neue", Helvetica, Arial, sans-serif;
    }
}

@media only screen and (max-width : 600px), only screen and (max-device-width : 600px) {
    .SProdutos li a {
        padding: 7px;
        font: 600 8px/1.0 'Oswald', "Helvetica Neue", Helvetica, Arial, sans-serif;
    }
}

.SDataListImages {
    border-radius: 25px;
}

.ProdutosBox {
    border-radius: 25px;
    background-color: white;
}

.SH3 {
    font-size: 24px;
    line-height: 36px;
    margin: 0 0 22px;
    text-align: center;
}

.SH2 {
    font-size: 30px;
    font-weight: 800 bold;
    line-height: 36px;
    margin: 0 0 24px;
    text-align: center;
}

.Test {
    display: inline-block;
    min-width: 110px;
    margin: 15px 0px;
    padding: 10px 0px 12px;
    border-radius: 6px;
    color: black;
    text-align: center;
    cursor: pointer;
    background-color: white;
    text-decoration: none;
}

    .Test.pri {
        color: #fff;
        text-shadow: 0 -1px 0 rgba(0,0,0,.2);
    }

    .Test:hover {
        /*background: #1E1E1E;
        color: white;*/
    }

.Test2 {
    display: inline-block;
    min-width: 110px;
    margin: 15px 0px;
    padding: 10px 15px 12px;
    border-radius: 6px;
    color: white;
    text-align: center;
    cursor: pointer;
    background-color: #1E1E1E;
    text-decoration: none;
    border-right: 1px solid white;
}

    .Test2.pri {
        color: #fff;
        text-shadow: 0 -1px 0 rgba(0,0,0,.2);
    }

    .Test2:hover {
        /*background: #1E1E1E;
        color: white;*/
    }

.BtnNovaEnc {
    display: inline-block;
    min-width: 160px;
    margin: 15px 0px;
    padding: 10px 0px 12px;
    border-radius: 6px;
    color: black;
    text-align: center;
    cursor: pointer;
    background-color: white;
    text-decoration: none;
}

    .BtnNovaEnc.pri {
        color: #fff;
        text-shadow: 0 -1px 0 rgba(0,0,0,.2);
    }

.SLinks {
    color: white;
    text-decoration: underline;
}

    .SLinks:hover {
        color: white;
        text-decoration: underline;
    }

.STextBox {
    width: 100%;
    padding: 0px 10px;
    border: 1px solid black;
    margin: 8px 0;
    box-sizing: border-box;
}

.SDropDown {
    width: 100%;
    height: 37px;
    background-color: #FFF;
    font: 400 14px/18px 'Oswald', "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000;
    font-weight: normal;
    border: 1px solid black;
    padding: 5px;
}

.EncomedarB {
    display: inline-block;
    margin: 15px 0px;
    padding: 5px 15px 5px;
    border-radius: 3px;
    color: white;
    text-align: center;
    cursor: pointer;
    background-color: #1E1E1E;
    text-decoration: none;
}

    .EncomedarB.pri {
        color: #fff;
        text-shadow: 0 -1px 0 rgba(0,0,0,.2);
    }

    .EncomedarB:hover {
        /*background: #73493A;*/
    }

.MenuButton {
    display: inline-block;
    /*min-width: 110px;*/
    min-width: 125px;
    margin: 15px 5px;
    padding: 10px 15px 12px;
    border-radius: 3px;
    color: black;
    text-align: center;
    cursor: pointer;
    background-color: white;
    text-decoration: none;
    font-size: 14px;
    line-height: 1.42857143;
    font-family: 'Oswald', "Helvetica Neue", Helvetica, Arial, sans-serif;
}

    .MenuButton.Dark {
        background-color: black !important;
        color: white !important;
    }

    .MenuButton.dxbButton {
        padding: 10px 15px 12px !important;
        color: black !important;
        background-color: white !important;
        text-decoration: none !important;
    }

        .MenuButton.dxbButton.Dark {
            background-color: black !important;
            color: white !important;
        }

    .MenuButton:hover {
        /*background: black;*/
    }

    .MenuButton.Active {
        -moz-box-shadow: 0 0 5px 3px rgb(255, 255, 255);
        -webkit-box-shadow: 0 0 5px 3px rgb(255, 255, 255);
        box-shadow: 0 0 5px 3px rgb(255, 255, 255);
    }
    .MenuButton.Popup{
        min-width: 60px;
    }
    .MenuButton.dxbDisabled{
        text-decoration:line-through !important;
        color: #808080 !important;
        cursor: not-allowed !important;
    }
    .MenuButton.Dark.dxbDisabled{
        text-decoration:line-through !important;
        color: #808080 !important;
        cursor: not-allowed !important;
    }

.mydatagrid {
    width: 80%;
    border: solid 1px black;
    margin: 50px auto;
    overflow: auto;
}

.header {
    background-color: white;
    color: black;
    height: 25px;
    font-weight: bold;
    text-align: center;
    font-size: 16px;
}

.rows {
    background-color: #fff;
    font-size: 14px;
    color: black;
    min-height: 25px;
    text-align: left;
}

    .rows:hover {
        background-color: #1E1E1E;
        color: white;
    }

.mydatagrid a /** FOR THE PAGING ICONS  **/ {
    background-color: Transparent;
    padding: 5px 5px 5px 5px;
    color: black;
    text-decoration: none;
    font-weight: bold;
}

    .mydatagrid a:hover /** FOR THE PAGING ICONS  HOVER STYLES**/ {
        background-color: #1E1E1E;
        color: white;
    }

.pager {
    background-color: #fadd7a;
    color: White;
    height: 30px;
    text-align: left;
}

.mydatagrid td {
    padding: 5px;
}

.mydatagrid th {
    padding: 5px;
}

.RowEscolhida {
    background-color: #1E1E1E;
    color: white;
}

.EncomendasButton {
    display: inline-block;
    min-width: 110px;
    padding: 10px 15px 12px;
    border-radius: 3px;
    color: black;
    text-align: center;
    cursor: pointer;
    background-color: white;
    text-decoration: none;
    float: right;
    border-bottom: 2px solid black;
    border-right: 2px solid black;
}

    .EncomendasButton:hover {
        /*background: black;*/
    }

.TextAlignC {
    text-align: center;
    font-family: 'Oswald', "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.BtnSair {
    color: white;
    text-decoration: underline;
}

.MapaB {
    width: 100%;
}

.LblWrap {
    white-space: nowrap;
}

@media only screen and (max-width : 800px), only screen and (max-device-width : 800px) {
    .LblWrap {
        white-space: normal;
    }
}

.AlinhaProdutos {
}

@media only screen and (max-width : 600px), only screen and (max-device-width : 600px) {
    .AlinhaProdutos {
        display: block;
        text-align: center;
        width: 100% !important;
    }
}

.AlinhaLabels {
}

@media only screen and (max-width : 600px), only screen and (max-device-width : 600px) {
    .AlinhaLabels {
        width: 1% !important;
    }
}

.QtdTextBox {
    width: 100%;
    box-sizing: border-box;
}

.BorderAdicArtigo {
    border-bottom: 1px solid white;
}
  /******************/
 /* ASPxComboboxes */
/******************/
/* Esconder o header de ASPxComboBox */
#ContentPlaceHolder1_ASPxFamiliasCB_DDD_PW-1 .dxeHLC, 
#ContentPlaceHolder1_ASPxFamiliasCB_DDD_PW-1 .dxeHC, 
#ContentPlaceHolder1_ASPxFamiliasCB_DDD_PW-1 .dxeHFC,
#ContentPlaceHolder1_ASPxNovoFamiliasCB_DDD_PW-1 .dxeHLC, 
#ContentPlaceHolder1_ASPxNovoFamiliasCB_DDD_PW-1 .dxeHC, 
#ContentPlaceHolder1_ASPxNovoFamiliasCB_DDD_PW-1 .dxeHFC,
#ContentPlaceHolder1_ASPxProdFamiliasCB_DDD_PW-1 .dxeHLC, 
#ContentPlaceHolder1_ASPxProdFamiliasCB_DDD_PW-1 .dxeHC, 
#ContentPlaceHolder1_ASPxProdFamiliasCB_DDD_PW-1 .dxeHFC
{
    display: none;
}

/*#ContentPlaceHolder1_ASPxFamiliasCB,
#ContentPlaceHolder1_ASPxNovoFamiliasCB,
#ContentPlaceHolder1_ASPxProdFamiliasCB,
#ContentPlaceHolder1_ASPxNovoEncPonDE,
#ContentPlaceHolder1_ASPEncomFixasDiaCB,*/
.ASPxComboBox_Style{
    border-radius: 3px;
}
/* Alterar as cores do botão dropdown da combobox */
/*#ContentPlaceHolder1_ASPxFamiliasCB .dxeButtonEditButtonHover_Moderno,
#ContentPlaceHolder1_ASPxNovoFamiliasCB .dxeButtonEditButtonHover_Moderno,
#ContentPlaceHolder1_ASPxProdFamiliasCB .dxeButtonEditButtonHover_Moderno,
#ContentPlaceHolder1_ASPxNovoEncPonDE .dxeButtonEditButtonHover_Moderno,
#ContentPlaceHolder1_ASPEncomFixasDiaCB .dxeButtonEditButtonHover_Moderno,*/
.ASPxComboBox_Button_Style
{
    color: White;
    background: #1d85cd;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pg0KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPg0KICA8bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQtdWNnZy1nZW5lcmF0ZWQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+DQogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFEODVDRCIgc3RvcC1vcGFjaXR5PSIxIi8+DQogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDg2Q0IzIiBzdG9wLW9wYWNpdHk9IjEiLz4NCiAgPC9saW5lYXJHcmFkaWVudD4NCiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4NCjwvc3ZnPg0K);
    background: -ms-linear-gradient(top, rgba(108, 108, 108,1) 0%, rgba(19, 19, 20,1) 100%);
    background: -moz-linear-gradient(top, rgba(108, 108, 108,1) 0%, rgba(19, 19, 20,1) 100%);
    background: -o-linear-gradient(top, rgba(108, 108, 108,1) 0%, rgba(19, 19, 20,1) 100%);
    background: -webkit-linear-gradient(top, rgba(108, 108, 108,1) 0%, rgba(19, 19, 20,1) 100%);
    background: linear-gradient(to bottom, rgb(108, 108, 108) 0%, rgb(19, 19, 20) 100%);
    border: 1px Solid #020202;
    box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.35);
    -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.35);
}
/* Remover a border azul à volta da ComboBox quando está focused */
/*#ContentPlaceHolder1_ASPxFamiliasCB.dxeFocused_Moderno,
#ContentPlaceHolder1_ASPxNovoFamiliasCB.dxeFocused_Moderno,
#ContentPlaceHolder1_ASPxProdFamiliasCB.dxeFocused_Moderno,
#ContentPlaceHolder1_ASPxNovoEncPonDE.dxeFocused_Moderno,
#ContentPlaceHolder1_ASPEncomFixasDiaCB.dxeFocused_Moderno,*/
.ASPxComboBox_Focused_Style
{
    border: 1px solid;
    /*box-shadow: 0px 0px 2px 0px rgba(10,103,168,1);
    -webkit-box-shadow: 0px 0px 2px 0px rgba(10,103,168,1);*/
    box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.35);
    -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.35);
}
.display-none {
    display: none !important;
}

   /*****************/
  /* ASP GridViews */
 /*    Genérico   */
/*****************/
.generic_gridview {
    border: 1px Solid #d1d1d1;
    width: 100%;
    /*table-layout: fixed;*/
    margin: 0;
}

    .generic_gridview input {
        width: 100%;
        /*color: #676767;*/
        color: #2B2B2B;
        /*background: none repeat scroll 0 0 transparent;*/
        /*border: 1px solid #676767;*/
        text-align: center;
        background-color: white;
        border: 1px solid #9F9F9F;
    }
/*.generic_row td{padding:5px;}*/
.generic_row td {
    /*cursor: default;
    font: 14px 'Segoe UI','Helvetica Neue','Droid Sans',Arial,Tahoma,Geneva,Sans-serif;
    color: #2B2B2B;
    overflow: hidden;
    border-top-width: 0;
    border-left-width: 0;
    border-bottom: 1px Solid #d1d1d1;
    border-bottom-width: 1px;
    border-right: 1px Solid #d1d1d1;*/
    padding: 8px 10px 9px;
}
/*.generic_header th{padding:5px;color:#676767;}*/
.generic_header th {
    cursor: default;
    /*white-space: nowrap;*/
    padding: 7px 10px 6px;
    /*border: 1px Solid #d1d1d1;
    border-top-width: 0px;
    border-left-width: 0px;
    background: #fafafa;*/
    overflow: hidden;
    font-weight: normal;
    text-align: center;
    /*color: #7e7e7e;
    font: 14px 'Segoe UI','Helvetica Neue','Droid Sans',Arial,Tahoma,Geneva,Sans-serif;*/
}

.generic_row_selected td {
    padding: 5px;
    /*background-color: #C7BDAF;*/
}
   /*****************/
  /* ASP GridViews */
 /* Moderno Style */
/*****************/
.ModernoHotTrackBlack{
    color: white;
    background-color: #1E1E1E;
}
.ModernoHotTrack{
    color: white;
    background-color: #1E1E1E;
}

.Moderno .generic_gridview {
    border: 1px Solid #d1d1d1;
    width: 100%;
    table-layout: fixed;
    margin: 0;
    background-color: #FFFFFF;
}

    .Moderno .generic_gridview input {
        width: 100%;
        color: #676767;
        color: #2B2B2B;
        background: none repeat scroll 0 0 transparent;
        border: 1px solid #676767;
        text-align: center;
        background-color: white;
        border: 1px solid #9F9F9F;
    }

/*.generic_row td{padding:5px;}*/
.Moderno .generic_row td,
.Moderno .generic_footer td {
    cursor: default;
    font: 14px 'Segoe UI','Helvetica Neue','Droid Sans',Arial,Tahoma,Geneva,Sans-serif;
    color: #2B2B2B;
    background-color: white;
    overflow: hidden;
    border-top-width: 0;
    border-left-width: 0;
    border-bottom: 1px Solid #d1d1d1;
    border-bottom-width: 1px;
    border-right: 1px Solid #d1d1d1;
    /*padding: 8px 10px 9px;*/
    padding: 8px 5px 9px;
}
/*.Moderno .generic_row:hover td{
    background: #1279C0;
    color: white;
}*/
/*.generic_header th{padding:5px;color:#676767;}*/
.Moderno .generic_header th {
    cursor: default;
    white-space: nowrap;
    padding: 7px 10px 6px;
    border: 1px Solid #d1d1d1;
    border-top-width: 0px;
    border-left-width: 0px;
    background: #fafafa;
    overflow: hidden;
    font-weight: normal;
    text-align: center;
    color: #7e7e7e;
    font: 14px 'Segoe UI','Helvetica Neue','Droid Sans',Arial,Tahoma,Geneva,Sans-serif;
}

.Moderno .generic_row_selected td {
    padding: 5px;
    background-color: #C7BDAF;
}

.Moderno .generic_EmptyRow td {
    padding: 15px 15px 15px 20px;
    color: #4f4f4f;
}

/* Esconder td de texto das loadingpanels dos totais */
#ContentPlaceHolder1_gvwEncFixas_ASPxtxt2FCB_LP > table > tbody > tr > td.dx:last-child,
#ContentPlaceHolder1_gvwEncFixas_ASPxtxt3FCB_LP > table > tbody > tr > td.dx:last-child,
#ContentPlaceHolder1_gvwEncFixas_ASPxtxt4FCB_LP > table > tbody > tr > td.dx:last-child,
#ContentPlaceHolder1_gvwEncFixas_ASPxtxt5FCB_LP > table > tbody > tr > td.dx:last-child,
#ContentPlaceHolder1_gvwEncFixas_ASPxtxt6FCB_LP > table > tbody > tr > td.dx:last-child,
#ContentPlaceHolder1_gvwEncFixas_ASPxtxtSabCB_LP > table > tbody > tr > td.dx:last-child,
#ContentPlaceHolder1_gvwEncFixas_ASPxtxtDomCB_LP > table > tbody > tr > td.dx:last-child {
    display:none !important;
}

  /*********/
 /* Login */
/*********/
/* Painel central da página de login */
.login-panel, .register-panel {
    /*width: 100%;*/
    /*padding: 10px 5%;*/
}
/* Painel que contém o form de login */
.login-form-panel{
    margin-left: auto;
    margin-right: auto;
    /*width: 330px;*/
    /*max-width: 300px;*/
    max-width: 600px;
    padding-left: 26px;
    height: 100%;
}
/*@media (max-width: 320px) {
    .login-form-panel {
        width: 170px;
    }
}*/
.register-form-panel{
    margin-left: auto;
    margin-right: auto;
    max-width: 600px;
    height: 100%;
    padding-left: 26px;
}

.politicaprivacidade-panel{
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
    height: 100%;
    padding-right: 40px;
    background-color: #fff;
    color: #000;
}
.politicacookies-panel{
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
    height: 100%;
    background-color: #fff;
    color: #000;
    padding: 0 40px;
}

  /******************/
 /* Hidden section */
/******************/
.container-hidden{
    display: none !important;
}

  /******************/
 /* ASPxRoundPanel */
/******************/
table.dxrpControlGB {
    margin-top: 17px !important;
}

tr.dxrpCR > td.dxrp.dxrpcontent.dx-borderBox{
    border: none;
}
tr.dxrpCR > td.dxrp > div.row{
    /*margin-bottom: 5px;*/
    margin-bottom: 10px;
}
span.dxrpHeader{
    border-radius: 10px;
    font-size: 14px;
    line-height: 1.42857143;
    font-family: 'Oswald', "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: white;
    font-size: 16px;
    font-weight: bold;
}
  /**********/
 /* Inputs */
/**********/
.input_normal, table.input_normal {
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset;
    background-color: #FFFFFF;
    border-color: #545151 #888888 #E1E1E1;
    border-style: solid;
    border-width: 1px;
    color: #333333;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-weight: 400;
    font-style: normal;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: 0px;
}

.input_focused, table.input_focused {
    /*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset;*/
    background-color: #FFFFFF;
    color: #333333;

    border: 1px solid rgb(255,255,255) !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 0 5px 3px rgb(255, 255, 255);
    -webkit-box-shadow: 0 0 5px 3px rgb(255, 255, 255);
    box-shadow: 0 0 5px 3px rgb(255, 255, 255);
    -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    -webkit-transform: none;
    transform: none;
    -webkit-transform-origin: 50% 50% 0;
    transform-origin: 50% 50% 0;
    font-weight: 400;
    font-style: normal;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: 0px;
}

table.no-resize textarea{
    resize:none;
}

.dxeListBoxItem {
    height: 54px;
    font-weight: 400;
    font-style: normal;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: 0px;
}

  /*****************************************************************************/
 /* Utilizados nos inputs ASPx sem validação, para terem as mesmas dimensões. */
/*****************************************************************************/
/* 26px vem da largura da div de erro gerada pela validação dos componentes DevExpress */
.register-input-width{
    max-width: calc(100% - 26px);
}
.register-input-width textarea{
    /*max-width: calc(100% - 26px);*/
}

/* Auxiliares */
.register-panel p.Text{
    margin: 0;
}
.Text {
    font-size: 14px;
    line-height: 1.42857143;
    font-family: 'Oswald', "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: white;
}

    .Text.Medium {
        font-size: 16px;
    }

    .Text.Large {
        font-size: 30px;
    }

    .Text.Huge {
        font-size: 60px;
    }

    .Text.Massive {
        font-size: 100px;
    }

    .Text.Dark {
        color: black !important;
    }

    .Text.SLinks {
        color: white !important;
        text-decoration: underline !important;
    }

    .Text.LineHeight-2 {
        line-height: 2;
    }

@media (max-width: 1039px) {
    .Text.Huge {
        font-size: 40px;
    }

    .Text.Massive {
        font-size: 80px;
    }
}

@media (max-width: 767px) {
    .Text.Large {
        font-size: 20px;
    }

    .Text.Huge {
        font-size: 20px;
    }

    .Text.Massive {
        font-size: 60px;
    }
}

@media (max-width: 479px) {
    .Text.Large {
        font-size: 16px;
    }

    .Text.Huge {
        font-size: 16px;
    }

    .Text.Massive {
        font-size: 30px;
    }
}
div.mobile_familias_nav {
    /*width: calc(170px + 50px);*/
    /*width: calc(190px + 50px);*/
    margin: 0 auto;
}

/* Scrollable Div que envolve a GridView */
.aspGridView-responsive {
    /*max-height: 600px;*/
    width: 100%;
    overflow: auto;
}

.align-Right,
.moto-align-right{
    text-align: right;
}
.align-Left,
.moto-align-left {
    text-align: left;
}
.align-Center,
.moto-align-center{
    text-align: center;
}

.margin-Center{
    margin: 0 auto;
}
.margin-Middle{
    margin: auto 0;
}
.clear-Margin{
    margin: 0;
}
.clear-Padding{
    padding: 0;
}
.Flexbox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
    .Flexbox .Flexbox-inline {
        display:inline-flex;
    }
    .Flexbox .Flexbox-row {
        flex-direction: row;
        width: 100%
    }

    .Flexbox .Flexbox-column {
        flex-direction: column;
        width: 100%
    }
        .Flexbox .Flexbox-column.left {
            text-align: right;
        }

        .Flexbox .Flexbox-column.right {
            text-align: left;
        }

.wideScreen {
        /*display: initial;*/
        display: inline;
    }
.mobile {
        display: none;
    }
@media screen and (max-width: 930px) {
    .mobile {
        display: initial;
    }

    .Flexbox.mobile {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .wideScreen {
        display: none;
    }

    .mobile_familias_nav.Flexbox.mobile .Flexbox.Flexbox-column.left{
        width: 80px;
    }
    .mobile_familias_nav.Flexbox.mobile .Flexbox.Flexbox-column.right{
        width: 200px;
    }
}

tr td.tableGrid .dxeButtonEdit,
tr td.tableGrid .dxeButtonEdit .dxeFocused{
    
    border-color: #d1d1d1;
}
tr td.tableGrid .dxeButtonEdit td.dxic,
tr td.tableGrid .dxeButtonEdit.dxeFocused td.dxic{
    border: none;
}

.border_radius-6{
    border-radius: 6px;
}

.background-white{
    background-color: white;
}

.popup-style {
    /*background-color: #f2d7a2 !important;*/
    /*color: #000000;*/
    /*font-size: 20px;*/
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    padding: 5px;
}

    .popup-style > .dxpc-contentWrapper > .dxpc-content{
        padding: 0;
    }

        .popup-style > .dxpc-contentWrapper > .dxpc-content > .alert {
            border: none;
        }

/* Encomendas Image Button */
.EncomendaStyle{
    background-image: url(../WebForms/Images/shopping_basket_48.png);
    width: 30px;
    background-size: cover;
    margin-top:5px;
}
.ProdQtdWidth{
    /* 100% - margem adicional */  
    /*width: calc(100% - 10px) !important;*/
}

/* Flow centrado */
[class*=dxdvFlowItemsContainer] {
    width: 100%;
}

    [class*=dxdvFlowItemsContainer] > tbody > tr > td {
        text-align: center;
    }

[class*=dxdvFlowItem] {
    display: inline-block;
    float: none !important;
    margin-left: 0 !important;
}

/*****************/
/* ASPxDateEdit  */
/*****************/
.dxeCalendarOutOfRange_Moderno.dxeCalendarSelected_Moderno{
    background-color: lightpink;
}
.dxeCalendarOutOfRange_Moderno.dxeCalendarToday_Moderno{
    border-color: lightpink;
}

  /************************/
 /* EncomendaNovaWrapper */
/************************/
#GridViewNovaEncomendaWrapper{
    position: relative;
}
#GridViewNovaEncomendaWrapperModal,
#ContentPlaceHolder1_GridViewNovaEncomendaWrapperModal{
    z-index: 100;
    /*background-color*/
    /*background-color: #FFF;
    opacity: 0.7;
    filter: progid:DXImageTransform.Microsoft.Alpha(Style=0, Opacity=70);*/
    display: none;
    position:absolute;
    width: 100%;
    height: 100%;
    cursor: not-allowed;
}
#GridViewNovaEncomendaWrapperModal.active,
#ContentPlaceHolder1_GridViewNovaEncomendaWrapperModal.active{
    display: block;
}

/*****************/
/* Loading Panel */
/*****************/
#ASPxPageLP, #ASPxLoadingPanel1, #ASPxFamiliasLP, #ContentPlaceHolder1_ASPxProdutoAddCartLP {
    position: fixed !important;
}
/* Fundo modal do loading panel */
#ASPxPageLP_LD, #ASPxLoadingPanel1_LD {
    /*width: 100% !important;
    height: 100% !important;
    position: fixed !important;*/
}

/*Ie 10/11*/
/* Fixar o fundo modal ao ecrã no Internet Explorer */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    #ASPxPageLP_LD, #ASPxLoadingPanel1_LD {
        position: fixed !important;
    }
}

/*
    Dropdown selecao dia semana mobile
*/
select.DDL_Style {
    background-color: #fafafa;
    border: 1px Solid #d1d1d1;
    border-collapse: separate;
    border-spacing: 0px;
    -webkit-box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, 0.05);
    font: 14px 'Segoe UI','Helvetica Neue','Droid Sans',Arial,Tahoma,Geneva,Sans-serif;
    padding: 6px 2px 6px 7px !important;
}

    select.DDL_Style option {
        padding: 6px 2px 6px 7px !important;
    }

/*#SelecaoDiaMobile {
    display: none;
}*/

/* Grid */

.row{

}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
  content: " ";
  display: table;
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
  clear: both;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
}
.affix {
  position: fixed;
}
@-ms-viewport {
  width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}
.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}
.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}

@media screen and (min-width: 768px) {
    .LabelFullWidthStyle {
        width: calc(((100% /2) /3) - 0px);
    }

    .TextboxFullWidthStyle {
        width: calc((100% / 1.2) + 0px);
    }
}


.container-fluid {
    padding-left: 10px;
    padding-right: 10px;
}

/****************/
/* JS Accordion */
/****************/
/* https://www.elated.com/articles/javascript-accordion/ */
.accordionItem {
    border-bottom-width: 1px;
    border-color: #dbdbdb;
    border-left-width: 0px;
    border-radius: 0px;
    border-style: solid;
    border-top-width: 0px;
    border-right-width: 0px;
    padding: 17px 0;
}

    .accordionItem h2:before {
        /*content: "\f107";
        font: normal normal normal 14px/1 FontAwesome;*/
        content: "\25BC";
        font: normal normal normal 14px/1 FontAwesome;
        display: inline-block;
        font-size: 22px !important;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        padding-right: 10px;
    }

    .accordionItem h2 {
        margin: 0;
        /*font-size: 1.1em;*/
        padding: 0.4em;
        /*color: #fff;*/
        /*background-color: #944;*/
        /*border-bottom: 1px solid #66d;*/
        /*font-size: 20px;*/
        font-size: 16px;
        display: flex;
        /*font-family: 'Oswald', sans-serif;
    font-style: normal;*/
        font-weight: bold;
    }

        .accordionItem h2:hover {
            cursor: pointer;
        }

    .accordionItem div {
        margin: 0;
        padding: 1em 0.4em;
        /*background-color: #eef;*/
        /*border-bottom: 1px solid #66d;*/
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

    .accordionItem.hideI h2 {
        /*color: #000;*/
        /*background-color: #88f;*/
        display: flex;
    }

        .accordionItem.hideI h2:before {
            /*content: "\f106";
            font: normal normal normal 14px/1 FontAwesome;*/
            content: "\25B6";
            font: normal normal normal 14px/1 FontAwesome;
            display: inline-block;
            font-size: 22px !important;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            padding-right: 10px;
        }

    .accordionItem.hideI div {
        display: none;
    }
    .accordionItem:last-child {
    border-bottom-width: 0px;
}

    /***************
    Politica cookies
***************/
.CookieContainer .col-xs-12.collapsed-block{
    padding-left: 0px;
}

.CookieContainer {
}

.accordionItem.hideI .CookieContainer{
    display: none;
}

.accordionItem .CookieContainer{
    display: block;
}

.CookieContainer .links-title{
    border-bottom: 1px dotted #000;
    margin-bottom: 10px;
}
.CookieContainer .links-title:last-child{
    margin-bottom: 20px;
}

.CookieContainer .expander{
    float: right;
    width: 100%;
    position: absolute;
    left: 0;
    text-align: right;
}

.CookieContainer .CookieInfo{
    padding-top: 10px;
    margin-bottom: 10px;
    border-bottom: 1px dotted #000;
    display: block;
}
.CookieContainer .CookieInfo:last-child{
    /*margin-bottom: 20px;*/
    margin-bottom: 0;
    border-bottom: 0px;
}
.CookieContainer .CookieInfo .CookieNome{
    margin: 0 0 5px;
}
.CookieContainer .CookieInfo .CookieOrigem{
    margin: 0 0 5px;
}
.CookieContainer .CookieInfo ul{
    margin: 0;
}
.CookieContainer .CookieInfo li{
    margin: 0;
}
.CookieContainer .CookieInfo li:last-child{
    margin-bottom: 10px;
}
.CookieContainer .CookieInfo p{

}