.n-color-background {
    background-color: #F5F5F5;
}

.n-btn-icon {
    margin-top: 3px;
    margin-right: 3px;
}

.n-form-cities {
    border-radius: 4px;
    background-color: #FFFFFF;
    padding: 24px;
    -webkit-box-shadow: 0 2px 4px rgba(126, 142, 177, 0.12);
    -moz-box-shadow: 0 2px 4px rgba(126, 142, 177, 0.12);
    box-shadow: 0 2px 4px rgba(126, 142, 177, 0.12);
}

.n-ft-13 {
    font-size: 13px;
}

.n-select-skin {
    position: relative;
    color: #2D3B42;
    border: none;
    height: 36px;
    background-color: #F0F5F7;
    position: relative;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    outline: 0;
}

.n-icon-search {
    margin-top: 12px;
    margin-right: 5px;
    padding-left: 10px;
    color: #677C85;
}

.n-select-search {
    margin-top: 4px;
    width: 70%;
    display: inline-flex;
    height: 36px;
    background-color: #F0F5F7;
    border-radius: 5px;
}

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

.n-mb-24 {
    margin-bottom: 24px;
}

.n-h-100-custom {
    height: 100% !important;
}

.n-select-all {
    margin: 0 5px 5px 5px;
    padding: 10px 5px 10px 15px;
    width: 164px;
    height: 38px;
    font-weight: 500;
}

.n-select-clean {
    margin: 0 15px 5px 5px;
    padding: 10px 10px 10px 10px;
    height: 38px;
    font-weight: 500;
    background-color: #ffffff;
    box-shadow: none;
    color: #677C85;
    transition: background-color 0.5s ease;
    border-radius: 4px;
}

.n-select-clean:hover {
    background-color: #677c8540;
}

.n-header-text {
    white-space: nowrap;
    text-transform: uppercase;
    background-color: white !important;
    font-size: 12px;
    font-weight: 500;
}

.n-no-wrap {
    white-space: nowrap;
}

.n-color-places {
    color: #2D3B42;
}

.n-btn-save {
    padding: 14px 100px 15px !important;
}

.n-btn-finish {
    padding: 14px 90px 15px !important;
}

.n-color-navtext {
    color: #677C85;
}

.n-table {
    border: 1px solid #FFFFFF;
}

.n-table tr:nth-child(odd) {
    background-color: #F5F8FA;
}

.n-table-border-white {
    border: 2px solid #ffffff !important;
}

#cities-table:hover {
    background-color: #78909c33;
}

.n-form-search {
    background-color: #E4E9EB;
    padding: 12px;
    height: 48px;
    border-radius: 4px;
    width: 300px;
}

.n-menu-active {
    background-color: #DE2A3C !important;
    color: #FFFFFF !important;
}

.n-cp-color-content {
    background-color: #f5f5f5;
}

.n-cp-btn {
    cursor: pointer;
    height: 36px;
    background-color: transparent;
    padding: 9px 12px 9px 12px;
    text-transform: uppercase;
    color: #677C85;
    transition: all 0.5s ease;
    user-select: none;
    border-radius: 4px;
    font-weight: 500;
}

.n-cp-btn i {
    margin-right: 3px;
}

.n-cp-btn-2 {
    cursor: pointer;
    height: 36px;
    background-color: transparent;
    padding: 9px 12px 9px 12px;
    text-transform: uppercase;
    color: #677C85;
    transition: all 0.5s ease;
    user-select: none;
    border-radius: 4px;
    font-weight: 500;
}

.n-cp-btn-2 i {
    margin-right: 3px;
}

.n-cp-btn-3 {
    cursor: pointer;
    height: 36px;
    background-color: transparent;
    padding: 9px 12px 9px 12px;
    text-transform: uppercase;
    color: #677C85;
    transition: all 0.5s ease;
    user-select: none;
    border-radius: 4px;
    font-weight: 500;
}

.n-cp-btn-active>.n-card-icon-map-marker {
    color: white !important
}

.n-cp-btn-active {
    background-color: #F52F42 !important;
    color: white
}

.n-cp-btn-active:hover {
    color: white !important
}

.n-cp-btn-3 i {
    margin-right: 3px;
}

.div-btn {
    margin-top: 58px;
}

.n-mb-12 {
    margin-bottom: 12px
}

.n-mt-12 {
    margin-top: 12px
}

.n-mt-24 {
    margin-top: 24px
}

.n-div-perfsocial {
    width: 15%;
    border-right: 1px solid #E4E9E8;
    padding: 0px 14px;
    margin-bottom: 6px;
}

.n-card-segsocial {
    width: 10%;
    border-right: 1px solid #E4E9E8;
    padding: 6px 12px;
    margin-bottom: 8px;
    border-radius: 4px;
}

.n-tab-detalhes-responsive {
    width: 100%;
    height: 30px;
    margin-top: 17px;
}

.n-tab-show {
    display: none !important
}

.n-tab-hide {
    display: block !important
}

.n-border-right-target {
    border-right: 1px solid #E4E9E8 !important;
}

@media screen and (max-width: 1320px) {
    .n-card-segsocial {
        width: 15%;
        border-right: 1px solid #E4E9E8;
    }
}

@media screen and (max-width: 991px) {
    .n-h-100-custom {
        height: auto !important;
        /*border-bottom: 1px solid #E4E9E8;*/
        padding-bottom: 10px;
    }

    .n-mb-24 {
        margin-bottom: 10px;
    }

    .n-tab-show {
        display: block !important
    }

    .n-tab-hide {
        display: none !important
    }

    .n-border-right-target {
        border-right: 0 solid #E4E9E8 !important;
    }

    .n-border-right-card {
        border-right: 1px solid #E4E9E8 !important;
    }


    .n-cp-btn {
        width: 50%;
        margin-right: 0px !important;
        text-align: center;
    }

    .n-cp-btn-2 {
        width: auto;
        margin-right: 0px !important;
    }

    .div-btn {
        margin-top: 0px;
        margin-bottom: 0px !important;
    }

    .n-div-alcance {
        width: 100%;
        display: inline-flex;
    }

    .n-alcance-margin {
        margin-left: 30px;
    }

    .n-div-perfsocial {
        width: 24%;
        border-right: 1px solid #E4E9E8;
        margin-bottom: 10px;
    }

    .n-card-segsocial {
        width: 19%;
    }

    .n-mt-none {
        margin-top: 0px;
    }
}

@media screen and (max-width: 767px) {
    .n-div-alcance {
        width: auto;
        display: block;
    }

    .n-alcance-margin {
        margin-left: 0px;
    }

    .n-mt-12-alcance {
        margin-top: 12px;
    }

    .n-div-perfsocial {
        width: 100%;
        border-bottom: 1px solid #E4E9E8;
        border-right: 0px;
        /* margin-bottom: 10px; */
    }

    .n-card-segsocial {
        width: 100%;
    }


    .n-border-right-card {
        border-right: 0 solid #E4E9E8 !important;
    }

}

@media screen and (max-width: 639px) {
    .n-tab-detalhes-responsive {
        display: grid;
        height: 108px;
    }

    .n-cp-btn-2 {
        display: block;
    }

}

.n-cp-btn:hover {
    color: #2D3B42;
    background-color: #677c8540;
}

.n-cp-btn-2:hover {
    color: #2D3B42;
    background-color: #677c8540;
}

.n-cp-btn-3:hover {
    color: #2D3B42;
    background-color: #677c8540;
}


.pl0 {
    padding-left: 0px;
}

.n-div-card {
    background-color: #FFFFFF;
    padding: 24px;
    -webkit-box-shadow: 0px 2px 4px 0px rgba(126, 142, 177, 0.12);
    -moz-box-shadow: 0px 2px 4px 0px rgba(126, 142, 177, 0.12);
    box-shadow: 0px 2px 4px 0px rgba(126, 142, 177, 0.12);
    /* height: 80px;  */
    width: 100%;
    padding: 10px 24px;
    display: inline-flex;

}

.n-radius-top {
    border-radius: 4px 4px 0px 0px;
}

.n-radius-bottom {
    border-radius: 0px 0px 4px 4px;
}

.n-radius {
    border-radius: 4px;
}

.n-mr-30 {
    margin-right: 30px;
}

.n-card-icon {
    font-size: 24px;
}

.cursor-pointer {
    cursor: pointer;
}

.n-card-icon-map-marked-alt {
    color: #FF6933;
}

.n-card-icon-flag {
    color: #2084C7;
}

.n-card-icon-map-marker {
    color: #F52F42 !important;
}

.n-card-icon-wallet {
    color: #71d141 !important;
}

.n-card-icon-calendar-check {
    color: #FFBD24 !important;
}

.n-card-icon-globe-americas {
    color: #F52F42 !important;
}

.n-card-icon-restroom {
    color: #FF6933 !important;
}

.n-card-icon-ad {
    color: #FF6933 !important;
}

.n-card-icon-eye {
    color: #FFBD24 !important;
}

.n-card-icon-bullseye {
    color: #71d141 !important;
}

.n-card-icon-traffic-light {
    color: #2084C7 !important;
}

.n-card-icon-car {
    color: #2BB0E0 !important;
}

.n-card-icon-ad2 {
    color: #1DD168 !important;
}

.n-card-icon-truck {
    color: #FF9124 !important;
}

.n-card-icon-female {
    color: #FFBD24 !important;
}

.n-flex-start {
    align-content: flex-start;
}

.n-card-min-height {
    min-height: 80px;
}

.n-card-left {
    margin-right: 12px;
    padding-top: 16px;
}

.n-card-left i {
    min-width: 30px;
    text-align: center;
}

.n-card-right {
    display: grid;
}

.n-card-label-title {
    font-size: 13px;
    color: #677C85;
    margin-top: 6px;
    margin-bottom: 0px;
}

.n-card-label-value {
    font-size: 24px;
    color: #253B42;
    margin-bottom: 0px;
}

.n-card-label-value-title {
    font-size: 10px;
    color: #2D3B42;
    margin-bottom: 0px;
    padding-top: 15px;
    margin-left: 4px;
    margin-bottom: 0px;
    font-weight: 500;
}

.n-card-label-value-title-2 {
    font-size: 10px;
    color: #2D3B42;
    margin-bottom: 0px;
    padding-top: 0px;
    font-weight: 500;
}

.n-card-label-value-title-3 {
    font-size: 10px;
    color: #677C85;
    margin-bottom: 0px;
    padding-top: 0px;
    font-weight: 500;
}

.n-div-card-title {
    margin-bottom: 0px;
    font-size: 20px;
    color: #2D3B42;
    font-weight: 500;
}

.n-div-card-title-cpm {
    margin-bottom: 0px;
    font-size: 13px;
    color: #677C85;
}

.n-div-card-subtitle {
    margin-bottom: 0px;
    font-size: 13px;
    color: #2D3B42;
}

.n-border-cp {
    border-top: 1px solid #E4E9E8;
    margin-bottom: 25px;
}

.n-border-title {
    border-bottom: solid 1px #E4E9EB;
}

.n-inline {
    display: inline-flex;
}

.n-border-inside {
    width: 100%;
    border-right: 1px solid #E4E9E8;
}

.n-border-inside-2 {
    width: 100%;
    border-right: 1px solid #E4E9E8;
}

.n-w-100 {
    width: 100%;
}

@media screen and (max-width: 991px) {
    .n-border-inside {
        border-right: 0px;
        margin-top: 12px;
    }

    .n-mb-none {
        margin-bottom: 0px;
    }

    .n-border-frota {
        border-bottom: 0px solid #E4E9E8;
    }

    .n-div-cpm {
        margin-top: 24px;
    }
}

@media only screen and (min-width: 991px) {
    .graficos-compacta {
        display: flex;
    }
}

@media only screen and (max-width: 991px) and (min-width: 767px) {
    .n-graficos-compact {
        display: inline-flex;
        width: 100% !important;
    }
}

.grafico-compacta {
    display: block !important;
}

.n-frota-cards {
    display: inline-flex;
    width: calc(20% - 3px);
    padding: 0px 15px;
}

@media only screen and (max-width: 991px) and (min-width: 767px) {
    .n-border-none {
        border-bottom: 0;
    }

    .n-frota-cards {
        display: inline-flex;
        width: 30%;
    }

    .n-border-investimento {
        border-bottom: 0px;
    }

}

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

    .n-frota-cards {
        display: inline-flex;
        width: 100%;
    }

    .n-div-cpm {
        margin-top: 12px;
    }

    .n-border-inside-2 {
        border-right: 0px;
    }

    .n-flow-root {
        display: flow-root;
    }

    .n-card-segsocial {
        border-right: 0;
    }

    /* .n-border-investimento {
        border-bottom: 0px;
    } */

}

.n-display-flex {
    display: flex;
}

.n-card-center {
    height: 100%;
    align-items: center;
}

.n-align-self-center {
    align-self: center;
}

.n-span-percent-1 {
    font-size: 15px;
    font-weight: 500;
}

.n-span-percent-2 {
    font-size: 13px;
    font-weight: 500;
}

.n-div-input {
    width: 100%;
    border: 0;
    text-transform: uppercase;
    max-width: 165px;
}

.n-div-input select {
    border: 0;
    color: #2D3B42;
    font-size: 14px;
    padding: 0px 5px;
    margin-left: -10px;
    margin-top: -8px;
}

.n-form-control-input {
    font-size: 14px;
    text-transform: uppercase;
    color: #2D3B42;
    padding-left: 0px;
}

.n-div-minh-94 {
    min-height: 86px;
}

.n-card-label-cpm-1 {
    font-size: 15px;
    color: #2D3B42;
    margin-top: 0px;
    margin-bottom: 0px;
    width: 100%;
    text-align: center;
    font-weight: 500;
}

.n-card-label-cpm-value {
    font-size: 24px;
    /* margin-top: 0px; */
    margin-bottom: 0px;
    width: 100%;
    text-align: center;
}

.n-table-comparativo {
    width: 100%;
    margin-bottom: 20px;
    border: 1px solid #ffffff;

    border-spacing: 0;
    border-collapse: collapse;
    overflow: hidden;
    z-index: 10;
}

.n-table-comparativo thead th {
    background-color: #FFFFFF;

    /* color: #336B6B; */
}

.n-table-comparativo tbody td,
.n-table-comparativo thead th {
    position: relative;
}

.n-table-comparativo td,
th {
    cursor: initial;
    padding: 10px;
    position: relative;

}

.n-table-comparativo th {
    text-align: center;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    color: #677C85;
}

.n-table-comparativo td {
    text-align: center;
}

.n-table-span {
    font-weight: 400;
    font-size: 11px;
}

.n-table-td {
    font-weight: 400;
    font-size: 15px;
    color: #2D3B42;
}

/* .n-table-comparativo td:hover::after { 
    background-color: rgba(79, 209, 127, 0.25);
    content: '\00a0';
    height: 10000px;
    left: 0;
    position: absolute;
    top: -5000px;
    width: 100%;
    z-index: 1;
    border: 1px solid white;           
} */

.n-table-comparativo-hover-0:hover::after {
    background-color: #ff585826;
    content: '\00a0';
    height: 10000px;
    left: 0;
    position: absolute;
    top: -5000px;
    width: 100%;
    z-index: 1;
}

.n-table-comparativo-hover-1:hover::after {
    background-color: #33333326;
    content: '\00a0';
    height: 10000px;
    left: 0;
    position: absolute;
    top: -5000px;
    width: 100%;
    z-index: 1;
}

.n-table-comparativo-hover-2:hover::after {
    background-color: #2BB0E026;
    content: '\00a0';
    height: 10000px;
    left: 0;
    position: absolute;
    top: -5000px;
    width: 100%;
    z-index: 1;
}

.n-table-comparativo-hover-3:hover::after {
    background-color: #2BB0E026;
    content: '\00a0';
    height: 10000px;
    left: 0;
    position: absolute;
    top: -5000px;
    width: 100%;
    z-index: 1;
}

.n-table-comparativo-hover-4:hover::after {
    background-color: #71d14126;
    content: '\00a0';
    height: 10000px;
    left: 0;
    position: absolute;
    top: -5000px;
    width: 100%;
    z-index: 1;
}

.n-table-comparativo-hover-5:hover::after {
    background-color: #A3D41E26;
    content: '\00a0';
    height: 10000px;
    left: 0;
    position: absolute;
    top: -5000px;
    width: 100%;
    z-index: 1;
}

.n-table-comparativo-hover-6:hover::after {
    background-color: #FFBD2426;
    content: '\00a0';
    height: 10000px;
    left: 0;
    position: absolute;
    top: -5000px;
    width: 100%;
    z-index: 1;
}

.n-table-comparativo-hover-7:hover::after {
    background-color: #FFBD2426;
    content: '\00a0';
    height: 10000px;
    left: 0;
    position: absolute;
    top: -5000px;
    width: 100%;
    z-index: 1;
}

.n-table-comparativo-hover-8:hover::after {
    background-color: #FF912426;
    content: '\00a0';
    height: 10000px;
    left: 0;
    position: absolute;
    top: -5000px;
    width: 100%;
    z-index: 1;
}

.n-table-comparativo-hover-9:hover::after {
    background-color: #FF912426;
    content: '\00a0';
    height: 10000px;
    left: 0;
    position: absolute;
    top: -5000px;
    width: 100%;
    z-index: 1;
}

.n-table-comparativo-hover-10:hover::after {
    background-color: #FF693326;
    content: '\00a0';
    height: 10000px;
    left: 0;
    position: absolute;
    top: -5000px;
    width: 100%;
    z-index: 1;
}

.n-table-comparativo-hover-11:hover::after {
    background-color: #F52F4226;
    content: '\00a0';
    height: 10000px;
    left: 0;
    position: absolute;
    top: -5000px;
    width: 100%;
    z-index: 1;
}

.n-table-comparativo-hover-12:hover::after {
    background-color: #F52F4226;
    content: '\00a0';
    height: 10000px;
    left: 0;
    position: absolute;
    top: -5000px;
    width: 100%;
    z-index: 1;
}



.n-table-comparativo thead th {
    background-color: #FFFFFF;
}

.n-table-comparativo-all {
    overflow: hidden;
    z-index: 1;
}

.n-table-comparativo-all tbody td,
.n-table-comparativo-all thead th {
    position: relative;
}

.n-table-comparativo tr:nth-child(odd) {
    background-color: #F5F8FA;
}

/* .n-table-head-background {
    background-color: white !important;
    z-index: 1000;
} */

.n-card-tabbed {
    padding-bottom: 0;
    padding-top: 12px;
}

.n-card-tabbed-item {
    white-space: nowrap;
    cursor: pointer;
    height: 36px;
    background-color: transparent;
    padding: 7px 12px 9px 12px;
    text-transform: uppercase;
    color: #677C85;
    transition: all 0.2s ease;
    user-select: none;
    font-weight: 500;
}

.n-card-tabbed-item-active {
    border-bottom: 3px solid;
    color: #2D3B42;
}


.n-col-seg {
    width: 9%;
}

.n-span-seg-word {
    font-size: 22px;
    font-weight: 500;
}

.n-span-seg-number {
    font-size: 22px;
    color: #2D3B42;
}

.n-span-seg-number-2 {
    color: #677C85;
}

.n-div-seg {
    display: flex;
}

.n-span-seg-desc {
    font-size: 11px;
    text-transform: uppercase;
    min-height: 75px;
    max-height: 75px;
}

@media screen and (max-width: 1380px) {
    .n-letter-spacing-seg-social {
        letter-spacing: -0.6px;
    }
}



@media screen and (max-width: 1360px) {
    .n-span-seg-desc {
        min-height: 0px;
    }

    .n-div-seg {
        display: flow-root;
    }

    .n-letter-spacing-seg-social {
        letter-spacing: inherit;
    }
}

.n-table-social {
    text-transform: uppercase;
    font-size: 14px;
    text-align: center;
}

.n-table-social td {
    border: 1px solid #ffffff;
    color: #677C85;
    cursor: pointer;
}

.n-table-social td:hover {
    background-color: #78909c40;
}

.n-table-social tr,
th {
    cursor: pointer;
}

.n-table-social tr:nth-child(odd) {
    background-color: #F5F8FA;
}

.n-table-selected-1 {
    background-color: #f443504d;
    color: #2D3B42 !important;
}

.n-table-selected-2 {
    background-color: #FF84584d;
    color: #2D3B42 !important;
}

.n-table-selected-3 {
    background-color: #FEAC5A4d;
    color: #2D3B42 !important;
}

.n-table-selected-4 {
    background-color: #FFCC594d;
    color: #2D3B42 !important;
}

.nn-table-selected-1 {
    background-color: #A3D41E4d;
    color: #2D3B42 !important;
}

.nn-table-selected-2 {
    background-color: #F52F424d;
    color: #2D3B42 !important;
}

.nn-table-selected-3 {
    background-color: #FF69334d;
    color: #2D3B42 !important;
}

.nn-table-selected-4 {
    background-color: #FEAC5A4d;
    color: #2D3B42 !important;
}

.nn-table-selected-5 {
    background-color: #FFCC594d;
    color: #2D3B42 !important;
}

.n-card-graph-title {
    font-size: 13px;
    white-space: nowrap;
}

.n-powered {
    font-size: 8px;
    text-transform: uppercase;
    color: #677C85;
    margin-right: 5px;
}

.n-div-card-grafico {
    padding: 24px 24px 16px 16px !important;
}

.n-table-head-camp {
    font-size: 12px;
    text-transform: uppercase;
    white-space: nowrap;
    color: #677C85;
    background: transparent !important;
}

.n-div-search {
    display: flex;
    align-items: center;
    background-color: #F0F5F7;
    height: 36px;
    padding: 6px 6px 6px 12px;
    margin-bottom: 15px;
    border-radius: 4px;
}

.n-div-search input {
    border: 0;
    outline: 0;
    background-color: transparent;
    width: 100%;
    color: #2D3B42;
}

.n-font-legenda {
    font-size: 8pt !important;
    color: #677C85 !important;
}

.n-font-legenda-xl {
    font-size: 7pt !important;
    color: #677C85 !important;
}

.n-table-tr:hover {
    cursor: default;
    background-color: #78909c40 !important;
}

.n-A3D41E {
    color: #A3D41E;
}

.n-form-control {
    /* height: 30px; */
    font-size: 24px !important;
}

.n-div-discount {
    width: 100%;
    border: 0;
    /* text-transform: uppercase; */
    max-width: 165px;
    height: 40px;
}

.hover-seg:hover {
    background-color: #677C851a;
}

.n-table td {
    color: #2d3b42 !important;
    border-right: 2px solid #fff;
}

.n-table th {
    font-weight: 500 !important;
}

.n-pct-target-legenda {
    color: #677C85;
    font-weight: 500;
}

.n-fw-500 {
    font-weight: 500;
}

.n-text-justify {
    text-align: justify;
}

.n-discount-1 {
    width: 20px !important;
}

.n-discount-2 {
    width: 36px !important;
}

.n-discount-3 {
    width: 45px !important;
}

.n-discount-4 {
    width: 55px !important;
}

.n-discount-5 {
    width: 70px !important;
}

.n-discount-6 {
    width: 82px !important;
}

.n-discount-7 {
    width: 95px !important;
}

.n-discount-8 {
    width: 108px !important;
}

.n-flex-center-vertical {
    display: flex !important;
    align-items: center;
}

.n-mb20 {
    margin-bottom: 20px;
}

.n-height-auto {
    height: auto !important;
}

.n-border-right {
    border-right: 1px solid #E4E9E8;
}