.bs-loading-container {
    background: rgba(52, 73, 94, 0.4);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2000;
    display: none;
}

.submitted .ng-invalid {
    border: 1px solid red;
}

.loading-overlay--active {
    display: block !important;
}

    .loading-overlay--active.waitingDialog {
        opacity: 1;
        z-index: 2010;
        background: rgba(255, 255, 255, 1);
    }

.sf-menu a {
    /*font-size: 14px !important;*/
    padding: 0.4em 1.2em !important;
}


body {
    background-color: #fff;
    overflow-x: hidden;
}

#viewer {
    margin: 0 auto;
    width: 50vw;
    height: 50vh;
}

.alerta-duplicacao {
    min-height: 215px !important;
    overflow-y: auto !important;
}

.scrollable-menu {
    height: auto;
    max-height: 600px;
    overflow-x: hidden;
}
/* HOLIVEIRA: Acerto na paginacao dos grids do Gentelella */
.paging_full_numbers {
    width: auto !important;
    height: 30px !important;
    line-height: 30px !important;
}

.nav-bar-irisk-login {
}

.required:before {
    color: red;
    content: '*';
}

.grid-questionario-ramo {
    overflow: hidden;
    width: 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    /*

    */
}

.btn-irisk {
    background-color: #f6AA00;
    color: #ffffff;
}

    .btn-irisk:hover {
        background-color: #ffffff;
        color: #f6AA00;
        border-color: #f6AA00;
    }

.row-header-irisk {
    padding-top: 10px;
    height: 74px;
}

.body-content {
    padding-top: 10px;
}

#wrapper-login-irisk {
    right: 0px;
    margin: 0px auto;
    margin-top: 5%;
    max-width: 450px;
    position: relative;
}

.footer {
    background-color: #ffffff;
}

.navbar {
    min-height: 30px;
}

.navbar-default {
}

.navbar, .navbar-nav > li {
    height: 38px !important;
}

.navbar, .navbar-nav > ul {
    height: 38px !important;
}

.navbar, .navbar-nav > li .divider {
    margin: 0 !important;
}

.navbar-nav > li > a {
    line-height: 14px !important;
}

.dropdown-menu > li .fa {
    margin-top: 5px;
}

.dropdown-menu > li > a {
    line-height: 25px !important;
}

.separator {
    border-top: 1px solid #e7e7e7 !important;
    padding-top: 0px !important;
    margin-top: 0px;
}

.navbar-toggle {
    margin-top: 2px !important;
}

.page-title {
    border-bottom: 1px solid red;
}

.main_container {
    margin: 0;
    padding: 0;
}

.container {
    height: 100%;
}

content {
    position: fixed;
    width: 100%;
    margin: 0;
    padding: 0px;
    left: 0px;
    bottom: 30px;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: calc(100% - 152px);
}

/*Controla o ínicio do componente abaixo do menu, fazendo com que o menu não fique escondido em telas pequenas*/
@media (min-width: 640px) {
    content {
        top: 200px
    }

    .modalBoxButton {
        margin-left: 20px;
    }
}

@media (min-width: 860px) {
    content {
        top: 175px
    }
}

@media (min-width: 990px) {
    content {
        top: 140px
    }

    .modalBoxButton {
        margin-left: 0;
    }
}

@media (min-width: 1475px) {
    content {
        top: 112px;
    }
}


breadcrumb {
    position: fixed;
    width: 100%;
    padding-right: 10px;
    margin: 0;
    top: 115px;
    line-height: 30px;
    text-align: right;
}

header {
    background-color: #fff;
    width: 98%;
    margin-left: 1%;
}

footer {
    position: fixed;
    height: 40px;
    bottom: 0;
    width: 100%;
    padding-left: 25px;
    z-index: 1050;
    background-color: #ffffff;
}

.collapse-link:hover {
    cursor: pointer;
}

.form-control-cep {
    border-radius: 0;
    width: 80%;
}

.x_panel_sem_min_height {
    min-height: 0px !important;
}

.x_panel {
    min-height: 80px;
}

.x_panel_Dashboard {
    min-height: 260px !important;
}

.x_panel_endereco {
    min-height: 230px !important;
}

.x_panel_especialidade {
    min-height: 180px !important;
}

.panel_toolbox_sem_min_width {
    float: right;
}

.separator-button {
    margin-top: 20px;
    padding-bottom: 15px;
}

.media {
    margin-top: 7px !important;
}

    .media .date {
        background-color: rgba(52, 73, 94, 0.94) !important;
    }

        .media .date .day {
            font-size: 14px !important;
        }

    .media .aproximando {
        background-color: #f0ad4e !important;
    }

    .media .atrasado {
        background-color: #d9534f !important;
    }

    .media .titulo-aproximando {
        color: #f0ad4e !important;
    }

    .media .titulo-atrasado {
        color: #d9534f !important;
    }

.input-size-40 {
    width: 40px;
}

.input-size-80 {
    width: 80px !important;
}

/*td input[type=text], td .checkbox label {
    margin: 0 auto;
    display: table;
}*/

td input {
    text-align: center !important;
}

/*td th {
    vertical-align: middle !important;
}*/

/*td div label {
        border: 1px dashed red;
        margin: 0;
        padding: 0;
    }*/

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    vertical-align: middle !important;
}

.padding-left-col-25 {
    padding-left: 25px;
}


.width-5 {
    width: 5px !important;
}

.width-10-center {
    width: 10px !important;
    text-align: center;
}

.width-25 {
    width: 25px !important;
}

.width-50 {
    width: 50px !important;
}

.width-75 {
    width: 75px !important;
}

.width-100 {
    width: 100px !important;
}

.width-120 {
    width: 120px !important;
}

.width-150 {
    width: 150px !important;
}

.width-200 {
    width: 200px !important;
}

.width-50-center {
    width: 50px !important;
    text-align: center;
}

.width-75 {
    width: 75px;
}

.width-75-center {
    width: 75px !important;
    text-align: center;
}

.width-100 {
    width: 100%;
}

.width-100-pdf {
    width: 100%;
}

.width-100-center {
    width: 100px !important;
    text-align: center;
}


.width-250 {
    width: 250px !important;
}

.width-350 {
    width: 350px !important;
}


.min-height-conf-email-385 {
    min-height: 385px;
}

.min-height-conf-email-450 {
    min-height: 500px;
}

.divider-buttons {
    border-top: 2px solid #E6E9ED;
    padding: 15px 5px 6px;
    margin-top: 30px;
}

.message-error-field {
    color: #fc0101;
}

input[type=text], input[type=password], input[type=search] {
    /* line-height: inherit; */
}

/*div .alert {
    display: none;
}*/

tr td input[type=text], tr td select {
    vertical-align: middle;
}

input[type='search'] {
    box-sizing: inherit !important;
}

table thead {
    background-color: rgba(52, 73, 94, 0.94);
    color: #ffffff;
}

/* itens do easyui */
.datagrid-pager td input[type=text], .datagrid-pager td select {
    margin-top: 5px;
    line-height: normal;
    vertical-align: auto;
}

.prazos-tab {
    width: 100%;
    text-align: center;
}

.prazos-input {
    display: none;
}

    .prazos-input a, .prazos-input input {
        /*float: left;*/
    }

    .prazos-input a {
        padding-top: 10px;
        /*padding-left: 10px;*/
    }

.buttons, button, .btn {
    margin-bottom: 0px !important;
    margin-right: 0px !important;
}

.btn-list {
    margin-bottom: 5px !important;
    margin-left: 0px !important;
}

.btn-marginR10 {
    margin-right: 10px !important;
}

/* CENTER MODAL */

.vertical-alignment-helper {
    display: table;
    height: 100%;
    width: 100%;
}

.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
}

.modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width: inherit;
    height: inherit;
    /* To center horizontally */
    margin: 0 auto;
}

/*.x_title span {
    color: #73879c !important;
    font-family: "Helvetica Neue", Roboto, Arial, "Droid Sans", sans-serif;
}*/

.box-subtitle {
    font-family: "Helvetica Neue", Roboto, Arial, "Droid Sans", sans-serif;
    color: #73879c !important;
}

.box-subtitle-color {
    color: #73879c !important;
}

.panel-minheight-2 {
    min-height: 654px;
}

.back_favoritos {
    background-color: #FAFAFA;
}

.font_aspas {
    font-size: 20px;
}

.ajuste_radio {
    margin-left: 20px;
}

.laranja-font {
    color: #CA7D10;
    font-weight: bold;
}

.dataTables_paginate {
    /*Mudança add para alinhar com o qtd de registros (length) */
    margin-top: -20px;
}

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


/* ***************** INÍCIO RESPONSIVIDADE DO MENU LATERAL ***************** */
/*.menu_lateral {
    background-color: #2A3F54; 
    position: fixed; 
    top: 114px; 
    left: 0px; 
    z-index: 999; 
    width: 80px;
    height: 100%; 
}*/

@media screen and (min-height: 100px) and (max-height: 600px) {
    #menu_lateral {
        display: none;
    }
}

/*.menu_lateral > div {
    position: absolute;
    bottom: 160px;
    left: 0;
}*/


/* ***************** FIM RESPONSIVIDADE DO MENU LATERAL ***************** */

/*.menu_lat, ul li {
    position: absolute;
    top: 160px;
    left: 0;
}*/

.right_col {
    width: 96% !important;
}

.left_col {
    background-color: #2A3F54;
    height: 100vh !important;
}

.autocomplete-suggestion {
    color: black !important;
}

/* //////////////////////////// */
.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -6px;
        margin-left: -1px;
    }

    .dropdown-submenu:hover > .dropdown-menu {
        display: block;
    }

    .dropdown-submenu:hover > a:after {
        border-left-color: #fff;
    }

    .dropdown-submenu.pull-left {
        float: none;
    }

        .dropdown-submenu.pull-left > .dropdown-menu {
            left: -100%;
            margin-left: 10px;
        }

.caret-right {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-left: 4px solid;
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;
}

td.details-control {
    background: url('../Images/details_open.png') no-repeat center center !important;
    cursor: pointer;
}

    td.details-control innerHTML {
        visibility: hidden;
    }

tr.shown td.details-control {
    background: url('../Images/details_close.png') no-repeat center center !important;
}

textarea {
    resize: none;
}

/* ************ CADASTRO USUARIO *****************/
.cadastro_usuario_ajuste1 {
    margin-right: -50px;
    margin-bottom: -10px;
}

.cadastro_usuario_ajuste2 {
    margin-left: -20px;
}

.cadastro_usuario_ajuste3 {
    margin-top: 6px;
    max-width: 200px;
    max-height: 188px;
    margin-bottom: 10px;
}

.cadastro_usuario_ajuste4 {
    margin-right: 10px;
    margin-bottom: -10px;
    width: 12%;
}

.posicaoStatus {
    position: absolute;
    right: 0%;
    /*width: 128px !important;*/
}

.posicaoUpload {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 25px;
}

.largura_img img {
    max-width: 180px !important;
    max-height: 180px !important;
    margin-bottom: 10px;
}

largura_img_nota {
    max-width: 180px !important;
    max-height: 180px !important;
    margin-bottom: 10px !important;
    z-index: 1;
}


.largura_img_logo img {
    max-width: 450px !important;
    max-height: 63px !important;
    margin-bottom: 10px;
}

.img_logo {
    max-width: 450px !important;
    max-height: 63px !important;
}

.logotipo_home {
    width: 180px;
    height: 60px;
}

/* ************ CADASTRO USUARIO *****************/

.Drop-down-imagem {
    font-family: FontAwesome,Arial;
    margin: 0px;
}

.align-center {
    align-content: center;
}

.subTabela {
    width: 100%;
}


    .subTabela td {
        text-align: center;
    }

.fonte-negrito {
    font-weight: bold !important;
}

.fonte-normal {
    font-weight: normal;
}

.pnotify-font {
    font-size: 16px;
    z-index: 3000;
}


.ui-pnotify.chat .ui-pnotify-container {
    background-color: #404040 !important;
    background-image: none !important;
    border: none !important;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    min-height: 20px;
}

.ui-pnotify.chat .ui-pnotify-title, .ui-pnotify.chat .ui-pnotify-text {
    font-family: Arial, Helvetica, sans-serif !important;
    text-shadow: 2px 2px 3px black !important;
    color: #FFF !important;
    padding-left: 50px !important;
    line-height: 1 !important;
    text-rendering: geometricPrecision !important;
}

.ui-pnotify.chat .ui-pnotify-title {
    font-weight: bold;
}

.ui-pnotify.chat .ui-pnotify-icon {
    float: left;
}

.ui-pnotify.chat .fa {
    margin: 3px;
    width: 33px;
    height: 33px;
    font-size: 33px;
    color: #FF0;
}


.content_com_scroll {
    overflow: scroll !important;
    height: 380px !important;
}

.content_com_scroll_x {
    overflow-x: scroll !important;
    height: 100% !important;
}

.content_com_scroll_y {
    overflow-y: scroll !important;
    width: 100% !important;
}

.modal-xlg {
    width: 97% !important;
    height: 90% !important;
}

.modal-margin-bottom {
    margin-bottom: 2% !important;
}

.btn_align_bottom {
    margin-bottom: 0px !important;
}

.div-borda {
    border: 1px solid;
    /*border-color: black;*/
}

.x_content_padding_0 {
    padding: 0px !important;
}

a.dt-button.exportar {
    background-image: url("../../../Images/excel_icon.jpg");
    background-repeat: no-repeat;
    width: 20px !important;
}

.largura-100 {
    width: 100% !important;
    max-width: 100%;
}

.prioridade-home {
    width: 100px;
    top: auto;
    left: auto;
    z-index: 9999;
}

.atividade-home {
    width: 250px;
    top: auto;
    left: auto;
    margin-right: 0px !important;
    z-index: 9999;
}




.menu-sem-marcacao ul {
    list-style-type: none;
    float: left;
    padding-left: 10px;
}

.div-menu-contexto {
    border: 1px solid;
    background-color: white;
}

.vakata-context {
    z-index: 10052 !important;
}


.nav-sm footer {
    margin-left: 0px !important;
}

.btn-sair {
    width: 70px !important;
}

.btn-smal {
    width: 40px !important;
}

.table-condensed thead {
    background-color: white !important;
    color: #3F5367 !important;
}

.map-icon {
    position: absolute;
    top: 50%;
    right: -10px;
    margin-top: 0px;
}

.fa-1-7em {
    font-size: 1.7em;
}

.fa-1-1em {
    font-size: 1.1em;
}

.view-first:hover .divDoIcon360 {
    display: none;
    opacity: 0;
}

.divDoIcon360 {
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
}

.imageIcon360 {
    margin: 0 auto;
    height: 50px;
    top: 35%;
}

.badge-registros {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff !important;
    text-align: center;
    white-space: nowrap;
    vertical-align: top;
    background-color: #777;
    border-radius: 10px;
}

.badge-registros-questionario-botao-documentos{
    position: absolute;
    right: -100px;
    top: -30px;
    margin: -10px -16px -30px -20px;

}

.badge-registros-botao-pequeno-longo{
    vertical-align: top;
    position: relative;
    right: -7px;
    padding: 1px 5px;
    top: 2.5px;
}

    .badge-registros.over {
        margin: -10px -16px -30px -20px;
    }

.botao-adicionar-documentos{
    margin: -5% 3%;
}

.datepicker {
    z-index: 99999 !important;
}

.calendario_semmargem {
    margin-bottom: 0px;
}

.especificacao {
    margin-left: 40%;
    margin-top: 20%;
}

    .especificacao div {
        margin-bottom: 5%;
    }

.a_pointer {
    cursor: pointer;
}

.a_pointer_default {
    cursor: default;
}

.dropdown-header {
    font-size: 15px !important;
    font-weight: bold;
    color: black;
}

/** Select2 Custom iRisk **/
.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 0px !important;
}

.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 0;
    min-height: 34px !important;
}

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        /*color: #73879C;*/
        padding-top: 5px;
    }

    .select2-container--default .select2-selection--multiple .select2-selection__rendered {
        padding-top: 3px;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 36px;
    }

    .select2-container--default .select2-selection--multiple .select2-selection__choice,
    .select2-container--default .select2-selection--multiple .select2-selection__clear {
        margin-top: 2px;
        border: none;
        border-radius: 0;
        padding: 3px 5px;
    }

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #ccc;
}
/** /Select2 **/



.btn-10px {
    margin-right: 5px !important;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
    width: 15%;
    margin: 5px;
}

.altura-32px {
    height: 32px;
}

.div-foto-inspetor {
    float: left;
}

.form-control-banco {
    border-radius: 0 !important;
    width: 150px;
    border-color: rgb(204, 204, 204);
}

.fundoDiv {
    background-image: url(../Images/btnConfiguracao.png);
    align-content: center;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    border: 0px solid black;
    filter: alpha(opacity=15);
    opacity: .15;
}

.log {
    height: 50px;
    line-height: 50px;
}

    .log input {
        margin-top: 12px;
        margin-left: -8px;
    }

/* Correção do posicionamento das mensagen de erro do Parsley */
.parsley-errors-list {
    /*background-color: white;
    border: 1px solid;
    border-color: lightgray;
    border-radius: 5px 5px 5px 5px;*/
    position: absolute;
    font-size: 11px;
}

.required {
    color: red;
}

/* OCULTA ORDENAÇÃO DE UMA COLUNA */
.no-sort::after {
    display: none !important;
}

/*.no-sort {
    pointer-events: none !important;
    cursor: default !important;
}*/
/* FIM: OCULTA ORDENAÇÃO DE UMA COLUNA */

/* DETALHAMENTO DE DESPESA */

.img-detalhamento-despesa {
    max-height: 100px;
    max-width: 100px;
}

/* FIM  DETALHAMENTO DE DESPESA */

/* EXPANDE/OCULTA LINHA GRID */
img.details-control {
    background: url('../Images/details_open.png') no-repeat center center;
    cursor: pointer;
}

.shown img.details-control {
    background: url('../Images/details_close.png') no-repeat center center;
}
/* FIM: EXPANDE/OCULTA LINHA GRID */

.sair {
    float: right;
    margin: 10px;
}

.salvar {
    float: right;
    margin: 10px;
}

.asterisco {
    color: red;
    margin-left: 2px;
    margin-right: 2px;
    margin-bottom: 0px;
}


<style type="text/css" > body {
    margin-top: 20px;
    background: #eee;
}

.row.row-broken {
    padding-bottom: 0;
}

.col-inside-lg {
    padding: 20px;
}

.chat {
    height: 65vh !Important;
    border-style: solid;
    border-color: #e8e8e8;
    border-width: 2px 2px 2px 2px;
}



/*
    ::-webkit-scrollbar {
    height: 0px;
    width: 0px;
    background: none;
    border: 1px solid #bgh;
}
*/

.chatTituloModal {
    font-size: 24px !Important;
    background: rgb(247,247,247) !Important;
    color: rgb(115,135,156) !Important;
}

.answer-input-chat-grupo {
    position: relative;
    margin: -70px 0px 0px 0px;
    padding: 20px;
}

.answer-input-chat {
    width: 87% !Important;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.checkBlue {
    margin-top: 9px;
    width: 0px;
    font-size: small;
    color: lightblue;
}

.checkBlack {
    margin-top: 9px;
    width: 0px;
    font-size: small;
    color: lightgray;
}

.avatar img {
    border-radius: 0% !Important;
    max-width: 45px;
}

.decor-default {
    background-color: #ffffff;
    min-height: 100%;
}

.chat-users h6 {
    font-size: 20px;
    margin: 0 0 20px;
}

.chat-users .user {
    position: relative;
    /*padding: 0 0 0 50px;*/
    display: block;
    cursor: pointer;
    margin: 0 0 20px;
}

    .chat-users .user .avatar {
        top: 0;
        left: 0;
    }

.chat .avatar {
    width: 46px !Important;
    height: 49px !Important;
    position: absolute;
}

    .chat .avatar img {
        display: block;
        width: 100%;
        height: 100%;
    }

    .chat .avatar .status.off {
        border: 1px solid #5a5a5a;
        background: #ffffff;
    }

    .chat .avatar .status.online {
        background: #4caf50;
    }

    .chat .avatar .status.busy {
        background: #ffc107;
    }

    .chat .avatar .status.offline {
        background: #ed4e6e;
    }

.chat-users .user .status {
    bottom: 0;
    left: 28px;
}

.chat .avatar .status {
    width: 10px;
    height: 10px;
    border-radius: 5px;
    position: absolute;
}

.chat-users .user .name {
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.chat-users .user .mood {
    font: 200 14px/20px "Raleway", sans-serif;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/***************** INÍCIO CHAT BODY *******************/
.chat-body h6 {
    font-size: 20px;
    margin: 0 0 20px;
}

.chat-body .answer.left {
    padding: 0 0 0 58px;
    text-align: left;
    float: left;
}

.chat-body .answer {
    position: relative;
    max-width: 600px;
    overflow: hidden;
    clear: both;
}

    .chat-body .answer.left .avatar {
        left: 0;
    }

    .chat-body .answer .avatar {
        bottom: 36px;
    }

.chat .avatar {
    width: 40px;
    height: 40px;
    position: absolute;
}

    .chat .avatar img {
        display: block;
        width: 100%;
        height: 100%;
    }

.chat-body .answer .name {
    font-size: 14px;
    line-height: 36px;
}

.chat-body .answer.left .avatar .status {
    right: 4px;
}

.chat-body .answer .avatar .status {
    bottom: 0;
}

.chat-body .answer.left .text {
    background: #ebebeb;
    color: #333333;
    border-radius: 8px 8px 8px 0;
}

.chat-body .answer .text {
    padding: 12px;
    font-size: 16px;
    line-height: 26px;
    position: relative;
}

.chat-body .answer.left .text:before {
    left: -29px;
    border-right-color: #ebebeb;
    border-right-width: 12px;
}

.chat-body .answer .text:before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    border: 18px solid transparent;
    border-bottom-width: 0;
}

.chat-body .answer.left .time {
    padding-left: 12px;
    color: #333333;
}

.chat-body .answer .time {
    font-size: 16px;
    line-height: 36px;
    position: relative;
    padding-bottom: 1px;
}
/*RIGHT*/
.chat-body .answer.right {
    padding: 0 58px 0 0;
    text-align: right;
    float: right;
}

    .chat-body .answer.right .avatar {
        right: 5px;
    }

        .chat-body .answer.right .avatar .status {
            left: 4px;
        }

    .chat-body .answer.right .text {
        background: #e8e4d9;
        color: #333333;
        border-radius: 8px 8px 0 8px;
    }

        .chat-body .answer.right .text:before {
            right: -29px;
            border-left-color: #e8e4d9;
            border-left-width: 12px;
        }

    .chat-body .answer.right .time {
        padding-right: 12px;
        color: #333333;
    }

/**************ADD FORM ***************/
.chat-body .answer-add {
    clear: both;
    position: relative;
    margin: 20px -20px -20px;
    padding: 20px;
    background: #3F5367;
}

    .chat-body .answer-add input {
        border: none;
        background: none;
        display: block;
        width: 95%;
        font-size: 16px;
        line-height: 20px;
        padding: 0;
        color: #ffffff;
    }


.chat input {
    -webkit-appearance: none;
    border-radius: 0;
}

.chat-body .answer-add .answer-btn-1 {
    background: url("Images/arquivochat.png") 50% 50% no-repeat;
    right: 56px;
}

.chat-body .answer-add .answer-btn {
    display: block;
    cursor: pointer;
    width: 36px;
    height: 36px;
    position: absolute;
    top: 50%;
    margin-top: -18px;
}

.chat-body .answer-add .answer-btn-2 {
    background: url("Images/enviarchat.png") 50% 50% no-repeat;
    right: 20px;
}

.chat input::-webkit-input-placeholder {
    color: #fff;
}

.chat input:-moz-placeholder { /* Firefox 18- */
    color: #fff;
}

.chat input::-moz-placeholder { /* Firefox 19+ */
    color: #fff;
}

.chat input:-ms-input-placeholder {
    color: #fff;
}

.chat input {
    -webkit-appearance: none;
    border-radius: 0;
}

a:hover .user {
    background-color: #EBEBEB;
}

.altura_mensagem_chat {
    height: 100px !important;
}

/*.fa {
    margin-right: 14px;
}*/

.info-number .badge {
    margin-top: 2px;
}


.container {
    width: 100%;
    padding: 0;
}

.oculta {
    display: none;
}

/***************** FIM CHAT BODY *******************/

.float_right {
    float: right;
}

.x_panel {
    padding: 10px 10px;
}

.dt-buttons {
    margin-left: 2px;
    float: right !Important;
}

.margem {
    padding-left: 16px;
    padding-right: 16px;
}


.middle-itens {
    padding-top: 12px;
}


/*@media (min-width: 1000px) and ( max-width:1442px) {

    body {
        zoom: 0.80;
    }

    .chat {
        height: calc(94vh);
    }
}*/

.chat-body {
    height: auto;
    background-color: #fff;
    display: inline-block;
    width: 100%;
    z-index: 1;
    padding-bottom: 50px;
}


.answer-add {
    clear: both;
    position: relative;
    padding: 20px;
    background: #3F5367;
    margin-top: -58px;
}


    .answer-add input {
        border: none;
        background: none;
        display: block;
        width: 100%;
        font-size: 16px;
        line-height: 20px;
        padding: 0;
        color: #ffffff !important;
    }

.chat input {
    -webkit-appearance: none;
    border-radius: 0;
}

.answer-add .answer-btn-1 {
    background: url("../Images/arquivochat.png") 50% 50% no-repeat;
    right: 56px;
}

.answer-add .answer-btn {
    display: block;
    cursor: pointer;
    width: 36px;
    height: 36px;
    position: absolute;
    top: 50%;
    margin-top: -18px;
}

.answer-add .answer-btn-2 {
    background: url("../Images/enviarchat.png") 50% 50% no-repeat;
    right: 20px;
}


.answer-add input::-webkit-input-placeholder {
    color: #fff;
}

.answer-add input:-moz-placeholder { /* Firefox 18- */
    color: #fff;
}

.answer-add input::-moz-placeholder { /* Firefox 19+ */
    color: #fff;
}

.answer-add input:-ms-input-placeholder {
    color: #fff;
}


.img-center {
    margin-left: 30%;
    margin-right: 30%;
    width: 40%;
    margin-top: 60px;
}


/* customizando bootstrepp */
.x_content {
    margin-top: -3px;
}

.x_content_margin_top_0 {
    margin-top: 0px !important;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 4px;
}

table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > td.sorting_asc, table.dataTable thead > tr > td.sorting_desc, table.dataTable thead > tr > td.sorting {
    padding: 10px;
}

.form-control {
    height: 30px;
}

/*  menu */
#nav ul li {
    border-right: none;
    border-bottom: 1px solid #DDD;
    width: 280px;
    height: 30px;
    display: block;
    visibility: visible;
}

    #nav ul li a {
        border-right: none;
        color: #6791AD;
        text-shadow: 1px 1px 1px #FFF;
        border-bottom: 1px solid #FFF;
        padding-left: 8px;
        text-align: left;
    }

    #nav ul li:hover {
        background: #eee;
    }

#nav ul {
    display: none;
    visibility: hidden;
    position: absolute;
    top: 30px;
    z-index: 1;
    background: #f2f5f6;
    padding: 0;
}

#nav li:hover > ul {
    display: block;
    visibility: visible;
}

#nav {
    height: 30px;
    font: 12px Geneva, Arial, Helvetica, sans-serif;
    margin-left: 0;
    padding-left: 0;
}

    #nav li {
        list-style: none;
        display: block;
        float: left;
        height: 30px;
        position: relative;
    }

        #nav li a {
            line-height: 30px;
            text-decoration: none;
            height: 30px;
            color: #515356;
            display: block;
            text-align: center;
            padding-left: 10px;
            padding-right: 10px;
        }

    #nav .site-name, #nav .site-name:hover {
        padding-left: 10px;
        padding-right: 10px;
        color: #FFF;
        text-shadow: 1px 1px 1px #66696B;
        font: italic 20px/38px Georgia, "Times New Roman", Times, serif;
    }

        #nav .site-name a {
            width: 129px;
            overflow: hidden;
        }

    #nav li:hover {
        background: #eee;
    }

    #nav ul li:last-child, #nav ul li:last-child a {
        border-bottom: none;
    }

    #nav ul ul, #nav ul ul ul {
        top: 0;
        left: 350px;
        display: none;
        visibility: hidden;
        border: 1px solid #DDD;
        z-index: 1 float:left;
    }

    #nav ul li i {
        padding-top: 7px;
        padding-left: 8px;
        padding-right: 3px;
    }

.botaoExcluirDoc {
    margin-left: 88%;
    width: 30px;
    height: 30px;
    z-index: 99 !important;
    margin-top: -5px;
    margin-right: 0px;
    /*margin-top: 112px;
  
    /*border: 2px solid #FFF;*/
}

.img-circle {
    padding: 3px;
    border: solid 1px #e5e5e5;
}

.input_workflow {
    border: 1px solid #ccc;
    width: 120px;
    height: 30px;
    font-size: 18px;
    color: #000;
}

/*MODAL INSPECAO WORKFLOW ----------------------------*/

.span_titulo_topico {
    color: #73879c !important;
}

.pergunta_dominio_laudo {
    padding-left: 30px;
    padding-right: 3px;
}

.expand_fullscreen {
    padding: 5px !important;
    overflow-y: scroll;
}

.tx-editor-wrapper .tx-editor .tx-icon {
    right: 29px !important;
    top: 7px !important;
}

.btn-mapa-inspecao {
    margin-top: 29px;
}

.modal-xlg-inspecao {
    width: 97% !important;
}

.ui-select-match-text > span {
    width: 75% !important;
    overflow: hidden;
    text-overflow: ellipsis;
    position: absolute;
}

.check_exigencia {
    height: 20px;
    transform: scale(1.3);
    position: absolute;
    top: 27px;
    left: 13px;
}

.modal-inspecao-laudo-pergunta {
    height: 30px;
    vertical-align: middle;
    padding-top: 5px;
}

.modal-lg-laudo {
    width: 1024px !important;
    /*height: 90% !important;*/
}

.modal-lg-template {
    width: 80% !important;
    /*height: 90% !important;*/
}

.modal-dialog-inspecao {
    width: 100%;
    height: 97%;
    min-height: 97%;
    padding: 0;
    margin: 0;
}

.modal-content-inspecao {
    height: 97%;
    border-radius: 0;
}

/*.expand_textarea {
    position: relative;
    background-color: #fff;
    width: 100%;
    height: 30px;
    font-size: 14px;
    line-height: 20px;
    margin-top: 0px;
    overflow: hidden;
    padding-top: 4px;
}

.expand_textarea_coberturas {
    position: relative;
    background-color: #fff;
    width: 100%;
    height: 30px;
    font-size: 14px;
    line-height: 20px;
    margin-top: 0px;
    overflow: hidden;
    padding-top: 4px;
}*/


.modal-body-inspecao {
    max-height: calc(100vh - 200px);
    overflow-y: auto;
    overflow-x: hidden;
    padding-top: 10px;
    padding-bottom: 10px;
}

.body-scroll {
    max-height: calc(100vh - 200px);
    overflow-y: auto !important;
    overflow-x: hidden;
}

.modal-body-inspecao-laudo {
    max-height: calc(100vh - 265px);
    min-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 10px;
}

.modal-footer-inspecao {
    padding-left: 0px;
    padding-right: 0px;
}

/*MODAL INSPECAO WORKFLOW ----------------------------*/

.picker_4 {
    background-color: white !important;
}

.fundo_branco {
    background-color: white !important;
}

.auto_scroll {
    overflow: scroll;
}

.custom-button-grid {
    position: relative;
    float: right;
    display: block !important;
    margin-left: 16px;
    height: 30px !important;
    line-height: 28px !important;
    bottom: 4px !important;
    padding: 0px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
}

.sf-arrows-irisk {
    content: '';
    position: absolute;
    top: 50%;
    right: 1em;
    margin-top: -1px;
    height: 0;
    width: 0;
    /* order of following 3 rules important for fallbacks to work */
    border: 4px solid transparent;
    border-top-color: #000;
    transform: rotate(-90deg);
}

.align-fa-menu {
    float: left;
    margin-right: .3em;
    margin-top: 10px;
    margin-left: 6px;
}

.div_perfil img {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    display: block !important;
    margin: auto !important;
}

.imgAgendamento img {
    position: relative;
    top: 50%;
    display: block !important;
    margin: auto !important;
}

.max_height {
    height: 530px;
}

.margin_right_10 {
    margin-right: 10px !important;
}

.marginTop20 {
    margin-top: 20px;
}
.marginTop30 {
    margin-top: 30px;
}
.marginTop40 {
    margin-top: 40px;
}
.marginTop50 {
    margin-top: 50px;
}

.modal-xmd {
    height: 400px !important;
    width: 800px !important;
}

.btnStatus {
    border-bottom: 5px !important;
}

.padding_bottom_5 {
    padding-top: 5px;
    padding-right: 15px;
}

.margin_top_4 {
    margin-top: 4px !important;
}


.thumb_inspetor {
    max-height: 33px !important;
    max-width: 30px !important;
    vertical-align: middle !important;
    display: block !important;
    margin: auto !important;
}

.thumb_grid {
    max-height: 28px !important;
    max-width: 25px;
    margin-left: auto;
    margin-right: auto;
    display: block !important;
    border-radius: 10% !Important;
    border-color: white;
    border: initial;
    border-radius: 5px;
}

    .thumb_grid:hover {
        -moz-transform: scale(2.0);
        -webkit-transform: scale(2.0);
        -o-transform: scale(1.5);
    }

.imgAgendamento {
    max-height: 100px !important;
    max-width: 100px;
    margin-left: auto;
    margin-right: auto;
    display: block !important;
    /*border-radius: 10% !Important;*/
    border-color: white;
    border: initial;
    /*border-radius: 5px;*/
}

.img_perfil {
    max-height: 150px !important;
    margin-left: auto;
    vertical-align: middle !important;
    /*margin-right: auto;
    display: block !important;*/
}

.x_title_32_px {
    height: 32px !important;
}

.chat_selecionado {
    background-color: #e4e4e4 !important;
}

.padding_0 {
    padding: 0px !important;
    height: 25px !important;
}

.li_normal {
    background: green !important;
}

.li_critico {
    background: red !important;
}

.li_alerta {
    color: #f0ad4e !important;
}

.icone_chat {
    margin-right: 25px;
    margin-top: 12px;
    font-size: 15px !important;
}

.thumb_chat {
    max-height: 50px !important;
    max-width: 45px !important;
    vertical-align: middle !important;
    display: block !important;
    margin: auto !important;
}

.icone_help {
    font-size: 20px;
    margin-right: 8px;
    margin-top: 9px;
    margin-bottom: 13px;
    margin-left: 7px;
    cursor: pointer;
}

.inspecao_nao_lida {
    /*text-decoration: underline;*/
    font-weight: 900;
}

.icon-pedido-suporte {
    border: 0 solid #ffffff;
    color: #f5a623;
}

.usuario input {
    text-align: left !important;
}

#tbCombinacoes > input[type="text"] {
    width: 20px !important;
}


.faixalmi {
}

.campoObrigatorio {
    background: #FFB6C1 !important;
    border-color: red !important;
}

.avatar-view-meus-dados {
    display: block;
    border: 3px solid #fff;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .15);
    cursor: pointer;
    overflow: hidden;
    width: 100% !important;
    height: 100% !important;
}

.configuracao-wf-th {
    text-align: center;
    border-right: 1px solid #ccc;
}

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

.esconder-campos-print {
    display: none;
}

@media print {
    .esconder-campos-print {
        display: block;
    }
}

.group-margin {
    margin-left: 5px;
    margin-top: 10px;
    margin-right: 20px;
}

.caption {
    background-color: #F7F7F7;
}

.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    transition: border .2s ease-in-out;
}

.item.list-group-item {
    float: none;
    width: 100%;
    margin-bottom: 10px;
}

    .item.list-group-item .list-group-image {
        margin-right: 10px;
    }

    .item.list-group-item .thumbnail {
        margin-bottom: 0px;
    }

    .item.list-group-item .caption {
        padding: 9px 9px 0px 9px;
    }

    .item.list-group-item:before, .item.list-group-item:after {
        display: table;
        content: " ";
    }

    .item.list-group-item img {
        float: left;
    }

    .item.list-group-item:after {
        clear: both;
    }

.list-group-item-text {
    margin: 0 0 11px;
}

.amostragem-cor-titulo {
    color: coral;
}

.amostragem-alinhamento-gleba {
    float: right;
}

.amostragem-tamanho-fonte-forma {
    font-size: 15px;
}

.amostragem-tamanho-fonte-produtividade {
    font-size: 30px;
}

.amostragem-tamanho-fonte-produtividade-kg {
    font-size: 20px;
}

.amostragem-margin-bottom {
    margin-bottom: 0px;
}

.list-group-horizontal .list-group-item {
    display: inline-block;
}

.list-group-horizontal .list-group-item {
    margin-bottom: 0;
    margin-left: -4px;
    margin-right: 0;
    border-right-width: 0;
}

    .list-group-horizontal .list-group-item:first-child {
        border-top-right-radius: 0;
        border-bottom-left-radius: 4px;
    }

    .list-group-horizontal .list-group-item:last-child {
        border-top-right-radius: 4px;
        border-bottom-left-radius: 0;
        border-right-width: 1px;
    }

.laudo-questionario-container {
    max-height: 500px;
    overflow-y: auto;
}

.height-auto {
    height: auto;
}

.text-center {
    text-align: center;
}
.bold {
    font-weight: bold;
}

@media(max-width:1152px) {
    .no-padding {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}

.modalBox {
    margin-right: 10px;
    width: 30px;
    float: left;
}

.modalBoxInternal {
    overflow-y: scroll;
    overflow-x: hidden;
    width: 700px;
    outline: none;
    height: 600px;
    margin: 6px 6px 0;
    padding: 5px;
}

.modalBoxButton {
    margin-right: 10px;
    width: 30px;
    float: right;
}

.modalItemCard {
    background: #f7f7f7;
    height: 85px;
}

.modalItemCardNome {
    width: 670px;
    height: 25px;
    background-color: rgba(52, 73, 94, 0.94);
    color: #fff;
}

.font14 {
    font-size: 14pt;
}

.fontBolder {
    font-weight: bolder;
}

.textCenter {
    text-align: center;
}

.modalItemCardField {
    margin-left: 10px;
}

.modalItemCardInfo {
    width: 670px;
    margin-left: 5px;
    margin-top: 10px;
}

.modalItemCardRetorno {
    width: 670px;
    margin-left: -5px;
    margin-left: -5px;
    margin-top: 35px;
}

.divLeft {
    float: left;
}

.div250 {
    width: 250px;
}

.div170 {
    width: 170px;
}

.thumbnail_ {
    width: 50px;
}

.img_questionario_thumbnail {
    height: 50px;
    width: 50px;
}

.view .toolsthumbnail {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 17px;
    padding: 3px;
    background: rgba(0, 0, 0, 0.35);
    margin: 20px 0 0 0;
}


.container-show {
    display: block;
}

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

[popover]:not(:popover-open):not(dialog[open]) {
    display: block !important;
    position: relative !important;
    border: none !important;
    margin-top: auto !important;
    margin-bottom: auto !important;
    padding: 0 !important;
}