/* Resets ----------------------------------------------------------*/
/*{
    margin: 0;
    padding: 0;
    font-size: 13px;
    font-family: Arial, Verdana, sans-serif;
}
*/
html, body {
    height: 100%;
    min-height: 100%;
    
}
    html:focus-within {
        scroll-behavior: smooth;
    }

    body.master {
        background: #efefef !important;
    }

iframe html, iframe body {
    height: auto;
    min-height: initial;
}

p {
    margin-bottom: 10px;
    line-height: 1.6em;
    font-size: 13px;
}

#nonFooter, .nonFooter, form#aspnetForm {
    position: relative;
    min-height: 100%;
    padding: 0;
    display: flex;
    width: 100%;
    align-items: stretch;
}

* html #nonFooter, * html .nonFooter, * html form#aspnetForm {
    height: 100%;
}

#footer {
    position: relative;
}

.fullContent {
    width: 100%;
    border-collapse: collapse;
    position: relative;
    display: -webkit-flex;
    display: flex;
    display: -ms-flexbox;
    height: 100%;
    align-items: stretch;
}

.masterMenu {
    background: #3d4c5a;
    width: 15%;
    border-collapse: collapse;
    position: relative;
    padding: 0;
    z-index: 9999;
    align-items: stretch;
}

.masterContent {
    width: 85%;
    border-collapse: collapse;
    position: relative;
    align-items: stretch;
}

.wrapUpdatePanel {
    width: 100%;
}

.hideMenu {
    position: relative;
    float: left;
    width: 100%;
    height: 26px;
    margin: 0 0;
    background: #710000;
}

.showMenuButton {
    position: relative;
    float: left;
    width: 24px;
    height: 24px;
}

.hideMenu input {
    height: 24px;
    width: 24px;
    margin: 2px 3px;
    float: right;
}

tableContent {
    margin: 0 0 20px;
    position: relative;
    float: left;
}

#form1 {
    height: 100%;
}

input[type="text"]:disabled, input[type="text"]:disabled:hover {
    background: #dddddd;
    border: 1px #dddddd solid;
}

/* Text Color --------------------------------------------------------*/
.textColorRed {
    color: #eb4236 !important;
}

.textColorBlue {
    color: #4385f2 !important;
}

.textColorGreen {
    color: #a7dc58 !important;
}

.textColorBlack {
    color: #212121 !important;
}

.textColorYellow {
    color: #fcbc06 !important;
}

.textColorPurple {
    color: #c613b7 !important;
}

.textColorGray {
    color: #555555 !important;
}

.textColorOrange {
    color: #c65f13 !important;
}

::-webkit-input-placeholder, :-moz-placeholder, ::-moz-placeholder, :-ms-input-placeholder, placeholder {
    color: #ccc;
    font-style: italic;
}

*:disabled {
    background: #dddddd;
}

p {
    margin: 10px 0 0 2%;
    width: 90%;
}

/* separator */
.separator {
    position: relative;
    float: left;
    width: 96% !important;
    margin: 5px 2%;
    min-height: 30px;
}

.separatorInLine {
    position: relative;
    float: left;
    width: 95%;
    margin: 5px 0;
    min-height: 30px;
}

.separatorLargeForms {
    position: relative;
    float: left;
    width: 95%;
    margin: 5px 25px;
    min-height: 30px;
}

    .separatorLargeForms span {
        position: relative;
        float: left;
        width: 100%;
    }

    .separatorLargeForms input[type=text] {
        position: relative;
        float: left;
        width: 100%;
        max-width: 600px;
    }

.separatorHalfCampanha {
    position: relative;
    float: left;
    width: 48%;
    margin: 5px 1%;
    min-height: 30px;
    text-align: center;
}


    .separatorHalfCampanha .spanLarge {
    }

.separatorHours {
    position: relative;
    float: left;
    width: 20%;
    min-width: 275px;
    margin: 5px 40px;
    min-height: 30px;
}

    .separatorHours span {
        margin: 4px 13px 0;
        width: 100%;
        position: relative;
        float: left;
    }

.separatorHalfPage {
    position: relative;
    float: left;
    width: 40%;
    margin: 5px 1%;
    min-height: 50px;
}

    .separatorHalfPage .chosen-single span {
        margin: 0 !important;
        width: auto !important;
    }

    .separatorHalfPage span {
    }

        .separatorHalfPage span.label {
            width: 100%;
        }

        .separatorHalfPage span.labelHelp {
            width: 100%;
        }

        .separatorHalfPage span.spanImense, .separatorHours .spanImense {
            margin: 4px 13px 0;
            width: 100%;
            position: relative;
            float: left;
        }

        .separatorHalfPage span.spanTiny, .separatorHours span.spanTiny {
            margin: 10px 13px 0;
            width: 77px;
            position: relative;
            float: left;
            text-align: center;
        }

    .separatorHalfPage input[type=text], .separatorHours input[type=text], .separatorHours select, .separatorHalfPage select {
        position: relative;
        float: left;
        margin: 4px 4px 0;
        text-align: center;
    }


.separator * {
    position: relative;
    float: left;
    margin: 0 3px;
    top: 0px;
    left: 1px;
    font-size: 13px;
}

.separator table {
    margin: 0 0 0;
}

.separatorCargas {
    position: relative;
    float: left;
    width: 25%;
}

@media screen and (max-width: 1128px) {
    .separatorCargas {
        position: relative;
        float: left;
        width: 48%;
    }
}

.desc {
    line-height: 1.8;
    font-size: 14px;
    margin: 12px 0;
    position: relative;
    float: left;
}

/* CONSULTAS */
.listInstructions {
    position: relative;
    float: left;
    width: 90%;
    list-style: none;
    margin: 5px 0 10px 3%;
}

    .listInstructions li {
        width: 95%;
        font-size: 13px;
    }

        .listInstructions li:before {
            position: relative;
            content: "";
            border-color: transparent #111;
            border-style: solid;
            border-width: 0.35em 0 0.35em 0.45em;
            display: block;
            height: 0;
            width: 0;
            left: -1em;
            top: 0.9em;
        }


.headerInfoTable {
    width: 300px;
    padding: 0 5px 10px;
    height: 40px;
}

    .headerInfoTable:first-child {
        position: relative;
        float: left;
    }

    .headerInfoTable:last-child {
        position: relative;
        float: right;
    }

        .headerInfoTable:last-child .labelAction {
            margin: 10px 2px;
        }

        .headerInfoTable:last-child .chosen-single {
            margin: 6px 2px;
        }

        .headerInfoTable:last-child .simpleButton {
            margin: 0 2px;
        }

.chkMarcarDesmarcar {
    position: relative;
    float: left;
}

.chkMarcarDesmarcarBloqueios {
    position: relative;
    float: left;
    margin: 4px 11px !important;
}

/* noclass */
.noclass, .noclass * {
    position: relative !important;
    float: none !important;
    width: 100%;
    display: inline-block;
}

    .noclass input[type=checkbox], .noclass label {
        position: relative !important;
        float: left !important;
        display: block;
        margin: 3px 0 0 6px;
    }

    .noclass input[type=checkbox] {
        max-width: 30px;
    }

    .noclass label {
        max-width: 310px;
    }

    .noclass td, .noclass tr {
        position: relative !important;
        float: left !important;
        width: 100%;
    }

.lblOpcoesGeral {
    position: relative;
    float: left;
    width: 130px;
    margin: 6px 0px;
}

.titleOverlay {
    position: relative;
    float: left;
    font-size: 16px;
    color: #336699;
    margin: 11px 5px 0px;
    font-weight: bold;
    text-align: center;
    min-width: 300px;
    width: 100%;
}

span.min {
    margin: 10px 2px 0;
    width: 10px;
    position: relative;
    float: left;
    text-align: center;
}

span.days {
    margin: 10px 3px 0;
    width: 20px;
    position: relative;
    float: left;
    text-align: center;
    margin: 10px 0 0 25px;
    width: 77px;
    position: relative;
    float: left;
    text-align: left;
}

.title {
    font-size: 14px;
    font-weight: bold;
    color: #888;
    width: 90%;
    height: 30px;
    margin: 0 auto 0;
    padding: 10px 0 0;
    text-align: center;
    display: block;
    position: relative;
    float: left;
}

.separator .spanTiny {
    margin: 10px 10px 0;
    min-width: 20px;
    max-width: 160px;
}

.separator .spanTiny02 {
    margin: 10px 10px 0;
    min-width: 40px;
    max-width: 71px;
}

.separator .spanLarge {
    margin: 10px 13px 0;
    width: 135px;
}

.separator .spanLarge02 {
    margin: 10px 13px 0;
    height: 10px;
    vertical-align: central;
}

.separator .spanLarge03 {
    margin: 10px 13px 0;
    height: 10px;
    width: 80px;
    vertical-align: central;
}

.separator .spanImense {
    margin: 4px 10px 0;
    width: 100%;
}

.spanAgentesLogados {
    margin: 4px -15px 0;
    width: 100%;
    text-align: center;
}

.separatorCheckBox {
    position: relative;
    float: left;
    width: 95%;
    margin: 1px 35px 0;
    font-size: 11px;
    height: 22px;
}

    .separatorCheckBox input[type=checkbox] {
        position: relative;
        float: left;
        margin: 2px 3px 0;
    }

    .separatorCheckBox b {
        position: relative;
        float: none;
    }

.progress {
    float: none;
    color: #FFF;
    width: 190px;
    margin: 10px auto 0;
}

    .progress * {
        float: none;
    }

.textNull {
    position: relative;
    float: left;
    width: 20px;
}

.labelDays {
    font-size: 14px;
    color: #FFF;
    margin: 0 12px;
    position: relative;
    float: left;
    margin: -20px 15px 0;
    border-radius: 3px;
    padding: 15px;
    background-color: #999999;
    background: linear-gradient(60deg, #ab47bc, #8e24aa);
    box-shadow: 0 12px 20px -10px rgba(156, 39, 176, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(156, 39, 176, 0.2);
}

.labelFullday {
    font-size: 14px;
    font-weight: bold;
    position: relative;
    float: left;
    width: 98%;
    color: #225577;
    margin: 5px 0;
    padding: 7px 4px;
}

.linkHome {
    position: relative;
    float: left;
    width: 150px;
    height: 22px;
    color: #554;
    margin: 35px 25px;
    border-radius: 3px;
    padding: 12px 6px 4px;
    text-align: center;
    text-decoration: none;
    border: 1px solid #ccc;
}

    .linkHome:hover {
        color: #FFF;
        border: 1px solid #ccc;
        background: #710000;
    }

    .linkHome:first-child {
        margin: 35px 25px 0 15%;
    }

.externalLink {
    padding: 0 6px 0 0;
    background: red url(../Imagens/externalLink.png) left top;
}

/* Page Title ----------------------------------------------------------*/
.pageTitle {
    width: 98%;
    color: black;
    border-bottom: 1px #efefef solid;
    font-size: 32px;
    font-weight: bold;
    padding: 18px 1% 0;
    display: block;
    min-height: 57px;
    /*background: #efefef;*/
}

    .pageTitle span {
        font-size: 22px;
        float: left;
        font-weight: 100;
        margin: 0 20px 0;
        line-height: 40px;
    }

        .pageTitle span.internal {
            font-size: 20px;
            float: left;
        }

    .pageTitle .btnAtualizar, .pageTitle .btnIncluir {
        position: relative;
        float: right;
        margin: 0px 10px 0;
    }

    .pageTitle .btnAtualizar {
        display: none;
    }

.card-header {
    font-size: 14px;
    color: #FFF;
    margin: 0 12px;
    position: relative;
    float: left;
    margin: 0px -15px 10px;
    border-radius: 3px;
    padding: 15px;
    font-size: 14px;
    background-color: #999999;
    background: linear-gradient(60deg, #ab47bc, #8e24aa);
    box-shadow: 0 12px 20px -10px rgba(156, 39, 176, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(156, 39, 176, 0.2);
}

.card-header-center {
    font-size: 14px;
    color: #FFF;
    margin: 0 12px;
    position: relative;
    float: none;
    margin: -25px auto 10px;
    border-radius: 3px;
    padding: 15px;
    font-size: 16px;
    font-weight: bold;
    display: block;
    width: 45%;
    text-align: center;
    background-color: #999999;
    background: linear-gradient(60deg, #ab47bc, #8e24aa);
    box-shadow: 0 12px 20px -10px rgba(156, 39, 176, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(156, 39, 176, 0.2);
}

.card-header span.desc {
    font-size: 11px;
    color: rgba(255, 255, 255, 0.62);
}

.card-icon-alert {
    width: 130px;
    height: 130px;
    margin: -70px auto 15px;
    border-radius: 50%;
    overflow: hidden;
    background: url(../imagens/iconAttention.png) top left no-repeat;
    box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
    display: block;
}


.card {
    display: inline-block;
    position: relative;
    width: 98%;
    margin: 25px 0;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
    border-radius: 3px;
    color: rgba(0,0,0, 0.87);
    background: #fff;
    padding: 7px 1%;
}

.card-monitor-canais {
    position: absolute;
    width: 98%;
    margin: 5px 0;
    border-radius: 3px;
    color: rgba(0,0,0, 0.87);
    background: #fff;
    padding: 7px 1%;
    overflow: auto;
    display: inline-block;
    float: left;
}

.box20 {
    width: 16%;
}

.box25 {
    width: 23%;
}

.box30 {
    width: 28%;
}

.box50 {
    width: 46%;
}

.box60 {
    width: 80%;
}

.box80 {
    width: 78%;
}

.box100 {
    width: 96%;
}

.box100-paineis {
    width: 98%;
}

.boxFRM {
    
}

.boxFRM20 {
    width: 16%;
    height: 26px;
}

.boxFRM20x {
    width: 32%;
    height: 26px;
}

.boxFRM30 {
    width: 28%;
}

.boxCenter {
    width: 82%;
    position: relative;
    float: none;
    margin: 70px auto 0;
    display: table;
}

.box20, .box25, .box30, .box50, .box60, .box80, .box100, .boxFRM, .boxFRM30 {
    padding: 0 1% 1%;
    position: relative;
    float: left;
    margin: 0 1% 1%;
}

.boxFRM20, .boxFRM20x {
    padding: 0 1% 1%;
    position: relative;
    float: left;
    margin: 8px 1% 2px;
}

    .boxFRM20 .chosen-single, .boxFRM20x .chosen-single {
        margin: 7px 0 0;
    }

.box100-paineis {
    margin: 0 0 1%;
}

.boxWarning {
    position: relative;
    float: left !important;
}

@media screen and (max-width: 1024px) {
    .box30, .box50, .box60, .box80, .box100, .box100-paineis {
        width: 96%;
    }
}

@media screen and (max-width: 1366px) {
    .boxFRM, .boxFRM30, .boxFRM20, .boxFRM20x {
        width: 96%;
        float: right;
        margin: 0 1% 3%;
    }
}

/* TREEVIEW ----------------------------------------------------------*/
.menuTreeView {
    overflow: auto;
    display: block;
    margin: 15px -1px;
    width: 100%;
    float: left;
}

    .menuTreeView * {
        position: relative;
        float: left;
        font-size: 11px !important;
    }

    .menuTreeView table {
        position: relative;
        float: left;
        margin: 0;
        width: 100%;
    }

    .menuTreeView a, .menuTreeView a:visited, .menuTreeView a:hover {
        color: #FFF;
        text-decoration: none;
        font-size: 12px !important;
        line-height: 1.8;
    }

    .menuTreeView img {
        color: #FFF;
        margin: 1px 0 0;
        text-decoration: none;
    }


/* HEADINGS ----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
    color: #496077;
    text-transform: none;
}

h1 {
    font-size: 32px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

h2 {
    width: 98%;
    text-align: center;
    font-size: 35px;
    font-weight: 600;
    padding: 20px;
}

h3 {
    font-size: 1.2em;
}

h4, h5, h6 {
    font-size: 1.1em;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2 {
    margin-top: 0px;
}

/* FORM ELEMENTS ----------------------------------------------------------*/
fieldset {
    border: 1px solid #ccc;
    border-bottom: 1px solid #999;
    color: #212121;
}

    fieldset p {
        margin: 2px 12px 10px 10px;
    }

    fieldset.login label, fieldset.register label, fieldset.changePassword label {
        display: block;
    }

    fieldset label.inline {
        display: inline;
    }

.nFieldset {
    margin: 35px 1% 5px;
    width: 90%;
    padding: 0 1px;
    background: #FFF;
}

.nFieldsetHalf {
    position: relative;
    float: left;
    margin: 45px 1% 0;
    width: 43.5%;
    min-height: 435px;
    height: 435px;
    padding: 0 1px;
}


.sgcTitle {
    position: relative;
    float: left;
    width: 100%;
    margin: 7px 0 0;
}

.sgcBlue {
    position: relative;
    float: left;
    color: #2f93ea;
    text-align: left;
    font-size: 12px;
    font-weight: bold;
    width: 70px;
    margin: 0 0 8px;
}

.sgcNumberGreen {
    position: relative;
    float: left;
    color: #FFF;
    padding: 2px;
    border-radius: 3px;
    text-align: center;
    font-size: 10px;
    font-weight: 100;
    background: #89a824;
    margin: 0 1px 3px;
}

.separatorSGC {
    position: relative;
    float: left;
    color: #222;
    text-align: left;
    font-size: 11px;
    width: 48%;
    min-width: 186px;
    margin: 3px 1%;
}

    .separatorSGC .sgcNumberHigh {
        position: relative;
        background: #eee;
        font-size: 11px;
        font-weight: 100;
        width: 45px;
        min-width: 34px;
        position: relative;
        float: left;
        text-align: right;
        margin: 0px 3px 5px;
        padding: 3px 3px;
        border-right: 1px solid #555;
        color: #336699;
    }



.fieldsetStyled {
    position: relative;
    float: left;
    background: #FFF;
    padding: 10px;
    min-width: 593px;
    margin: 25px;
}

.fieldsetStyledACDGeral {
    position: relative;
    float: left;
    border-radius: 3px;
    background: #FFFFFF;
    padding: 10px;
    min-width: 220px;
    margin: 10px 25px;
}

    .fieldsetStyledACDGeral td, .fieldsetStyledACDGeral tr {
        float: none;
    }

.fieldsetStyledMinus {
    background: #FFF;
    padding: 10px 5px;
    margin: 0 0 0 15px;
}


.fieldsetStyledMinusAlt {
    background: #FFF;
    padding: 10px 10px;
    margin: 35px 0 0 15px;
    display: inline-block;
    width: 88%;
}

.fieldsetStyledMinusHeight {
    position: relative;
    float: left;
    min-height: 270px;
    margin: 25px 1%;
    width: 29%;
}

.fieldsetStyledTabbed {
    border: 1px solid #999;
    border-radius: 0;
    background: #FFF;
    padding: 10px 10px;
    margin: 10px 20px;
    position: relative;
    float: left;
    min-width: 96%;
}

.fieldsetStyledTabbedLine {
    border: 1px dashed #c7922c;
    border-radius: 3px;
    background: #FFF;
    padding: 10px 10px;
    margin: 10px 20px;
    position: relative;
    float: left;
    width: 295px;
    height: 60px;
}


.fieldsetStyledTabbedLineH {
    border: 1px dashed #c7922c;
    border-radius: 3px;
    background: #FFF;
    padding: 10px 10px;
    margin: 10px 20px;
    position: relative;
    float: left;
    width: 335px;
    min-height: 60px;
}


.fieldsetSize01, .fieldsetSize02, .fieldsetSize03 {
    position: relative;
    float: left;
    margin: 0;
    padding: 0;
    border-bottom: 0;
    min-height: 105px;
    border: 1px solid #FFF;
}

.fieldsetSize01, .fieldsetSize02 {
    border-right: 1px solid #FFF;
}

.fieldsetSize01 {
    width: 23%;
}

    .fieldsetSize01:nth-of-type(1) {
        margin: 0 0 0 2px;
    }

    .fieldsetSize01:last-child {
        border-right: 0;
        margin: 0 2px 0 0;
    }

.fieldsetSize02 {
    width: 37%;
}

.fieldsetSize03 {
    width: 16%;
}

.chlStatusAgentes {
    width: 98%;
    margin: 1%;
    padding: 0;
    position: relative;
    float: left;
    border: 1px solid #336699;
}

    .chlStatusAgentes * {
        position: relative;
        float: left;
    }

.labelAgente {
    margin: 12px 0 3px;
    width: 50%;
    max-width: 120px;
}

.inputAgente {
    width: 49% !important;
    padding: 0 !important;
    margin: 0 !important;
}

.chlStatusConsulta {
    width: 45%;
    margin: 15px;
    padding: 5px;
    position: relative;
    float: left;
    border: 1px solid #336699;
    min-height: 400px;
}

.chlStatusRessubmeter {
    width: 45%;
    margin: 15px;
    padding: 5px;
    position: relative;
    float: left;
    border: 1px solid #336699;
    min-height: 400px;
}


@media screen and (max-width: 1100px) {
    .chlStatusConsulta, .chlStatusRessubmeter {
        width: 90% !important;
    }
}


.chkMarcarDesmarcar {
    margin: 3px 8px 0;
    font-weight: bold;
    font-size: 17px;
    width: 96%;
}

.chlStatusRetorno {
    width: 92%;
    padding: 5px;
    margin: -10px 0 20px;
    position: relative;
    float: left;
}

    .chlStatusRetorno table {
        min-width: 225px;
        width: 100%;
    }

.chkTodasCampanhas {
    position: relative;
    float: left;
    margin: 10px;
}

.chlStatusConsulta tr, .chlStatusConsulta td, .chlStatusRessubmeter td {
    position: relative;
    float: left;
    width: 52%;
    min-height: 22px;
}

.chlStatusRetorno tr {
    position: relative;
    float: left;
    width: 48%;
    min-height: 22px;
}

.chlStatusConsulta .tableStatusConsultas tr, .chlStatusRessubmeter .tableStatusConsultas tr {
    position: relative;
    float: left;
    width: 48%;
    min-height: 22px;
}

@media screen and (max-width: 1100px) {
    .chlStatusConsulta .tableStatusConsultas tr, .chlStatusRessubmeter .tableStatusConsultas tr {
        width: 90% !important;
    }
}

.chlStatusRetorno .tableStatus tr {
    position: relative;
    float: left;
    width: 48%;
    min-width: 250px;
    min-height: 22px;
}

@media screen and (max-width: 1100px) {
    .chlStatusConsulta .tableStatusConsultas tr, .chlStatusRetorno .tableStatus tr {
        width: 90% !important;
        min-width: auto;
    }
}

.chlStatusRetorno .tableStatus tr input, .chlStatusRessubmeter .tableStatus tr input {
    position: relative;
    float: left;
}

.chlStatusRetorno .tableStatus tr label {
    position: relative;
    float: left;
    margin: -1px 4px;
}

.chlStatusConsulta td, .chlStatusRetorno td {
    position: relative;
    float: left;
    width: 90%;
}

.chlStatusRessubmeter td {
    position: relative;
    float: left;
    width: 48%;
}

.filtroRetorno {
    position: relative;
    float: left;
    margin: 0 20px 10px;
}


.labelRetorno {
    position: relative;
    float: left;
    width: 70px;
    margin: 10px 0;
}

.labelTelecobranca {
    position: relative;
    float: left;
    width: 150px;
    margin: 6px 0;
}

.tableStatusConsultas {
    max-height: 500px;
    overflow: auto;
    display: block;
    margin: 22px 26px 0;
}

.tableStatus {
    max-height: 225px;
    overflow: auto;
    display: block;
    margin: 0px 26px 0;
}

.tablePerfilAgente tr {
    height: 30px !important;
}

.tablePermissaoACD {
}

    .tablePermissaoACD tr {
        width: 50%;
    }

.spanStatusConsulta {
    position: relative;
    float: left;
    width: 100%;
    text-align: center !important;
    background-color: #336699;
    padding: 5px 0;
    font-weight: bold;
    color: #FFF;
}

.modalBackground {
    background-color: #414141;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

#lblDetalheTentativas {
    font-weight: bold;
    text-align: center;
    position: relative;
    color: #111;
    font-size: 12px;
    float: left;
    width: 100%;
    height: 16px;
    margin: 10px 0 0;
    padding: 6px 0 0;
    background: #888;
}

.detalheTentativas01 {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    padding: 10px 0 0;
    color: #336699;
}

/* HEADER APP */
.headerApp {
    display: none;
    float: none;
    line-height: 18px;
    font-size: 12px;
    color: #555;
    padding: 8px 10px;
    position: relative;
    border-bottom: 1px solid #ccc;
    height: 55px;
    z-index: 10000;
    box-shadow: 0px 2px 4px rgba(33,33,33,0.5);
    background-image: -moz-linear-gradient(top,#212121 0,#111111 100%);
    background-image: -ms-linear-gradient(top,#212121 0,#111111 100%);
    background-image: -o-linear-gradient(top,#212121 0,#111111 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#212121),color-stop(100%,#111111));
    background-image: -webkit-linear-gradient(top,#212121 0,#111111 100%);
    background-image: linear-gradient(to bottom,#212121 0,#111111 100%);
}

    .headerApp .separatorHeader {
        position: relative;
        float: left;
        width: 1px;
        margin: -8px 24px 0;
        height: 62px;
        border-left: 1px solid #999;
        border-right: 1px solid #eee;
    }

    .headerApp .separatorHeaderRight {
        position: relative;
        float: right;
        width: 1px;
        margin: -8px 10px 0;
        height: 62px;
        border-left: 1px solid #999;
        border-right: 1px solid #eee;
    }

    .headerApp .imgUser {
        height: 30px;
    }

    .headerApp .warpUser {
        position: relative;
        float: right;
        margin: 2px 0;
        color: #555;
        width: 230px;
        height: 60px;
    }

        .headerApp .warpUser p {
            position: relative;
            float: right;
            font-size: 11px;
            font-weight: bold;
            color: #FEFEFE;
            width: 100%;
            text-align: right;
            margin: 3px 50px 15px;
        }



.topLinks {
    border: 0px none;
    color: #FFF;
    font-size: 11px;
    font-weight: bold;
    padding: 7px;
    text-decoration: none;
    border-radius: 28px;
    margin: 4px 6px;
    background: #42B8DD;
    word-wrap: break-word;
    word-break: keep-all;
    display: block;
    min-width: 150px;
    max-width: 195px;
    height: 15px;
    float: left;
    border: 1px solid #42B8DD;
}

    .topLinks img {
        width: 15px;
        float: none;
        margin: 14px 5px -4px 1px;
    }

    .topLinks:hover {
        color: rgb(66, 184, 221);
        background: #FFF;
        border: 1px solid #42B8DD;
    }



.topLinksACDs {
    position: relative;
    float: left;
    margin: 3px 4px;
    overflow: hidden;
}

.invisiblePanel {
    position: relative;
    float: left;
    min-width: 50px;
    min-height: 25px;
}

.invisiblePanelHalf {
    position: relative;
    float: left;
    display: block;
    clear: both;
    width: 90%;
}

.headerAdress {
    position: relative;
    height: 1px;
    background: #ccc;
    width: 100%;
    float: left;
    margin: 0 0 -40px;
}

.logoMenu {
    width: 140px;
    margin: 0px 30px 0px 35px;
    position: relative;
    float: left;
    border: 0;
}

/* NOVO MENU MENU NOVO MENU NOVO */
.wholeMenu {
    vertical-align: top;
    background: linear-gradient(to right, #404040 2%, #404040 85%, #262626 100%) repeat scroll 0% 0% transparent;
}

.fullPage {
    height: 100%;
    margin: 0 190px;
    background: #FFF;
}

.btnSelectMenu {
    float: left;
    cursor: pointer;
    display: block;
    padding: 4px 0 0;
    margin: 1px 2px;
    font-size: 12px;
    height: 20px;
    width: 65px;
    text-align: center;
    border: 1px solid #FFF;
}

.cbp-spmenu_master {
    position: relative;
}

    .cbp-spmenu_master h3 {
        color: #fff;
        background: #ad0b0b;
        font-size: 12px;
        font-weight: bold;
        padding: 5px;
        height: 15px;
        width: 101%;
    }

    .cbp-spmenu_master a.mainLink {
        display: block;
        font-size: 12px;
        width: 100%;
        float: left;
        margin: 0;
        font-weight: bold;
        height: 30px;
        line-height: 38px;
        color: #FEFEFE;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-bottom: 1px solid #333;
        text-decoration: none;
    }

        .cbp-spmenu_master a.mainLink .iconMenu {
            position: relative;
            float: left;
            width: 34px;
            height: 28px;
        }

        .cbp-spmenu_master a.mainLink:hover {
            color: #fff;
            background: #424242;
        }

        .cbp-spmenu_master a.mainLink img {
            display: block;
            position: relative;
            float: left;
            width: 24px;
            margin: 5px;
            border: 0;
        }

        .cbp-spmenu_master a.mainLink span {
            position: relative;
            float: left;
            display: block;
            font-size: 13px;
            height: 30px;
            margin: 0;
        }

.menuComplex {
    height: 30px;
    position: relative;
    float: left;
    width: 100%;
}

    .menuComplex .mainLink {
        background: url(../Imagens/menuArrow.png) right center no-repeat transparent;
    }

.subMenu {
    position: relative;
    float: left;
    width: 90%;
    background: #424242;
    margin: -55px 190px;
    display: none;
}

.menuComplex:hover .subMenu {
    display: block;
}

.cbp-spmenu_master a.chidlLink span, .cbp-spmenu_master a.chidlLink span {
    display: block;
    position: relative;
    float: left;
    margin: 0px 2px;
    font-size: 11px;
}

.cbp-spmenu_master a.childLink {
    position: relative;
    float: left;
    display: block;
    font-size: 11px;
    width: 93%;
    margin: 0 7%;
    color: #fff;
    background: #979797;
    height: 26px;
    padding: 5px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
}

    .cbp-spmenu_master a.childLink:hover {
        color: #fff;
        background: #424242;
    }

/* Orientation-dependent styles for the content of the menu */
.cbp-spmenu_master-vertical {
    width: 100%;
    min-height: 670px;
    top: 0;
    margin: 0;
    z-index: 1000;
}

/* Vertical menu that slides from the left or right */
.cbp-spmenu_master-left {
    left: 0; /* Retornar para 210*/
}

/* Push classes applied to the body */
.cbp-spmenu_master-push {
    overflow-x: hidden;
    position: relative;
    left: 0;
}

.cbp-spmenu_master-push-toright {
    left: 240px;
}

.ajax__tab_body {
    position: relative;
    float: left;
    min-width: 85%;
    border: 0 !important;
}

.ajax__tab_tab {
    height: 22px !important;
}

/* TABLES  ----------------------------------------------------------*/
.grd_default {
    position: relative;
    float: left;
    font-size: 11px;
    width: 94%;
    margin: 10px 3% 0;
    border: 0px;
}

    .grd_default tr {
        float: none;
        text-align: center;
        min-height: 40px;
        border-bottom: 1px solid rgba(0,0,0,.45);
        font-weight: 700;
        font-weight: bold;
        color: rgba(0,0,0,.87);
    }

    .grd_default td {
        float: none;
        text-align: center;
        min-height: 40px;
        font-weight: 300;
        padding: 3px;
        line-height: 1.6;
        border-top: 0;
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
    }

        .grd_default td td {
            border: 0;
        }

        .grd_default td .grd_defaultIntern td {
            border: 0;
        }

.grdFilaDeClientes th {
    font-size: 10px;
}

.grdFilaDeClientes td {
    font-size: 10px;
    max-width: 110px;
    white-space: initial;
    word-wrap: break-word;
    word-break: break-all;
}

    .grdFilaDeClientes td:nth-child(4) {
        font-size: 10px;
        max-width: 130px;
    }

.grd_default tr:hover {
    background: #efefef;
}

.grd_default th {
    background: #EEE;
    border: 0;
    color: #212121;
    font-weight: bold;
    font-size: 13px;
    padding: 12px 3px;
    border: 1px solid #ddd;
}


.grd_defaultAlter td span, .grd_defaultAlter td p {
    float: left;
    text-align: center;
    margin: 5px 3px;
}

.grdDetalhes td {
    max-width: 210px;
}

.wrapGridPermissions {
    position: relative;
    float: left;
    height: 300px;
    overflow: auto;
    background: #FFF;
    padding: 7px 1%;
    width: 96%;
}

.titleGridPermissions {
    position: relative;
    float: left;
    width: 98%;
    text-align: center;
    padding: 10px 0 3px;
    color: #336699;
    background: #FFF;
    font-size: 16px;
    border-bottom: 2px solid #212121;
    background: white;
}

.gridPermissions {
    margin: 0;
}

    .gridPermissions td {
        font-size: 10px;
        text-align: left;
        padding: 1px 2px 1px;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
    }

    .gridPermissions tr {
        width: 48%;
        float: left;
        height: 25px;
        padding: 5px 0 0;
        min-height: initial;
    }

        .gridPermissions tr:first-child {
            width: 100%;
        }

        .gridPermissions tr:hover {
            background: #FFF;
        }

.gridPermissionsTitle {
    position: relative;
    float: left;
    width: 98%;
    padding: 1%;
    color: #444;
    font-weight: bold;
    text-align: center;
    background: #eee;
    background-image: -moz-linear-gradient(#fff,#eee);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
    background-image: -webkit-linear-gradient(#fff, #eee);
    background-image: -o-linear-gradient(#fff, #eee);
    background-image: -ms-linear-gradient(#fff, #eee);
    background-image: linear-gradient(#fff, #eee);
}

.grdLogCarga tr td:nth-child(2) {
    word-break: break-all;
}

.tableReport {
    width: 500px;
}

    .tableReport * {
        float: none;
    }

    .tableReport th {
        min-width: 47px;
    }

    .tableReport td:first-child {
        max-width: 60px;
    }

.divFilterAgent {
    position: relative;
    float: left;
    width: 500px;
    padding: 0;
    max-height: 300px;
    overflow: auto;
    margin: 0 -3px;
}

    .divFilterAgent div, .divFilterAgent table {
        width: 98%;
    }

.tableFilterAgent {
    position: relative;
    float: left;
    width: 95%;
}

    .tableFilterAgent td:first-child {
        width: 35px !important;
    }

.grd_defaultAlter td input {
    float: left;
    text-align: center;
    margin: -3px 10px;
}

.gridPermissions th {
    padding: 1px;
    color: #212121;
    background: #FFF;
    border: 1px solid #FFF;
    font-weight: bold;
}

.gridPermissions a {
    padding: 1px;
    color: #555;
    text-decoration: none;
}

.tabcopiaACD {
    width: 325px;
    margin: 10px 8px 0;
    padding: 7px;
    background: #eee;
}

.panelPermissions {
    display: block;
    height: 90%;
    width: 600px;
    min-height: 310px;
    max-height: 610px;
    padding: 4px 7px;
    overflow: auto;
    text-align: left;
}

.grd_defaultIntern {
    position: relative;
    float: left;
    font-size: 11px;
    width: 95%;
    margin: 0 5% 0;
}

    .grd_defaultIntern tr, .grd_defaultIntern td {
        padding: 3px 0;
        height: 25px;
    }

.linkHeaderTable a {
    font-size: 11px;
    color: #336699;
    text-decoration: underline;
}

.textOverList {
    color: #4A4A4A;
    font-weight: bold;
    font-size: 12px;
    width: 100%;
    margin: 4px auto 0px;
    text-align: center;
    padding: 4px 0;
    position: relative;
    float: left;
}

.textOverListOrdenacao {
    color: #4A4A4A;
    font-weight: bold;
    font-size: 12px;
    width: 90%;
    margin: 4px 0px 0px;
    text-align: center;
    padding: 4px 0;
}

.tableSideBySide {
    width: 40%;
    font-size: 11px;
    max-height: 500px;
    position: relative;
    float: left;
    overflow: auto;
}

    .tableSideBySide td {
        word-break: break-all;
    }

span.tableSideBySide {
    width: 40%;
    font-size: 11px;
    max-height: 500px;
    position: relative;
    float: left;
    overflow: auto;
    text-align: center;
    padding: 15px 0 0;
    color: #d6692f;
    font-weight: bold;
}

.wrapGrandGrdCamp {
    max-width: 325px;
    width: 45%;
    height: 500px;
    overflow: auto;
    position: relative;
    float: left;
    margin: 3px 0px 10px;
    padding: 0;
}

    .wrapGrandGrdCamp table {
        border: 0;
        max-width: 365px;
    }

@media screen and (max-width: 1024px) {
    .wrapGrandGrdCamp table {
        border: 0;
        max-width: 255px;
    }
}

.grdcamp {
    width: 375px;
    font-size: 11px;
}

.grdTelefone td {
    text-align: center;
}

.gridViewPager span, .gridViewPager a {
    position: relative;
    float: left;
    margin: 3px 5px;
    padding: 3px 5px;
    font-size: 11px;
    width: 15px;
    height: 15px;
    color: #FFF;
    border-radius: 50%;
    text-align: center;
    text-decoration: none;
}

.gridViewPager a {
    background: #336699;
}

    .gridViewPager a:hover {
        background: #6699FF;
    }

.gridViewPager span {
    background: #979797;
}

.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.ModalUpdateProgress {
    position: absolute;
    width: 152px;
    height: 37px;
    padding-left: 10px;
    display: table-cell;
    vertical-align: middle;
    right: 1073px;
    z-index: 100002 !important;
}

.pnlPop {
    background: #FFF;
}

.textTopAgenteLogados {
    position: relative;
    float: left;
    width: 100%;
    text-align: left;
    font-size: 14px;
    position: relative;
    display: inline-block;
    /* float: left; */
    color: #114477;
    font-weight: bold;
    word-break: break-all;
    background: #fefefe;
    padding: 6px 0;
}

    .textTopAgenteLogados span {
        text-align: center;
        color: #114477;
        font-size: 14px;
        display: inline-block;
    }

/* BOTTOM ----------------------------------------------------------*/
.bottomAppIndex {
    position: fixed;
    float: left;
    width: 100%;
    height: 40px;
    padding: 10px 0 5px 0;
    text-align: center;
    background: #333;
    color: #FEFEFE;
    bottom: 0;
    font-size: 11px;
    font-weight: 100;
    margin: 30px 0 0;
}

.bottomApp {
    float: left;
    width: 100%;
    height: 40px;
    padding: 10px 0 5px 0;
    text-align: center;
    border-top: 1px solid #ccc;
    background: #212121;
    color: #FEFEFE;
    font-size: 11px;
    bottom: 0;
    left: 0;
    margin: 0;
}

    .bottomApp a {
        position: relative;
        float: right;
        padding: 0 15px;
        color: #FEFEFE;
        text-decoration: underline;
        margin: -15px 0 0;
    }

.logoEmpresa {
    position: relative;
    float: left;
    margin: 0 0;
    height: 40px;
}

.textBottom {
    margin: 4px auto 0;
    position: relative;
    float: none;
    display: block;
    width: 350px;
}

/* MESSAGES ----------------------------------------------------------*/
.errorMessage, .alertMessage, .sucessMessage, .Alerta_sucesso, .Alerta_insucesso {
    font-size: 11px;
    font-weight: bold;
    padding: 2px 3px;
    margin: 10px;
    padding: 5px;
}

.alertMessageSimple {
    color: #ff9800;
    position: relative;
    float: left;
    margin: 5px 1px 0;
    padding: 5px;
}

.errorMessage {
    color: #d6692f;
    width: 90%;
    font-size: 13px;
    text-align: center;
    display: none;
    position: relative;
    float: left;
}

.sucessMessage {
    color: #89a824;
    width: 90%;
    font-size: 13px;
    text-align: center;
    display: none;
    position: relative;
    float: left;
}

.icoAlert, .icoSucess, .icoError {
    position: relative;
    float: left !important;
    height: 24px;
    max-width: 197px;
    padding: 10px 10px 0 19px;
    font-size: 10px;
    font-weight: bold;
    display: none;
    margin: 0 10px !important;
}

.idIcoAlert {
    position: relative;
    float: left !important;
    height: 24px;
    max-width: 197px;
    padding: 10px 10px 0 19px;
    font-size: 10px;
    font-weight: bold;
    margin: 0 10px !important;
    color: #fda532;
    background: url(../Imagens/icoAlert.png) left center no-repeat;
}

.icoAlert {
    color: #fda532;
    background: url(../Imagens/icoAlert.png) left center no-repeat;
}

.icoSucess {
    color: #aad241;
    background: url(../Imagens/icoSucess.png) left center no-repeat;
}

.icoError {
    color: #de402a;
    background: url(../Imagens/icoError.png) left center no-repeat;
}

.jdash-widget .errorMessage, .jdash-widget .sucessMessage {
    display: none;
}

.mDashboard .errorMessage, .mDashboard .sucessMessage {
    display: none;
}

.infoMessage {
    color: #0089cb;
    width: 100%;
    padding: 5px;
    font-size: 13px;
    text-align: center;
}

.alertMessage {
    color: #e7c31d;
    width: 100%;
    padding: 5px;
    font-size: 13px;
    text-align: center;
}


.tableCarga {
    width: 1090px;
    visibility: visible;
    margin: 20px 0 0 0;
}

.wrapCarga01 {
    overflow-y: auto;
    overflow-x: hidden;
    width: 95%;
    max-height:360px;
    position: relative;
    float: left;
    padding: 0 0 10px;
    margin: 0 10px 20px;
    border-bottom: 1px solid #ccc;
}

.wrapCarga02 {
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 300px;
    max-height: 450px;
}

.titleLogCarga {
    position: relative;
    float: left;
    width: 94%;
    text-align: center;
    padding: 7px 3% 5px;
    font-size: 13px;
    font-weight: bold;
    color: #FFF;
    background: #CCC;
}

/* INPUTS ----------------------------------------------------------*/
input[type=text] {
    width: 200px;
}

.inputMaxLenght {
    width: 154px;
}

.inputUsuarioCadastro {
    width: 250px;
    margin: 5px auto;
}

.inputSelectSaldo {
    width: 250px;
    margin: 5px auto;
}

.inputAddSaldo {
    width: 50px;
    margin: 5px auto;
}

/* SELECTS ----------------------------------------------------------*/
select {
    padding: 8px;
    color: #000000;
    border-radius: 0;
    width: 196px;
    border: 1px solid #cccccc;
}

    select[multiple=multiple] option {
        width: 100%;
        margin: 1px 0;
        padding: 2px 0;
    }

        select[multiple=multiple] option:first-child {
            background: #efefef;
        }

.selectCampanhaNova {
    width: 250px;
}

.selectCampanhaResumo {
    width: 395px;
}

.selectFaturamento {
    width: 385px;
}

.selectRelatorio {
    width: 370px;
    margin: 0px 10px;
}

.selectRetorno {
    width: 380px;
}

.selectGrupoCampanha {
    width: 333px;
    margin: 3px 10px;
}

.selectGrupoCampaha02 {
    width: 360px;
    margin: 5px 10px;
}

.selectGrupoCampaha03 {
    width: 362px;
    margin: 0 10px;
}

.selectCampanhaNovaMensagensAnteriores {
    width: 495px;
    margin: 3px 10px;
}

legend {
    padding: 0 6px;
    font-size: 13px;
    font-weight: bold;
    color: #336699;
}

/* Info-Square ----------------------------------------------------------*/
.infoSquare {
    position: relative;
    float: left;
    display: block;
    width: 280px;
    height: 97px;
    padding: 7px;
    margin: 10px 25px;
    background: #f35958;
}

.infoSquareTitle {
    position: relative;
    float: left;
    font-size: 15px;
    color: #FFFFFF;
    width: 100%;
    margin: 5px 10px;
}

.infoSquareSpan {
    position: relative;
    float: left;
    color: #777;
    min-width: 80px;
    width: 100%;
    font-size: 9px;
    margin: 2px 1px 0;
    text-align: center;
    min-height: 50px;
    height: 65%;
    padding: 10px 0;
    visibility: visible;
    text-transform: uppercase;
}

.infoSquareSpanMinus {
    position: relative;
    float: left;
    color: #777;
    max-width: 120px;
    font-size: 9px;
    margin: 2px 1px 0;
    text-align: center;
    min-height: 50px;
    height: 65%;
    padding: 10px 0;
    visibility: visible;
    text-transform: uppercase;
}

.iSSMSize01 {
    width: 45%;
}

.iSSMSize02 {
    width: 31%;
}

.iSSMSize03 {
    width: 19%;
}

.iSSMSize04 {
    position: relative;
    float: left;
    color: #777;
    font-size: 9px;
    margin: 2px 1px 0;
    text-align: center;
    min-height: 50px;
    height: 65%;
    padding: 10px 0;
    visibility: visible;
    text-transform: uppercase;
    width: 97%;
}

.infoSquareSpanSeparator {
    position: relative;
    float: left;
    width: 3px;
    margin: 12px 0;
    height: 35px;
    padding: 10px 0;
    border-left: 1px solid #333;
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
}

.overDiv {
    position: absolute;
    visibility: hidden;
    z-index: 1000;
    margin: -400px 400px;
    border: 1px solid #999;
    padding: 0;
    height: auto;
}

    .overDiv table {
        margin: 0 !important;
    }

    .overDiv a[title="Close"] {
        width: 13px;
        height: 13px;
        cursor: pointer;
        padding: 6px;
        position: relative;
        float: right;
        color: #FFF !important;
        border-radius: 50%;
        margin: -18px -15px 0 !important;
        padding: 15px 12px;
        background: url(../Imagens/btnCloseOverlayOverDiv.png) no-repeat center center;
    }

        .overDiv a[title="Close"] * {
            color: #FFF !important;
            font-size: 0;
            text-indent: 100000000px;
        }

    .overDiv table table {
        width: 100%;
    }

        .overDiv table table a {
            margin: 0 !important;
            padding: 3px;
            color: #FFF;
        }

.infoSquareName {
    position: relative;
    float: left;
    width: 100%;
    padding: 8px 0 0;
    margin: 2px 0px 0px;
    background: #efefef;
    height: 20px;
    text-align: center;
}

.infoSquareNumberGreen, .infoSquareNumberRed, .infoSquareNumberYellow, .infoSquareNumberBlack, .infoSquareNumberBlue {
    position: relative;
    float: left;
    font-size: 21px;
    width: 100%;
    font-weight: bold;
    text-align: center;
}

.infoSquareNumberGreen {
    color: #89a824;
}

.infoSquareNumberRed {
    color: #d6692f;
}

.infoSquareNumberBlue {
    color: #20afcd;
}

.infoSquareNumberYellow {
    color: #dcbc09;
}

.infoSquareNumberBlack {
    color: #212121;
}

.infoSquareLink {
    position: relative;
    float: left;
    color: #333;
    width: 90%;
    font-size: 11px;
    margin: 12px 10px;
    padding: 3px;
    border-top: 3px solid #555555;
}

    .infoSquareLink a {
        font-size: 11px;
        color: #FEFEFE;
    }

/* Auto-Scroll ----------------------------------------------------------*/
.scrollToTop {
    width: 50px;
    height: 50px;
    padding: 5px;
    text-align: center;
    font-weight: bold;
    text-decoration: none;
    position: fixed;
    transition: all 400ms;
    bottom: 35px;
    right: 30px;
    display: none;
    background: url(../Imagens/ScrollToTop.png) no-repeat center center;
    border-radius: 10px;
    opacity: 0.5;
    z-index: 1000;
  
}

    .scrollToTop:hover {
        text-decoration: none;
        transform: scale(1.1);
    }

/* S U P O R T E - SUPORTE */
.supportFormSide {
    position: relative;
    float: left;
    width: 420px;
    margin: 15px 0 0 95px;
}

    .supportFormSide * {
        position: relative;
        float: left;
        min-width: 250px;
    }

.textDesc {
    position: relative;
    float: left;
    width: 100%;
    width: 85%;
    margin: 3px 25px;
    font-size: 14px;
}

.supportFormSide span {
    width: 390px;
    margin: 3px;
}

input[type=text] {
    width: 375px;
    margin: 3px;
}

.supportFormSide textarea {
    width: 385px;
    height: 150px;
    padding: 3px;
    margin: 3px;
}

.highText {
    position: relative;
    float: left;
    width: 420px;
    margin: 10px 0 0;
    padding: 5px 0;
    text-align: center;
    color: #fff;
    background-color: #215fac;
}

.supportFormSide span.label {
    font-weight: bold;
    color: #5a8bb3;
}

.supportFormSide a, .supportFormSide span.telephones {
    height: 10px;
    width: 390px;
    margin: 02px 3px 5px;
    padding: 5px 0 8px 0;
    text-align: center;
    background-color: #ddd;
    text-decoration: none;
}

/* Home */
.boxHome {
    background: url(../Imagens/boxHomebg.jpg) no-repeat top center;
    position: relative;
    float: none;
    width: 1000px;
    height: 475px;
    margin: 80px auto 0;
}

    .boxHome h2 {
        font-size: 36px;
        color: #d10303;
        width: 500px;
        margin: 35px 0 0;
    }

    .boxHome p.desc {
        font-size: 14px;
        color: #343434;
        width: 460px;
        margin: 0 25px 0;
        text-align: justify;
    }

.wrapButtonsBoxHome {
    position: relative;
    float: left;
    width: 500px;
    margin: 25px 0;
}

.boxHome .buttonHome {
    position: relative;
    float: left;
    width: 170px;
    height: 35px;
    font-size: 14px;
    color: #343434;
    font-weight: bold;
    margin: 10px 15px 15px;
    text-align: center;
    background: transparent;
    border: 2px solid #343434;
    text-decoration: none;
    padding: 20px 0 0;
    border-radius: 3px;
}

    .boxHome .buttonHome:hover {
        color: #FFF;
        background: #ff0000;
        border: 2px solid #ff0000;
    }

.ajax__tab_body .grd_default {
    
    margin: 0;
}


.tableTarifadorPBX {
    position: relative;
    float: left;
    margin: 20px 0 0 14px;
    width: 98%;
}

    .tableTarifadorPBX tr {
        position: relative;
        float: left;
        width: 100%;
    }

    .tableTarifadorPBX td {
        position: relative;
        float: left;
        display: block;
        min-height: 29px;
        min-width: 120px;
        text-align: center;
    }

    .tableTarifadorPBX th {
        border: 0;
        background: #555;
        color: #fff;
        font-weight: 100;
        font-size: 13px;
        padding: 6px 1px;
        position: relative;
        float: left;
        display: block;
        width: 120px;
        height: 36px;
        text-align: center;
    }

    .tableTarifadorPBX .tdSpecial {
        position: relative;
        float: left;
        width: 200px;
    }

        .tableTarifadorPBX .tdSpecial * {
            position: relative;
            float: left;
        }

    .tableTarifadorPBX .spanLarge {
        margin: 10px 10px 0px;
        position: relative;
        float: left;
        width: 103px;
        text-align: left;
    }

    .tableTarifadorPBX .tdSpecial .spanTiny {
        / position: relative;
        float: left;
        margin: 5px 3px 0;
    }

    .tableTarifadorPBX .title {
        position: relative;
        float: left;
        margin: 15px 10px;
    }



/* About - Sobre ----------------------------------------------------------*/
.aboutContent {
    background: url(../Imagens/backgroundAbout.jpg) repeat center bottom;
    display: block;
    margin: 35px auto 0;
    border: 1px solid #ccc;
    border-radius: 3px;
    width: 600px;
    font-size: 11px;
    padding: 15px;
    height: 401px;
}

.logoAbout {
    margin: 15px 215px;
    height: 70px;
}

.warningBoxes {
    position: relative;
    float: left;
    width: 440px;
}

.warpLogoServiceAbout {
    color: #000000;
    position: relative;
    float: right;
    right: 0;
}

.logoServiceAbout {
    color: #ffffff;
    background: #000000;
    height: 55px;
    right: 0;
    padding: 5px;
    margin: 0;
    position: relative;
    float: left;
}

.wrapGridMonitorCanais {
    position: relative;
    float: left;
    max-height: 750px;
    overflow: auto;
    height: 10%;
    margin: 0 0 20px;
    padding: 0 1% 20px;
}

    .wrapGridMonitorCanais td {
        position: relative;
        float: left;
        margin: 0 8px;
    }

        .wrapGridMonitorCanais td td {
            margin: 0;
            position: relative;
            float: none;
            padding: 0 3px;
            height: 24px;
        }

.listViewGridMonitorCanais {
}


.headerTableMonitorCanais {
    display: inline-block;
    color: #212121;
    width: 100%;
    text-align: center;
    font-size: 13px !important;
    font-weight: bold;
}

.grdTableMonitorCanais th a {
    color: #336699;
    text-decoration: underline;
}

.btnCloseOverlay {
    position: relative;
    float: right;
    margin: -15px;
    width: 18px;
}

.panelOverlay {
    background: #FFF;
}

.separatorCheckList {
    position: relative;
    float: left;
    width: 95%;
    margin: 5px 25px;
    min-height: 30px;
}

    .separatorCheckList .spanLarge {
        position: relative;
        float: left;
        margin: 10px 13px 0;
        width: 115px;
    }

    .separatorCheckList input[type=checkbox], .separatorCheckList label {
        position: relative;
        float: left;
        margin: 8px 5px 0 0;
    }

.separatorSave {
    position: relative;
    float: left;
    margin: 0;
    background: #FFF;
    width: 96%;
    padding: 10px 1% 14px;
}

/* PBX RAMAIS */
.titlePBXRamais {
    font-size: 14px;
    font-weight: bold;
    color: #888;
    width: 100%;
    display: block;
    margin: 10px 11px 0;
}

.separatorPbxRamalHalfPage {
    position: relative;
    float: left;
    width: 31%;
    margin: 5px 1% 0;
    min-height: 30px;
}

    .separatorPbxRamalHalfPage:first-child {
        margin: 5px 1% 0 25px;
    }

.separatorPbxRamal {
    position: relative;
    float: left;
    width: 115px;
    margin: 5px 10px;
    min-height: 30px;
}

    .separatorPbxRamal * {
        font-size: 10px;
    }

.separatorPbxRamalCheck {
    position: relative;
    float: left;
    min-width: 132px;
    margin: 5px 10px;
    min-height: 30px;
}

.separatorPbxRamal input[type=text] {
    position: relative;
    float: left;
    width: 80%;
    margin: 5px 0;
    min-height: 30px;
}

.separatorPbxRamalCheck * {
    position: relative;
    float: left;
    margin: 0 3px;
    top: 0px;
    left: 0px;
}

.smallContent {
    float: none;
    width: 500px;
    min-height: 300px;
    display: block;
    margin: 0 auto;
}

.selectPbxRamal {
    position: relative;
    float: left;
    margin: 4px 12px;
    top: 0px;
    left: 0px;
}

/* PBX Configuracoes */
.titlePBXSetup {
    font-size: 14px;
    font-weight: bold;
    color: #888;
    width: 100%;
    display: block;
    margin: 10px 22px 0;
}

.separatorPBXSetup {
    position: relative;
    float: left;
    width: 48%;
    margin: 5px 1% 0;
    min-height: 85px;
}

@media screen and (max-width: 1280px) {
    .separatorPBXSetup {
        width: 48%;
    }
}

.separatorPBXSetupLarge {
    position: relative;
    float: left;
    width: 424px;
    margin: 5px 3px 0 23px;
    min-height: 30px;
}

    .separatorPBXSetup *, .separatorPBXSetupLarge * {
        position: relative;
        float: left;
        margin: 0;
    }

    .separatorPBXSetup input[type=text], .separatorPBXSetupLarge input[type=text] {
        position: relative;
        float: left;
        width: 90%;
        margin: 5px 0;
        min-height: 30px;
        border: 1px solid #ccc;
        border-radius: 3px;
        padding: 0 5px;
    }

    .separatorPBXSetup span, .separatorPBXSetupLarge span {
        min-height: 13px;
    }

    .separatorPBXSetupLarge select, .separatorPBXSetup select {
        position: relative;
        float: left;
        width: 98%;
        margin: 5px 0;
        min-height: 34px;
        border: 1px solid #ccc;
        border-radius: 3px;
    }

.separatorPBXSetup .separatorCheckBox {
    position: relative;
    float: left;
    width: 120px;
    margin: 5px 0;
    min-height: 30px;
}

.separatorPBXSetup span.spanResposta, .separatorPBXSetupLarge span.spanResposta {
    margin: 5px 0;
    width: 100%;
}

.situacaoGeral {
    width: 100%;
    position: relative;
    float: left;
}

.wrapLabelsSituacaoGeral {
    width: 30%;
    height: 22px;
    position: relative;
    float: left;
}

@media screen and (max-width: 1100px) {
    .wrapLabelsSituacaoGeral {
        width: 48%;
    }
}

.situacaoGeral .wrapLabelsSituacaoGeral:last-child {
    width: 100%;
}

.labelQuantity {
    min-width: 45px;
    position: relative;
    float: left;
    text-align: right;
    margin: 2px 4px;
    color: #FFF;
    padding: 1px 3px;
    border-right: 1px solid #555;
}

.textQuantity {
    margin: 4px 0 -6px;
    position: relative;
    float: left;
}

#oReportCell, #oReportCell table {
    width: 100%;
}

.alertCarga {
    background: #eee;
    padding: 1%;
    text-align: center;
}

.linkCarga {
    color: #007acc;
    text-decoration: none;
    font-size: 12px;
    position: relative;
}

    .linkCarga:hover {
        background: #a3d3f3;
        color: #212121;
    }

.textFilaDeEspera {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    margin: 15px 0 0;
}

.iconInfo {
    margin: 2px 3px 0;
    width: 12px;
    float: none;
}

.checkBoxListVertical {
    position: relative;
    float: left;
    width: 89%;
    font-size: 11px;
    text-transform: lowercase;
    height: 320px;
    overflow-y: auto;
    overflow-x: hidden;
}

    .checkBoxListVertical tr {
        width: 150px;
        margin: 3px 0 1px;
    }

.btnEsqueciMinhaSenha {
    background: transparent;
    border: 0;
    cursor: pointer;
    font-size: 11px;
    color: #777;
    margin: 10px 0 0;
}

.btnEsqueciMinhaSenha {
    text-decoration: underline;
}

.textPassword {
    position: relative;
    float: left;
    width: 100%;
    font-size: 10px;
    color: #FFF;
    font-weight: bold;
    text-align: center !important;
}

/* //////////////////// DOUBLE SCROLL */
.spanPesquisaConsultas {
    padding: 10px 0px 8px 10px;
    border: 1px dashed #ccc;
    width: 190px;
    text-align: center;
    position: relative;
    float: left;
}

.overflowConsultas {
    width: 80%;
    margin: 5px 16px 0;
    position: relative;
    float: left;
    padding: 5px 0 10px;
}

.wmd-view-topscroll, .wmd-view {
    overflow-x: scroll;
    width: 95%;
    border: 0;
    margin: 0 24px 0;
}

.wmd-view-topscroll {
    height: 20px;
    overflow-y: hidden;
}

.wmd-view {
    min-height: 200px;
}

.scroll-div {
    width: 1390px;
    overflow-x: scroll;
}

.dynamic-div {
    min-width: 1px;
    min-height: 20px;
}

.scroll-div-consulta-telefones {
    overflow-x: scroll;
}

/* //////////////////// Configuracoes */
.abaSetup table {
    position: relative;
    float: left;
    display: block;
}

.abaSetup table {
    min-width: 820px;
}

.abaSetup .ajax__tab_container, .abaSetup .ajax__tab_default {
    height:30px;
    margin: 0 35px;
    width: 100%;
}

.abaSetup .ajax__tab_xp .ajax__tab_body {
    height: 30px;
    width: 98%;
}

.wrapLista {
    position: relative;
    float: left;
    width: 95%;
    background: #fefefe;
    margin: 1px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

#ctl00_ContentPlaceHolder1_uppListaACD {
}

    #ctl00_ContentPlaceHolder1_uppListaACD input[type=checkbox] {
        position: relative;
        float: left;
        margin: 4px 1% 0;
        height: 15px;
        display: inline;
    }

    #ctl00_ContentPlaceHolder1_uppListaACD label {
        position: relative;
        float: left;
        margin: 6px 2px 1px;
        line-height: 1.4;
        width: 85%;
        min-height: 18px;
        display: block;
        word-break: break-all;
    }

    #ctl00_ContentPlaceHolder1_uppListaACD table tr {
        float: left;
        width: 48%;
        display: block;
        margin: 3px 0;
        min-height: 26px;
    }

    #ctl00_ContentPlaceHolder1_uppListaACD table td {
        float: left;
        width: 100%;
        min-width: 250px;
    }

.wrapTableFilterACD {
    max-height: 585px;
    height: 230px;
    display: block;
    overflow-y: auto;
    position: relative;
    float: left;
    margin: 0px 0px 5px;
    width: 96%;
}

#ctl00_ContentPlaceHolder1_uppListaACD .tableFilterACD {
    margin: 0px 9px;
    display: block;
    position: relative;
    float: left;
    width: 96%;
    table-layout: fixed;
}

.ctl00_ContentPlaceHolder1_uppListaACD .icoAlert, .ctl00_ContentPlaceHolder1_uppListaACD .icoSucess, .ctl00_ContentPlaceHolder1_uppListaACD .icoError {
    display: none;
}

.dropdown dd, .dropdown dt {
    margin: 0px;
    padding: 0px;
}

.dropdown ul {
    margin: -1px 0 0 0;
}

.dropdown dd {
    position: relative;
}

.dropdown a, .dropdown a:visited {
    color: #fff;
    text-decoration: none;
    outline: none;
    font-size: 12px;
}

.dropdown dt a {
    background-color: #4F6877;
    display: block;
    padding: 8px 20px 5px 10px;
    min-height: 25px;
    line-height: 24px;
    overflow: hidden;
    border: 0;
    width: 272px;
}

    .dropdown dt a span, .multiSel span {
        cursor: pointer;
        display: inline-block;
        padding: 0 3px 2px 0;
    }

.dropdown dd ul {
    background-color: #4F6877;
    border: 0;
    color: #fff;
    display: none;
    left: 0px;
    padding: 2px 15px 2px 5px;
    position: absolute;
    top: 2px;
    width: 280px;
    list-style: none;
    height: 100px;
    overflow: auto;
}

.dropdown span.value {
    display: none;
}

.dropdown dd ul li a {
    padding: 5px;
    display: block;
}

    .dropdown dd ul li a:hover {
        background-color: #fff;
    }

.descriCamp {
    display: inline-block;
    color: #114477;
    font-weight: bold;
    width: 80%;
    max-width: 300px;
    position: relative;
    float: left;
    margin: 11px 5px;
    font-size: 14px;
}

.divFilterInputGerenciamento input {
    width: 83%;
    margin: 3px auto 10px;
    margin: 0 auto;
    display: block;
    float: none;
    position: relative;
}

.divFilterInputGerenciamento span {
    margin: 3px 15px;
    font-weight: bold;
}

/* Notificação ----------------------------------------------------------*/
.titleNotificacao {
    width: 100%;
    height: 23px;
    background: rgb(238, 238, 238) none repeat scroll 0% 0%;
    border: 1px solid rgb(99, 99, 99);
    margin: 0px 0px 11px !important;
    text-align: center;
    padding: 10px 0px 0px;
}

.descNotificacao {
    width: 100%;
    background: rgb(238, 238, 238) none repeat scroll 0% 0%;
    text-align: center;
    padding: 5px 0px;
    margin: 0px 0px 10px;
}

.textNotificacao {
    width: 100%;
    margin: 20px 0 0;
}

.inputNotificacao {
    text-align: center;
    width: 35px !important;
    margin: -8px 0 0 !important;
}

.inputPausa {
    text-align: center;
    width: 35px !important;
    margin: 0 auto !important;
}


/* MENU ----------------------------------------------------------*/
.NodeStyle {
}

    .NodeStyle:hover,
    a.NodeStyle:hover,
    .NodeStyle:link:hover,
    a.NodeStyle:link:hover {
        color: #fcbc06 !important;
    }

.HoverNodeStyle {
    font-size: 11px;
    color: #fcbc06;
}

    .HoverNodeStyle:hover,
    a.HoverNodeStyle:hover,
    .HoverNodeStyle:link:hover,
    a.HoverNodeStyle:link:hover {
        font-size: 11px;
        color: #fcbc06;
    }

.SelectedNodeStyle {
    font-weight: bold !important;
    color: #fcbc06 !important;
}

    .SelectedNodeStyle:hover,
    a.SelectedNodeStyle:hover,
    .SelectedNodeStyle:link:hover,
    a.SelectedNodeStyle:link:hover {
        font-size: 11px;
        color: #fcbc06;
    }
/* CHART - Gráficos ----------------------------------------------------------*/
.nomePastaConsulta {
    position: relative;
    float: left;
    width: 100%;
    padding: 5px 0 0;
    text-align: center;
}

.spanExpurgo {
    margin: 4px 0 0;
}

.doughnut-legend {
    list-style: none;
    margin: 20px 0 0;
}

    .doughnut-legend li {
        margin: 4px;
        text-indent: 16px;
    }

.chart-legend li span {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 5px;
}

.highcharts-container text[text-anchor="end"] {
    display: none !important;
}


/* Modal Progress ----------------------------------------------------------*/
.overProgress {
    width: 200px;
    min-height: 58px;
    border: 1px solid #bbb;
    box-shadow: 3px 3px 2px rgba(100,100,100,0.3);
    font-size: 11px;
    font-family: arial;
    padding: 7px 10px 0;
    border-radius: 3px;
    background: #fff;
    text-align: center;
    margin: 15px 0px;
}

    .overProgress img {
        margin: 6px auto;
        float: left;
        display: block;
        width: 20%;
    }

    .overProgress span {
        position: relative;
        float: left;
        width: 80%;
        text-align: center;
        margin: 22px 0 0;
    }


.animDescription {
    margin: 40px 0;
}

.animationBox {
    padding: 10px;
    border: 1px solid #e0e0e0;
}

.animationBox__title {
    padding: 10px;
    margin: -10px -10px 0 -10px;
    background: #67de0f;
    color: #fff;
    font-weight: 700;
}

.animationBox__description {
    padding: 30px 0;
    margin: 0;
    font-size: 0.9em;
}

.contaFila {
    width: 100%;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
}

/* listTentativas ----------------------------------------------------------*/
.listTentativas {
    height: 100%;
}

    .listTentativas, .listTentativas tr, .listTentativas td {
        position: relative;
        float: left;
        width: 100%;
        height: 17px;
    }

        .listTentativas * {
            position: relative;
            float: left;
            margin: 1px 2px;
        }


        .listTentativas td span:first-of-type {
        }

        .listTentativas tr:last-of-type {
            font-size: 13px;
            background: #eee;
            font-weight: bold;
            padding: 4px 0;
            position: absolute;
            bottom: 0;
            margin: 0 0 -30px;
        }

            .listTentativas tr:last-of-type td {
                text-align: center;
            }

        .listTentativas input[type=image] {
            position: relative;
            float: right;
            margin: 0;
        }

.textTotal, .textTotalLarge {
    position: relative;
    float: left;
    width: 65%;
    padding: 3px;
    text-align: center;
    bottom: 0;
    padding: 10px 0;
    background: #f7f7f7;
    border-radius: 50px;
}

    .textTotal * {
        float: none;
        font-size: 13px;
    }

    .textTotalLarge * {
        float: none;
        font-size: 18px;
    }

.wrapTextTotalLarge {
    padding: 8px 0 0;
    background: #eee;
    text-align: center;
}




/* Aviso para versões antigas do IE */
.oldBrowser {
    position: relative;
    float: none;
    width: 330px;
    height: 110px;
    padding: 10px;
    margin: 22px auto 0;
    background: #fffeee;
    color: #ff0000;
    line-height: 1.5;
    font-size: 13px;
    text-align: center;
    display: none;
}

/* VALIDAÇÃO NOTURNA */
.labelDaysValidacao {
    font-size: 11px !important;
    color: #225577;
    margin: 10px 3px 2px;
    position: relative;
    float: left;
    width: 96%;
    font-weight: bold;
}

.separatorValidacao {
    position: relative;
    float: left;
    width: 95%;
    margin: 5px 3px;
    min-height: 30px;
}


/* Tarifador PBX */
.chlStatusTarifador {
    width: 45%;
    margin: 15px;
    padding: 5px;
    position: relative;
    float: left;
    border: 1px solid #DDD;
    min-height: 423px;
    background: #FFF;
}


@media screen and (max-width: 1024px) {
    .chlStatusTarifador {
        width: 94%;
    }
}


/* Relatórios/Relatorios ----------------------------------------------------------*/
.wrapRelatorios {
    position: relative;
    float: none;
    min-height: 400px;
    margin: 30px auto;
    display: table;
    padding: 4px 10px 0 10px;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    border-top: 1px solid #eee;
    border-bottom: 6px solid #ddd;
    background: #fff;
    width: 100%;
}

    .wrapRelatorios .separator {
        width: 94% !important;
        margin: 7px 3% 0 !important;
        min-height: 46px;
        border-bottom: 0;
    }

        .wrapRelatorios .separator:last-child {
            width: 94% !important;
            border-bottom: 0;
            height: 20px !important;
        }

.descRelatorios {
    line-height: 1.8;
    font-size: 14px;
    margin: 1px 0 3px;
    position: relative;
    float: left;
    width: 480px;
    color: #555;
}

.spanFRM {
    position: relative;
    float: left;
    width: 156px;
    margin: 4px 13px 0 0;
    text-align: right;
    font-weight: bold;
    font-size: 13px;
    font-weight: 600;
    color: #777;
    padding: 7px 10px 0 10px;
    border-right: 1px solid #ddd;
}

@media screen and (max-width: 1300px) {
    .spanFRM {
        position: relative;
        float: left;
        width: 124px;
        margin: 4px 10px 0 0;
        text-align: left;
        font-size: 13px;
        font-weight: 600;
        color: #777;
        padding: 7px 0px 10px 1px;
        border-right: 1px solid #ddd;
    }
}

.filtrarFRM, .filtrarGrdCampanhas {
    width: 455px !important;
    margin: 0 0 !important;
}

.selectFRM {
    width: 482px !important;
    margin: 0 0 !important;
    height:40px;
    
}

@media screen and (max-width: 1100px) {
    .selectFRM {
        width: 80% !important;
        margin: 0 0 !important;
    }
}


.semAgentes {
    position: relative;
    float: left;
    margin: 7px 0 0;
    font-weight: bold;
}

/* MODAL POP UP ----------------------------------------------------------*/
.modalPopup {
    padding: 3px;
    border: 2px solid #888888;
    border-radius: 0;
    background: #FFF;
}

    .modalPopup textarea {
        width: 94%;
        height: 50px;
        margin: 10px 0;
        font-size: 11px;
        padding: 3px;
    }

.spanModal {
    position: relative;
    float: left;
    width: 90px;
    margin: 15px 5px;
}


.gridVazio {
    position: relative;
    float: left;
    color: #212121;
    font-size: 13px;
    margin: 0 39px;
    font-weight: bold;
    width: 100%;
    text-align: center;
}

.titleModal {
    position: relative;
    float: left;
    width: 98%;
    margin: 1%;
    height: 28px;
    font-size: 18px;
    font-weight: bold;
    background: #eee;
    text-align: center;
    padding: 10px 0 0;
    color: #e07401;
}

.modalFechar {
    position: absolute;
    float: right;
    cursor: pointer;
    right: -16px;
    top: -16px;
    border: 0;
    font-size: 0;
    width: 28px;
    height: 28px;
    background: url(../Imagens/btnCloseOverlay.png) top left no-repeat;
}








/* MENU ----------------------------------------------------------*/
.NodeStyle {
}

    .NodeStyle:hover,
    a.NodeStyle:hover,
    .NodeStyle:link:hover,
    a.NodeStyle:link:hover {
        color: #fcbc06 !important;
    }

.HoverNodeStyle {
    font-size: 11px;
    color: #fcbc06;
}

    .HoverNodeStyle:hover,
    a.HoverNodeStyle:hover,
    .HoverNodeStyle:link:hover,
    a.HoverNodeStyle:link:hover {
        font-size: 11px;
        color: #fcbc06;
    }

.SelectedNodeStyle, .SelectedNodeStyle a {
    font-weight: bold !important;
    color: #fcbc06 !important;
}

    .SelectedNodeStyle:hover,
    a.SelectedNodeStyle:hover,
    .SelectedNodeStyle:link:hover,
    a.SelectedNodeStyle:link:hover {
        font-size: 11px;
        color: #fcbc06;
    }


/* ////////// Renitência /////////// */
/* ////////// infosMaster /////////// */

.fieldsetRenitencia {
    width: 45% !important;
    position: relative;
    float: left;
    margin: 0 1% !important;
}

@media screen and (max-width: 890px) {
    .fieldsetRenitencia {
        width: 90% !important;
    }
}

.tableRenitenciaEspecial * {
    font-family: Arial;
    font-size: 11px !important;
}

.tableRenitenciaEspecial td:nth-child(3), .tableRenitenciaEspecial td:nth-child(7) {
    border-right: 1px solid #B0BEC5;
}

.tableRenitenciaEspecial td:nth-child(4), .tableRenitenciaEspecial td:nth-child(5), .tableRenitenciaEspecial td:nth-child(6), .tableRenitenciaEspecial td:nth-child(7) {
    background: rgba(236,239,241,0.3);
}

.tableRenitenciaEspecial td:nth-child(8), .tableRenitenciaEspecial td:nth-child(9), .tableRenitenciaEspecial td:nth-child(10), .tableRenitenciaEspecial td:nth-child(11) {
    background: rgba(176,190,197,.4);
}

/* ////////// INDICADORES /////////// */
/* ////////// infosMaster /////////// */
.infosMaster {
    border: 0;
}

.lineHomeInfos {
    position: relative;
    float: left;
    width: 100%;
    padding: 10px;
    border: 0;
    margin: 27px -25px 0px;
}

.wrapElementHomeInfos {
    position: relative;
    float: right;
    display: none;
}

.elementHomeInfos {
    position: relative;
    float: left;
    border: 0;
    width: 20%;
    height: 55px;
    margin: 1% 1px 0;
    min-width: 100px;
    color: #FFF;
    background: rgba(255,255,255,0.1);
}

    .elementHomeInfos * {
        left: 0 !important;
    }

.elementHomeInfosNumber {
    position: absolute;
    font-size: 22px;
    margin: 4px 1% -5px;
    text-align: center;
    height: 40px;
    visibility: visible;
    text-transform: uppercase;
    width: 98%;
    font-weight: 500;
    bottom: 0;
    text-shadow: 1px 1px 1px rgba(33,33,33,0.2);
}

.elementHomeInfosName {
    position: absolute;
    float: left;
    width: 98%;
    min-height: 14px;
    text-align: left;
    top: 0;
    font-size: 11px;
    padding: 0px 1%;
    text-shadow: 1px 1px 1px rgba(33,33,33,0.2);
}

.showIndicadores {
    width: 38px;
    height: 38px;
    position: absolute;
    left: auto;
    cursor: pointer;
    background: url(../Imagens/showIndicadores.png) center center no-repeat #FFF;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #FFF;
    margin: -46px 60px;
    float: right;
    right: 0;
    display: block;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

/* 
//////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////
    
    
        NOVO MENU - Não apagar
    



ul.tab {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

    ul.tab li {
        float: left;
    }

        ul.tab li a {
            display: inline-block;
            color: black;
            text-align: center;
            padding: 14px 16px;
            text-decoration: none;
            transition: 0.3s;
            font-size: 17px;
        }

            ul.tab li a:hover {
                background-color: #ddd;
            }

            ul.tab li a:focus, .active {
                background-color: #ccc;
            }


.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}
    
    
    
        

ul.tab {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}


    ul.tab li {
        float: left;
    }

        ul.tab li a {
            display: inline-block;
            color: black;
            text-align: center;
            padding: 14px 16px;
            text-decoration: none;
            transition: 0.3s;
            font-size: 17px;
        }


            ul.tab li a:hover {
                background-color: #ddd;
            }

            ul.tab li a:focus, .active {
                background-color: #ccc;
            }


.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}


    

.navigation {
}

.mainmenu, .submenu {
    list-style: none;
    padding: 0;
    margin: 0 0;
    position: relative;
    float: right;
}

.submenu {
    overflow: hidden;
    max-height: 0;
    -webkit-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
    background: #34414d;
    max-width: 170px;
    width: 170px;
    right: 0;
}

.mainmenu li {
    width: 90%;
    padding: .1em 0 0 20px;
    margin: 0;
    position: relative;
    float: right;
    max-width: 186px;
}

    .mainmenu li:hover {
        background: #313d48;
    }


.mainmenu a {
    display: block;
    text-decoration: none;
    padding: 3px 0;
    color: #fefefe;
    font-size: 12px;
    width: 92%;
    padding: 5px 1%;
    height: 13px;
}

    .mainmenu a:hover {
        color: #fcbc06;
        text-decoration: none;
    }

.mainmenu li:hover .submenu {
    display: block;
    max-height: 200px;
}

.submenu a {
    color: #FFF;
}

    .submenu a:hover {
        font-weight: bold;
        color: #fcbc06;
    }


li.menuParent {
    background: url(../Imagens/menuPlus.png) left center no-repeat transparent;
}

li.menuExternal {
    background: url(../Imagens/menuExternal.png) 80% center no-repeat transparent;
}

    li.menuExternal:hover {
        background: url(../Imagens/menuExternal.png) 80% center no-repeat #313d48 !important;
    }

li.menuParent a::before {
    position: relative;
    float: left;
}

.menuParent .submenu a::before {
    background: #425668;
    bottom: auto;
    content: "";
    height: 8px;
    left: 5px;
    margin-top: 2px;
    position: absolute;
    right: auto;
    width: 8px;
    z-index: 1;
    border-radius: 50%;
}

li.menuParent:hover {
    background: url(../Imagens/menuMinus.png) top left no-repeat #313d48 !important;
    border-right: 3px #01c0c8 solid;
}

.subMenu {
    position: relative;
    float: right;
    width: 90%;
    background: #34414d;
    margin: -55px 190px;
    display: none;
}
     */






.spanBloqueio {
    position: relative;
    float: left;
    margin: 20px;
    font-size: 16px;
    color: #888;
    font-weight: bold;
    background: #fefefe;
    width: 94%;
    margin: 20px 25px;
    border-top: 1px solid #eee;
    padding: 10px 0;
}


.UpdatePanelACDClass, .UpdatePanelEquipesClass {
    display: none;
}

.ajax__tab_xp .ajax__tab_header {
    margin-bottom:20px;
    position: relative;
    float: left;
    border-bottom: 1px solid #FFF;
    width: 100%;
    padding: 0px 0 1px;
}

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

.wrapBoxMessage {
    position: fixed;
    float: left;
    background: rgba(33,33,33,0.6);
    width: 100%;
    height: 100vh;
    z-index: 500000;
    display: none;
}

.boxMessage {
    height: 450px;
    width: 500px;
    position: relative;
    margin: -225px auto;
    vertical-align: middle;
    top: 50%;
    border-radius: 3px;
}

.linkFinalCard {
    position: relative;
    float: left;
    width: 100%;
    color: #212121;
    text-align: center;
    margin: 8px 0 0;
    padding: 11px 0;
    background: #eee;
    text-decoration: none !important;
}

.emptyList {
    position: relative;
    float: left;
    width: 100%;
    color: #212121;
    text-align: center;
    font-size: 16px;
}


.ui-datepicker {
    width: 300px;
}

.tree_princ {
    position: relative;
    float: left;
}

.pnlPop {
    background-color: #faf9f4;
    font-family: Arial, Sans-Serif;
    font-weight: normal;
    font-size: 11px;
    padding: 5px;
}

.label2 {
    position: relative;
    float: left;
    margin: 5px 5px 0;
    width: 110px;
}

.messageAlertPopUp {
    position: relative;
    float: left;
    color: #555;
    font-size: 13px;
    text-align: center;
    padding: 10px 0 5px;
    width: 90%;
    height: 20px;
    border: #999 1px solid;
    background: #eee;
    text-align: center;
    text-decoration: none;
    -webkit-animation: alert 1s ease forwards;
    -moz-animation: alert 1s ease forwards;
    -ms-animation: alert 1s ease forwards;
    -o-animation: alert 1s ease forwards;
    animation: alert 1s ease forwards;
}

.modalBackground2 {
    background-color: #414141;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.desabilitarBotoes {
    opacity: 0.5;
    filter: alpha(opacity=50);
    cursor: not-allowed;
    background: #fff
}