/*
    INÍCIO CSS ALTURA PADRÂO FORMULÁRIOS
*/
.height-form {
    min-height: 75px;
    padding-left: 10px;
    padding-right: 10px;
}

.height-form-35 {
    min-height: 35px;
    padding-left: 10px;
    padding-right: 10px;
}
/*
    FIM CSS ALTURA PADRÂO FORMULÁRIOS
*/
/*
    INÍCIO CSS Página LOGIN
*/
.break-word {
    word-wrap: break-word;
}

.intro {
    display: table;
    width: 100%;
    height: 100%;
    padding: 0px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

    .intro .intro-body {
        display: table-cell;
        vertical-align: middle;
    }

.navbar-fixed-bottom {
    bottom: 20px;
}

.img-logo-3r-16 {
    position: relative;
    width: auto;
    height: 16px;
    top: -2px;
}

/*
    FIM CSS Página LOGIN
*/

/* 
    FIM CSS PÁGINA INICIAL SISTEMA
*/

.btn-app-menu-sistema {
    border-radius: 4px;
    position: relative;
    padding: 25px 5px;
    margin: 5px 0px;
    width: 100%;
    text-align: center;
    color: #666;
    border: 1px solid #ddd;
    background-color: #f4f4f4;
    font-size: 20px;
}

    .btn-app-menu-sistema > .fa, .btn-app-menu-sistema > .glyphicon, .btn-app-menu-sistema > .ion {
        font-size: 40px;
        display: block;
    }

    .btn-app-menu-sistema:hover {
        background: #f4f4f4;
        color: #444;
        border-color: #aaa;
    }

    .btn-app-menu-sistema:active, .btn-app-menu-sistema:focus {
        -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
        -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
        box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    }

.btn-app-menu-sistema-modal {
    border-radius: 4px;
    position: relative;
    padding: 15px 15px;
    margin: 5px 0px;
    width: 100%;
    text-align: left;
    color: #666;
    border: 1px solid #ddd;
    background-color: #f4f4f4;
    font-size: 22px;
}


    .btn-app-menu-sistema-modal > .fa, .btn-app-menu-sistema-modal > .glyphicon, .btn-app-menu-sistema-modal > .ion {
        font-size: 22px;
        display: inline-block;
    }

    .btn-app-menu-sistema-modal:hover {
        background: #f4f4f4;
        color: #444;
        border-color: #aaa;
    }

    .btn-app-menu-sistema-modal:active, .btn-app-menu-sistema-modal:focus {
        -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
        -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
        box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    }

.btn-app-login {
    border-radius: 4px;
    position: relative;
    padding: 5px 15px;
    margin: 5px 0px;
    width: 100%;
    text-align: left;
    color: #3c8dbc;
    border: 1px solid #ddd;
    background-color: #f4f4f4;
    font-size: 14px;
    font-weight: 600;
}


    .btn-app-login > .fa, .btn-app-login > .glyphicon, .btn-app-login > .ion {
        font-size: 34px;
        display: inline-block;
        position: absolute;
        right: 15px;
        top: 7px;
    }

    .btn-app-login:hover,
    .btn-app-login:active,
    .btn-app-login:focus {
        background: #f4f4f4;
        color: #008d4c;
        border-color: #008d4c;
    }

    .btn-app-login:active, .btn-app-login:focus {
        -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
        -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
        box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    }

.btn-ico {
    position: absolute;
    top: 20px;
    right: 15px;
}

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

    .btn-app-menu-sistema {
        font-size: 12px;
    }

        .btn-app-menu-sistema > .fa, .btn-app-menu-sistema > .glyphicon, .btn-app-menu-sistema > .ion {
            font-size: 28px;
        }

    .btn-app-menu-sistema-modal {
        font-size: 14px;
    }

        .btn-app-menu-sistema-modal > .fa, .btn-app-menu-sistema > .glyphicon, .btn-app-menu-sistema > .ion {
            font-size: 14px;
        }
}

/* 
    FIM CSS PÁGINA INICIAL SISTEMA
*/

/* 
    INICIO ESTILOS DAS TABELAS DO GRID 
*/

.labelTotalRegistrosGrid {
    font-size: 16px;
    color: #666;
    padding: 4px 0px;
    text-align: left;
    font-weight: 700;
}

.tabela-importar-arquivos th {
    font-size: 12px;
}

.tabela-importar-arquivos td {
    font-size: 11px;
}

.tabelaGrid {
    overflow-x: auto;
}

.table {
    margin-bottom: 0px;
}

    .table th {
        font-weight: bold;
        letter-spacing: 0px;
    }

        .table th a {
            text-decoration: none;
            padding-right: 10px;
            color: #FFF;
        }

        .table th img {
            position: relative;
            top: -2px;
        }

tr:hover {
    background-color: #f2f2f2;
}

.HeaderStyle {
    background-color: #73879C !important;
    color: #fff;
}

.HeaderTrTracking {
    background-color: #eee !important;
}

.AlternatingRowStyle {
    background-color: #fbfbfb;
}

.EditRowStyle {
    background-color: #808080;
    color: #FFFFFF;
}

.FooterStyle {
    background-color: #FFFFFF;
}

.RowStyle {
    background-color: #FFFFFF;
}

.SelectedRowStyle {
    background-color: #808080;
    color: #FFFFFF;
}

.paginationClass {
    background-color: #FFF !important;
    border-bottom: 1px solid #ddd;
}

    .paginationClass span {
        padding: 6px 12px;
        color: #fff;
        background-color: #73879C;
        border: 1px solid #73879C;
        cursor: default;
        text-decoration: none !important;
    }

    .paginationClass a {
        position: relative;
        padding: 6px 12px;
        background-color: #fff;
        border: 1px solid #ddd;
        cursor: pointer;
        margin-left: -1px;
        text-decoration: none !important;
    }

        .paginationClass a:hover, .pagination span:hover, .pagination a:focus, .pagination span:focus {
            color: #23527c;
            background-color: #eee;
            border-color: #ddd;
        }

.HeaderStyleWarning {
    background-color: rgba(243, 156, 18, 0.8) !important;
    color: #fff;
}

.AlternatingRowStyleWarning {
    background-color: rgba(243, 156, 18, 0.5) !important;
}

.HeaderStyleSucesso {
    background-color: rgba(0, 166, 90, 0.7) !important;
    background-color: #4bbe8a !important;
    color: #fff;
}

.AlternatingRowStyleSucesso {
    background-color: #dff0d8;
}

.EditRowStyleSucesso {
    background-color: #808080;
    color: #FFFFFF;
}

.FooterStyleSucesso {
    background-color: #FFFFFF;
}

.RowStyleSucesso {
    background-color: #FFFFFF;
}

.SelectedRowStyleSucesso {
    background-color: #808080;
    color: #FFFFFF;
}

.paginationClassSucesso {
    background-color: #FFF !important;
    border-bottom: 1px solid #ddd;
}

    .paginationClassSucesso span {
        padding: 6px 12px;
        color: #fff;
        background-color: #4bbe8a;
        border: 1px solid #4bbe8a;
        cursor: default;
        text-decoration: none !important;
    }

    .paginationClassSucesso a {
        position: relative;
        padding: 6px 12px;
        background-color: #fff;
        border: 1px solid #ddd;
        cursor: pointer;
        margin-left: -1px;
        text-decoration: none !important;
    }

        .paginationClassSucesso a:hover, .pagination span:hover, .pagination a:focus, .pagination span:focus {
            color: #23527c;
            background-color: #eee;
            border-color: #ddd;
        }

.item-ativo {
    text-decoration: none !important;
    font-size: 19px;
    color: #4cae4c;
}

    .item-ativo:hover,
    .item-ativo:focus,
    .item-ativo:active,
    .item-ativo:visited {
        text-decoration: none !important;
        color: #008d4c;
        font-weight: 600;
    }

.item-inativo {
    text-decoration: none !important;
    font-size: 19px;
    color: #ff0000;
}

    .item-inativo:hover,
    .item-inativo:focus,
    .item-inativo:active,
    .item-inativo:visited {
        text-decoration: none !important;
        color: #ff0000;
    }

.item-edit {
    text-decoration: none !important;
    font-size: 20px;
    color: #444;
}

    .item-edit:hover,
    .item-edit:focus,
    .item-edit:active,
    .item-edit:visited {
        text-decoration: none !important;
        color: #000;
        font-weight: 600;
    }

.item-warning {
    text-decoration: none !important;
    font-size: 19px;
    color: #d58512;
}

    .item-warning:hover,
    .item-warning:focus,
    .item-warning:active,
    .item-warning:visited {
        text-decoration: none !important;
        color: #985f0d;
        font-weight: 600;
    }

.editIcon {
    opacity: 0;
    color: #3c8dbc;
    position: relative;
    top: 1px;
    left: 1px;
    border-bottom: 1px dashed #3c8dbc;
    padding-bottom: 1px;
}

.link-Editar:hover {
    border-bottom: 1px dashed #3c8dbc;
    color: #3c8dbc;
}

.lbtAlterar:hover .editIcon {
    opacity: 1;
}

.link-Editar {
    color: #333;
    border-bottom: 1px dashed #333;
}

.min-width-80 {
    min-width: 80px;
}

.min-width-85 {
    min-width: 85px;
}

.min-width-90 {
    min-width: 90px;
}

.min-width-95 {
    min-width: 95px;
}

.min-width-100 {
    min-width: 100px;
}

.min-width-105 {
    min-width: 105px;
}

.min-width-110 {
    min-width: 110px;
}

.min-width-115 {
    min-width: 115px;
}

.min-width-120 {
    min-width: 120px;
}

.min-width-125 {
    min-width: 125px;
}

.min-width-130 {
    min-width: 130px;
}

.min-width-135 {
    min-width: 135px;
}

.min-width-140 {
    min-width: 140px;
}

.min-width-145 {
    min-width: 145px;
}

.min-width-150 {
    min-width: 150px;
}

.min-width-155 {
    min-width: 155px;
}

.min-width-160 {
    min-width: 160px;
}

.min-width-165 {
    min-width: 165px;
}

.min-width-170 {
    min-width: 170px;
}

.min-width-175 {
    min-width: 175px;
}

.min-width-180 {
    min-width: 180px;
}

.min-width-185 {
    min-width: 185px;
}

.min-width-190 {
    min-width: 190px;
}

.min-width-195 {
    min-width: 195px;
}

.min-width-200 {
    min-width: 200px;
}

.min-width-205 {
    min-width: 205px;
}

.min-width-210 {
    min-width: 210px;
}

.min-width-215 {
    min-width: 215px;
}

.min-width-220 {
    min-width: 220px;
}

.min-width-225 {
    min-width: 225px;
}

.min-width-230 {
    min-width: 230px;
}

.min-width-235 {
    min-width: 235px;
}

.min-width-240 {
    min-width: 240px;
}

.min-width-245 {
    min-width: 245px;
}

.min-width-250 {
    min-width: 250px;
}

/* 
    FIM ESTILOS DAS TABELAS DO GRID 
*/

/*
    INICIO CSS DOS COMPONENTES DE FILTROS
*/

.btn-primary-buscar-ico {
    color: #fff;
    background-color: #3c8dbc;
    border-color: #367fa9;
    position: relative;
    width: 54px;
    height: 46px;
    background-image: url(../../Imagens/IconesForm/icon_scanner_branco_pequeno.png);
    background-position: center;
    background-repeat: no-repeat;
}

    .btn-primary-buscar-ico.focus, .btn-primary-buscar-ico:focus {
        color: #fff;
        border-color: #367fa9;
    }

    .btn-primary-buscar-ico:hover {
        color: #fff;
        border-color: #367fa9;
    }

    .btn-primary-buscar-ico.active, .btn-primary-buscar-ico:active, .open > .dropdown-toggle.btn-primary-buscar-ico {
        color: #fff;
        background-color: #286090;
        border-color: #204d74;
    }

        .btn-primary-buscar-ico.active.focus, .btn-primary-buscar-ico.active:focus, .btn-primary-buscar-ico.active:hover, .btn-primary-buscar-ico:active.focus, .btn-primary-buscar-ico:active:focus, .btn-primary-buscar-ico:active:hover, .open > .dropdown-toggle.btn-primary-buscar-ico.focus, .open > .dropdown-toggle.btn-primary-buscar-ico:focus, .open > .dropdown-toggle.btn-primary-buscar-ico:hover {
            color: #fff;
            background-color: #204d74;
            border-color: #122b40;
            position: relative;
            width: 54px;
            height: 46px;
            background-image: url(../../Imagens/IconesForm/icon_scanner_branco_pequeno.png);
            background-position: center;
            background-repeat: no-repeat;
        }

    .btn-primary-buscar-ico.active, .btn-primary-buscar-ico:active, .open > .dropdown-toggle.btn-primary-buscar-ico {
        background-image: none;
    }

    .btn-primary-buscar-ico.disabled, .btn-primary-buscar-ico.disabled.active, .btn-primary-buscar-ico.disabled.focus, .btn-primary-buscar-ico.disabled:active, .btn-primary-buscar-ico.disabled:focus, .btn-primary-buscar-ico.disabled:hover, .btn-primary-buscar-ico[disabled], .btn-primary-buscar-ico[disabled].active, .btn-primary-buscar-ico[disabled].focus, .btn-primary-buscar-ico[disabled]:active, .btn-primary-buscar-ico[disabled]:focus, .btn-primary-buscar-ico[disabled]:hover, fieldset[disabled] .btn-primary-buscar-ico, fieldset[disabled] .btn-primary-buscar-ico.active, fieldset[disabled] .btn-primary-buscar-ico.focus, fieldset[disabled] .btn-primary-buscar-ico:active, fieldset[disabled] .btn-primary-buscar-ico:focus, fieldset[disabled] .btn-primary-buscar-ico:hover {
        background-color: #337ab7;
        border-color: #2e6da4;
        position: relative;
        width: 54px;
        height: 46px;
        background-image: url(../../Imagens/IconesForm/icon_scanner_branco_pequeno.png);
        background-position: center;
        background-repeat: no-repeat;
    }

.titulo-painel-filtros {
    font-size: 16px;
    color: #666;
    padding: 4px 0px;
    text-align: center;
}

.titulo-painel-inf-adicional {
    font-size: 16px;
    color: #666;
    padding: 4px 0px;
    text-align: left;
    padding-left: 15px;
}

.box-header > .box-tools-left {
    position: absolute;
    left: 10px;
    top: 5px;
    z-index: 1;
}

.btn-filtro-ico {
    position: relative;
    width: 30px;
    height: 30px;
    background-image: url(../../Imagens/IconesForm/filter.png);
    background-position: center;
    background-repeat: no-repeat;
    background-color: #3c8dbc;
}

.btn-filtro-ico-black {
    position: relative;
    width: 30px;
    height: 30px;
    background-image: url(../../Imagens/IconesForm/filter-black.png);
    background-position: center;
    background-repeat: no-repeat;
    background-color: #f4f4f4;
}

.height-form-filtros {
    min-height: 70px;
    padding-right: 5px;
    padding-left: 5px;
}

.input-daterange input:last-child {
    -webkit-border-radius: 0 0px 0px 0;
    -moz-border-radius: 0 0px 0px 0;
    border-radius: 0 0px 0px 0;
}

.btn-sm-filtros {
    padding: 4px 6px;
    font-size: 14px;
    margin-right: 0px;
}

.data-filtros {
    float: left;
    width: 244px;
}

.data-filtros-btn {
    float: left;
    width: 268px;
    height: 35px;
}

.botoes-filtros {
    float: left;
    width: 98px;
    margin-left: 2px;
}

.btn-group-filtros {
    position: relative;
}

.addon-filtros {
    padding: 6px;
}

.dropdown-menu-filtros {
    min-width: 206px;
    padding: 20px;
    left: -187px !important;
    top: 20px;
    border-radius: 0px;
}

.div-filtros {
    float: left;
}

.campos-filtros {
    float: left;
    width: 125px;
    margin-right: 2px;
    margin-bottom: 5px;
}

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

    .pull-right-filtros {
        float: none !important;
        width: 386px;
        margin: 0 auto;
    }

    .div-filtros {
        float: none !important;
        margin: 0 auto;
        width: 390px;
    }

    .pull-right-filtros-campos .botoes-filtros {
        float: none !important;
        width: 140px;
        margin: 0 auto;
    }
}


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

    .titulo-filtros {
        margin-bottom: 5px;
    }

    .div-filtros {
        float: none !important;
        margin: 0 auto;
        width: 390px;
    }

    .pull-right-filtros-campos {
        float: none !important;
        width: 535px;
        margin: 0 auto;
    }
}

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

    .pull-right-filtros {
        float: none !important;
        width: 268px;
        margin: 0 auto;
    }

    .pull-right-filtros-campos {
        float: none !important;
        width: 230px;
        margin: 0 auto;
    }

    .container-filtros {
        margin: 0px;
        padding: 0px;
    }

    .data-filtros {
        float: none;
        margin: 0 auto;
        margin-bottom: 5px;
    }

    .data-filtros-btn {
        float: none;
        margin: 0 auto;
        margin-bottom: 5px;
    }

    .botoes-filtros {
        float: none;
        margin: 0 auto;
    }

    .btn-group-filtros {
        position: relative;
    }

    .dropdown-menu-filtros {
        min-width: 217px;
        padding: 20px;
        left: -194px !important;
    }

    .div-filtros {
        float: none !important;
        margin: 0 auto;
        width: 100%;
    }

    .campos-filtros {
        float: none !important;
        width: 100%;
        margin-bottom: 5px;
    }
}

@media screen and (max-width: 380px) {
    .hidden-filtros {
        display: none !important;
    }

    .data-filtros {
        width: 160px;
        margin: 0 auto;
        margin-bottom: 10px;
    }

    .data-filtros-btn {
        width: 185px;
        margin: 0 auto;
        margin-bottom: 10px;
    }

    .pull-right-filtros {
        float: none !important;
        width: 100%;
        margin: 0 auto;
    }

    .pull-right-filtros-campos {
        float: none !important;
        width: 100%;
        margin: 0 auto;
    }

    .campos-filtros {
        float: none !important;
        width: 100%;
        margin-bottom: 5px;
    }
}
/*
    FIM CSS DOS COMPONENTES DE FILTROS
*/

/*
    INICIO CSS DOS COMPONENTES CHECKBOX, RADIO
*/

.ListControlHeader input[type=checkbox], input[type=radio] {
    display: none;
}

.ListControlHeader label {
    display: inline;
    float: left;
    color: #ffffff;
    cursor: pointer;
    text-indent: 20px;
    white-space: pre-line;
    margin-bottom: 0px;
    margin-top: 0px;
    text-align: left;
}

.ListControlHeader input[type=checkbox] + label {
    display: block;
    border-radius: 4px;
    vertical-align: middle;
    font-size: 14px;
    position: relative;
    left: 5px;
}

    .ListControlHeader input[type=checkbox] + label::before {
        content: " ";
        width: 16px;
        height: 16px;
        background-image: url(../../Imagens/unchecked-hover-white.png);
        position: absolute;
        left: -5px;
        top: 2px;
    }

.ListControlHeader input[type=checkbox]:checked + label::before {
    content: " ";
    width: 16px;
    height: 16px;
    background-image: url(../../Imagens/checked-green.png);
    position: absolute;
    left: -5px;
    top: 2px;
}

.ListControl input[type=checkbox], input[type=radio] {
    display: none;
}

.ListControl label {
    display: inline;
    float: left;
    color: #424242;
    cursor: pointer;
    text-indent: 20px;
    white-space: pre-line;
    margin-bottom: 8px;
    margin-top: 8px;
    text-align: left;
}

.ListControlGrid label {
    margin-bottom: 0px !important;
    margin-top: 0px !important;
}

.ListControl input[type=checkbox] + label {
    display: block;
    border-radius: 4px;
    vertical-align: middle;
    font-size: 14px;
    position: relative;
    left: 5px;
}

    .ListControl input[type=checkbox] + label::before {
        content: " ";
        width: 16px;
        height: 16px;
        background-image: url(../../Imagens/unchecked-hover-green.png);
        position: absolute;
        left: -5px;
        top: 2px;
    }

.ListControl input[type=checkbox]:checked + label::before {
    content: " ";
    width: 16px;
    height: 16px;
    background-image: url(../../Imagens/checked-green.png);
    position: absolute;
    left: -5px;
    top: 2px;
}

.ListControl input[type=checkbox]:disabled + label::before {
    content: " ";
    width: 16px;
    height: 16px;
    background-image: url(../../Imagens/unchecked-disabled-green.png);
    position: absolute;
    opacity: 0.5;
    left: -5px;
    top: 2px;
    cursor: default;
}

.ListControl input[type=checkbox]:disabled:checked + label::before {
    content: " ";
    width: 16px;
    height: 16px;
    background-image: url(../../Imagens/checked-disabled-green.png);
    position: absolute;
    left: -5px;
    top: 2px;
}

.ListControl input[type=radio] + label {
    display: block;
    border-radius: 4px;
    vertical-align: middle;
    font-size: 14px;
    position: relative;
    left: 5px;
}

    .ListControl input[type=radio] + label::before {
        content: " ";
        width: 16px;
        height: 16px;
        background-image: url(../../Imagens/unchecked-radio-green.png);
        position: absolute;
        left: -5px;
        top: 2px;
    }

.ListControl input[type=radio]:checked + label::before {
    content: " ";
    width: 16px;
    height: 16px;
    background-image: url(../../Imagens/checked-radio-green.png);
    position: absolute;
    left: -5px;
    top: 2px;
}

.ListControl input[type=radio]:disabled + label::before {
    content: " ";
    width: 16px;
    height: 16px;
    position: absolute;
    opacity: 0.5;
    left: -5px;
    top: 1px;
}



.ListControlOnOff input[type=checkbox], input[type=radio] {
    display: none;
}

.ListControlOnOff label {
    display: inline;
    float: left;
    color: #424242;
    cursor: pointer;
    text-indent: 50px;
    white-space: pre-line;
    margin-bottom: 8px;
    margin-top: 8px;
    text-align: left;
}

.ListControlOnOff input[type=checkbox] + label {
    display: block;
    border-radius: 4px;
    vertical-align: middle;
    font-size: 14px;
    position: relative;
    left: 5px;
}

    .ListControlOnOff input[type=checkbox] + label::before {
        content: " ";
        width: 43px;
        height: 25px;
        background-image: url(../../Imagens/off.png);
        position: absolute;
        left: 0px;
        top: -3px;
    }

.ListControlOnOff input[type=checkbox]:checked + label::before {
    content: " ";
    width: 43px;
    height: 25px;
    background-image: url(../../Imagens/on.png);
    position: absolute;
    left: 0px;
    top: -3px;
}

.ListControlOnOff input[type=checkbox]:disabled + label::before {
    content: " ";
    width: 39px;
    height: 16px;
    position: absolute;
    opacity: 0.5;
    left: -25px;
    top: 1px;
}

.ListControlOnOff input[type=radio] + label {
    display: block;
    width: 20px;
    height: 20px;
    border: 0.01em solid #424242;
    border-radius: 4px;
    background: #fff;
    vertical-align: middle;
    line-height: 20px;
    font-size: 18px;
}

    .ListControlOnOff input[type=radio] + label::before {
        content: "\2714";
        color: #fff;
        display: inline;
        width: 30px;
        height: 30px;
        margin-right: 15px;
        margin-left: -18px;
    }

.ListControlOnOff input[type=radio]:checked + label::before {
    content: "\2714";
    color: #424242;
    display: inline;
    width: 30px;
    height: 30px;
    margin-right: 15px;
    margin-left: -18px;
}


.ListControlDashBoard input[type=checkbox], input[type=radio] {
    display: none;
}

.ListControlDashBoard label {
    display: inline;
    float: left;
    color: #424242;
    cursor: pointer;
    text-indent: 20px;
    white-space: pre-line;
    margin-bottom: 0px;
    margin-top: -1px;
    text-align: left;
}

.ListControlDashBoard input[type=checkbox] + label {
    display: block;
    border-radius: 4px;
    vertical-align: middle;
    font-size: 14px;
    position: relative;
    left: -5px;
}

    .ListControlDashBoard input[type=checkbox] + label::before {
        content: " ";
        width: 16px;
        height: 16px;
        background-image: url(../../Imagens/unchecked-hover-green.png);
        position: absolute;
        left: -5px;
        top: 0px;
    }

.ListControlDashBoard input[type=checkbox]:checked + label::before {
    content: " ";
    width: 16px;
    height: 16px;
    background-image: url(../../Imagens/checked-green.png);
    position: absolute;
    left: -5px;
    top: 0px;
}

.ListControlDashBoard input[type=checkbox]:disabled + label::before {
    content: " ";
    width: 16px;
    height: 16px;
    position: absolute;
    opacity: 0.5;
    left: -5px;
    top: 0px;
}


/*
    FIM CSS DOS COMPONENTES CHECKBOX, RADIO
*/

/*
    INICIO CSS DOS COMPONENTES LOADING
*/

.spanLoading {
    /*float: left;*/
}

    .spanLoading div {
        float: right;
    }

.spanLoading-group {
    float: left;
    min-width: 160px;
}

    .spanLoading-group div {
        float: right;
    }

.spanLoading-group-email {
    float: left;
    min-width: 120px;
    font-weight: normal !important;
}

    .spanLoading-group-email div {
        float: right;
    }

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

    .spanLoading-group {
        min-width: 40px;
    }

    .spanLoading-group-email {
        min-width: 40px;
    }
}

/*
    FIM CSS DOS COMPONENTES LOADING
*/

@media (max-width: 480px) {

    .hidden-480 {
        display: none !important;
    }
}

/*
    INICIO CSS DOS CHECKBOX TREEVIEW
*/

.ul-TreeView {
    list-style: none;
    width: 100%;
    float: left;
}

.ul-left-TreeView {
    list-style: none;
    float: left;
    width: 100%;
    margin-left: -16px;
}

.ul-left-TreeView-menu {
    list-style: none;
    float: left;
    width: 100%;
    margin-left: -6px;
}

.div-left-TreeView {
    float: left;
}

.div-left-TreeView-menu {
    float: left;
    width: 80%;
}

.li-TreeView {
    padding-top: 5px;
    width: 100%;
    float: left;
}

.li-left-TreeView {
    padding-top: 0px;
    padding-left: 5px;
    border-left: 1px dashed #808080;
    margin-bottom: 1px;
    float: left;
    width: 100%;
}

.divMenu-TreeView {
    display: block;
    width: 100%;
    margin-left: 16px;
}

.divMenu-TreeView-menu {
    display: block;
    width: 100%;
    margin-left: 25px;
}

.expand-TreeView {
    width: 16px;
    position: relative;
    top: 2px;
}

.expand-TreeView {
    width: 16px;
    position: relative;
    top: 0px;
    left: -10px;
    font-size: 22px;
}

.collapse-TreeView {
    width: 16px;
    display: none;
    position: relative;
    top: 2px;
    /*margin-right: 5px;*/
    top: 0px;
    left: -10px;
    font-size: 22px;
}


.expand-TreeView-menu {
    width: 20px;
    margin-top: 6px;
    margin-right: 5px;
    font-size: 20px;
}

.collapse-TreeView-menu {
    width: 20px;
    display: none;
    margin-right: 9px;
    font-size: 20px;
    position: relative;
    top: 6px;
}

.div-right-TreeView {
    display: block;
    margin-left: 30px;
}

.link-posicao {
    position: relative;
    top: -3px;
}

/*
    INICIO CSS DOS CHECKBOX TREEVIEW
*/

.btn-modulo {
    border-radius: 3px;
    position: relative;
    padding: 15px 10px;
    margin: 0 0 10px 10px;
    min-width: 80px;
    text-align: center;
    color: #666;
    border: 1px solid #ddd;
    background-color: #f4f4f4;
    font-size: 14px;
    font-weight: 700;
}

    .btn-modulo > a {
        text-align: center;
        color: #666;
    }

    .btn-modulo a > .fa, .btn-modulo a > .glyphicon, .btn-modulo a > .ion {
        font-size: 35px;
        display: block;
    }

    .btn-modulo:hover {
        background: #f4f4f4;
        color: #444;
        border-color: #aaa;
    }

    .btn-modulo:active, .btn-modulo:focus {
        -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
        -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
        box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    }

    .btn-modulo a > .badge {
        position: absolute;
        top: -3px;
        right: -10px;
        font-size: 10px;
        font-weight: 400;
    }

.btn-modulo-disabled {
    border-radius: 3px;
    position: relative;
    padding: 15px 10px;
    margin: 0 0 10px 10px;
    min-width: 80px;
    text-align: center;
    color: #666;
    border: 1px solid #ddd;
    background-color: #f4f4f4;
    font-size: 14px;
    font-weight: 700;
    cursor: default;
    opacity: 0.4;
}

    .btn-modulo-disabled > a {
        text-align: center;
        color: #666;
    }

    .btn-modulo-disabled a > .fa, .btn-modulo-disabled a > .glyphicon, .btn-modulo-disabled a > .ion {
        font-size: 35px;
        display: block;
    }

    .btn-modulo-disabled a > .badge {
        position: absolute;
        top: -3px;
        right: -10px;
        font-size: 10px;
        font-weight: 400;
    }

.btn-modulo-check {
    border-radius: 3px;
    position: relative;
    padding: 15px 10px;
    margin: 0 0 10px 10px;
    min-width: 80px;
    text-align: center;
    color: #008d4c;
    border: 1px solid #008d4c;
    background-color: #fff;
    font-size: 14px;
    font-weight: 700;
}

    .btn-modulo-check > a {
        text-align: center;
        color: #008d4c;
    }

    .btn-modulo-check a > .fa, .btn-modulo-check a > .glyphicon, .btn-modulo-check a > .ion {
        font-size: 35px;
        display: block;
    }

    .btn-modulo-check:hover {
        background: #f4f4f4;
        color: #008d4c;
        border-color: #008d4c;
    }

    .btn-modulo-check:active, .btn-modulo-check:focus {
        -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
        -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
        box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    }

    .btn-modulo-check a > .badge {
        position: absolute;
        top: -3px;
        right: -10px;
        font-size: 10px;
        font-weight: 400;
    }

.btn-modulo-check-disabled {
    border-radius: 3px;
    position: relative;
    padding: 15px 10px;
    margin: 0 0 10px 10px;
    min-width: 80px;
    text-align: center;
    color: #008d4c;
    border: 1px solid #008d4c;
    background-color: #fff;
    font-size: 14px;
    font-weight: 700;
    cursor: default;
    opacity: 0.4;
}

    .btn-modulo-check-disabled > a {
        text-align: center;
        color: #008d4c;
    }

    .btn-modulo-check-disabled a > .fa, .btn-modulo-check-disabled a > .glyphicon, .btn-modulo-check-disabled a > .ion {
        font-size: 35px;
        display: block;
    }

    .btn-modulo-check-disabled a > .badge {
        position: absolute;
        top: -3px;
        right: -10px;
        font-size: 10px;
        font-weight: 400;
    }

.btn-menu {
    border-radius: 3px;
    position: relative;
    min-width: 80px;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
}

    .btn-menu > a {
        text-align: center;
        color: #666;
        position: relative;
        left: 12px;
    }

    .btn-menu a > .fa, .btn-menu a > .glyphicon, .btn-menu a > .ion {
        font-size: 20px;
        margin-left: 5px;
        position: absolute;
        left: -30px;
    }

    .btn-menu:hover {
        background: #f4f4f4;
        color: #444;
    }

.btn-menu-check {
    border-radius: 3px;
    position: relative;
    min-width: 80px;
    text-align: center;
    color: #008d4c;
    font-size: 14px;
    font-weight: 700;
}

    .btn-menu-check > a {
        text-align: center;
        color: #008d4c;
        position: relative;
        left: 12px;
    }

    .btn-menu-check a > .fa, .btn-menu-check a > .glyphicon, .btn-menu-check a > .ion {
        font-size: 20px;
        margin-left: 5px;
        position: absolute;
        left: -30px;
    }

    .btn-menu-check:hover {
        color: #008d4c;
    }


.btn-CheckTreeView {
    position: relative;
    padding: 0px 2px;
    text-align: center;
    color: #666;
    font-size: 14px;
    font-weight: 700;
}

    .btn-CheckTreeView > a {
        text-align: center;
        color: #666;
    }

    .btn-CheckTreeView a > .fa, .btn-CheckTreeView a > .glyphicon, .btn-CheckTreeView a > .ion {
        /*font-size: 35px;
        display: block;*/
    }

    .btn-CheckTreeView:hover {
        background: #f4f4f4;
        color: #444;
    }

    .btn-CheckTreeView:active, .btn-CheckTreeView:focus {
        -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
        -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
        box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    }

    .btn-CheckTreeView a > .badge {
        position: absolute;
        top: -3px;
        right: -10px;
        font-size: 10px;
        font-weight: 400;
    }


.btn-CheckTreeView-check {
    padding: 0px 2px;
    text-align: center;
    color: #008d4c;
    /*border: 1px solid #008d4c;*/
    background-color: #fff;
    font-size: 14px;
    font-weight: 700;
}

    .btn-CheckTreeView-check > a {
        text-align: center;
        color: #008d4c;
    }

    .btn-CheckTreeView-check a > .fa, .btn-CheckTreeView-check a > .glyphicon, .btn-CheckTreeView-check a > .ion {
        /*font-size: 35px;
        display: block;*/
    }

    .btn-CheckTreeView-check:hover {
        background: #f4f4f4;
        color: #008d4c;
        /*border-color: #008d4c;*/
    }

    .btn-CheckTreeView-check:active, .btn-CheckTreeView-check:focus {
        -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
        -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
        box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    }

    .btn-CheckTreeView-check a > .badge {
        position: absolute;
        top: -3px;
        right: -10px;
        font-size: 10px;
        font-weight: 400;
    }
/*
    FIM CSS DOS CHECKBOX TREEVIEW
*/

/*
    INICIO CSS VINCULAR ROMANEIO CHECK
*/

.btn-CheckRomaneio {
    position: relative;
    padding: 0px 2px;
    text-align: left;
    color: #666;
    font-size: 14px;
    font-weight: 700;
    width: 100%;
}

    .btn-CheckRomaneio:hover {
        background: #f4f4f4;
        color: #444;
    }

    .btn-CheckRomaneio:active, .btn-CheckRomaneio:focus {
        -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
        -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
        box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    }

.btn-CheckRomaneio-check {
    position: relative;
    padding: 0px 2px;
    text-align: left;
    color: #008d4c;
    background-color: #fff;
    font-size: 14px;
    font-weight: 700;
    width: 100%;
}

    .btn-CheckRomaneio-check:hover {
        background: #f4f4f4;
        color: #008d4c;
    }

    .btn-CheckRomaneio-check:active, .btn-CheckRomaneio-check:focus {
        -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
        -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
        box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    }

/*
    FIM CSS VINCULAR ROMANEIO CHECK
*/

.fontawesome-icon-list .fa-hover a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    color: #222;
    line-height: 32px;
    height: 32px;
    padding-left: 10px;
    border-radius: 4px;
}

    .fontawesome-icon-list .fa-hover a:hover {
        background-color: #1d9d74;
        color: #fff;
        text-decoration: none;
    }

.icon-list-check {
    background-color: #1d9d74;
    color: #fff !important;
    text-decoration: none;
}

/* ESTILOS PARA EFEITO DO LINK DA ESTRELA */
.star-hover {
    font-size: 20px;
    top: 5px;
}

    .star-hover:hover,
    .star-hover:focus,
    .star-hover:active,
    .star-hover:visited {
        /*color: #f39c12 !important;*/
    }

.text-opacity {
    opacity: 0.7;
}

.text-black-hover:hover {
    color: #999 !important;
}

.link-star:hover .star-hover {
    /*color: #f39c12 !important;*/
}

/* FIM ESTILOS PARA EFEITO DO LINK DA ESTRELA */


/*
    INÍCIO CSS DASHBOARD
*/

.huge {
    font-size: 40px;
}

.panel-green {
    border-color: #5cb85c;
}

    .panel-green .panel-heading {
        border-color: #5cb85c;
        color: #fff;
        background-color: #5cb85c;
    }

    .panel-green a {
        color: #5cb85c;
    }

        .panel-green a:hover {
            color: #3d8b3d;
        }

.panel-red {
    border-color: #d9534f;
}

    .panel-red .panel-heading {
        border-color: #d9534f;
        color: #fff;
        background-color: #d9534f;
    }

    .panel-red a {
        color: #d9534f;
    }

        .panel-red a:hover {
            color: #b52b27;
        }

.panel-yellow {
    border-color: #f0ad4e;
}

    .panel-yellow .panel-heading {
        border-color: #f0ad4e;
        color: #fff;
        background-color: #f0ad4e;
    }

    .panel-yellow a {
        color: #f0ad4e;
    }

        .panel-yellow a:hover {
            color: #df8a13;
        }

/*
    FIM CSS DASHBOARD
*/

.panel-padrao .panel-heading {
    /*border-color: rgba(0,0,0,0.125);
    background-color: rgba(0,0,0,0.125);*/
    border-radius: 0px;
    color: #666;
}

.panel-verde .panel-heading {
    border-color: #5cb85c;
    background-color: #5cb85c;
    border-radius: 0px;
    color: #fff;
}

.text-danger {
    color: red;
    font-weight: 600;
}

.text-campos-obrigatorios {
    color: red;
    font-size: 10px !important;
    font-weight: normal;
}

.modal-header .close {
    margin-top: -13px;
    font-size: 48px;
    color: red;
}

.img-input-group-btn {
    max-height: 44px;
}

.input-scanner {
    background-color: #fafad2;
}

.input-scanner-sucesso {
    background-color: #a0d09e;
}

.input-scanner-erro {
    background-color: #eab0a8;
}

/*
    INÍCIO CSS PAINEL ENCOMENDAS
*/

.input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 0px;
}

.form-control-painel {
    padding: 6px 5px !important;
}

.titulo-painel-sincronizacao {
    font-size: 16px;
    color: #666;
    padding: 0px;
    text-align: center;
    /*border-bottom: 1px solid #ddd;*/
}

.div-config-painel {
    margin-right: 5px;
}

.div-filtro-painel {
    margin-right: 5px;
}

@media screen and (min-width: 0px) and (max-width: 420px) {

    .div-filtro-painel {
        float: none;
        margin: 0 auto;
        margin-bottom: 10px;
    }

    .titulo-painel-sincronizacao {
        font-size: 12px;
        text-align: left;
    }

    .titulo-painel-sincronizacao-right {
        font-size: 12px;
        text-align: right;
        padding: 3px 0px 2px;
    }
}

@media screen and (min-width: 421px) {

    .div-filtro-painel {
        float: left;
        width: 25%;
    }
}

@media screen and (min-width: 0px) and (max-width: 491px) {

    .div-config-painel {
        float: none;
        margin: 0 auto;
        margin-bottom: 10px;
    }
}

@media screen and (min-width: 492px) {

    .div-config-painel {
        float: left;
        width: 40%;
    }
}


@media screen and (min-width: 0px) {
    .col-xs-painel {
        padding: 0px 5px;
        width: 50%;
        float: left;
    }
}

@media screen and (min-width: 768px) {
    .col-sm-painel {
        padding: 0px 5px;
        width: 25%;
        float: left;
    }

    .div-config-painel {
        float: left;
        width: 44%;
    }

    .div-filtro-painel {
        float: left;
        width: 29%;
    }
}

@media screen and (min-width: 992px) {
    .col-md-painel {
        padding: 0px 5px;
        width: 25%;
        float: left;
    }

    .div-config-painel {
        float: left;
        width: 42%;
    }

    .div-filtro-painel {
        float: left;
        width: 27%;
    }
}

@media screen and (min-width: 1200px) {
    .col-lg-painel {
        padding: 0px 5px;
        width: 14.2857%;
        float: left;
    }

    .div-config-painel {
        float: left;
        width: 40%;
    }

    .div-filtro-painel {
        float: left;
        width: 29%;
    }
}

.text-grid-painel-romaneio {
    font-size: 16px;
    background-color: #73879c;
    color: #fff;
}

.text-grid-painel {
    font-size: 16px;
    color: #666;
}

#tabelaGrid {
    border: 1px solid #73879c;
}

.HeaderStylePainel {
    background-color: #73879c !important;
    color: #fff;
    font-size: 16px;
}

.AlternatingRowStylePainel {
    background-color: rgba(221, 221, 221, 0.5);
}

.EditRowStylePainel {
    background-color: #808080;
    color: #FFFFFF;
}

.FooterStylePainel {
    background-color: #FFFFFF;
}

.RowStylePainel {
    background-color: #fefefe;
}

.SelectedRowStylePainel {
    background-color: #808080;
    color: #FFFFFF;
}

.paginationClassPainel {
    background-color: #FFF !important;
    border-bottom: 1px solid #ddd;
}

    .paginationClassPainel span {
        padding: 6px 12px;
        color: #fff !important;
        background-color: #73879C !important;
        border: 1px solid #73879C !important;
        cursor: default;
        text-decoration: none !important;
    }

    .paginationClassPainel a {
        position: relative;
        padding: 6px 12px;
        background-color: #fff;
        border: 1px solid #ddd;
        cursor: pointer;
        margin-left: -1px;
        text-decoration: none !important;
    }

        .paginationClassPainel a:hover, .paginationClassPainel span:hover, .paginationClassPainel a:focus, .paginationClassPainel span:focus {
            color: #23527c;
            background-color: #eee;
            border-color: #ddd;
        }

.verticalAlign {
    display: table;
    margin: 0 auto;
    width: 100%;
}

    .verticalAlign .midle {
        display: table-cell;
        vertical-align: middle;
        height: 38px;
    }

.btn-app-painel {
    border-radius: 4px;
    position: relative;
    padding: 0px 5px;
    margin: 5px 0px;
    width: 100%;
    text-align: center;
    color: #666;
    border: 1px solid #ddd;
    background-color: #f4f4f4;
    font-size: 14px;
    min-height: 40px;
}

    .btn-app-painel > .verticalAlign > .midle > span,
    .btn-app-painel > .verticalAlign > .midle > .fa,
    .btn-app-painel > .verticalAlign > .midle > .glyphicon,
    .btn-app-painel > .verticalAlign > .midle > .ion {
        font-size: 20px;
        display: block;
        font-weight: bold;
        line-height: 1;
    }

    .btn-app-painel:hover {
        background: #f4f4f4;
        color: #444;
        border-color: #aaa;
    }

    .btn-app-painel:active, .btn-app-painel:focus {
        -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
        -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
        box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    }


.btn-app-painel-red {
    border-radius: 4px;
    position: relative;
    padding: 0px 5px;
    margin: 5px 0px;
    width: 100%;
    text-align: center;
    color: #FFF;
    border: 1px solid #dd4b39;
    background-color: rgba(221, 75, 57, 0.8);
    font-size: 14px;
    min-height: 40px;
}

    .btn-app-painel-red > .verticalAlign > .midle > span,
    .btn-app-painel-red > .verticalAlign > .midle > .fa,
    .btn-app-painel-red > .verticalAlign > .midle > .glyphicon,
    .btn-app-painel-red > .verticalAlign > .midle > .ion {
        font-size: 20px;
        display: block;
        font-weight: bold;
        line-height: 1;
    }

    .btn-app-painel-red:hover {
        background-color: rgba(221, 75, 57, 0.9);
        color: #FFF;
        border-color: #dd4b39;
    }

    .btn-app-painel-red:active, .btn-app-painel-red:focus {
        -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
        -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
        box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    }

.divWordWrap {
    word-wrap: break-word;
    white-space: normal;
    margin: 0 auto;
    text-align: center;
    font-size: 12px;
    line-height: 0.8;
}

.wrapper-temp {
    position: absolute;
    right: 5px;
    background: white;
    top: 5px;
}

    .wrapper-temp, .wrapper-temp * {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

.wrapper-temp-clock {
    width: 18px;
    height: 18px;
    z-index: 999;
    position: absolute;
    background: url(../../Imagens/back-temporizador.png);
}

.wrapper-temp {
    width: 18px;
    height: 18px;
}

    .wrapper-temp .pie {
        width: 50%;
        height: 100%;
        transform-origin: 100% 50%;
        position: absolute;
        background: #08C;
        /*border: 5px solid rgba(0,0,0,0.5);*/
    }

    .wrapper-temp .spinner {
        border-radius: 100% 0 0 100% / 50% 0 0 50%;
        z-index: 200;
        border-right: none;
        animation: rota 25s linear infinite;
    }

    .wrapper-temp:hover .spinner,
    .wrapper-temp:hover .filler,
    .wrapper-temp:hover .mask {
        animation-play-state: running;
    }

    .wrapper-temp .filler {
        border-radius: 0 100% 100% 0 / 0 50% 50% 0;
        left: 50%;
        opacity: 0;
        z-index: 100;
        animation: opa 25s steps(1, end) infinite reverse;
        border-left: none;
    }

    .wrapper-temp .mask {
        width: 50%;
        height: 100%;
        position: absolute;
        background: inherit;
        opacity: 1;
        z-index: 300;
        animation: opa 25s steps(1, end) infinite;
    }

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

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

@keyframes opa {
    0% {
        opacity: 1;
    }

    50%, 100% {
        opacity: 0;
    }
}

.box-painel {
    font-size: 38px;
    font-weight: bold;
    margin: 0px;
    white-space: nowrap;
    padding: 5px;
    text-align: center;
}

    .box-painel > .badge {
        position: absolute;
        top: -3px;
        right: 0px;
        font-size: 10px;
        font-weight: 400;
    }

.box-painel-footer {
    position: relative;
    text-align: center;
    padding: 3px 0;
    display: block;
    z-index: 10;
    text-decoration: none;
    font-weight: bold;
    color: #444 !important;
}

.box-painel-aqua {
    background-color: #92dff2;
    background-color: #d3f2fa;
}

.box-painel-green {
    background-color: #92d4b6;
    background-color: #d3eee2;
}

.box-painel-lightgreen {
    background-color: lightgreen;
}

.box-painel-red {
    background-color: #eab0a8;
    background-color: #f7dfdc;
}

.box-painel-yellow {
    background-color: #f3d099;
    background-color: #faecd6;
}

.box-painel-gray {
    background-color: gainsboro;
}

.box-painel-mini {
    font-size: 18px;
    font-weight: bold;
    margin: 0px;
    white-space: nowrap;
    padding: 5px;
    text-align: center;
}

.box-painel-footer-mini {
    font-size: 14px;
    position: relative;
    text-align: center;
    padding: 3px 10px;
    display: block;
    z-index: 10;
    text-decoration: none;
    font-weight: bold;
    color: #444 !important;
}

.box-legenda-painel {
    padding: 5px;
    min-width: 180px;
}
/*
    FIM CSS PAINEL ENCOMENDAS
*/

.dropdown-user {
    float: left;
    padding-top: 9px !important;
    padding-right: 15px !important;
    padding-bottom: 0px !important;
    padding-left: 15px !important;
}

@media (max-width: 767px) {
    .dropdown-user {
        float: left;
        padding-top: 15px !important;
        padding-right: 12px !important;
        padding-bottom: 10px !important;
        padding-left: 12px !important;
    }
}

.btn-salvar {
    font-weight: 600;
    padding: 7px 35px;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.btn-visualizar {
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}


.modal-dialog-index-2 {
    margin: 85px auto;
    width: 85%;
    left: -8px;
}

.modal-md-TMS {
    margin: 85px auto;
    width: 85%;
    max-width: 492px;
    left: -8px;
}

@media screen and (min-width:992px) {

    .modal-lg-TMS {
        width: 90%;
        /*max-width: 1150px;*/
    }

    .modal-dialog-index-2 {
        width: 85%;
        max-width: 1050px;
    }
}

@media screen and (min-width:768px) and (max-width:991px) {

    .modal-lg-TMS {
        width: 90%;
    }

    .modal-dialog-index-2 {
        width: 85%;
    }
}

/*
    INÍCIO CSS USER SECRET
*/
#menufix {
    /*moz-transition: all 0.5s ease-in-out;
    o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    webkit-transition: all 0.5s ease-in-out;*/
    position: absolute;
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
    width: 100%;
    top: 50px;
    text-align: center;
    padding: 14px 0px;
    font-size: 16px;
}

    #menufix.active {
        opacity: 100;
        position: fixed;
        z-index: 100;
        top: 0;
    }
/*
    FIM CSS USER SECRET
*/

/*
    INÍCIO CSS USER SECRET
*/
#divHomologacao {
    /*position: absolute;*/
    background-color: rgba(255, 0, 0, 0.7);
    color: #fff;
    width: 100%;
    /*top: 50px;*/
    text-align: center;
    padding: 14px 0px;
    font-size: 16px;
}

    #divHomologacao.active {
        background-color: rgba(255, 0, 0, 1);
        opacity: 100;
        position: fixed;
        z-index: 100;
        top: 0;
    }
/*
    FIM CSS USER SECRET
*/
/*
    INICIO CSS TRACKING INDIVIDUAL
*/

.box-tracking {
    border-radius: 4px;
    padding: 10px 0px 20px;
    -webkit-box-shadow: inset 0px 0px 10px -4px rgba(0,0,0,0.53);
    -moz-box-shadow: inset 0px 0px 10px -4px rgba(0,0,0,0.53);
    box-shadow: inset 0px 0px 10px -4px rgba(0,0,0,0.53);
}

.item-box-tracking {
    width: 33%;
    text-align: center;
    float: left;
    border-right: 1px solid #eee;
    padding: 5px 0px;
    font-weight: bold;
    font-size: 16px;
}

.text-align-tracking-right {
    text-align: center;
}

.text-align-tracking-left {
    text-align: center;
}

@media screen and (min-width:768px) {

    .text-align-tracking-right {
        text-align: right;
    }

    .text-align-tracking-left {
        text-align: left;
    }
}

.barra-progresso-tracking {
    position: relative;
    width: 100%;
    height: 3px;
    border-radius: 5px;
    -webkit-box-shadow: inset 0px 0px 10px -4px rgba(0,0,0,0.53);
    -moz-box-shadow: inset 0px 0px 10px -4px rgba(0,0,0,0.53);
    box-shadow: inset 0px 0px 10px -4px rgba(0,0,0,0.53);
}

.barra-progresso {
    position: absolute;
    width: 0%;
    height: 100%;
    background-color: #3c8dbc;
    border-radius: 5px;
}

/*
    FIM CSS TRACKING INDIVIDUAL
*/

.btn-red-gradient {
    background: #dd4b39;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #dd4b39), color-stop(1, #e47365));
    background: -ms-linear-gradient(bottom, #dd4b39, #e47365);
    background: -moz-linear-gradient(center bottom, #dd4b39 0, #e47365 100%);
    background: -o-linear-gradient(#e47365, #dd4b39);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e47365', endColorstr='#dd4b39', GradientType=0);
    color: #fff;
    font-size: 13px;
    padding: 3px 10px;
}

    .btn-red-gradient.focus, .btn-red-gradient:focus {
        color: #fff;
        background: #dd4b39;
    }

    .btn-red-gradient:hover {
        color: #fff;
        background: #dd4b39;
    }

    .btn-red-gradient.active, .btn-red-gradient:active, .open > .dropdown-toggle.btn-red-gradient {
        color: #fff;
        background: #dd4b39;
    }

        .btn-red-gradient.active.focus, .btn-red-gradient.active:focus, .btn-red-gradient.active:hover, .btn-red-gradient:active.focus, .btn-red-gradient:active:focus, .btn-red-gradient:active:hover, .open > .dropdown-toggle.btn-red-gradient.focus, .open > .dropdown-toggle.btn-red-gradient:focus, .open > .dropdown-toggle.btn-red-gradient:hover {
            color: #fff;
            background: #dd4b39;
        }

    .btn-red-gradient.active, .btn-red-gradient:active, .open > .dropdown-toggle.btn-red-gradient {
        background-image: none;
    }

    .btn-red-gradient.disabled, .btn-red-gradient.disabled.active, .btn-red-gradient.disabled.focus, .btn-red-gradient.disabled:active, .btn-red-gradient.disabled:focus, .btn-red-gradient.disabled:hover, .btn-red-gradient[disabled], .btn-red-gradient[disabled].active, .btn-red-gradient[disabled].focus, .btn-red-gradient[disabled]:active, .btn-red-gradient[disabled]:focus, .btn-red-gradient[disabled]:hover, fieldset[disabled] .btn-red-gradient, fieldset[disabled] .btn-red-gradient.active, fieldset[disabled] .btn-red-gradient.focus, fieldset[disabled] .btn-red-gradient:active, fieldset[disabled] .btn-red-gradient:focus, fieldset[disabled] .btn-red-gradient:hover {
        background: #dd4b39;
    }

    .btn-red-gradient .badge {
        color: #337ab7;
        background-color: #fff;
    }

.btn-sm-novo-registro {
    padding: 4px 7px;
    font-size: 14px;
    margin-right: 0px;
}

.ico-green {
    color: #00a65a;
}

    .ico-green.focus, .ico-green:hover, .ico-green.active {
        color: #14c474;
    }

.alert-danger-2 {
    background-color: rgba(221, 75, 57, 0.8) !important;
    color: #FFF;
}

.alert-success-2 {
    background-color: rgba(0, 166, 90, 0.8) !important;
    color: #FFF;
}

.alert-warning-2 {
    background-color: rgba(243, 156, 18, 0.8) !important;
    color: #FFF;
}

.alert-info-2 {
    background-color: rgba(0, 192, 239, 0.8) !important;
    color: #FFF;
}

.icone-dashboard-caret-down {
    background-image: url(../../Imagens/caret-down.png);
    background-repeat: no-repeat;
    background-position: left center;
}

.icone-dashboard-caret-right {
    background-image: url(../../Imagens/caret-right.png);
    background-repeat: no-repeat;
    background-position: left center;
}

.small-box > .inner {
    padding: 5px;
}

.small-box .icon2 {
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    position: absolute;
    top: 10px;
    right: 5px;
    z-index: 0;
    font-size: 48px;
    color: rgba(0,0,0,0.15);
}

.small-box span {
    font-size: 38px;
}

.small-box sup {
    font-size: 20px;
    margin-left: 5px;
}

.small-box p {
    margin: 15px 0px 0px 0px;
}

    .small-box p span {
        font-size: 18px;
    }

.small-box:hover .icon2 {
    font-size: 52px;
    color: rgba(0,0,0,0.50);
}

@media screen and (min-width: 992px) and (max-width: 1212px) {

    .small-box > .inner {
        padding: 0px;
    }

    .small-box .icon2 {
        top: 15px;
        right: 5px;
        z-index: 0;
        font-size: 38px;
        color: rgba(0,0,0,0.15);
    }

    .small-box:hover .icon2 {
        font-size: 42px;
    }

    .small-box span {
        font-size: 38px;
    }

    .small-box sup {
        font-size: 16px;
    }

    .small-box p span {
        font-size: 14px;
        font-weight: 700;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {

    .small-box > .inner {
        padding: 0px;
    }

    .small-box .icon2 {
        top: 15px;
        right: 5px;
        z-index: 0;
        font-size: 38px;
        color: rgba(0,0,0,0.15);
    }

    .small-box:hover .icon2 {
        font-size: 42px;
    }

    .small-box span {
        font-size: 38px;
    }

    .small-box sup {
        font-size: 20px;
    }

    .small-box p span {
        font-size: 16px;
    }
}

@media (max-width:767px) {

    .small-box > .inner {
        padding: 0px;
    }

    .small-box .icon2 {
        display: none;
    }

    .small-box span {
        font-size: 28px;
        display: block;
    }

    .small-box sup {
        font-size: 16px;
        display: block;
        margin-top: 15px;
    }

    .small-box p span {
        font-size: 14px;
    }
}

.bg-default {
    border-radius: 4px;
    position: relative;
    padding: 5px;
    margin: 5px 0px;
    color: #666;
    border: 1px solid #ddd;
    background-color: #f4f4f4;
}

    .bg-default:hover {
        background: #f4f4f4;
        color: #444;
        border-color: #aaa;
    }

    .bg-default:active, .bg-default:focus {
        -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
        -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
        box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    }

.bg-red-painel {
    border-radius: 4px;
    position: relative;
    padding: 5px;
    margin: 5px 0px;
    color: #666;
    border: 1px solid #ddd;
    background-color: #f7dfdc;
}

    .bg-red-painel:hover {
        background-color: #f7dfdc;
        color: #444;
        border-color: #aaa;
    }

    .bg-red-painel:active, .bg-red-painel:focus {
        -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
        -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
        box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    }

.bg-aqua-painel {
    border-radius: 4px;
    position: relative;
    padding: 5px;
    margin: 5px 0px;
    color: #666;
    border: 1px solid #ddd;
    background-color: #d3f2fa;
}

    .bg-aqua-painel:hover {
        background-color: #d3f2fa;
        color: #444;
        border-color: #aaa;
    }

    .bg-aqua-painel:active, .bg-aqua-painel:focus {
        -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
        -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
        box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    }

.bg-yellow-painel {
    border-radius: 4px;
    position: relative;
    padding: 5px;
    margin: 5px 0px;
    color: #666;
    border: 1px solid #ddd;
    background-color: #faecd6;
}

    .bg-yellow-painel:hover {
        background-color: #faecd6;
        color: #444;
        border-color: #aaa;
    }

    .bg-yellow-painel:active, .bg-yellow-painel:focus {
        -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
        -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
        box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    }

.bg-green-painel {
    border-radius: 4px;
    position: relative;
    padding: 5px;
    margin: 5px 0px;
    color: #666;
    border: 1px solid #ddd;
    background-color: rgba(0, 166, 90, 0.4);
}

    .bg-green-painel:hover {
        background-color: rgba(0, 166, 90, 0.4);
        color: #444;
        border-color: #aaa;
    }

    .bg-green-painel:active, .bg-green-painel:focus {
        -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
        -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
        box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    }


.bg-active-painel {
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
    color: #444 !important;
    border-color: #aaa !important;
}

    .bg-active-painel .icon2 {
        color: rgba(0,0,0,0.50) !important;
    }

.input-error-painel {
    background-color: #f7dfdc !important;
    border: 1px solid red !important;
}

/*
    INICIO CSS TRACKING EXTERNO
*/

.titulo-rastreamento {
    font-size: 28px;
}

.img-rastreamento {
    width: auto;
    max-height: 90px;
    display: initial;
}

.img-rastreamento120 {
    width: auto;
    max-height: 120px;
    display: initial;
}

.tabela-sem-hover tr:hover {
    background-color: none !important;
}

.tabela-sem-hover > tbody > tr > td {
    vertical-align: middle !important;
}

.HeaderTrTrackingExterno {
    background-color: #4bbe8a !important;
    color: #FFFFFF;
}

@media (max-width:480px) {
    .titulo-rastreamento {
        font-size: 18px;
    }

    .img-rastreamento {
        width: auto;
        max-height: 70px;
        display: initial;
    }
}
/*
    FIM CSS TRACKING EXTERNO
*/

/*
    INÍCIO ESTILO BOTÃO FLUTUANTE
*/

.closePassoAPasso {
    padding: 0px !important;
    color: #fff !important;
    background-color: transparent !important;
    cursor: pointer;
    margin: 0px;
    float: right;
    font-size: 18px;
    position: relative;
    top: -1px;
}

.text-line-through {
    text-decoration: line-through !important;
}

.boxBotaoFlutuante {
    /*overflow: hidden;*/
    position: fixed;
    bottom: 50px;
    right: 15px;
    transition: right 0.4s;
    width: 344px;
    z-index: 9999;
    display: block;
}

div.boxTelaReduzidaBotaoFlutuante {
    border: none;
    transition: right 0.4s;
    right: -296px;
}

.telaBotaoFlutuante {
    float: left;
    /*overflow: hidden;*/
    width: 296px;
}

div.telaFechadaCotacaoFlutuante {
    border: 0;
    overflow: hidden;
    transition: width 0.1s;
}

.setaFechartelaBotaoFlutuante {
    background: url(../Imagens/seta_fechar.png) no-repeat center center;
    background-color: rgba(243,156,18,0.8);
    cursor: pointer;
    float: left;
    height: 46px;
    transition: all 0.3s;
    width: 46px;
}

a.setaAbrirTelaBotaoFlutuante {
    background: url(../Imagens/seta_abrir.png) no-repeat center center;
    background-color: rgba(243,156,18,0.8);
    transition: all 0.3s;
}

.btn-success-flutuante {
    color: #fff;
    background-color: rgba(243,156,18,0.7);
    border-radius: 0px;
    width: 298px;
    text-align: center;
}

    .btn-success-flutuante.focus, .btn-success-flutuante:focus {
        color: #fff;
        background-color: rgba(243,156,18,0.8);
    }

    .btn-success-flutuante:hover {
        color: #fff;
        background-color: rgba(243,156,18,0.8);
    }

    .btn-success-flutuante.active, .btn-success-flutuante:active {
        color: #fff;
        background-color: rgba(243,156,18,0.8);
    }


.nav-box-flutuante > .notifications-menu > .dropdown-menu, .nav-box-flutuante > .messages-menu > .dropdown-menu, .nav-box-flutuante > .tasks-menu > .dropdown-menu {
    width: 390px;
    padding: 0 0 0 0;
    margin: 0;
    bottom: 100%;
    left: initial;
    right: -1px;
}

    .nav-box-flutuante > .notifications-menu > .dropdown-menu > li, .nav-box-flutuante > .messages-menu > .dropdown-menu > li, .nav-box-flutuante > .tasks-menu > .dropdown-menu > li {
        position: relative;
    }

        .nav-box-flutuante > .notifications-menu > .dropdown-menu > li.header, .nav-box-flutuante > .messages-menu > .dropdown-menu > li.header, .nav-box-flutuante > .tasks-menu > .dropdown-menu > li.header {
            border-top-left-radius: 4px;
            border-top-right-radius: 4px;
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0;
            background-color: #ffffff;
            padding: 7px 10px;
            border-bottom: 1px solid #f4f4f4;
            color: #444444;
            font-size: 16px;
            color: #fff;
            background-color: rgba(243,156,18,0.8);
            font-weight: 600;
        }

        .nav-box-flutuante > .notifications-menu > .dropdown-menu > li.footer > a, .nav-box-flutuante > .messages-menu > .dropdown-menu > li.footer > a, .nav-box-flutuante > .tasks-menu > .dropdown-menu > li.footer > a {
            border-top-left-radius: 0;
            border-top-right-radius: 0;
            border-bottom-right-radius: 4px;
            border-bottom-left-radius: 4px;
            font-size: 12px;
            background-color: #fff;
            padding: 7px 10px;
            border-bottom: 1px solid #eeeeee;
            color: #444 !important;
            text-align: center;
        }

@media (max-width:991px) {
    .nav-box-flutuante > .notifications-menu > .dropdown-menu > li.footer > a, .nav-box-flutuante > .messages-menu > .dropdown-menu > li.footer > a, .nav-box-flutuante > .tasks-menu > .dropdown-menu > li.footer > a {
        background: #fff !important;
        color: #444 !important;
    }
}

.nav-box-flutuante > .notifications-menu > .dropdown-menu > li.footer > a:hover, .nav-box-flutuante > .messages-menu > .dropdown-menu > li.footer > a:hover, .nav-box-flutuante > .tasks-menu > .dropdown-menu > li.footer > a:hover {
    text-decoration: none;
    font-weight: normal;
}

.nav-box-flutuante > .notifications-menu > .dropdown-menu > li .menu, .nav-box-flutuante > .messages-menu > .dropdown-menu > li .menu, .nav-box-flutuante > .tasks-menu > .dropdown-menu > li .menu {
    max-height: 220px;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow-x: hidden;
}

    .nav-box-flutuante > .notifications-menu > .dropdown-menu > li .menu > li > a, .nav-box-flutuante > .messages-menu > .dropdown-menu > li .menu > li > a, .nav-box-flutuante > .tasks-menu > .dropdown-menu > li .menu > li > a {
        display: block;
        white-space: nowrap;
        border-bottom: 1px solid #f4f4f4;
    }

        .nav-box-flutuante > .notifications-menu > .dropdown-menu > li .menu > li > a:hover, .nav-box-flutuante > .messages-menu > .dropdown-menu > li .menu > li > a:hover, .nav-box-flutuante > .tasks-menu > .dropdown-menu > li .menu > li > a:hover {
            background: #f4f4f4;
            text-decoration: none;
        }

    .nav-box-flutuante > .notifications-menu > .dropdown-menu > li .menu > li > a {
        color: #444444;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding: 5px;
        position: relative;
        font-size: 14px;
        text-transform: uppercase;
        padding-left: 40px;
        font-weight: bold;
    }

        .nav-box-flutuante > .notifications-menu > .dropdown-menu > li .menu > li > a > .glyphicon, .nav-box-flutuante > .notifications-menu > .dropdown-menu > li .menu > li > a > .fa, .nav-box-flutuante > .notifications-menu > .dropdown-menu > li .menu > li > a > .ion {
            position: absolute;
            top: 4px;
            left: 10px;
            font-size: 24px;
        }


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

    .boxBotaoFlutuante {
        bottom: 50px;
        width: 198px;
        z-index: 9999;
        display: block;
    }

    div.boxTelaReduzidaBotaoFlutuante {
        right: -152px;
    }

    .telaBotaoFlutuante {
        width: 152px;
    }

    .setaFechartelaBotaoFlutuante {
        height: 46px;
        width: 46px;
    }

    .btn-success-flutuante {
        width: 152px;
    }

    .nav-box-flutuante > .notifications-menu > .dropdown-menu, .nav-box-flutuante > .messages-menu > .dropdown-menu, .nav-box-flutuante > .tasks-menu > .dropdown-menu {
        width: 264px;
    }

        .nav-box-flutuante > .notifications-menu > .dropdown-menu > li .menu > li > a > .glyphicon, .nav-box-flutuante > .notifications-menu > .dropdown-menu > li .menu > li > a > .fa, .nav-box-flutuante > .notifications-menu > .dropdown-menu > li .menu > li > a > .ion {
            top: 6px;
            left: 5px;
            font-size: 14px;
        }

        .nav-box-flutuante > .notifications-menu > .dropdown-menu > li .menu > li > a {
            padding: 5px;
            font-size: 10px;
            padding-left: 20px;
            font-weight: 600;
        }
}

/*
    FIM ESTILO BOTÃO FLUTUANTE
*/

/*
    CSS FILTROS SIDEBAR-FORM INICIO
*/

.btn-Faq {
    color: #444;
    padding: 10px;
    margin: 0px;
}

    .btn-Faq:hover {
        color: #444;
        background-color: rgba(0,0,0,0.125);
    }

.sidebar-form-input {
    border-radius: 0px;
    border: 1px solid #374850;
    border: 1px solid lightgray;
    margin: 5px 5px;
}

    .sidebar-form-input input[type="text"], .sidebar-form-input .btn {
        box-shadow: none;
        background-color: #374850;
        background-color: lightgray;
        border: 1px solid transparent;
        height: 35px;
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }

    .sidebar-form-input input[type="text"] {
        color: #666;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
    }

        .sidebar-form-input input[type="text"]:focus, .sidebar-form-input input[type="text"]:focus + .input-group-btn .btn {
            background-color: #fff;
            color: #666;
        }

            .sidebar-form-input input[type="text"]:focus + .input-group-btn .btn {
                border-left-color: #fff;
            }

    .sidebar-form-input .btn {
        color: #999;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
    }

/*.sidebar-form-select {
    box-shadow: none;
    background-color: #374850;
    border: 1px solid transparent;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    color: #b8c7ce;
}

    .sidebar-form-select:hover {
        background-color: #fff;
        color: #555;
    }

    .sidebar-form-select:focus {
        background-color: #fff;
        color: #555;
    }*/

#imagemfaq {
    content: url(../../Imagens/faq-icon.png); /* Insere a imagem */
    width: auto;
    max-height: 25px;
}

.skin-black .main-header > .navbar .nav > li > a > #imagemfaq {
    content: url(../../Imagens/faq-icon-inverse.png) !important; /* Insere a imagem */
}

    .skin-black .main-header > .navbar .nav > li > a > #imagemfaq:hover {
        content: url(../../Imagens/faq-icon-inverse.png) !important; /* Insere a imagem */
        opacity: 0.6;
    }

.skin-black-light .main-header > .navbar .nav > li > a > #imagemfaq {
    content: url(../../Imagens/faq-icon-inverse.png) !important; /* Insere a imagem */
}

    .skin-black-light .main-header > .navbar .nav > li > a > #imagemfaq:hover {
        content: url(../../Imagens/faq-icon-inverse.png) !important; /* Insere a imagem */
        opacity: 0.6;
    }

/*
    CSS FILTROS SIDEBAR-FORM FIM
*/

/*
    INÍCIO CSS BOX COMPRAR CRÉDITOS
*/

.btnBoxComprar {
    color: #444;
}

    .btnBoxComprar:hover > .box-default {
        border-top: 3px solid #00a65a !important;
        color: #444;
    }

    .btnBoxComprar:hover > .box-success {
        color: #444;
    }

.text-titulo-comprar-creditos {
    font-size: 20px;
    text-align: center;
    margin-bottom: 10px;
    color: #666;
    font-weight: 600;
}

.div-DebitoOnLine {
    width: 150px;
    margin-right: 10px;
    float: left;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 10px;
    position: relative;
    cursor: pointer;
}

    .div-DebitoOnLine:hover {
        border: 1px solid #008d4c;
    }

/*
    FIM CSS BOX COMPRAR CRÉDITOS
*/

.btnCheckBox {
    font-weight: 700;
    color: #333 !important;
}

.linkCheckBox {
    position: relative;
    font-size: 20px;
    color: #333 !important;
    top: 3px;
}

.linkCheckBox-Checked {
    position: relative;
    font-size: 20px;
    color: green !important;
    top: 3px;
}

.tableFaq > tbody > tr > td {
    padding: 0px;
}

.tableFaq > tbody > tr:hover {
    background-color: transparent !important;
}

.tableFaq .paginationClass > td {
    padding: 8px;
}

.btn-creditos {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

/*
    INICIO CSS PLANOS
*/

.div-plano-pre {
    position: relative;
    top: 105px;
}

.div-plano-pos {
    position: relative;
    top: -25px;
}

.hr-planos {
    margin-top: 0px;
    margin-bottom: 10px;
    border-top: 1px solid #aaa;
}

.service-heading {
    margin: 15px 0;
    text-transform: none;
    font-weight: 700;
    text-align: center;
    font-size: 18px;
}

.compare_title {
    border: 0;
    text-align: left;
    font-size: 22px;
    margin: 0 0 10px -5px;
    padding-left: 10px;
    text-shadow: transparent;
    font-weight: 600;
    color: #444;
    line-height: 2.4em;
}

.compare_line {
    padding: 10px 0;
    height: 47px;
    border-top: 1px solid #bdcad2;
}

.default-padding-heights {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.compare_sup-title {
    padding-top: 40px;
    font-size: 16px;
}

.compare_is-feature {
    text-align: center;
}

.compare_feature-name {
    text-align: left;
    font-size: 16px;
}

.icon {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-lg {
    font-size: 1.6em;
    line-height: 0.75em;
    vertical-align: -15%;
}

.icon-check {
    color: green;
}

.icon-close {
    color: red;
    padding: 0px 3px 0px 2px;
}

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

    .div-plano-pre {
        position: initial;
        top: 0px;
    }

    .div-plano-pos {
        position: initial;
        top: 0px;
    }

    .compare_title, .compare_sup-title {
        text-align: center;
    }

    .compare_feature-name {
        font-weight: 600;
        padding-bottom: 15px;
    }

    .compare_icon {
        float: left;
        text-align: left;
        padding-right: 15px;
    }

    .compare_edition-name {
        text-align: left;
        float: left;
    }

    .compare_line {
        height: inherit;
    }

    .compare_is-feature {
        width: 100%;
        padding: 0 15px;
        display: block;
        clear: both;
    }
}


/*
    FIM CSS PLANOS
*/


/*
    INÍCIO CSS APROVAR FOTOS
*/

.div-aprovar-fotos {
    float: left;
    border: 2px solid #ccc;
    border-radius: 4px;
    position: relative;
    cursor: pointer;
}

    .div-aprovar-fotos:hover {
        border: 2px solid #008d4c;
    }

.div-aprovar-fotos-check {
    border: 2px solid #008d4c;
}

.ListControl-fotos input[type=checkbox], input[type=radio] {
    display: none;
}

.ListControl-fotos label {
    display: inline;
    float: left;
    color: #424242;
    cursor: pointer;
    text-indent: 20px;
    white-space: pre-line;
    margin-bottom: 8px;
    margin-top: 8px;
    text-align: left;
}

.ListControl-fotos input[type=checkbox] + label {
    display: block;
    border-radius: 4px;
    vertical-align: middle;
    font-size: 14px;
    position: relative;
    left: 50%;
    margin-left: -8px;
}

    .ListControl-fotos input[type=checkbox] + label::before {
        content: " ";
        width: 16px;
        height: 16px;
        background-image: url(../../Imagens/unchecked-hover-green.png);
        position: absolute;
        left: -5px;
        top: 2px;
    }

.ListControl-fotos input[type=checkbox]:checked + label::before {
    content: " ";
    width: 16px;
    height: 16px;
    background-image: url(../../Imagens/checked-green.png);
    position: absolute;
    left: -5px;
    top: 2px;
}

.ListControl-fotos input[type=checkbox]:disabled + label::before {
    content: " ";
    width: 17px;
    height: 17px;
    position: absolute;
    opacity: 0.5;
    left: -5px;
    top: 1px;
}

.ListControl-fotos input[type=radio] + label {
    display: block;
    border-radius: 4px;
    vertical-align: middle;
    font-size: 14px;
    position: relative;
    left: 5px;
}

    .ListControl-fotos input[type=radio] + label::before {
        content: " ";
        width: 16px;
        height: 16px;
        background-image: url(../../Imagens/unchecked-radio-green.png);
        position: absolute;
        left: -5px;
        top: 2px;
    }

.ListControl-fotos input[type=radio]:checked + label::before {
    content: " ";
    width: 16px;
    height: 16px;
    background-image: url(../../Imagens/checked-radio-green.png);
    position: absolute;
    left: -5px;
    top: 2px;
}

.ListControl-fotos input[type=radio]:disabled + label::before {
    content: " ";
    width: 17px;
    height: 17px;
    position: absolute;
    opacity: 0.5;
    left: -5px;
    top: 1px;
}


/*
    FIM CSS APROVAR FOTOS
*/

.text-align-center-left-xs {
    text-align: center;
}

.text-align-left-center-xs {
    text-align: left;
}

.text-align-center-right-xs {
    text-align: center;
}

.text-align-right-center-xs {
    text-align: right;
}

@media screen and (min-width:768px) {

    .text-align-center-left-xs {
        text-align: left;
    }

    .text-align-left-center-xs {
        text-align: center;
    }

    .text-align-center-right-xs {
        text-align: right;
    }

    .text-align-right-center-xs {
        text-align: center;
    }
}

/*
    INÍCIO CSS PAINEL CTE
*/

.box-5-colunas {
    width: 50%;
    padding-left: 5px;
    padding-right: 5px;
    float: left;
}

@media screen and (min-width: 992px) {
    .box-5-colunas {
        width: 20%;
    }
}

/*
    FIM CSS PAINEL CTE
*/

.border-radius-0 {
    border-radius: 0px !important;
}

.bell {
    -webkit-animation: ring 4s .7s ease-in-out none;
    -webkit-transform-origin: 50% 4px;
    -moz-animation: ring 4s .7s ease-in-out none;
    -moz-transform-origin: 50% 4px;
    animation: ring 4s .7s ease-in-out none;
    transform-origin: 50% 4px;
}

@-webkit-keyframes ring {
    0% {
        -webkit-transform: rotateZ(0);
    }

    1% {
        -webkit-transform: rotateZ(30deg);
    }

    3% {
        -webkit-transform: rotateZ(-28deg);
    }

    5% {
        -webkit-transform: rotateZ(34deg);
    }

    7% {
        -webkit-transform: rotateZ(-32deg);
    }

    9% {
        -webkit-transform: rotateZ(30deg);
    }

    11% {
        -webkit-transform: rotateZ(-28deg);
    }

    13% {
        -webkit-transform: rotateZ(26deg);
    }

    15% {
        -webkit-transform: rotateZ(-24deg);
    }

    17% {
        -webkit-transform: rotateZ(22deg);
    }

    19% {
        -webkit-transform: rotateZ(-20deg);
    }

    21% {
        -webkit-transform: rotateZ(18deg);
    }

    23% {
        -webkit-transform: rotateZ(-16deg);
    }

    25% {
        -webkit-transform: rotateZ(14deg);
    }

    27% {
        -webkit-transform: rotateZ(-12deg);
    }

    29% {
        -webkit-transform: rotateZ(10deg);
    }

    31% {
        -webkit-transform: rotateZ(-8deg);
    }

    33% {
        -webkit-transform: rotateZ(6deg);
    }

    35% {
        -webkit-transform: rotateZ(-4deg);
    }

    37% {
        -webkit-transform: rotateZ(2deg);
    }

    39% {
        -webkit-transform: rotateZ(-1deg);
    }

    41% {
        -webkit-transform: rotateZ(1deg);
    }

    43% {
        -webkit-transform: rotateZ(0);
    }

    100% {
        -webkit-transform: rotateZ(0);
    }
}

@-moz-keyframes ring {
    0% {
        -moz-transform: rotate(0);
    }

    1% {
        -moz-transform: rotate(30deg);
    }

    3% {
        -moz-transform: rotate(-28deg);
    }

    5% {
        -moz-transform: rotate(34deg);
    }

    7% {
        -moz-transform: rotate(-32deg);
    }

    9% {
        -moz-transform: rotate(30deg);
    }

    11% {
        -moz-transform: rotate(-28deg);
    }

    13% {
        -moz-transform: rotate(26deg);
    }

    15% {
        -moz-transform: rotate(-24deg);
    }

    17% {
        -moz-transform: rotate(22deg);
    }

    19% {
        -moz-transform: rotate(-20deg);
    }

    21% {
        -moz-transform: rotate(18deg);
    }

    23% {
        -moz-transform: rotate(-16deg);
    }

    25% {
        -moz-transform: rotate(14deg);
    }

    27% {
        -moz-transform: rotate(-12deg);
    }

    29% {
        -moz-transform: rotate(10deg);
    }

    31% {
        -moz-transform: rotate(-8deg);
    }

    33% {
        -moz-transform: rotate(6deg);
    }

    35% {
        -moz-transform: rotate(-4deg);
    }

    37% {
        -moz-transform: rotate(2deg);
    }

    39% {
        -moz-transform: rotate(-1deg);
    }

    41% {
        -moz-transform: rotate(1deg);
    }

    43% {
        -moz-transform: rotate(0);
    }

    100% {
        -moz-transform: rotate(0);
    }
}

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

    1% {
        transform: rotate(30deg);
    }

    3% {
        transform: rotate(-28deg);
    }

    5% {
        transform: rotate(34deg);
    }

    7% {
        transform: rotate(-32deg);
    }

    9% {
        transform: rotate(30deg);
    }

    11% {
        transform: rotate(-28deg);
    }

    13% {
        transform: rotate(26deg);
    }

    15% {
        transform: rotate(-24deg);
    }

    17% {
        transform: rotate(22deg);
    }

    19% {
        transform: rotate(-20deg);
    }

    21% {
        transform: rotate(18deg);
    }

    23% {
        transform: rotate(-16deg);
    }

    25% {
        transform: rotate(14deg);
    }

    27% {
        transform: rotate(-12deg);
    }

    29% {
        transform: rotate(10deg);
    }

    31% {
        transform: rotate(-8deg);
    }

    33% {
        transform: rotate(6deg);
    }

    35% {
        transform: rotate(-4deg);
    }

    37% {
        transform: rotate(2deg);
    }

    39% {
        transform: rotate(-1deg);
    }

    41% {
        transform: rotate(1deg);
    }

    43% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(0);
    }
}

.circle-green {
    border-radius: 100%;
    width: 8px;
    height: 8px;
    background-color: #00a65a;
    margin: 6px 6px 0px 0px;
}

.circle-muted {
    border-radius: 100%;
    width: 8px;
    height: 8px;
    background-color: rgba(119, 119, 119, 0.7);
    margin: 6px 6px 0px 0px;
}

.navNotification {
    width: 500px !important;
}

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

.link-notificacao {
    color: #777 !important;
    background-color: none !important;
    background: transparent !important;
}

    .link-notificacao:hover {
        color: #777 !important;
        background-color: none !important;
        background: transparent !important;
    }

.label-notificacao {
    position: absolute;
    top: 7px;
    right: 7px;
    text-align: center;
    font-size: 12px;
    padding: 2px 4px;
    line-height: .9;
    border-radius: 3px;
    font-weight: bold;
}

.skew-green {
    position: absolute;
    top: 0px;
    left: 5px;
    width: 10px;
    height: 50px;
    background: green;
    -webkit-transform: skew(0deg); /* Chrome, Opera */
    -ms-transform: skew(0deg); /* IE */
    transform: skew(0deg); /* Padrão */
}

.skew-yellow {
    position: absolute;
    top: 0px;
    left: 18px;
    width: 10px;
    height: 50px;
    background: yellow;
    -webkit-transform: skew(0deg); /* Chrome, Opera */
    -ms-transform: skew(0deg); /* IE */
    transform: skew(0deg); /* Padrão */
}

.positive {
    -webkit-transform: skew(50deg); /* Chrome, Opera */
    -ms-transform: skew(50deg); /* IE */
    transform: skew(50deg); /* Padrão */
}

.negative {
    -webkit-transform: skew(-50deg); /* Chrome, Opera */
    -ms-transform: skew(-50deg); /* IE */
    transform: skew(-50deg); /* Padrão */
}

.type {
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 600;
    font-size: 15px;
    display: inline-block;
    margin: 0 0 5px 0;
    padding: 4px 5px;
    border-radius: 6px;
    text-transform: uppercase;
    background-color: #3387CC;
    color: #ffffff;
}

/* CSS NOVO COMPONENTE AUTO COMPLETE */

.labelSelect {
    margin-bottom: 0px;
    color: #000;
    padding: 2px 0px;
    text-align: left;
    display: inline-block;
    font-size: 12px;
    cursor: pointer;
    width: 100%;
}

    .labelSelect input {
        margin: 1px 0px 0px 0px;
        padding-top: 0px;
        position: absolute;
        display: block;
    }

    .labelSelect span {
        position: relative;
        margin-left: 18px;
        color: #777;
        font-weight: 600;
    }

/* CSS NOVO TEXTBOX AUTO COMPLETE */

.labelTextBox {
    margin-bottom: 0px;
    padding: 2px 0px;
    text-align: left;
    display: inline-block;
    font-size: 14px;
    cursor: pointer;
    width: 100%;
}

    .labelTextBox input {
        display: none;
    }

    .labelTextBox span {
        position: relative;
        color: #3c8dbc;
        font-weight: 700;
    }

        .labelTextBox span:hover, .labelTextBox span:active, .labelTextBox span:focus {
            outline: none;
            text-decoration: none;
            color: #72afd2;
        }

.error-box {
    height: 100%;
    position: fixed;
    background: url(../Imagens/error-bg.jpg) no-repeat center center #fff;
    width: 100%
}

    .error-box .footer {
        width: 100%;
        left: 0px;
        right: 0px
    }

.error-body {
    color: #455a64;
}

    .error-body h1 {
        font-size: 210px;
        font-weight: 900;
        line-height: 210px
    }