body,
html,
#form_div {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

body {
    font-family: 'Nunito Sans', sans-serif !important;
    font-size: 11px;
    background: #5b82a6;
    height: 100%;
    /* Nao pode ter mesmo tamanho, ou gera scroll no IE10 */
}

.milonictable {
    /* background-color: #5B82A6; */
    color: #ffffff;
}

TD {
    font-family: Verdana, sans-serif;
    font-size: 11px;
}

A {
    font-family: Verdana, sans-serif;
    font-size: 11px;
    color: Black;
    text-decoration: none;
}

A:hover {
    color: black;
    text-decoration: underline;
}

FORM {
    margin: 0;
}

#pandir {
    padding: 5px;
}

.field_number::-webkit-outer-spin-button,
.field_number::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type='number'] {
    -moz-appearance: textfield;
    appearance: textfield;
}

span.select2-selection__rendered {
    font-family: Tahoma;
    color: black !important;
}


.field_textbox,
.field_textarea,
.field_number,
.field_email,
.field_listbox,
.field_selectbox,
.field_filterbox,
.field_filebox,
.field_multi_listbox {
    font-family: Tahoma;
    font-size: 11px;
    background: White;
    color: black;
    border: 1px solid #00008b;
    border-radius: 4px;
}

.field_textbox.disabled,
.field_textarea.disabled,
.field_number.disabled,
.field_email.disabled,
.field_listbox.disabled,
.field_selectbox.disabled,
.field_filterbox.disabled,
.field_filebox.disabled,
.field_multi_listbox.disabled {
    border-radius: 4px;
}

.field_textbox,
.field_number,
.field_email,
.field_selectbox,
.field_filterbox,
.field_filebox,
.field_checkbox,
select:not(.field_listbox_big).field_listbox {
    min-height: 20px;
}

.field_checkbox,
.field_radiobox {
    font-family: Tahoma;
    font-size: 11px;
    /* color: #191970;*/
    color: black;
}

.align-checkBox {
    vertical-align: super;
}

.field_textbox::placeholder,
.field_email::placeholder,
.field_number::placeholder {
    color: red;
}

.linha_item_1 {
    background-color: #ffffff !important;
    height: 15;
    color: #000000;
}

.linha_item_2 {
    background-color: #dddddd !important;
    height: 15;
    color: #000000;
}

.linha_item_3 {
    background-color: #ff0000 !important;
    height: 15;
    color: #000000;
}

.linha_item_4 {
    background-color: #ff0000 !important;
    height: 15;
    color: #ffffff;
}

.linha_item_5 {
    background-color: #5eec70 !important;
    height: 15;
    color: #ffffff;
}

.linha_item_6 {
    background-color: #ff9900 !important;
    height: 15;
    color: #ffffff;
}

.linha_item_7 {
    background-color: #ffffb0 !important;
    height: 15;
    color: #000000;
}

.linha_item_8 {
    background-color: #cdad00 !important;
    height: 15;
    color: #ffffff;
}

.linha_item_9 {
    background-color: #d75eec !important;
    height: 15;
    color: #ffffff;
}

.linha_item_tit {
    background-color: #99cccc !important;
    height: 15;
    color: #000000;
    cursor: hand;
}

.linha_item_sel {
    background-color: #fffd8b !important;
    height: 15;
    cursor: hand;
}

.linha_item_mar {
    background-color: blue !important;
    color: white;
    height: 15;
    cursor: hand;
}

/* Sobrepoe dataTables para manter a cor do TR nos TDs de ordenacao */
.sorting_1,
.sorting_2,
.sorting_3 {
    background-color: inherit !important;
}

.form_borda {
    background: #0000ff;
}

.form_miolo {
    background: #dddddd;
    height: 100%;
}

.form_seletor {
    background: #f0e1a6;
}

p.field_textbox,
p.form-control {
    font-family: inherit !important;
    font-size: inherit !important;
    margin: 0;
    padding: 2px;
}

.cabecalho {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    background: #666666;
    color: White;
}

.interna {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    background: #c0c0c0;
    border-color: #dddddd;
}

.titulo {
    font-family: Verdana;
    font-size: 11px;
    color: White;
    width: 100%;
    padding-left: 15px;
}

.guias,
.guia,
.guiaAcesa,
.guiaSelecionada {
    font-family: Verdana, Tahoma;
    height: 25px;
    font-size: 11px;
    color: White;
    font-weight: bold;
    border: none;
    margin: 0;
}

.guias,
.guia {
    color: #ffffff;
    background: #324e6b;
}

.guiaAcesa {
    color: #000000;
    background: #f0e1a6;
    cursor: hand;
    height: unset;
}

.guiaSelecionada {
    color: #000000;
    background: #dddddd;
}

.guias td {
    border-right: 4px solid #5b82a6;
    padding: 0;
    height: 25px;
}

.conteudo {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    background: White;
    color: #191970;
}

.menu {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    background: #5b82a6;
    color: White;
    cursor: hand;
}

.erro {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    background: White;
    color: Red;
    font-weight: bold;
}

.btON,
.btOFF {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    border-style: solid;
    border: 1px solid;
}

.btON {
    background-color: #f0e1a6;
    cursor: hand;
}

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

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

.tabela_secundaria {
    align-items: center !important;
    justify-content: center !important;
    display: flex !important;
}

.tt-menu {
    color: #383838;
    background-color: white;
    padding: 10px;
    border-radius: 0 0 10px 10px;
    box-shadow: 1px 20px 30px 0px #0000006b;
}

.cor_status {
    height: 20px;
    border-radius: 10px;
    box-shadow: 0px 4px 16px 3px #0000002b;
}

.icon-white {
    background-image: url(/sistema/js/jquery-ui-1.12.1.custom/images/ui-icons_ffffff_256x240.png) !important;
}

.icon-red {
    background-image: url(/sistema/js/jquery-ui-1.12.1.custom/images/ui-icons_cc0000_256x240.png) !important;
}

.icon-yellow {
    background-image: url(/sistema/js/jquery-ui-1.12.1.custom/images/ui-icons_777620_256x240.png) !important;
}

.icon-gray {
    background-image: url(/sistema/js/jquery-ui-1.12.1.custom/images/ui-icons_777777_256x240.png) !important;
}

p.w-pde-msg {
    max-width: 138px;
    overflow: auto;
    font-size: 0.98em;
    direction: ltr;
    unicode-bidi: bidi-override;
    white-space: pre;
    margin: 0px 0px;
}

.bg-form {
    background-color: #dddddd;
    border-radius: 4px;
    padding: 7px;
}

.bg-title {
    margin-top: 5px;
    background-color: #5b82a6;
    border-radius: 10px;
    color: white;
    font-weight: bold;
    padding: 2px;
}

.hr_line {
    width: 100%;
    text-align: center;
    height: 1px;
    background: #333;
    background-image: linear-gradient(to right, #ddd, #5b82a6, #ddd);
    line-height: 0.1em;
    margin: 25px 0 14px;
}

.hr_line span {
    background: #324e6b;
    padding: 4px 10px !important;
    color: white !important;
    border-radius: 13px;
    font-weight: 900;
    font-size: 12px;
}

/*** Basico Scrool **/
::-webkit-scrollbar-button {
    border-style: solid;
    height: 12px;
    width: 12px;
}

/* Up */
::-webkit-scrollbar-button:vertical:decrement {
    border-width: 0 9px 12px 9px;
}

/* Down */
::-webkit-scrollbar-button:vertical:increment {
    border-width: 12px 9px 0 9px;
}

/* Left */
::-webkit-scrollbar-button:horizontal:decrement {
    border-width: 8px 12px 8px 0;
}

/* Right */
::-webkit-scrollbar-button:horizontal:increment {
    border-width: 8px 0 8px 12px;
}

/**** Efeito de pulsar quando Hover **/
.pulse:hover {
    -webkit-animation: AnimationName 1.3s ease infinite;
    -moz-animation: AnimationName 1.3s ease infinite;
    animation: AnimationName 1.3s ease infinite;
    transform: scale(1);
}

/**** Efeito de pulsar quando Hover **/
.pulse-auto:hover {
    -webkit-animation: none;
    -moz-animation: none;
    animation: none;
    transform: scale(1);
}

/**** Efeito de pulsar quando Hover **/
.pulse-auto {
    -webkit-animation: AnimationName 1.3s ease infinite;
    -moz-animation: AnimationName 1.3s ease infinite;
    animation: AnimationName 1.3s ease infinite;
    transform: scale(1);
}

@-webkit-keyframes AnimationName {
    0% {
        background-position: 0% 22%;
    }

    50% {
        background-position: 100% 79%;
    }

    100% {
        background-position: 0% 22%;
    }
}

@-moz-keyframes AnimationName {
    0% {
        background-position: 0% 22%;
    }

    50% {
        background-position: 100% 79%;
    }

    100% {
        background-position: 0% 22%;
    }
}

@keyframes AnimationName {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
        background-position: 0% 22%;
    }

    50% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
        background-position: 100% 79%;
    }

    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
        background-position: 0% 22%;
    }
}

/* Select search */
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
    border: 1px solid black !important;
    min-height: 20px !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border-radius: 4px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    text-align: justify !important;
    line-height: unset !important;
    min-width: 98px !important;
}

/* Analisar bem varias telas antes de ativar esta linha
div.container.form-control span.select2.select2-container,
table.form_miolo span.select2.select2-container {
    width: auto !important;
}
*/

span.select2-selection.select2-selection--single {
    height: 20.5px !important;
}

span.select2.select2-container {
    min-height: 20px;
    padding: 0px !important;
    padding-left: 2px !important;
    padding-right: 2px !important;
    white-space: nowrap;
    display: block;
    min-width: 100px;
}

/* when screem > Tablet */
/* when screen < tablet */
@media (max-width: 510px) {
    .col-auto {
        flex: unset;
        width: -webkit-fill-available;
    }
}

ul.select2-results__options {
    white-space: nowrap;
}

span.select2.select2-container .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 20px !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 5px !important;
    padding-top: 1.5px !important;
}

div:not(.d-flex) .select2-container .select2-selection--single .select2-selection__rendered {
    padding-top: 3px !important;
}

div:is(.flex-grow-1) .select2-container .select2-selection--single .select2-selection__rendered {
    padding-top: 1px !important;
}

span.select2-selection__arrow {
    height: 20px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    display: block !important;
    margin-right: 4px !important;
}

span.select2-selection.select2-selection--multiple {
    max-height: 150px;
    min-height: 22.5px;
    padding: 0px;
    overflow-x: hidden;
    overflow-y: auto;
}

.select2-container--default .select2-results__option--selected {
    display: none;
}

/* .select2-container--default .select2-selection--multiple, */
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: none !important;
}

.select2-container .select2-search--inline .select2-search__field {
    margin-top: 3px !important;
}

span.select2-dropdown.select2-dropdown--below {
    box-shadow: 0px 5px 10px -2px #00000042;
}

span.select2-selection.disabled,
.disabled {
    pointer-events: none;
    touch-action: none;
    background-color: #c0c0c0 !important;
}

/* div.col span.select2-selection, */
div.d-flex span.select2-selection,
div#dataTbl_filter span.select2-selection,
#barra_ferramentas span.select2-selection {
    border: none !important;
    min-height: 22.5px !important;
}

div.d-flex span.select2-selection__rendered {
    font-family: inherit;
}