/* 
********
ELEMENTS
********
*/

body {
    /*font-family:Calibri;     margin-left:200px !important;     margin-right:200px !important;     background:#F5F5F5 !important;       */
    margin: 0;
    min-width: 1092px;
}

.required {
    color: #DD1A1E;
}

.overlayLoading {
    display: none;
    position: absolute;
    top: 0px;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: #ccc;
    z-index: 10;
    opacity: 0.5;
    border-radius: 6px;
    /* This works in IE 8 & 9 too */
    /* ... but also 5, 6, 7 */
    filter: alpha(opacity=50);
    /* Older than Firefox 0.9 */
    -moz-opacity: 0.5;
    /* Safari 1.x (pre WebKit!) */
    -khtml-opacity: 0.5;
    /* Modern!
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ */
    opacity: 0.5;
    background-image: url(../images/loading.gif);
    background-repeat: no-repeat;
    background-position: 50%;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 150px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    margin-top: 13px;
    border: 1px solid #5a5a5c;
    border-radius: 8px;
    top: 34px;
    -webkit-padding-start: 0px;
}

    .dropdown-content a {
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
        text-align: left;
    }

    .dropdown-content li {
        position: relative;
        display: block;
        width: 100%;
    }

    .dropdown-content a:hover {
        background-color: #f1f1f1;
        border-radius: 8px;
    }

.dropdown:hover .dropdown-content {
    display: block;
}



* {
    outline: 0;
    margin: 0;
}

#dialogFirstLogin {
    width: 100px;
}

#searchBar {
    width: 200px;
    min-width: 150px;
}

#searchBarSubOP {
    width: 200px;
    min-width: 150px;
}

#searchBarSalesPerson {
    width: 200px;
    min-width: 150px;
}

#version {
    display: inline;
    color: #7f8c8d;
}

#vers {
    float: right;
    display: inline;
    padding-left: 5px;
    color: #7f8c8d;
}

.uploadAllegationImage #tDocFileOP_0 {
    width: 100% !important;
    float: none !important;
    margin-right: 0px !important;
}

/*.number input {
    background-image: url('../images/icon_euro.png');
    display: inline-block;
    height: 21px;
    background-repeat: no-repeat;
    background-position: 130px 4px;
    vertical-align: middle;
    background-size: 15px;
}
*/
tr.selected td {
    background-color: #7B7B7D;
    border: 1px solid #F7C840 !important;
    color: #fff;
}

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

.groupFields {
    border: 4px solid #D7DCDE;
    background-color: White;
    color: Black;
}

    .groupFields legend {
        font-size: 16px !important;
        color: #BDC3C7 !important;
        font-family: NeoSansPro-Bold !important;
        background-color: White;
    }

.divMenuWS {
    float: none;
    width: 70%;
    display: inline-block;
    box-shadow: 0px 0px 10px 5px #AAAAAA;
    padding: 10px;
    border-radius: 12px;
    position: relative;
}


.ui-widget input {
    font-size: 16px;
    font-family: NeoSansPro-Bold;
    color: #1D1D1D;
}

/*#confNo_bt {
    float: right;
}*/

.container {
    padding-right: 0px;
    padding-left: 0px;
    max-width: 100%;
    margin: 0 auto 0 auto;
}

.ui-datepicker-calendar .ui-state-default {
    border: 1px solid #d8dcdf !important;
    background: #eeeeee url(images/ui-bg_highlight-hard_100_eeeeee_1x100.png) 50% 50% repeat-x !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: none !important;
    background: none !important;
    /* font-weight: bold; */
    /* color: #004276; */
    outline: none !important;
}

.ui-datepicker-calendar .ui-state-default {
    border: 1px solid #d8dcdf !important;
    background: #eeeeee url(images/ui-bg_highlight-hard_100_eeeeee_1x100.png) 50% 50% repeat-x !important;
}



.containerBox {
    padding-right: 0px;
    padding-left: 0px;
    max-width: 100%;
    margin: 0 auto 0 auto;
    padding-top: 35px;
    width: 90%;
    margin: 0 auto;
}

.locateBody {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}

.paddingTop0 {
    padding-top: 0px;
}

.paddingTop35 {
    padding-top: 35px;
}

.textAlignCenter {
    text-align: center;
}

.editAreaDiv {
    width: 100%;
    margin: 0 auto;
    display: flex;
    margin-bottom: 10px;
}

.editDiv {
    margin-right: 10px;
    width: 25% !important;
    border: none !important;
}

.searchDiv {
    background-color: White !important;
    border: 2px solid #D7DCDE !important;
    margin-bottom: 35px !important;
}

.searchInput {
    width: 80%;
    border: none;
}

.filterBar {
    background-color: #F7C840;
    margin-bottom: 35px;
}


.box {
    background-color: #FFF; /*height:500px;     min-height:500px;     vertical-align:super;     border:1px solid #CBCBCB;     /*padding:10px;*/
}

.slider {
    width: 100%;
}


.titlePage {
    font-family: NeoSansPro-Bold;
    font-size: 24px;
    color: #FFFFFF;
    text-transform: uppercase;
}

.eyeSign_pass {
    float: right;
    position: absolute;
    bottom: 17px;
    left: 335px;
    cursor: pointer;
}

.eyeSign_pass_BO {
    float: right;
    position: absolute;
    left: 93%;
    padding-top: 3px;
    cursor: pointer;
}

/*
.breadcrumbs
{
    font-family: NeoSansPro-Medium;
    font-size: 13px;
    color: #7f8c8d;
    text-transform: uppercase;
    cursor: pointer;
}

.breadcrumbs.active, .breadcrumbs.active:hover
{
    color: #FFFFFF;
    cursor: default;
}

.breadcrumbs:hover
{
    color: #e30613;
}



.breadcrumbsBar
{
    font-family: NeoSansPro-Medium;
    font-size: 13px;
    color: #7f8c8d;
    text-transform: uppercase;
    margin-left: 18px;
    margin-right: 18px;
}
*/

.divMenu {
    float: none;
    width: 100%;
    display: inline-block;
    box-shadow: 0px 0px 10px 5px #AAAAAA;
    padding: 10px;
    border-radius: 12px;
}

.divide {
    margin: 5px 0px;
    border: 0;
    border-bottom: 1px dotted #1D1D1D;
}

#leftBar {
    width: 200px;
    min-width: 150px;
}

.menuNS li {
    float: left;
    list-style: none;
}

.menuNS ul {
    margin-top: -3px;
}

.menu_bt {
    margin-top: 3px;
    border-top: 3px solid;
    width: 106px;
    height: 76px;
    text-align: center;
    font-family: NeoSansPro-Regular;
    font-size: 16px;
}

    .menu_bt:hover {
        border-top: 3px solid Gray;
        margin-top: 3px;
    }

    .menu_bt.active, .menu_bt:hover {
        border-top: 3px solid Red;
        margin-top: 3px; /*background-color:Gray;*/
    }

.subMenu {
    height: 24px;
    font-family: NeoSansPro-Medium;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    text-transform: uppercase;
    margin: 4px 4px 2px 4px;
    padding: 4px 9px 2px 9px;
    border-radius: 6px;
    cursor: pointer;
}

    .subMenu a {
        vertical-align: sub;
    }

    .subMenu.active {
        background-color: #DD1A1E;
        color: #FFFFFF;
    }

    .subMenu:hover {
        background-color: #D7DCDE;
        color: #7f8c8d;
    }

.subMenuF {
    height: 24px;
    /* text-align: center;
    */
    font-family: NeoSansPro-Medium;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    text-transform: uppercase;
    margin: 4px 4px 2px 4px;
    padding: 4px 9px 2px 9px;
    border-radius: 6px;
    cursor: pointer;
}

    .subMenuF a {
        vertical-align: sub;
    }

    .subMenuF.active {
        background-color: #DD1A1E;
        color: #FFFFFF;
    }

    .subMenuF:hover {
        background-color: #D7DCDE;
        color: #7f8c8d;
    }

.editAreaEq {
    width: 100%;
    margin: 0 auto;
    display: flex;
    margin-bottom: 10px;
}

.editAreaBr {
    display: flex;
    width: 100%;
}

.p16BoldEq {
    margin-right: 10px;
    width: 25% !important;
    border: none !important;
}

.leftMenuListEq {
    margin-top: 30px;
    float: none !important;
    width: 98% !important;
    margin-left: 0px;
    margin-right: 0px !important;
}

.pageDivEq {
    margin-bottom: 35px !important;
    margin-bottom: 10px !important;
    background-color: #DBDBDB !important;
}

.textAreaObs {
    width: 74% !important;
    border-radius: 6px !important;
    border: 1px solid #D7DCDE !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.attachFileDiv {
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 20px;
    padding-left: 20px;
}

.centro {
    background-image: url('../images/menu_centro.png');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    cursor: pointer;
}

    .centro:hover, .centro.active {
        background-image: url('../images/menu_centro_selec.png');
    }

.centers {
    background-image: url('../images/menu_centers.png');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    cursor: pointer;
}

    .centers:hover, .centers.active {
        background-image: url('../images/menu_centers_selec.png');
    }

.relatorios {
    background-image: url('../images/menu_relatorios.png');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    cursor: pointer;
}

    .relatorios:hover, .relatorios.active {
        background-image: url('../images/menu_relatorios_selec.png');
    }

.reports {
    background-image: url('../images/menu_reports.png');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    cursor: pointer;
}

    .reports:hover, .reports.active {
        background-image: url('../images/menu_reports_selec.png');
    }

.admin {
    background-image: url('../images/menu_admin.png');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    cursor: pointer;
}

    .admin:hover, .admin.active {
        background-image: url('../images/menu_admin_selec.png');
    }

.gestao {
    background-image: url('../images/menu_gestao.png');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    cursor: pointer;
}

    .gestao:hover, .gestao.active {
        background-image: url('../images/menu_gestao_selec.png');
    }

.management {
    background-image: url('../images/menu_management.png');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    cursor: pointer;
}

    .management:hover, .management.active {
        background-image: url('../images/menu_management_selec.png');
    }

.pagamentos {
    background-image: url('../images/menu_pagamentos.png');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    cursor: pointer;
}

    .pagamentos:hover, .pagamentos.active {
        background-image: url('../images/menu_pagamentos_selec.png');
    }

.payments {
    background-image: url('../images/menu_payments.png');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    cursor: pointer;
}

    .payments:hover, .payments.active {
        background-image: url('../images/menu_payments_selec.png');
    }

.menu_divider {
    width: 4px;
    height: 105px;
    background-image: url('../images/menu_divider.png');
    background-repeat: no-repeat;
    background-position: 50% 50%;
}


p, div, ul, li {
    font-family: NeoSansPro-Regular;
}

.btn {
    font-family: NeoSansPro-Bold;
}

#nav1, #nav2, #nav3, #nav4 {
    font-family: NeoSansPro-Bold;
    font-size: 19px;
    text-transform: uppercase;
}

.p12Regular {
    font-size: 12px;
    font-family: NeoSansPro-Regular;
}

.p12RegularBold {
    font-size: 12px;
    font-family: NeoSansPro-Regular;
    font-weight: 600;
}

.p14Regular {
    font-size: 14px;
    font-family: NeoSansPro-Regular;
}

.p14Bold {
    font-size: 14px;
    font-family: NeoSansPro-Bold;
}

.p14BoldUpper {
    color: #1D1D1D;
    text-transform: uppercase;
    font-size: 14px;
    font-family: NeoSansPro-Bold;
}


.p14BoldGrey {
    font-size: 14px;
    color: #95a5a6;
    font-family: NeoSansPro-Bold;
}

.p14BoldGreyUpper {
    font-size: 14px;
    color: #95a5a6;
    font-family: NeoSansPro-Bold;
    text-transform: uppercase;
}

.p14BoldGreyUpperImportant {
    font-size: 14px !important;
    color: #95a5a6;
    font-family: NeoSansPro-Bold !important;
    text-transform: uppercase;
}

.p16Regular {
    font-size: 16px;
    font-family: NeoSansPro-Regular;
}

.p16RegularBold {
    font-size: 16px;
    font-family: NeoSansPro-Regular;
    font-weight: 600;
}

.p16Bold {
    font-size: 16px;
    font-family: NeoSansPro-Bold;
}

.p16BoldUpper {
    color: #1D1D1D;
    text-transform: uppercase;
    font-size: 16px;
    font-family: NeoSansPro-Bold;
}


.p16BoldGrey {
    font-size: 16px;
    color: #95a5a6;
    font-family: NeoSansPro-Bold;
}

.p16BoldGreyUpper {
    font-size: 16px;
    color: #95a5a6;
    font-family: NeoSansPro-Bold;
    text-transform: uppercase;
}

.p16BoldGreyUpperImportant {
    font-size: 16px !important;
    color: #95a5a6;
    font-family: NeoSansPro-Bold !important;
    text-transform: uppercase;
}

.p20Bold {
    font-size: 20px !important;
    color: #1D1D1D;
    font-family: NeoSansPro-Bold !important;
}

.p20BoldGreyUpper {
    font-size: 20px !important;
    color: #95a5a6;
    font-family: NeoSansPro-Bold !important;
    text-transform: uppercase;
}

.p20BoldGrey {
    font-size: 20px !important;
    color: #95a5a6;
    font-family: NeoSansPro-Bold !important;
}

.p20BoldUpper {
    font-size: 20px !important;
    color: #1D1D1D;
    font-family: NeoSansPro-Bold !important;
    text-transform: uppercase;
}

.p24BoldUpper {
    border-bottom: 1px solid Black;
    padding: 10px 0px;
    font-size: 24px;
    font-family: NeoSansPro-Bold;
    text-transform: uppercase;
}


.p24BoldGreyUpper {
    font-size: 24px;
    color: #95a5a6;
    font-family: NeoSansPro-Bold;
    text-transform: uppercase;
}

.p16MediumGrey {
    font-size: 16px;
    color: dimgray;
    font-family: NeoSansPro-Medium !important;
}

    .p16MediumGrey::placeholder, .p16MediumGreyPlace {
        font-size: 16px;
        color: #95a5a6;
        font-family: NeoSansPro-Medium !important;
    }

.p19MediumWhite {
    color: White;
    font-size: 19px;
    font-family: NeoSansPro-Medium;
}

.p20MediumGrey {
    font-size: 20px;
    color: #95a5a6;
    font-family: NeoSansPro-Medium;
}


.editSign {
    width: 24px;
    height: 24px;
    background-image: url('../images/bt_edit.png');
    background-repeat: no-repeat;
    cursor: pointer;
    vertical-align: middle;
}


    .editSign:hover {
        background-image: url('../images/bt_edit_over.png');
    }


.openText {
    width: 19px;
    height: 12px;
    background-image: url('../images/seta_baixo.png');
    background-repeat: no-repeat;
    cursor: pointer;
    float: right;
    margin: 20px 0px 0 0;
}

    .openText:hover {
        background-image: url('../images/seta_baixo_over.png');
    }

.closeText {
    width: 19px;
    height: 12px;
    background-image: url('../images/seta_cima.png');
    background-repeat: no-repeat;
    cursor: pointer;
    float: right;
    margin: 20px 0px 0 0;
}

    .closeText:hover {
        background-image: url('../images/seta_cima_over.png');
    }

/*-white-*/

.openTextWhite {
    width: 19px;
    height: 12px;
    background-image: url('../images/seta_baixo_branco.png');
    background-repeat: no-repeat;
    cursor: pointer;
    float: right;
    margin: 20px 10px 0 0;
}

    .openTextWhite:hover {
        background-image: url('../images/seta_baixo_preto.png');
    }

.closeTextWhite {
    width: 19px;
    height: 12px;
    background-image: url('../images/seta_cima_branco.png');
    background-repeat: no-repeat;
    cursor: pointer;
    float: right;
    margin: 20px 10px 0 0;
}

    .closeTextWhite:hover {
        background-image: url('../images/seta_cima_preto.png');
    }

/*-black-*/

.openTextBlack {
    width: 19px;
    height: 12px;
    background-image: url('../images/seta_baixo_preto.png');
    background-repeat: no-repeat;
    cursor: pointer;
    float: right;
    margin: 7px 0px 0 0;
}

    .openTextBlack:hover {
        background-image: url('../images/seta_baixo_over.png');
    }

.closeTextBlack {
    width: 19px;
    height: 12px;
    background-image: url('../images/seta_cima_preto.png');
    background-repeat: no-repeat;
    cursor: pointer;
    float: right;
    margin: 7px 0px 0 0;
}

    .closeTextBlack:hover {
        background-image: url('../images/seta_cima.png');
    }


.arrowSignRight {
    width: 24px;
    height: 24px;
    background-image: url('../images/seta_direita.png');
    background-repeat: no-repeat;
    cursor: pointer;
    float: right;
    margin: 0px 0px 0 0;
}

    .arrowSignRight:hover {
        background-image: url('../images/seta_direita_over.png');
    }

.calendarGray {
    width: 24px;
    height: 24px;
    background-image: url('../images/icone_datepicker.png');
    background-repeat: no-repeat;
    float: right;
}

.loupeSignBlack {
    width: 24px;
    height: 24px;
    background-image: url('../images/lupa_01.png');
    background-repeat: no-repeat;
    /*cursor: pointer;*/
    float: right;
}

.loupeSignGrey_Brokers {
    width: 24px;
    height: 24px;
    background-image: url('../images/lupa_03.png');
    background-repeat: no-repeat;
    /*cursor: pointer;*/
    float: right;
}

.loupeIcon {
    background-image: url('../images/lupa_01.png');
    background-repeat: no-repeat;
    /*cursor: pointer;*/
}

.loupeSignGrey_SubBrokers {
    width: 24px;
    height: 24px;
    background-image: url('../images/lupa_03.png');
    background-repeat: no-repeat;
    /*cursor: pointer;*/
    float: right;
}

.loupeSignGrey_Seller {
    width: 24px;
    height: 24px;
    background-image: url('../images/lupa_03.png');
    background-repeat: no-repeat;
    /*cursor: pointer;*/
    float: right;
}

.loupeSignGrey {
    width: 24px;
    height: 24px;
    background-image: url('../images/lupa_03.png');
    background-repeat: no-repeat;
    /*cursor: pointer;*/
    float: right;
}

.searchIconGrey {
    width: 24px;
    height: 24px;
    background-image: url('../images/lupa_03.png');
    background-repeat: no-repeat;
    /*cursor: pointer;*/
    float: right;
}

.loupeSignWhite {
    width: 24px;
    height: 24px;
    background-image: url('../images/lupa_02.png');
    background-repeat: no-repeat;
    /*cursor: pointer;*/
    float: right;
}

.editText {
    width: 23px;
    height: 18px;
    background-image: url('../images/icon_edit01.png');
    background-repeat: no-repeat;
    cursor: pointer;
    float: right;
}

    .editText:hover {
        background-image: url('../images/icon_edit01_over.png');
    }

.mailSign {
    width: 40px;
    height: 40px;
    background-image: url('../images/bt_candidatar.png');
    background-repeat: no-repeat;
    cursor: pointer;
    float: right;
    margin: 16px 10px 0 0;
}


    .mailSign:hover {
        background-image: url('../images/bt_candidatar_over.png');
    }

.downloadSign {
    width: 40px;
    height: 40px;
    background-image: url('../images/bt_download.png');
    background-repeat: no-repeat;
    cursor: pointer;
    float: right;
    margin: 16px 10px 0 0;
}

    .downloadSign:hover {
        background-image: url('../images/bt_download_over.png');
    }

fieldset {
    border: none;
    padding: 10px;
    display: block;
    clear: both;
    margin: 5px 0px;
}

legend {
    padding: 0px 10px;
    background: black;
    color: #FFF;
}

.editUserDiv {
    width: 9% !important;
    background-color: #D7DCDE;
    cursor: pointer;
}

input.fieldname {
    border-radius: 6px;
    border: 1px solid #D7DCDE;
    padding-top: 10px;
    padding-bottom: 10px;
}

select.fieldtype {
    float: left;
    display: block;
    margin: 5px;
}

input.remove {
    margin-left: 10px;
}

#yourform label {
    float: left;
    clear: left;
    display: block;
    margin: 5px;
}

#yourform input, #yourform textarea {
    float: left;
    display: block;
    margin: 5px;
}

.fieldwrapper {
    margin-bottom: 10px;
}

#add {
    margin-bottom: 10px;
    width: 20%;
    font-size: 15px;
    font-weight: bold;
    cursor: pointer;
    border-radius: 6px;
    border: 1px solid #D7DCDE;
    background-color: #D7DCDE;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

#addN {
    margin-bottom: 10px;
    width: 25%;
    font-size: 15px;
    font-weight: bold;
    cursor: pointer;
    border-radius: 6px;
    border: 1px solid #D7DCDE;
    background-color: #D7DCDE;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

.anexoButton {
    cursor: pointer;
}

.anexoButtonDiv {
    font-size: 15px;
    font-weight: bold;
    text-align: center;
}

.attachFile {
    width: 11% !important;
    height: auto !important;
    background-color: #D7DCDE;
    cursor: pointer;
}

#ui-datepicker-div {
    border: 1px solid #D7DCDE !important;
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0;
    background-color: rgb(215, 220, 222) !important;
    color: #333333 !important;
}

.ui-datepicker-calendar .ui-state-default {
    border: 1px solid #d8dcdf !important;
    background: #eeeeee url(images/ui-bg_highlight-hard_100_eeeeee_1x100.png) 50% 50% repeat-x !important;
}

#remover {
    width: 20%;
    font-size: 15px;
    font-weight: bold;
    cursor: pointer;
    border-radius: 6px;
    border: 1px solid #D7DCDE;
    background-color: #D7DCDE;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #333333;
}

#buildyourform {
    width: 80%;
    float: none;
    margin: 0px;
    padding: 0px;
}

#buildyourformN {
    padding: 0px;
}

.toggleOffButton {
    width: 80px;
    height: 29px;
    background-image: url('../images/toggle_off.png');
    background-repeat: no-repeat;
    cursor: pointer;
    float: right;
}

.newDoc {
    width: 100%;
    margin: 0 auto;
    display: flex;
}

.anexoButton {
    width: 100% !important;
}

.buildYouFormDiv {
    width: 71%;
}

.newDocDiv {
    margin-right: 10px;
    width: 25%;
    border: none;
}

#selectTipoID {
    padding-left: 0px;
}

.toggleOnButton {
    width: 80px;
    height: 29px;
    background-image: url('../images/toggle_on.png');
    background-repeat: no-repeat;
    cursor: pointer;
    float: right;
}

.closeSign {
    width: 21px;
    height: 20px;
    background-image: url('../images/icon_fechar.png');
    background-repeat: no-repeat;
    cursor: pointer;
    float: right;
}

    .closeSign:hover {
        background-image: url('../images/icon_fechar_fechar.png');
    }

.boxButton {
    float: right;
}

.rightMenuList {
    float: left;
    display: inline-block;
    box-shadow: 0px 0px 10px 5px #AAAAAA;
    padding: 10px;
    border-radius: 12px;
    left: 280px;
    right: 20px;
    width: calc(100% - 300px);
}

.leftMenuList {
    float: left;
    width: 245px;
    margin-right: 20px;
    box-shadow: 0px 0px 10px 5px #AAAAAA;
    padding: 10px;
    border-radius: 12px;
}

.searchMenuList {
    float: left;
    width: 245px;
    margin-right: 20px;
    box-shadow: 0px 0px 10px 5px #AAAAAA;
    padding: 10px;
    border-radius: 12px;
    width: 100px;
    min-width: 150px;
}

.boxText {
    min-height: 50px;
    background-color: #ecf0f1;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin: 10px 0 10px 0;
}

.boxText2 {
    min-height: 37px;
    background-color: #ecf0f1;
    padding-top: 13px;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin: 0px 0 0px 0;
}

.boxText3 {
    min-height: 34px;
    background-color: #ecf0f1;
    padding-top: 6px;
    padding-left: 6px;
    padding-right: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin: 0px 0 0px 0;
}

.boxText4 {
    min-height: 37px;
    padding-top: 13px;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin: 0 0 10px 0;
    background-color: White;
    border: 1px solid #D7DCDE;
}

    .boxText4 input[type=text] {
        width: 100%;
        border: none;
    }

        .boxText4 input[type=text][disabled] {
            background-color: #ecf0f1;
            color: #92a4a4;
        }

    .boxText4.disabled {
        background-color: #ecf0f1;
    }

.boxText .p16Bold {
    display: inline;
}

.text_boxText {
    margin-top: 10px;
    border-top: 2px solid #BDC3C7;
    padding-top: 5px;
    padding-bottom: 10px;
    white-space: pre-wrap;
    text-align: justify;
}

    .text_boxText p {
        text-indent: 0px !important;
    }

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

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

.btn {
    height: 50px;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 1.42857143;
    text-align: left;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: none;
    border-radius: 6px;
    padding-bottom: 7px;
    padding-top: 7px;
    margin-bottom: 10px;
}

.btn-default {
    color: #92a4a4;
    background-color: #D7DCDE;
}

    .btn-default:hover {
        color: #FFF;
        background-color: #E30613;
        outline-style: none !important;
    }

/*.btn-default:focus, .btn-default:active, .btn-default.active {
        color: #FFF;
        background-color: #E30613;
        outline-style: none !important;
    }*/

.btn-arrowright.active {
    cursor: default;
}

.btn-arrowright:focus, .btn-arrowright:active, .btn-arrowright.active, .btn-arrowright:hover {
    color: #FFF;
    background-color: #E30613;
    outline-style: none !important;
    background-image: url('../images/seta_direita_branco.png');
    background-repeat: no-repeat;
    background-position: 95% 50%;
    margin-right: 10px;
}

.btn-arrowright {
    background-image: url('../images/seta_direita.png');
    background-repeat: no-repeat;
    background-position: 95% 50%;
}

.btn-loupe {
    background-image: url('../images/lupa_02.png');
    background-repeat: no-repeat;
    background-position: 12% 50%;
}

    .btn-loupe:hover {
        background-image: url('../images/lupa_03.png');
    }

.btn-thumbsgrid {
    width: 40px;
    height: 40px;
    background-image: url('../images/bt_thumbs01.png');
    background-repeat: no-repeat;
    background-position: 95% 50%;
}

    .btn-thumbsgrid:focus, .btn-thumbsgrid:hover, .btn-thumbsgrid:active, .btn-thumbsgrid.active {
        width: 40px;
        height: 40px;
        color: #FFF;
        background-color: #E30613;
        outline-style: none !important;
        background-image: url('../images/bt_thumbs01_select.png');
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }

.btn-thumbsgrid_02 {
    width: 40px;
    height: 40px;
    background-image: url('../images/bt_thumbs02.png');
    background-repeat: no-repeat;
    background-position: 95% 50%;
}

    .btn-thumbsgrid_02:focus, .btn-thumbsgrid_02:hover, .btn-thumbsgrid_02:active, .btn-thumbsgrid_02.active {
        width: 40px;
        height: 40px;
        color: #FFF;
        background-color: #E30613;
        outline-style: none !important;
        background-image: url('../images/bt_thumbs02_select.png');
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }

.btn-thumbslist {
    width: 40px;
    height: 40px;
    background-image: url('../images/bt_list.png');
    background-repeat: no-repeat;
    background-position: 95% 50%;
}

    .btn-thumbslist:focus, .btn-thumbslist:active, .btn-thumbslist.active, .btn-thumbslist:hover {
        width: 40px;
        height: 40px;
        color: #FFF;
        background-color: #E30613;
        outline-style: none !important;
        background-image: url('../images/bt_list_select.png');
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }

.btn-list {
    width: 40px;
    height: 40px;
    background-image: url('../images/bt_table.png');
    background-repeat: no-repeat;
    background-position: 95% 50%;
}

    .btn-list:focus, .btn-list:active, .btn-list.active, .btn-list:hover {
        width: 40px;
        height: 40px;
        color: #FFF;
        background-color: #E30613;
        outline-style: none !important;
        background-image: url('../images/bt_table_over.png');
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }

.btn-videos {
    width: 40px;
    height: 40px;
    background-image: url('../images/bt_videos.png');
    background-repeat: no-repeat;
    background-position: 95% 50%;
}

    .btn-videos:focus, .btn-videos:active, .btn-videos.active, .btn-videos:hover {
        width: 40px;
        height: 40px;
        color: #FFF;
        background-color: #E30613;
        outline-style: none !important;
        background-image: url('../images/bt_videos_over.png');
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }

.btn-images {
    width: 40px;
    height: 40px;
    background-image: url('../images/bt_images.png');
    background-repeat: no-repeat;
    background-position: 95% 50%;
}

    .btn-images:focus, .btn-images:active, .btn-images.active, .btn-images:hover {
        width: 40px;
        height: 40px;
        color: #FFF;
        background-color: #E30613;
        outline-style: none !important;
        background-image: url('../images/bt_images_over.png');
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }

.boxAll {
    /*z-index:0;
    overflow: hidden;*/
    /*position: relative;*/
    min-height: 50px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background-color: #FFFFFF;
    /*border: 2px solid #D7DCDE;*/
    zoom: 1;
    margin: 10px 0 10px 0;
}

.boxHeader {
    height: 50px;
    line-height: 50px;
    color: #393939;
    padding-left: 15px;
    color: #ffffff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background-color: #E30613;
    zoom: 1;
    font-size: 16px;
    font-family: NeoSansPro-Bold;
    text-transform: uppercase;
    position: relative;
    z-index: 2;
}

.boxNumber {
    font-family: NeoSansPro-Regular;
    font-size: 14px;
    color: White;
    font-weight: normal;
}

.multiselect {
    padding: 8px 0px 10px 0px;
    width: 100%;
    max-height: 220px;
    border: 0;
    overflow-x: hidden;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.multiselect_border {
    border: 2px solid #D7DCDE;
    padding-top: 10px;
    margin-top: -10px;
    z-index: 1;
    position: relative;
    padding-right: 1px;
    border-radius: 6px;
}

.multiselect label {
    padding: 5px 15px;
    /*height:20px;
    display:block;
    width:100%;*/
}

.checkBox input[type=checkbox] {
    visibility: hidden;
}


/**
 * Checkbox Five
 */
.checkBox {
    width: 100%;
    font-family: NeoSansPro-Regular;
    font-size: 14px;
    color: Black;
}

    /**
 * Create the box for the checkbox
 */
    .checkBox label {
        cursor: pointer;
        width: 20px;
        height: 20px;
        vertical-align: middle;
        background: url('../images/pick_unchecked.png') left top no-repeat;
    }

        .checkBox label:hover {
            background: url('../images/pick_over.png') left top no-repeat;
        }


    .checkBox input[type="checkbox"]:checked + label {
        background: url('../images/pick_checked.png') left top no-repeat;
    }


/**
 * Checkbox
 */
.checkBox2 {
    width: 100%;
    font-family: NeoSansPro-Regular;
    font-size: 14px;
    color: Black;
}

    /**
 * Create the box for the checkbox
 */
    .checkBox2 label {
        cursor: pointer;
        width: 23px;
        height: 18px;
        vertical-align: middle;
        background: url('../images/pick_invisible_over.png') left top no-repeat;
    }

    /*.checkBox2 label:hover
{
    background: url('../images/pick_visible_over.png') left top no-repeat;
}*/


    .checkBox2 input[type="checkbox"]:checked + label {
        background: url('../images/pick_visible_over.png') left top no-repeat;
    }

/*.checkBox2 input[type="checkbox"]:checked + label:hover
{
    background: url('../images/pick_invisible_over.png') left top no-repeat;
}*/


.checkBoxGaleria {
    width: 100%;
    font-family: NeoSansPro-Bold;
    font-size: 16px;
    color: Black;
    margin: 10px 0;
    text-transform: uppercase;
}

    .checkBoxGaleria input[type="checkbox"] {
        width: 0;
    }

    .checkBoxGaleria label {
        padding-top: 2px;
    }


button p {
    float: left;
    padding-top: 3px;
    font-family: NeoSansPro-Bold;
}

.multiselect hr {
    margin: 5px 15px;
    border: 0;
    border-top: 1px solid #D7DCDE;
}

.overlayImage {
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    position: absolute;
    background-color: rgba(0,0,0,0.5);
    padding: 10px;
    display: none;
    word-break: break-word;
}

.favoriteSign {
    width: 43px;
    height: 43px;
    background-image: url('../images/icon_favorito.png'); /* background-repeat: no-repeat; */
    float: right;
    cursor: pointer;
    margin-right: 10px;
    margin-top: 10px;
}

    .favoriteSign.active, .favoriteSign:active {
        background-image: url('../images/icon_favorito_select.png');
    }

@font-face {
    font-family: 'NeoSansPro-Bold';
    src: url('../fonts/NeoSansPro-Bold.eot'); /* IE9 Compat Modes */
    src: url('../fonts/NeoSansPro-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/NeoSansPro-Bold.ttf') format('truetype'); /* Safari, Android, iOS */
}

@font-face {
    font-family: NeoSansPro-BoldItalic;
    src: url('../fonts/NeoSansPro-BoldItalic.ttf' );
}

@font-face {
    font-family: NeoSansPro-Italic;
    src: url('../fonts/NeoSansPro-Italic.ttf' );
}

@font-face {
    font-family: 'NeoSansPro-Light';
    src: url('../fonts/NeoSansPro-Light.eot'); /* IE9 Compat Modes */
    src: url('../fonts/NeoSansPro-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/NeoSansPro-Light.ttf') format('truetype'); /* Safari, Android, iOS */
}

@font-face {
    font-family: NeoSansPro-LightItalic;
    src: url('../fonts/NeoSansPro-LightItalic.ttf' );
}


@font-face {
    font-family: 'NeoSansPro-Medium';
    src: url('../fonts/NeoSansPro-Medium.eot'); /* IE9 Compat Modes */
    src: url('../fonts/NeoSansPro-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/NeoSansPro-Medium.ttf') format('truetype'); /* Safari, Android, iOS */
}



@font-face {
    font-family: 'NeoSansPro-Regular';
    src: url('../fonts/NeoSansPro-Regular.eot'); /* IE9 Compat Modes */
    src: url('../fonts/NeoSansPro-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/NeoSansPro-Regular.ttf') format('truetype'); /* Safari, Android, iOS */
}

@font-face {
    font-family: 'NeoSansPro-Ultra';
    src: url('../fonts/NeoSansPro-Ultra.eot'); /* IE9 Compat Modes */
    src: url('../fonts/NeoSansPro-Ultra.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/NeoSansPro-Ultra.ttf') format('truetype'); /* Safari, Android, iOS */
}


select {
    font-size: 16px !important;
    font-family: NeoSansPro-Bold !important;
    width: 100%;
    border: none;
    outline: none;
    appearance: none;
    -moz-appearance: none; /* Firefox */
    -webkit-appearance: none; /* Safari and Chrome */
    background: url(../images/seta_baixo.png) 100% 50% no-repeat;
    background-size: 15px;
    cursor: pointer;
    text-overflow: '   ';
}

    select:hover {
        background: url(../images/seta_baixo_over.png) 100% 50% no-repeat;
        background-size: 15px;
        background-color: #ecf0f1;
    }

    select:disabled {
        cursor: not-allowed;
    }

        select:disabled:hover {
            background: url(../images/seta_baixo.png) 100% 50% no-repeat;
        }

/*
.ui-widget select
{
    padding:10px;
    background-position:95% 50%;
    font-family: NeoSansPro-Medium !important;
    font-size:16px !important;
}*/

.arrowBlack {
    background: url(../images/seta_baixo_preto.png) 100% 50% no-repeat;
}


/**jquery ui dialog*/
#dialog .no-close .ui-dialog-titlebar-close {
    display: none;
}


.ui-dialog-titlebar {
    display: none; /*background:url(../images/icon_fechar.png) 100% 50% no-repeat;*/
}

.ui-widget-header {
    border: none !important; /*background:transparent url(../images/icon_fechar.png) no-repeat 100% 50% !important; background-color: transparent !important;*/
    background-color: transparent !important;
    font-size: 16px !important;
    color: #BDC3C7 !important;
    font-family: NeoSansPro-Bold !important;
}

.ui-state-default .ui-icon {
    width: 21px;
    height: 20px;
    background: transparent url(../images/icon_fechar.png) no-repeat 0 0 !important;
}

    .ui-state-default .ui-icon:hover {
        background: transparent url(../images/icon_fechar_fechar.png) no-repeat 0 0 !important;
    }


.ui-dialog-titlebar .ui-widget-header .ui-corner-all .ui-helper-clearfix {
    border-bottom: 1px solid Black !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: none !important;
    background: none !important; /* font-weight: bold; */ /* color: #004276; */
    outline: none !important;
}

.ui-dialog .ui-dialog-content {
    padding: 0 !important;
}

.ui-dialog {
    padding: 0 !important;
}

.ui-widget-content {
    border: none !important;
}

.loginInput {
    width: 313px;
    border: none;
    padding-left: 10px;
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
    height: 42px;
    margin-left: 2px;
    font-size: 20px;
    font-family: NeoSansPro-Medium;
}

/*
#loginBt
{
    width: 370px;
    height: 50px;
    text-align: center;
    font-size: 20px;
    color: White;
    font-family: NeoSansPro-Bold;
    background-color: #E30613;
    text-transform: uppercase;
}

.loginTab
{
    width: 252px;
    height: 50px;
    display: inline-block;
    color: white;
    font-size: 20px;
    font-family: NeoSansPro-Bold;
    text-align: center;
    padding-top: 12px;
    cursor: pointer;
    text-transform: uppercase;
}
.loginTabFbGoogle
{
    width: 252px;
    height: 50px;
    display: inline-block;
    color: #FFFFFF;
    font-size: 16px;
    font-family: NeoSansPro-Medium;
    text-align: center;
    padding-top: 12px;
    cursor: pointer;
}
.iconFB
{
    background-image: url(../images/icon_facebook_login.png);
    background-repeat: no-repeat;
    background-position: 18px 10px;
}


.iconGoogle
{
    background-image: url(../images/icon_google_login.png);
    background-repeat: no-repeat;
    background-position: 28px 10px;
}

.loginTextArea
{
    width: 370px;
    height: 50px;
    padding-left: 55px;
    outline: none;
    border-radius: 6px;
    border: 2px solid #dee1e3;
    color: #94a6a6;
    font-size: 20px !important;
    font-family: NeoSansPro-Medium !important;
}

#pass
{
    background: url(../images/password.png) 0 50% no-repeat;
}

#user
{
    background: url(../images/username.png) 0 50% no-repeat;
}

*/


/*Login*/

.loginPageName {
    font-size: 24px;
    font-family: NeoSansPro-Bold;
    color: White;
    text-transform: uppercase;
    padding-top: 21px;
}



.login {
    width: 450px;
    border: 2px solid #dee1e3;
    margin: 0 auto 0 auto;
    text-align: center;
    min-height: 410px !important;
    border-radius: 6px;
    position: relative;
}

.loginTextArea {
    width: 370px;
    height: 50px;
    color: #94a6a6;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.loginBorderArea {
    border: 2px solid #dee1e3;
    width: 325px;
    height: 46px;
    border-left: none;
    margin-left: 47px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

#pass {
    width: 313px;
    border: none;
    padding-left: 10px;
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
    height: 42px;
    margin-left: 2px;
    font-size: 20px;
    font-family: NeoSansPro-Medium;
}

#user {
    width: 313px;
    border: none;
    padding-left: 10px;
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
    height: 42px;
    margin-left: 2px;
    font-size: 20px;
    font-family: NeoSansPro-Medium;
}

#firstPass {
    float: left;
    width: 313px;
    border: none;
    padding-left: 10px;
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
    height: 42px;
    margin-left: 2px;
    font-size: 20px;
    font-family: NeoSansPro-Medium;
    background-color: rgb(250, 255, 189);
}

#newP {
    float: left;
    width: 313px;
    border: none;
    padding-left: 10px;
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
    height: 42px;
    margin-left: 2px;
    font-size: 20px;
    font-family: NeoSansPro-Medium;
    background-color: rgb(250, 255, 189);
}

#newPassC {
    float: left;
    width: 313px;
    border: none;
    padding-left: 10px;
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
    height: 42px;
    margin-left: 2px;
    font-size: 20px;
    font-family: NeoSansPro-Medium;
    background-color: rgb(250, 255, 189);
}

.pass {
    background: url(../images/password.png) 0 50% no-repeat;
}

.user {
    background: url(../images/username.png) 0 50% no-repeat;
}

.phone {
    background: url(../images/bt_phone.png) 0 50% no-repeat;
    background-size: contain;
}

.g-recaptcha {
    display: inline-block;
    margin: 15px 0px 25px 0px;
}

.changePassWarning {
    padding: 0 !important;
    width: 100% !important;
    border: none !important;
    font-size: 13px;
    color: red;
}

.loginPassWarning {
    padding: 5px !important;
    width: 90% !important;
    border: none !important;
    font-size: 13px;
    color: red;
}

#loginBt {
    width: 373px;
    height: 50px;
    text-align: center;
    font-size: 20px;
    color: White;
    font-family: NeoSansPro-Bold;
    background-color: #E30613;
    text-transform: uppercase;
}

#ButtonChange {
    width: 370px;
    height: 50px;
    text-align: center;
    font-size: 20px;
    color: White;
    font-family: NeoSansPro-Bold;
    background-color: #E30613;
    text-transform: uppercase;
}

#ButtonPassRecovery, #ButtonCancel {
    text-transform: uppercase;
    text-align: center;
    width: 40%;
}

.btn-recoverPass {
    background-color: #D7DCDE;
    cursor: pointer;
    width: 24%
}

    .btn-recoverPass:hover {
        background-color: #E30613;
        color: white;
    }

    .btn-recoverPass:not( :hover ) {
        background-color: #D7DCDE;
        color: #333333;
    }

/*Login*/

.exitSign {
    background: url(../images/icon_fechar.png) 100% 50% no-repeat;
    float: right;
    width: 100%;
    height: 20px;
    cursor: pointer;
}

    .exitSign:hover {
        background: url(../images/icon_fechar_fechar.png) 100% 50% no-repeat;
    }



.editTextArea {
    width: 87%;
    height: 52px;
    padding-left: 10px;
    outline: none;
    border-radius: 6px;
    border: 1px solid #D7DCDE;
}


/*.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button
 {
     font-size: 16px !important;font-family: NeoSansPro-Bold !important;
     
 }*/

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: 0 !important;
    top: 0 !important;
    width: 60px !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 30px !important;
}

.ui-dialog .ui-dialog-nNumber {
    position: absolute;
    right: 0 !important;
    top: 0 !important;
    padding: .4em 1em !important;
    width: 60px !important;
}

.ui-dialog .ui-dialog-titlebar-nNumber {
    position: absolute;
    right: 0 !important;
    top: 0 !important;
    width: 80px !important;
    margin: 0 !important;
    padding: .4em 1em !important;
    height: 30px !important;
    font-size: 16px !important;
    color: #BDC3C7 !important;
    font-family: NeoSansPro-Bold !important;
}


#newsletter {
    background-image: url(../images/bt_newsletter_01.png);
    background-repeat: no-repeat;
    width: 36px;
    height: 36px;
    float: right;
    cursor: pointer;
}

    #newsletter:hover {
        background-image: url(../images/bt_newsletter_01_over.png);
    }

.newsletter {
    width: 250px;
    height: 36px;
    padding-left: 10px;
    outline: none;
    border: none;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    background-color: #d7dcde;
    color: #7f8c8d;
}


.textEdit {
    width: 100%;
    height: 300px;
    margin: 0px;
    border-radius: 6px;
    resize: none;
    outline: none;
    border: 2px solid #D7DCDE;
}

/*#tableList 
 {
     font-family:NeoSansPro-Bold;
     font-size:16px;
 }*/

.pollTable td:nth-child(2) {
    font-family: NeoSansPro-Bold !important;
    font-size: 16px;
    /* word-break: break-word;*/
}

    .pollTable td:nth-child(2).tableFnOpenTd {
        font-family: NeoSansPro-Regular !important;
        /* word-break: break-word;*/
    }

/*FRONT SUB BROKER TABLE*/
#tableListBr td, th {
    border: 1px solid #FFFFFF;
}

#tableListBr th, #tableListBr th, #tableListBr_ th, #tableListBr_2 th, #tableListBr_3 th {
    background-color: #D1D2D4;
    font-family: NeoSansPro-Bold;
    font-size: 12px;
    color: #404042;
    text-transform: uppercase;
}

    #tableListBr th:first-child, #tableListBr th:first-child, #tableListBr_ th:first-child, #tableListBr_2 th:first-child, #tableListBr_3 th:first-child {
        border-top-left-radius: 12px;
    }

    #tableListBr th:last-child, #tableListBr th:last-child, #tableListBr_ th:last-child, #tableListBr_2 th:last-child, #tableListBr_3 th:last-child {
        border-top-right-radius: 12px;
    }

#tableListBr td, #table_List td, #tableListBr_ td, #tableListBr_2 td, #tableListBr_3 td {
    border-bottom: 0px solid #D1D2D4;
}

#tableListBr tr:nth-child(odd) {
    background-color: #FFFFFF;
}

#tableListBr tr:nth-child(even) {
    background-color: #ECECEE;
}

#tableListBr tr:last-child td, #tableListBr tr:last-child td, #tableListBr_ tr:last-child td, #tableListBr_2 tr:last-child td, #tableListBr_3 tr:last-child td {
    border-bottom: none;
}

    #tableListBr tr:last-child td:first-child, #tableListBr tr:last-child td:first-child, #tableListBr_ tr:last-child td:first-child, #tableListBr_2 tr:last-child td:first-child, #tableListBr_3 tr:last-child td:first-child {
        border-bottom-left-radius: 12px;
    }

    #tableListBr tr:last-child td:last-child, #tableListBr tr:last-child td:last-child, #tableListBr_ tr:last-child td:last-child, #tableListBr_2 tr:last-child td:last-child, #tableListBr_3 tr:last-child td:last-child {
        border-bottom-right-radius: 12px;
    }

#tableListBr td, #tableListBr td, #tableListBr_ td, #tableListBr_2 td, #tableListBr_3 td {
    font-family: NeoSansPro-Regular;
    font-size: 12px;
    word-break: break-word;
    text-align: left;
    padding-left: 10px;
}


/*SALES PERSON TABLE*/
#tableListSalesPerson td, th {
    border: 1px solid #FFFFFF;
}

#tableListSalesPerson th, #tableListSalesPerson th, #tableListSalesPerson_ th, #tableListSalesPersonr_2 th, #tableListSalesPerson_3 th {
    background-color: #D1D2D4;
    font-family: NeoSansPro-Bold;
    font-size: 12px;
    color: #404042;
    text-transform: uppercase;
}

    #tableListSalesPerson th:first-child, #tableListSalesPerson th:first-child, #tableListSalesPerson_ th:first-child, #tableListSalesPerson_2 th:first-child, #tableListSalesPerson_3 th:first-child {
        border-top-left-radius: 12px;
    }

    #tableListSalesPerson th:last-child, #tableListSalesPerson th:last-child, #tableListSalesPerson_ th:last-child, #tableListSalesPerson_2 th:last-child, #tableListSalesPerson_3 th:last-child {
        border-top-right-radius: 12px;
    }

#tableListSalesPerson td, #table_List td, #tableList_ td, #tableList_2 td, #tableList_3 td {
    border-bottom: 0px solid #D1D2D4;
}

#tableListSalesPerson tr:nth-child(odd) {
    background-color: #FFFFFF;
}

#tableListSalesPerson tr:nth-child(even) {
    background-color: #ECECEE;
}

#tableListSalesPerson tr:last-child td, #tableListSalesPerson tr:last-child td, #tableListSalesPerson_ tr:last-child td, #tableListSalesPerson_2 tr:last-child td, #tableListSalesPerson_3 tr:last-child td {
    border-bottom: none;
}

    #tableListSalesPerson tr:last-child td:first-child, #tableListSalesPerson tr:last-child td:first-child, #tableListSalesPerson_ tr:last-child td:first-child, #tableListSalesPerson_2 tr:last-child td:first-child, #tableListSalesPerson_3 tr:last-child td:first-child {
        border-bottom-left-radius: 12px;
    }

    #tableListSalesPerson tr:last-child td:last-child, #tableListSalesPerson tr:last-child td:last-child, #tableListSalesPerson_ tr:last-child td:last-child, #tableListSalesPerson_2 tr:last-child td:last-child, #tableListSalesPerson_3 tr:last-child td:last-child {
        border-bottom-right-radius: 12px;
    }

#tableListSalesPerson td, #tableListSalesPerson td, #tableListSalesPerson_ td, #tableListSalesPerson_2 td, #tableListSalesPerson_3 td {
    font-family: NeoSansPro-Regular;
    font-size: 12px;
    word-break: break-word;
    text-align: left;
    padding-left: 10px;
}

/*SUB BROKER TABLE*/
#tableListSubOP td, th {
    border: 1px solid #FFFFFF;
}

#tableListSubOP th, #tableListSubOP th, #tableListSubOP_ th, #tableListSubOP_2 th, #tableListSubOP_3 th {
    background-color: #D1D2D4;
    font-family: NeoSansPro-Bold;
    font-size: 12px;
    color: #404042;
    text-transform: uppercase;
}

    #tableListSubOP th:first-child, #tableListSubOP th:first-child, #tableListSubOP_ th:first-child, #tableListSubOP_2 th:first-child, #tableListSubOP_3 th:first-child {
        border-top-left-radius: 12px;
    }

    #tableListSubOP th:last-child, #tableListSubOP th:last-child, #tableListSubOP_ th:last-child, #tableListSubOP_2 th:last-child, #tableListSubOP_3 th:last-child {
        border-top-right-radius: 12px;
    }

#tableListSubOP td, #table_List td, #tableList_ td, #tableList_2 td, #tableList_3 td {
    border-bottom: 0px solid #D1D2D4;
}

#tableListSubOP tr:nth-child(odd) {
    background-color: #FFFFFF;
}

#tableListSubOP tr:nth-child(even) {
    background-color: #ECECEE;
}

#tableListSubOP tr:last-child td, #tableListSubOP tr:last-child td, #tableListSubOP_ tr:last-child td, #tableListSubOP_2 tr:last-child td, #tableListSubOP_3 tr:last-child td {
    border-bottom: none;
}

    #tableListSubOP tr:last-child td:first-child, #tableListSubOP tr:last-child td:first-child, #tableListSubOP_ tr:last-child td:first-child, #tableListSubOP_2 tr:last-child td:first-child, #tableListSubOP_3 tr:last-child td:first-child {
        border-bottom-left-radius: 12px;
    }

    #tableListSubOP tr:last-child td:last-child, #tableListSubOP tr:last-child td:last-child, #tableListSubOP_ tr:last-child td:last-child, #tableListSubOP_2 tr:last-child td:last-child, #tableListSubOP_3 tr:last-child td:last-child {
        border-bottom-right-radius: 12px;
    }

#tableListSubOP td, #tableListSubOP td, #tableListSubOP_ td, #tableListSubOP_2 td, #tableListSubOP_3 td {
    font-family: NeoSansPro-Regular;
    font-size: 12px;
    word-break: break-word;
    text-align: left;
    padding-left: 10px;
}

#tableList td, th {
    border: 1px solid #FFFFFF;
}

#tableListBrokers td, th {
    border: 1px solid #FFFFFF;
}

#tableListEquipmentsBrokers td, th {
    border: 1px solid #FFFFFF;
}

#tableListEquipments td, th {
    border: 1px solid #FFFFFF;
}




#tableListBrokers th, #tableListBrokers th, #tableListBrokers_ th, #tableListBrokers_2 th, #tableListBrokers_3 th {
    background-color: #D1D2D4;
    font-family: NeoSansPro-Bold;
    font-size: 12px;
    color: #404042;
    text-transform: uppercase;
}

#tableListEquipments th, #tableListEquipments th, #tableListEquipments_ th, #tableListEquipments_2 th, #tableListEquipments_3 th {
    background-color: #D1D2D4;
    font-family: NeoSansPro-Bold;
    font-size: 12px;
    color: #404042;
    text-transform: uppercase;
}

#tableList th, #table_List th, #tableList_ th, #tableList_2 th, #tableList_3 th {
    background-color: #D1D2D4;
    font-family: NeoSansPro-Bold;
    font-size: 12px;
    color: #404042;
    text-transform: uppercase;
}

#tableListEquipmentsBrokers th, #tableListEquipmentsBrokers th, #tableListEquipmentsBrokers_ th, #tableListEquipmentsBrokers_2 th, #tableListEquipmentsBrokers_3 th {
    background-color: #D1D2D4;
    font-family: NeoSansPro-Bold;
    font-size: 12px;
    color: #404042;
    text-transform: uppercase;
}



#tableListBrokers th:first-child, #table_List th:first-child, #tableListBrokers_ th:first-child, #tableListBrokers_2 th:first-child, #tableListBrokers_3 th:first-child {
    border-top-left-radius: 12px;
}

#tableListEquipments th:first-child, #table_List th:first-child, #tableListEquipments_ th:first-child, #tableListEquipments_2 th:first-child, #tableListEquipments_3 th:first-child {
    border-top-left-radius: 12px;
}

#tableList th:first-child, #table_List th:first-child, #tableList_ th:first-child, #tableList_2 th:first-child, #tableList_3 th:first-child {
    border-top-left-radius: 12px;
}

#tableListEquipmentsBrokers th:first-child, #table_List th:first-child, #tableList_ th:first-child, #tableList_2 th:first-child, #tableList_3 th:first-child {
    border-top-left-radius: 12px;
}




#tableListBrokers th:last-child, #table_List th:last-child, #tableListBrokers_ th:last-child, #tableListBrokers_2 th:last-child, #tableListBrokers_3 th:last-child {
    border-top-right-radius: 12px;
}

#tableListEquipments th:last-child, #table_List th:last-child, #tableListEquipments_ th:last-child, #tableListEquipments_2 th:last-child, #tableListEquipments_3 th:last-child {
    border-top-right-radius: 12px;
}

#tableList th:last-child, #table_List th:last-child, #tableList_ th:last-child, #tableList_2 th:last-child, #tableList_3 th:last-child {
    border-top-right-radius: 12px;
}

#tableListEquipmentsBrokers th:last-child, #table_List th:last-child, #tableList_ th:last-child, #tableList_2 th:last-child, #tableList_3 th:last-child {
    border-top-right-radius: 12px;
}



table.dataTable thead th, table.dataTable thead td {
    padding: 10px 8px;
    border-bottom: 0px solid #111111;
}

#tableListBrokers td, #table_List td, #tableListBrokers_ td, #tableListBrokers_2 td, #tableListBrokers_3 td {
    border-bottom: 0px solid #D1D2D4;
}

#tableListEquipments td, #table_List td, #tableListEquipments_ td, #tableListEquipments_2 td, #tableListEquipments_3 td {
    border-bottom: 0px solid #D1D2D4;
}

#tableListEquipmentsBrokers td, #table_List td, #tableList_ td, #tableList_2 td, #tableList_3 td {
    border-bottom: 0px solid #D1D2D4;
}

#tableList td, #table_List td, #tableList_ td, #tableList_2 td, #tableList_3 td {
    border-bottom: 0px solid #D1D2D4;
}



#tableListBrokers tr:nth-child(odd) {
    background-color: #FFFFFF;
}

#tableListEquipments tr:nth-child(odd) {
    background-color: #FFFFFF;
}

#tableListEquipmentsBrokers tr:nth-child(odd) {
    background-color: #FFFFFF;
}

#tableList tr:nth-child(odd) {
    background-color: #FFFFFF;
}



#tableListEquipments tr:nth-child(even) {
    background-color: #ECECEE;
}

#tableListBrokers tr:nth-child(even) {
    background-color: #ECECEE;
}

#tableListEquipmentsBrokers tr:nth-child(even) {
    background-color: #ECECEE;
}



#tableList tr:nth-child(even) {
    background-color: #ECECEE;
}

#tableListBrokers tr:last-child td, #table_List tr:last-child td, #tableListBrokers_ tr:last-child td, #tableListBrokers_2 tr:last-child td, #tableListBrokers_3 tr:last-child td {
    border-bottom: none;
}

#tableListEquipments tr:last-child td, #table_List tr:last-child td, #tableListEquipments_ tr:last-child td, #tableListEquipments_2 tr:last-child td, #tableListEquipments_3 tr:last-child td {
    border-bottom: none;
}

#tableListEquipmentsBrokers tr:last-child td, #table_List tr:last-child td, #tableList_ tr:last-child td, #tableList_2 tr:last-child td, #tableList_3 tr:last-child td {
    border-bottom: none;
}

#tableList tr:last-child td, #table_List tr:last-child td, #tableList_ tr:last-child td, #tableList_2 tr:last-child td, #tableList_3 tr:last-child td {
    border-bottom: none;
}



    #tableListBrokers tr:last-child td:first-child, #table_List tr:last-child td:first-child, #tableListBrokers_ tr:last-child td:first-child, #tableListBrokers_2 tr:last-child td:first-child, #tableListBrokers_3 tr:last-child td:first-child {
        border-bottom-left-radius: 12px;
    }

    #tableListEquipments tr:last-child td:first-child, #table_List tr:last-child td:first-child, #tableListEquipments_ tr:last-child td:first-child, #tableListEquipments_2 tr:last-child td:first-child, #tableListEquipments_3 tr:last-child td:first-child {
        border-bottom-left-radius: 12px;
    }

    #tableListEquipmentsBrokers tr:last-child td:first-child, #table_List tr:last-child td:first-child, #tableList_ tr:last-child td:first-child, #tableList_2 tr:last-child td:first-child, #tableList_3 tr:last-child td:first-child {
        border-bottom-left-radius: 12px;
    }

    #tableList tr:last-child td:first-child, #table_List tr:last-child td:first-child, #tableList_ tr:last-child td:first-child, #tableList_2 tr:last-child td:first-child, #tableList_3 tr:last-child td:first-child {
        border-bottom-left-radius: 12px;
    }



    #tableListBrokers tr:last-child td:last-child, #table_List tr:last-child td:last-child, #tableListBrokers_ tr:last-child td:last-child, #tableListBrokers_2 tr:last-child td:last-child, #tableListBrokers_3 tr:last-child td:last-child {
        border-bottom-right-radius: 12px;
    }

    #tableList tr:last-child td:last-child, #table_List tr:last-child td:last-child, #tableList_ tr:last-child td:last-child, #tableList_2 tr:last-child td:last-child, #tableList_3 tr:last-child td:last-child {
        border-bottom-right-radius: 12px;
    }

    #tableListEquipments tr:last-child td:last-child, #table_List tr:last-child td:last-child, #tableListEquipments_ tr:last-child td:last-child, #tableListEquipments_2 tr:last-child td:last-child, #tableListEquipments_3 tr:last-child td:last-child {
        border-bottom-right-radius: 12px;
    }

    #tableListEquipmentsBrokers tr:last-child td:last-child, #table_List tr:last-child td:last-child, #tableList_ tr:last-child td:last-child, #tableList_2 tr:last-child td:last-child, #tableList_3 tr:last-child td:last-child {
        border-bottom-right-radius: 12px;
    }





table.dataTable.no-footer {
    border-bottom: 0px solid #111111;
}

#tableListBrokers td, #table_List td, #tableListBrokers_ td, #tableListBrokers_2 td, #tableListBrokers_3 td {
    font-family: NeoSansPro-Regular;
    font-size: 12px;
    word-break: break-word;
    text-align: left;
    padding-left: 10px;
}

#tableListEquipments td, #table_List td, #tableListEquipments_ td, #tableListEquipments_2 td, #tableListEquipments_3 td {
    font-family: NeoSansPro-Regular;
    font-size: 12px;
    word-break: break-word;
    text-align: left;
    padding-left: 10px;
}

#tableListEquipmentsBrokers td, #table_List td, #tableList_ td, #tableList_2 td, #tableList_3 td {
    font-family: NeoSansPro-Regular;
    font-size: 12px;
    word-break: break-word;
    text-align: left;
    padding-left: 10px;
}

#tableList td, #table_List td, #tableList_ td, #tableList_2 td, #tableList_3 td {
    font-family: NeoSansPro-Regular;
    font-size: 12px;
    word-break: break-word;
    text-align: left;
    padding-left: 10px;
}






/*#usersBo_table .sorting
{
        background: none !important;
    background-color: #D1D2D4 !important;
}*/

#usersBo_table .sorting_asc {
    background: none !important;
    background-color: #D1D2D4 !important;
}

#usersBo_table .sorting_desc {
    background: none !important;
    background-color: #D1D2D4 !important;
}

.newAlert {
    background-image: url(../images/novo.png);
    background-repeat: no-repeat;
    width: 42px;
    height: 16px;
    float: right;
    display: inline;
    cursor: pointer;
}

#alertCount {
    width: 37px;
    height: 30px;
    background-color: #E30613;
    position: absolute;
    bottom: 28%;
    right: 15%;
    border-radius: 14px;
    text-align: center;
    color: White;
    font-family: NeoSansPro-Bold;
    font-size: 19px;
}

.btn-default.active:first-child #alertCount {
    background-color: White;
    color: #E30613;
}

#loginDiv {
    display: inline;
    cursor: pointer;
    color: #7f8c8d;
}

    #loginDiv:hover, #loginDiv:active {
        color: #e30613;
    }

#logOut {
    display: inline;
    cursor: pointer;
    color: #7f8c8d;
}

    #logOut:hover, #logOut:active {
        color: #e30613;
    }

#welcomeName {
    display: inline;
    color: #7f8c8d;
}



#registerDiv {
    display: inline;
    cursor: pointer;
    color: #7f8c8d;
}

    #registerDiv:hover, #registerDiv:active {
        color: #e30613;
    }

#notification_bt {
    background-image: url(../images/bt_notification.png);
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
    float: right;
    display: inline;
    cursor: pointer;
}

    #notification_bt:hover {
        background-image: url(../images/bt_notification_over.png);
    }

#dialog_notification {
    padding-bottom: 10px !important;
    min-width: 400px;
    max-width: 600px;
}

#logout_bt {
    background-image: url(../images/bt_logout.png);
    background-repeat: no-repeat;
    width: 28px;
    height: 28px;
    float: right;
    display: inline;
    cursor: pointer;
}

    #logout_bt:hover {
        background-image: url(../images/bt_logout_over.png);
    }

    #logout_bt:active {
        background-image: url(../images/bt_logout_press.png);
    }

#settings_bt {
    background-image: url(../images/bt_definicoes.png);
    background-repeat: no-repeat;
    width: 28px;
    height: 28px;
    float: right;
    display: inline;
    cursor: pointer;
}

    #settings_bt:hover {
        background-image: url(../images/bt_definicoes_over.png);
    }

    #settings_bt:active {
        background-image: url(../images/bt_definicoes_press.png);
    }

#language_bt {
    background-image: url(../images/bt_pt.png);
    background-repeat: no-repeat;
    width: 28px;
    height: 28px;
    float: right;
    display: inline;
    cursor: pointer;
}

    #language_bt:hover {
        background-image: url(../images/bt_pt.png);
    }

.barLogin {
    display: inline;
    color: #7f8c8d;
    margin: 0px 14px 0px 14px;
}


.videoGalleryText {
    font-size: 13px;
    color: White;
    font-family: NeoSansPro-Medium;
    text-transform: uppercase;
    text-align: initial;
}

.proMediumUpper {
    font-family: NeoSansPro-Medium;
    text-transform: uppercase;
}

.sombra {
    background-image: url(../images/sombra_cima.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.header_seta {
    /*background-image: url(../images/header_seta.png);
    background-repeat: no-repeat;*/
    height: 12px;
    background-position: 0 0;
}

.menuvisible {
    display: inline-block !important;
}


.itemDiv {
    width: 298px;
    height: 160px;
    float: left;
    /*background-color:#ddd;*/
    margin-right: 5px;
    margin-left: 5px;
    margin-bottom: 16px;
}

.divImage {
    width: 254px;
    height: 158px;
    float: left;
    position: relative;
    text-align: center;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    background-color: #010101;
}

    .divImage img {
        height: 158px;
    }

.itemEdit {
    float: left;
}


.blankSign_bo {
    position: relative;
    background-color: #D7DCDD;
    width: 40px;
    height: 40px;
}

.noSign_table {
    position: relative;
    background-color: transparent;
    width: 19px;
    height: 12px;
}

/*.editSign_bo:hover
{
    background-image: url(../images/bt_edit_over.png);
}*/

.containerEquip:after,
.containerEquip:before,
.row:after,
.row:before {
    display: table;
    content: " ";
    clear: both;
}



.editSign_bo {
    position: relative;
    background-image: url(../images/bt_edit.png);
    background-repeat: no-repeat;
    width: 21px;
    height: 16px;
    cursor: pointer;
    margin: 2px;
    margin-left: 10px;
}

.plusSign {
    position: relative;
    background-image: url(../images/bt_adicionar.png);
    background-repeat: no-repeat;
    width: 21px;
    height: 16px;
    cursor: pointer;
    margin: 2px;
    margin-right: 10px;
}

.minusSign {
    position: relative;
    background-image: url(../images/icon_menos.png);
    background-repeat: no-repeat;
    width: 21px;
    height: 20px;
    cursor: pointer;
    margin: 2px;
    margin-top: 14px;
    margin-right: 10px;
}

    .minusSign:hover {
        background-image: url('../images/icon_menos_over.png');
    }

.addEquipmentSign_bo {
    position: relative;
    background-image: url(../images/icon_criar.png);
    background-repeat: no-repeat;
    width: 21px;
    height: 19px;
    cursor: pointer;
    margin: 2px;
    margin-right: 10px;
}

/*.editSign_bo:hover
{
    background-image: url(../images/bt_edit_over.png);
}*/

.deleteSign_bo {
    position: relative;
    background-image: url(../images/bt_delete.png);
    background-repeat: no-repeat;
    width: 16px;
    height: 18px;
    cursor: pointer;
    margin: 2px;
    margin-right: 12px;
}

    .deleteSign_bo:hover {
        background-image: url(../images/bt_delete_over.png);
    }

.moveSign_bo {
    position: relative;
    background-image: url(../images/bt_move.png);
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    cursor: move;
}

    .moveSign_bo:hover {
        background-image: url(../images/bt_move_over.png);
    }

.visibleSign_bo {
    position: relative;
    background-image: url(../images/bt_visible.png);
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    cursor: pointer;
}

    .visibleSign_bo:hover {
        background-image: url(../images/bt_visible_over.png);
    }


.invisibleSign_bo {
    position: relative;
    background-image: url(../images/bt_invisible.png);
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    cursor: pointer;
}

    .invisibleSign_bo:hover {
        background-image: url(../images/bt_invisible_over.png);
    }

.linkedSign_bo {
    position: relative;
    background-image: url(../images/bt_linked.png);
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    cursor: pointer;
}

    .linkedSign_bo:hover {
        background-image: url(../images/bt_linked_over.png);
    }


.unlinkedSign_bo {
    position: relative;
    /* background-image: url(../images/bt_unlinked.png); descomentar*/
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    /*cursor:pointer;*/
    background-color: #D7DCDD;
}

    .unlinkedSign_bo:hover {
        /*background-image: url(../images/bt_unlinked_over.png);*/
    }

.reportSign_bo {
    position: relative;
    background-image: url(../images/bt_reporting.png);
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    cursor: pointer;
}

    .reportSign_bo:hover {
        background-image: url(../images/bt_reporting_over.png);
    }


.validateSign_bo {
    position: relative;
    background-image: url(../images/bt_validate.png);
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    cursor: pointer;
}

    .validateSign_bo:hover {
        background-image: url(../images/bt_validate_over.png);
    }



.playSign_bo {
    position: relative;
    background-image: url('../images/bt_play01.png');
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    /*cursor:pointer;*/
    background-color: #D7DCDD;
}

    .playSign_bo:hover {
        background-image: url('../images/bt_play01_over.png');
    }


.newBanner {
    background-image: url(../images/bt_adicionar.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 288px;
    height: 154px;
    float: left;
    background-color: #ddd;
    border: 3px dashed #ccc;
    margin-right: 5px;
    margin-left: 5px;
    margin-bottom: 10px;
    cursor: pointer;
}

    .newBanner:hover {
        background-image: url(../images/bt_adicionar_over.png);
    }

.rolloverDiv {
    position: absolute;
    height: 40px;
    /* background-color:#e20612;*/
    background-color: rgba(226, 6, 18, 0.5);
    display: none;
    right: 40px;
    top: 0;
}

    .rolloverDiv p {
        margin: 0;
        padding-top: 10px;
        padding-right: 10px;
        padding-left: 10px;
        color: White;
        text-transform: uppercase;
    }

.plusSign {
    width: 24px;
    height: 24px;
    background-image: url('../images/icon_criar.png');
    background-repeat: no-repeat;
    cursor: pointer;
    float: right;
    vertical-align: middle;
    margin: 15px 10px 0 0;
}

    .plusSign:hover {
        background-image: url('../images/icon_criar_over.png');
    }

.plusSignText {
    float: right;
    padding-top: 15px;
    padding-right: 10px;
}

.PageDivText {
    float: left;
    padding-top: 15px;
    padding-left: 10px;
}

.PageDiv {
    height: 50px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background-color: #F7C840;
    /*margin-bottom: 35px;*/
}

.FilterDivText {
    padding-top: 15px;
    /*padding-left: 10px;*/
    text-align: center;
}

.setaMeio {
    float: left;
    width: 6px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 20px;
    box-shadow: 0px 0px 10px 5px #AAAAAA;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 2px;
    padding-right: 2px;
    border-radius: 6px;
    cursor: pointer;
}

.boxText ul {
    list-style-image: url('../images/bullet.png');
    padding-left: 20px;
}


.backSign_bo {
    position: relative;
    background-image: url(../images/bt_back.png);
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
}

    .backSign_bo:hover {
        background-image: url(../images/bt_back_over.png);
    }

.nextSign_bo {
    position: relative;
    background-image: url(../images/bt_next.png);
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
}

    .nextSign_bo:hover {
        background-image: url(../images/bt_next_over.png);
    }

.deleteSignRight {
    background-image: url(../images/icon_apagar.png);
    background-repeat: no-repeat;
    width: 20px;
    height: 21px;
    cursor: pointer;
    float: right;
    margin: 15px 10px 0 0;
}

    .deleteSignRight:hover {
        background-image: url('../images/icon_apagar_over.png');
    }

.alert {
    font-size: 1.3em;
    padding: 1em;
    text-align: center;
    white-space: nowrap;
    width: auto;
    word-wrap: normal;
}

/*.leftMenuList .btn-default {
color: #92a4a4;
background-color: #D7DCDE;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
padding-right: 20px;
}*/


.combodate .day {
    width: 55px !important;
}

.combodate .month {
    width: 65px !important;
}

.combodate .year {
    width: 80px !important;
}

.combodate select {
    font-size: 16px;
    font-family: NeoSansPro-Bold;
    width: 100%;
    border: none;
    /* outline: none; */
    appearance: button;
    -moz-appearance: button;
    -webkit-appearance: button;
    background: url(../images/seta_baixo.png) 100% 50% no-repeat;
    cursor: pointer;
    padding: 3px 5px 5px 5px;
}

.combodate div {
    border: 2px solid #D7DCDE;
    border-radius: 6px;
    float: left;
    padding: 10px;
}

    .combodate div:not(:first-child) {
        margin-left: 10px;
    }

.motivo {
    vertical-align: top;
    width: 100%;
}

    .motivo p {
        margin: 16px 0 16px 0;
    }

    .motivo .motivoTD {
        word-break: break-word;
    }


.ui-widget textarea {
    resize: none;
    font-size: 16px;
    font-family: NeoSansPro-Regular;
}

.motivoTextArea {
    border: 2px solid #D7DCDE;
    border-radius: 6px;
}

.ui-widget button {
    font-size: 16px;
    font-family: NeoSansPro-Bold;
}


.sortableSep {
    list-style: none;
    padding-left: 0;
}

.sortableSep_noSep {
    border: 5px solid #92a4a4;
    background-color: #D7DCDE;
    width: 100%;
    height: 50px;
    border-radius: 6px;
}

.tableFnOpen {
    width: 100%;
    border: 1px solid #D7DCDE;
    border-radius: 6px;
    word-break: break-word;
}

.tableFnOpenTh {
    width: 80%;
}

.tableFnOpenTd {
    font-family: NeoSansPro-Regular !important;
}

.trTableFnOpen {
    border-top: 2px solid #95a5a6;
    border-bottom: 2px solid #95a5a6 !important;
}



/**+++++++++++*/
/*POLLS RESULT
.radio.radioResult
{
    float: left;
  width: 60%;
  margin-top: 0;
  word-break: break-word;  
}

.pollQuestions
{
    padding-bottom:10px;
}

.votes
{
    float:left;
    width:100%;
    margin-top:10px;
}

.votesBar
{
  height: 20px;
  background-color: rgb(227, 6, 19); 
  display:none;
}
.votesBG
{
    float: left;
    height: 20px;
    border-radius: 6px;
    width: 30%;
    background-color: #D7DCDE;
    overflow: hidden;
    margin-right: 10px;

}

.votesPercent
{
    float: left;
    min-width: 35px;
    line-height: 22px;
    color:#95A5A6;
    font-family: NeoSansPro-Bold;
    font-size: 16px;
    margin-right:10px;

}
*/

#rightMenuList_Dash {
    float: right;
    width: 49%;
}

    #rightMenuList_Dash .radio.radioResult {
        width: 59%;
    }

#leftMenuList_Dash .radio.radioResult {
    width: 52%;
}

#leftMenuList_Dash {
    width: 49%;
    padding-right: 0px;
}

.dialogDiv {
    padding-left: 18px;
    padding-right: 18px;
}

.dialogTopBar {
    height: 2px;
    background-color: #D7DCDE;
    margin-bottom: 15px;
}

.dialogDiv .editArea {
    margin-top: 5px;
    margin-bottom: 10px;
}

    .dialogDiv .editArea p {
        margin-bottom: 5px;
    }

    .dialogDiv .editArea input {
        padding: 0 10px;
        width: 90%;
        border: none;
    }

    .dialogDiv .editArea textarea {
        padding-left: 10px;
        width: 90%;
        border: none;
    }


    .dialogDiv .editArea select {
        background-position: right 10px center;
        font-family: NeoSansPro-Medium;
        font-size: 16px;
        padding: 0 10px 0 10px;
    }

        .dialogDiv .editArea select:hover {
            background-color: #FFF;
        }


    .dialogDiv .editArea > div {
        width: 12%;
        border-radius: 6px;
        border: 1px solid #D7DCDE;
        padding-top: 10px;
        padding-bottom: 10px;
    }



.dialogDiv .saveCancelbts {
    margin-top: 25px;
    margin-bottom: 10px;
}


.margin5_0 {
    margin: 5px 0;
}


.inputText input[type="text"] {
    width: 100%;
    border: 2px solid #d7dcde;
    border-radius: 6px;
    min-height: 25px;
    font-size: 16px;
    font-family: NeoSansPro-Regular;
}

.textArea textarea {
    width: 100%;
    border: 2px solid #d7dcde;
    border-radius: 6px;
    min-height: 25px;
    font-size: 16px;
    font-family: NeoSansPro-Regular;
    height: 100px;
    resize: none;
}

.inputCheck input[type="checkbox"], .inputCheck input[type="radio"] {
    margin-top: 5px;
    margin-right: 2px;
    width: 20px;
    height: 20px;
    vertical-align: bottom;
    cursor: pointer;
}

    .inputCheck input[type="checkbox"]:disabled, .inputCheck input[type="radio"]:disabled {
        cursor: not-allowed;
    }

/*
#contraInd input[type="text"],#evolucao input[type="text"],#objectiv input[type="text"],#contornos input[type="text"],#controlo input[type="text"], #contornos textarea, #controlo textarea, #rotina textarea
{
    width:100%;
    border:2px solid #d7dcde;
    border-radius:6px;
    min-height:25px;
    font-size: 16px;
    font-family: NeoSansPro-Regular;
}

#contraInd input[type="checkbox"],#evolucao input[type="checkbox"],#objectiv input[type="checkbox"],#contornos input[type="checkbox"],#controlo input[type="checkbox"],#modalidade input[type="checkbox"]
{
  	margin-top: 10px;
  margin-right: 2px;
  width: 15px;
  height: 15px;
  vertical-align: bottom;
}



#contornos textarea, #controlo textarea, #rotina textarea
{
    height: 100px;
    resize:none;
}*/

.left100, .left90, .left80, .left75, .left70, .left60, .left50, .left40, .left34, .left30, .left25, .left20, .left14, .left10 {
    float: left;
}

.left100 {
    width: 100%;
    margin: 5px 0;
}

.left90 {
    width: 90%;
    margin: 5px 0;
}

.left80 {
    width: 80%;
}

.left75 {
    width: 75%;
}

.left70 {
    width: 70%;
}

.left60 {
    width: 60%;
}

.left50 {
    width: 50%;
}

.left40 {
    width: 40%;
}

.left34 {
    width: 34%;
}

.left30 {
    width: 30%;
}

.left25 {
    width: 25%;
}

.left20 {
    width: 20%;
}

.left14 {
    width: 14%;
}

.left10 {
    width: 10%;
}


.margTop10 {
    margin-top: 10px;
}

[contenteditable] {
    width: 100%;
    border: 2px solid #d7dcde;
    border-radius: 6px;
    min-height: 100px;
    font-size: 16px;
}


#tableMarc td {
}

#tableMarc {
    border-spacing: 0px;
}

.tableMarcTd {
    border-spacing: 1px;
}

    .tableMarcTd td {
        width: 10px;
        height: 10px;
    }

.tableMarcHours td {
    text-align: center;
    font-size: 12px;
}

.tableMarcacoes td {
    background-color: #fff;
}


.tableMarcTd .hour00 {
    width: 1px;
    background-color: transparent;
}

    .tableMarcTd .hour00:hover {
        background-color: transparent;
    }

.tableMarcacoes td:hover {
    background-color: orange;
}

.tableMarcacoes td.hourlight:hover {
    background-color: #ccc;
}

.openDaysMarc {
    /* background-color: #06E360;  */
    background-color: #92a4a4;
}

.dayWeekMarc {
    /*background-color: #D7DCDE */
    background-color: #D7DCDE;
    color: #1D1D1D;
}


.sundayMarc {
    background-color: #92A4A4;
    color: #FFF;
}
/*.sundayMarc .dayWeek
{
    border-bottom: 1px solid #555;
    border-right: 2px solid #555;
}
*/
.dayWeek {
    /*background-color: Yellow;*/
    font-size: 14px;
    width: 55px;
    font-family: NeoSansPro-Medium;
    text-align: center;
}

.tileMarc {
    padding: 0;
    cursor: pointer;
}

    .tileMarc.hourlight {
        padding: 0;
        background-color: #ccc;
    }

    /*
.isvoucher {
    cursor: url(../images/rightclick.png), auto;
}*/

    .tileMarc.markedClient {
        background-color: #00F000;
        cursor: url(../images/rightclick.png), auto;
    }

        .tileMarc.markedClient.hour1 {
            border-radius: 6px 0px 0px 6px;
        }

        .tileMarc.markedClient.hour4 {
            border-radius: 0px 6px 6px 0px;
        }

.markedClient.isvoucher {
    background-color: Orange;
}

    .markedClient.isvoucher.vouchervalidated {
        background-color: Yellow;
    }


    .markedClient.isvoucher.voucheroutofdate {
        background-color: darkgoldenrod;
    }


    .markedClient.isvoucher.voucherClientMissed {
        background-color: Blue;
    }


.markedClient.egratis {
    background-color: #02EAFD;
    cursor: pointer;
}


.tileMarc.markedAnotherClient {
    background-color: #E30613;
    cursor: url(../images/rightclick.png), auto;
}

    .tileMarc.markedAnotherClient.hour1 {
        border-radius: 6px 0px 0px 6px;
    }


    .tileMarc.markedAnotherClient.hour4 {
        border-radius: 0px 6px 6px 0px;
    }


tr.spaceUnder > td {
    border: 2px solid #FFF;
    border-radius: 6px;
}




.dateSelect {
    text-align: center;
    margin-bottom: 10px;
}

.nameMonth {
    vertical-align: top;
    font-family: NeoSansPro-Bold;
    display: inline-block;
    width: 150px;
}

.leftMonth {
    background-image: url('../images/seta_esquerda.png');
    width: 12px;
    height: 18px;
    margin: 0 10px 0 0;
    display: inline-block;
}

.rightMonth {
    background-image: url('../images/seta_direita.png');
    width: 12px;
    height: 18px;
    margin: 0 0 0 10px;
    display: inline-block;
}


.leftMonth:hover {
    background-image: url('../images/seta_esquerda_over.png');
}

.rightMonth:hover {
    background-image: url('../images/seta_direita_over.png');
}


.rightClickDiv {
    z-index: 1000;
    position: absolute;
    background-color: white;
    border-radius: 6px;
    border: 2px solid #92A4A4;
    border-top-left-radius: 0px;
    display: none;
}

.rightClickDivOverlay {
    position: absolute;
    top: 0px;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(204,204,204,0.75);
    z-index: 10;
    border-radius: 6px;
}

    .rightClickDivOverlay p {
        position: absolute;
        top: 50%;
        color: Black;
        font-family: NeoSansPro-Bold;
        left: 25%;
    }

.rightClickDiv .optionHeader {
    background-color: #E30613;
    padding: 10px;
    border-radius: 6px;
    color: #FFF;
    font-family: NeoSansPro-Bold;
    margin: 5px;
    text-align: center;
}

.rightClickDiv .optionRightClick {
    margin: 5px;
    padding: 5px;
    cursor: pointer;
}

    .rightClickDiv .optionRightClick:hover {
        background-color: #D7DCDE;
        border-radius: 3px;
    }


.rightClickDiv ul {
    list-style-image: url('../images/bullet.png');
    padding-left: 20px;
}



.rightClickDiv .exitSign {
    background: url(../images/icon_fechar.png) 0% 0% no-repeat;
    cursor: pointer;
    position: absolute;
    top: 0px;
    right: 0px;
    background-color: white;
    width: 21px;
    height: 20px;
    border-radius: 20px;
    background-size: cover;
    border: 3px solid white;
    margin: 2px;
}

    .rightClickDiv .exitSign:hover {
        background: url(../images/icon_fechar_fechar.png) 0% 0% no-repeat;
        background-color: white;
    }

.helpTiles {
    background-color: #92A4A4;
    padding: 10px;
    border-radius: 6px;
    margin-top: 15px;
}

    .helpTiles p {
        font-family: NeoSansPro-Bold;
        margin-left: 10px;
        float: left;
        color: White;
    }

    .helpTiles .left100 {
        margin: 0;
    }


.helpTile {
    width: 8px;
    height: 12px;
    display: inline-block;
    padding: 0;
    margin: 1px;
    float: left;
    margin-top: 5px;
}


    .helpTile.markedClient {
        background-color: #00F000;
    }

    .helpTile.markedAnotherClient {
        background-color: #E30613;
    }


    .helpTile.tile1 {
        border-top-left-radius: 6px;
        border-bottom-left-radius: 6px;
    }

    .helpTile.tile4 {
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px;
    }


    .helpTile.isvoucher {
        background-color: Orange;
    }

    .helpTile.vouchervalidated {
        background-color: Yellow;
    }


    .helpTile.voucheroutofdate {
        background-color: darkgoldenrod;
    }


    .helpTile.voucherClientMissed {
        background-color: Blue;
    }

    .helpTile.markedClient.egratis {
        background-color: #02EAFD;
    }

    .helpTile.mouseOptions {
        background-image: url(../images/rightclick.png);
        width: 16px;
        height: 16px;
        padding: 0;
        margin-top: 2px;
    }

#tableMarc2 .tileMarc.markedClient {
    cursor: pointer;
}

#tableMarc2 .tileMarc {
    cursor: default;
}

.topBar {
    background-image: url("../images/topbar.png");
    background-repeat: repeat-x;
    height: 36px;
    position: absolute;
    width: 100%;
    top: 0;
    right: 0;
    z-index: -1;
}

.menuBar {
    background-image: url("../images/menubar.png");
    background-repeat: repeat-x;
}

.dialogState .ui-widget-content {
    border: 2px solid black !important;
    color: #ffffff;
    font-size: 24px;
}

.dialogState .ui-dialog .ui-dialog-content {
    padding-left: 16px !important;
}

#ui-datepicker-div {
    border: 1px solid #D7DCDE !important;
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0;
    background-color: rgb(215, 220, 222) !important;
    color: #333333 !important;
}

.ui-datepicker-calendar .ui-state-default {
    border: 1px solid #d8dcdf !important;
    background: #eeeeee url(images/ui-bg_highlight-hard_100_eeeeee_1x100.png) 50% 50% repeat-x !important;
}




#menu_select ul li ul {
    /*display: block !important;*/
    z-index: 1000;
    position: absolute;
    padding: 0px 0px 5px 0px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-bottom-right-radius: 10px;
    border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-bottom-left-radius: 10px;
    border-bottom-left-radius: 10px;
    -webkit-box-shadow: #666 0px 2px 3px;
    -moz-box-shadow: #666 0px 2px 3px;
    box-shadow: #666 0px 2px 3px;
}

#menu_select ul li:hover ul {
    display: block !important; /* display the dropdown */
}

#menu_select ul li ul {
    display: none !important; /* display the dropdown */
}


.ssubMenu {
    /*height: 24px;*/
    /* text-align: center; */
    font-family: NeoSansPro-Medium;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    text-transform: uppercase;
    margin: 4px 4px 2px 4px;
    padding: 4px 9px 5px 9px;
    border-radius: 6px;
    cursor: pointer;
}

    .ssubMenu:hover {
        font-weight: bold;
        background-color: #D7DCDE;
        color: #7f8c8d;
        -webkit-border-top-right-radius: 6px;
        -moz-border-top-right-radius: 6px;
        border-top-right-radius: 6px;
        -webkit-border-top-left-radius: 6px;
        -moz-border-top-left-radius: 6px;
        border-bottom-left-radius: 6px;
        -webkit-border-bottom-right-radius: 6px;
        -moz-border-bottom-right-radius: 6px;
        border-bottom-right-radius: 6px;
        -webkit-border-bottom-left-radius: 6px;
        -moz-border-bottom-left-radius: 6px;
        border-bottom-left-radius: 6px;
    }

    .ssubMenu.active {
        font-weight: bold;
        background-color: #DD1A1E;
        color: #FFFFFF;
        -webkit-border-top-right-radius: 6px;
        -moz-border-top-right-radius: 6px;
        border-top-right-radius: 6px;
        -webkit-border-top-left-radius: 6px;
        -moz-border-top-left-radius: 6px;
        border-bottom-left-radius: 6px;
        -webkit-border-bottom-right-radius: 6px;
        -moz-border-bottom-right-radius: 6px;
        border-bottom-right-radius: 6px;
        -webkit-border-bottom-left-radius: 6px;
        -moz-border-bottom-left-radius: 6px;
        border-bottom-left-radius: 6px;
    }



.pull-right {
    float: right;
}

.pull-left {
    float: left;
    margin-bottom: 10px;
}

.dataTables_length label {
    font-size: 14px;
    font-family: NeoSansPro-Bold;
}

.datatable-div-select {
    border: 2px solid #D7DCDE;
    border-radius: 6px;
    padding: 5px 10px;
    /*width: 80px;*/
    display: inline-block;
    background-color: #FFF;
}

.dt-button {
    font-family: NeoSansPro-Bold;
    color: #92a4a4;
    background-color: #D7DCDE;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 1.42857143;
    text-align: left;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: none;
    border-radius: 6px;
    padding-bottom: 7px;
    padding-top: 7px;
    margin-bottom: 10px;
    text-decoration: none;
    margin-left: 5px;
}

    .dt-button:hover {
        color: #FFF;
        background-color: #E30613;
        outline-style: none !important;
    }

.dt-buttons {
    margin-top: 13px;
}

.text-right:not(th) {
    text-align: right !important;
}

.labelForgotPass {
    width: 370px;
    text-align: left;
    color: #E30613;
    text-decoration: underline;
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
}


/* Style the tab */
.tab {
    overflow: hidden;
}

    /* Style the buttons inside the tab */
    .tab button {
        background-color: inherit;
        float: left;
        border: none;
        outline: none;
        cursor: pointer;
        padding: 14px 16px;
        /*transition: 0.3s;*/
        font-size: 17px;
    }

        /* Change background color of buttons on hover */
        .tab button:hover {
            background-color: #ddd;
        }

        /* Create an active/current tablink class */
        .tab button.active {
            font-weight: 600;
            border-bottom: 2px solid red;
        }

.tab-link {
    width: 50%;
}

/* Style the tab content */
.tab-content {
    /*display: none;*/
    padding: 6px 12px;
    border-top: none;
}

.lotterySelection td {
    font-family: NeoSansPro-Regular;
    font-size: 14px;
    font-weight: 600;
}

.lotterySelection button {
    background-color: #F3F4F6;
    border: 1px solid #F3F4F6;
    border-radius: 6px;
    color: #333333;
    cursor: pointer;
    width: 100%;
    font-family: NeoSansPro-Regular;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    padding-top: 8px;
    padding-bottom: 8px;
}

    .lotterySelection button.active {
        background-color: #D7DCDE;
        border: 1px solid #D7DCDE;
    }


/**
 * Toggle Switch button
 */
.switch {
    position: relative;
    display: inline-block;
    width: 46px;
    height: 28px;
}

    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 28px;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 26px;
        width: 26px;
        left: 1px;
        bottom: 1px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
        border-radius: 50%;
    }

input:checked + .slider {
    background-color: #4BD86F;
}

    input:checked + .slider:before {
        -webkit-transform: translateX(18px);
        -ms-transform: translateX(18px);
        transform: translateX(18px);
    }

.ui-dialog .ui-dialog-title {
    text-align: center;
    width: 100% !important;
}

.blink {
    animation: blink-animation 1s steps(5, start) infinite;
    -webkit-animation: blink-animation 1s steps(5, start) infinite;
}

@keyframes blink-animation {
    to {
        visibility: hidden;
    }
}

@-webkit-keyframes blink-animation {
    to {
        visibility: hidden;
    }
}