/*
    ----------------------------------
    Bootstrap
    ----------------------------------
*/
.disabled {
    color: #d0d0d0 !important;
}

.navbar {
    min-height: 70px !important;
}
    
.navbar-brand img {
    height: 30px;
    margin-top: -6px;
    margin-left: -14px;
}

.dropdown-item:hover {
    background-color: RGBA(0,0,0,0.08);
    color: black;
}

.dropdown-item {
    margin:8px 0px !important;
}

#nav_login .dropdown-divider {
    min-width: 260px !important;
}

#nav_login {
    max-width: 320px !important;
    min-width: 320px !important;
}

input.form-sm {
    height: 26px;
    line-height: 26px;
}

button.form-sm {
    padding-top: 1px;
    height: 26px;
    line-height: 26px;
}

.modal-header {
    background-color: #0275d8;
    color: white;
}

.modal-header .close {
    color: white;
}

.bg-main {
    background-color: #f0f3f8 !important
}

/*
    ----------------------------------
    Aplicação
    ----------------------------------
*/
pre {
    padding: 0px;
    margin: 0px;
}

* { box-sizing: border-box !important; }

h1 { font-weight: 900; }

body {
    padding-top: 70px;
    font-family: 'IBM Plex Sans' !important;
    font-weight: 400;
}

#debug { position: fixed; bottom:0; padding:20px; width:100%; max-width:100vw; height:70vh; max-height:70vh; overflow-y:scroll; background-color:#d0d0d0; border-top:1px solid gray; display:none; font-size:11px; z-index:1000 }
#debug_toggle {
    position: fixed;
    bottom: 0px;
    right: 0px;
    margin: 20px;
    z-index: 1001;
}

#home_titulo h1 {
    font-size: 20px;
    font-weight: 100;
    color:white;
}

#app {
    padding-top:28px !important;
    overflow:auto
}

.appHome {
    background: url(img/home1.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.appMember {
    background: url(img/home-member.webp) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.toggle_ctrl .ctrl {
    margin-top:-26px;    
    display: none;
}

.toggle_ctrl .ctrl button {
    padding-top:1px;
    height: 26px;
}


.toggle_ctrl:hover .ctrl {
    display: inline-block;
}

.bg-grey { 
    background-color: #eaeaea 
}

.heads-height {
    height: 48px !important;
    min-height: 48px !important;
    overflow: hidden;
}


/*
    ----------------------------------
    Genéricos
    ----------------------------------
*/
.cursor-pointer {
    cursor: pointer;
}

.highligth:hover {
    background-color: #eaeaea
}

.highligth:hover input {
    background-color: #eaeaea
}

.highligth:hover button[o-autocomplete-button] {
    background-color: #eaeaea;
    color: #000;
}

.dropCt {
    background: repeating-linear-gradient( 45deg, #ffff80, #ffff80 10px, #ffffc0 10px, #ffffc0 20px );
    border-color: #ffff00;
    color:black;
}

.dropOverCt {
    background: repeating-linear-gradient( 45deg, #00ff00, #00ff00 10px, #b0ffb0 10px, #b0ffb0 20px );
    border-color: greenyellow;
    color: black;
}

.hide {
    display: none;
}

/* Barra de rolagem */
::-webkit-scrollbar { width: 12px; } /* width */
::-webkit-scrollbar-track { background: #f1f1f1; } /* Track */
::-webkit-scrollbar-thumb { background: #ccc; } /* Handle */
::-webkit-scrollbar-thumb:hover { background: #555; } /* Handle on hover */

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #d0d0d0 !important;
    font-weight: 300 !important;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #d0d0d0 !important;
    font-weight: 300 !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #d0d0d0 !important;
    font-weight: 300 !important;
}

select option:disabled {
    color: #d0d0d0 !important;
    font-weight: 300 !important;
}

@font-face { font-family: 'IBM Plex Sans'; src: url(fonts/IBMPlexSans-Thin.ttf); font-weight: 100; }
@font-face { font-family: 'IBM Plex Sans'; src: url(fonts/IBMPlexSans-ExtraLight.ttf); font-weight: 200; }
@font-face { font-family: 'IBM Plex Sans'; src: url(fonts/IBMPlexSans-Light.ttf); font-weight: 300; }
@font-face {
    font-family: 'IBM Plex Sans';
    src: url(fonts/IBMPlexSans-Regular.ttf);
    font-weight: 400;
}

.font-isans-thin {
    font-family: 'IBM Plex Sans';
    font-weight: 100;
}

.font-isans-el {
    font-family: 'IBM Plex Sans';
    font-weight: 200;
}

.font-isans-l {
    font-family: 'IBM Plex Sans';
    font-weight: 300;
}

.font-isans-r {
    font-family: 'IBM Plex Sans';
    font-weight: 400;
}

#m_lista_footer {
    position: fixed;
    left: 0;
    bottom: 0px;
    width: 100%;
    z-index: 50;
    padding: 0;
    margin-bottom: 0;
    border-top: 1px solid #d0d0d0;
}