@import url(https://fonts.googleapis.com/css?family=Montserrat);
@import url(https://fonts.googleapis.com/css?family=Lato:700,300);

/*

Base das Cores

# 006699
rgb (0, 102, 153)
hsl (200, 100%, 30%)
*/


body {
  margin-left: 5px; 
  margin-right: 5px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 24px;
  overflow-x: hidden;
/*  background-color: #e6f7ff;    95% */
  /* fixing the overflow duting animation */
}

label {
  margin-bottom: -6px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: 'Lato', sans-serif;
  font-weight: 700;
}

h1 {
  font-size: 3em;
}

h3 {
  font-size: 1.6em;
  line-height: 1.4em;
}

p {
  font-size: 13px;
  font-family: 'Montserrat', sans-serif;
  margin: 0;
  line-height: 24px;
  font-weight: 400;
}

a {
  color: #444;
  -webkit-transition: all .3s linear;
  -moz-transition: all .3s linear;
  -ms-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}

a:hover,
a:focus {
  color: #3498db;
}

img {
  max-width: 100%;
}

ul {
  margin: 0px;
  padding: 0px;
}

ul li {
  list-style: none;
  margin: 0;
}

ol {
  list-style: none;
}

a:hover,
a:focus {
  text-decoration: none;
  outline: none;
}

/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
  #ul_div_pagina_nome {
    font-size: 12px;
  }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
  #ul_div_pagina_nome{
    font-size: 13px;
  }
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {
  #ul_div_pagina_nome {
    font-size: 14px;
  }
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {
  #ul_div_pagina_nome {
    font-size: 15px;
  }
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
  #ul_div_pagina_nome, .form-control {
    font-size: 16px;
  }
}

.dropdown-menu {
  background-color: #e6f7ff;
/*  background-color: #0077b3;    35% */
}

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu a::after {
  transform: rotate(-90deg);
  position: absolute;
  right: 6px;
  top: .8em;
}

.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-left: .1rem;
  margin-right: .1rem;
  background-color: #e6f7ff;
/*  background-color: #0077b3;    35% */
}

.navbar-brand {
  padding: 0 0 0 0px;
  width: 120px;
}

.card-body {
  padding: 4px 8px 4px 8px;  
}

.form-control {
  background-color: #FFF;
  border: 1px solid gray;
  border-radius: 0;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075);
  color: #444;
  display: block;
  height: 32px;
  padding: 0px 4px 0px 4px;
  margin-bottom: -10px;
  width: 100%;
  font-weight: bold;    
}

.ul_cl_campos_requeridos {
  border: 1px solid red;  
}

.ul_cl_itens {
  padding: 5px 5px 5px 5px;
  color: white;
}

#ul_div_form_login_empresa, #ul_div_form_login_user {
  padding: 16px 16px 0px 16px;
}

#ul_div_wait,
#ul_div_progress,
#ul_div_info {
  display: none; 
  margin-top: 2px;
}

#ul_div_mail {
  padding: 1px 5px 1px 5px;
}

#ul_div_header_menu {
  background-color: #0000cc;
/*  background-color: #0077b3;    35% */
}

.ul_cl_menu_base_registro, .ul_cl_menu_base_registro_neto {
  background-color: #0099e6;    /* 45% */
  /* display: none; */
}

#ul_div_form_login {
  background-color: #1ab2ff;   /* 55% */
}

#ul_div_pagina, #ul_div_pagina_legenda, #ul_frm_login_empresa, #ul_frm_login_user, #ul_div_form_login_new {
  position: relative;
  min-height: 100%;
  margin-top: 2px;
}

#ul_div_pagina {
  margin-bottom: 120px;
}

#ul_div_form_login,
#ul_div_form_login_new,
#ul_div_pagina_registros,
#ul_div_pagina_legenda,
#ul_div_pagina_form_filtros,
#ul_div_pagina_form_dados,
#ul_div_pagina_form_dados_info,
#ul_div_pagina_form_dados_status,
#ul_menu_app {
  display: none;
}

#ul_div_pagina_persistir_desistir,
#ul_div_pagina_retornar {
  display: none;
  margin-bottom: 10px;
}

#ul_div_footer {
  background-color: #e6f7ff;  
}

#ul_div_pagina_persistir_desistir {
  margin-left: 5px; 
  margin-right: 5px;  
  background-color: #e6f7ff;  
}

#ul_frm_login_empresa_campos,
#ul_frm_login_user_campos {
  padding-top: 6px;
}

* {
  font-weight: bold;
}

.navbar-dark .navbar-nav .nav-link {
  color: white;
}

.ul_search_field_info {
  padding: 6px 4px 0px 4px;  
}


.ulc_table-responsive{
  height:500px;  
  overflow:scroll;
}
.ulc_table-responsive thead tr:nth-child(1) th {
    background: white;
    position: sticky;
    top: 0;
    z-index: 10;
    line-height: 14px;
}