@keyframes delay_show { 0% { opacity: 0; } 100% { visibility: visible; opacity: 1; } }

.loading-bar {
        position: fixed;
        top: 0;
        left: 0;
        width: 500px; 
        height: 5px;  /* Altura da linha */
        background-color: red;
        animation: moveBar 2s linear infinite alternate;
        display: none; /* Escondida por padrão */
}
@keyframes moveBar { 0% { left: 0; } 100% { left: calc(100% - 500px); } }


.main_search { 
  border-width: thin;
  /* margin-top: auto; */
  background:  #e1eae9;
  border-radius: 8px; 
  width: 250px;
  height: 40px;
   vertical-align: baseline;
} 	
/* .main_search:focus,.main_search:hover {width: 200px;} */

.top_menu_title {
        line-height: 10px;
        background: var(--menu-bg);
        color: White;
        -webkit-border-radius: .1em;
}

/* Combobox with multi selection for 75 #2024-08-23 */
select[multiple]{
    height:20px;

  }

select[multiple]:focus{
   height: 300px;
   position: absolute;
   display: scroll;
   z-index: 99;
}

#div_wait {
    background: url('media/wait.gif') no-repeat;
    position:   fixed;
    height: 100%; 
    width: 100%;
    top: 25%;
    left: 50%;
    animation: 9s delay_show;
    /* animation-delay: 3s; */
}



#top_menu {
        margin: 0;
        padding: 4px 6px 0;
        font: normal .9em Arial;
}

.nav1 {
background: var(--menu-bg);
/* -webkit-border-radius: .8em; */
}

/* SubMenu */
.top_menu_title input, .top_menu_title select {
  margin-left: 5px;
 /*  -webkit-border-radius: .5em; */
  max-height: 1.3em;
}

/* UNVERIFIED */
/*
.top_ico {
        vertical-align: baseline;
        text-align: right;
        width: 10%;
        white-space: nowrap;
}
*/
.top_icon img { vertical-align: middle; }

/*.top_icon a:hover,  */
 .top_ico:hover
  {
     /*   text-decoration: none; */
     /*   font-size:20px;           */
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px);
        cursor: pointer;
}


#top_menu ul li { /* Top Menu */
        float: none;
        margin: 0;
        padding: 0;
}

#top_menu ul a { font-weight: normal; }

#top_menu ul ul { /* level 3 + list */
        left: 170px;
        top: -3px;
}

#top_menu li .menu_parent {
        color: black;
        background: var(--menu-sub-parent);
        border-radius: 0 20px 20px 0;
}

#top_menu li {
        margin: 0 5px;
        padding: 0 0 8px;
        float: left;
        position: relative;
        list-style: none;
        border-right: var(--separator);
}

#top_menu a { /* top level link */
        font-weight: bold;
        color: var(--menu-fg);
        text-decoration: none;
        display: block;
        padding: 6px 10px;
        -webkit-border-radius: 1.6em;
        -moz-border-radius: 1.6em;
}

#top_menu .current a, #top_menu li:hover>a { /* main level link hover */
        background: var(--hover-top-bg);
        color: var(--hover-top-fg);
        border-top: solid 1px #f8f8f8;
        box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
}

#top_menu ul li:hover a, #top_menu li:hover li a { /* sub levels link hover */
        text-align: left;
        background: none;
        border: none;
        -webkit-box-shadow1: none;
        -moz-box-shadow1: none;
}

#top_menu ul a:hover {
        background: var(--hover-sub-bg) repeat-x 0 -100px !important;
        color: var(--hover-sub-fg) !important;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
}

#top_menu li:hover>ul { display: block; }

/* dropdown */
/* level 2 list */

#top_menu ul {
        display: none;
        margin: 0;
        padding: 0;
        width: 205px;
        /* [submenu_width] */
        position: absolute;
        z-index: 1;
        top: 26px;
        left: 0;
        background: var(--menu-sub-bg);
        border: solid 1px #b4b4b4;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 10px;
        -webkit-box-shadow1: 0 1px 3px rgba(0, 0, 0, .3);
        -moz-box-shadow1: 0 1px 3px rgba(0, 0, 0, .3);
}

#top_menu ul li:first-child>a { /* rounded corners of first and last link */
        -webkit-border-top-left-radius: 9px;
        -moz-border-radius-topleft: 9px;
        -webkit-border-top-right-radius: 9px;
        -moz-border-radius-topright: 9px;
}

#top_menu ul li:last-child>a {
        -webkit-border-bottom-left-radius: 9px;
        -moz-border-radius-bottomleft: 9px;
        -webkit-border-bottom-right-radius: 9px;
        -moz-border-radius-bottomright: 9px;
}

#top_menu:after { /* clearfix */
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0;
}

html[xmlns] #top_menu { /* Limita width ao tamanho com label */
        display: block;
}

/* Mensagens sys_lib.msg2htm # 170529 */
.css_msg2htm_box {
        color: white;
        border-radius: 15px;
        font-family: times, "Times New Roman", Georgia, Serif;
        min-height: 45px;
}

.css_msg2htm_box.ok {
        background: -webkit-linear-gradient(top, #23af70 0%, #1e7f52 16%, #207b52 17%, #1f6a49 23%, #1f6948 25%, #1c563d 32%, #1f503b 35%, #1b4a36 38%, #1c3128 52%, #1a2d27 55%, #1d2925 59%, #19221f 67%, #1a1c1b 75%, #1a1a1a 100%);
}

.css_msg2htm_box.info {
        background: -webkit-linear-gradient(top, rgba(208, 228, 247, 1) 0%, rgba(115, 177, 231, 1) 24%, rgba(10, 119, 213, 1) 50%, rgba(83, 159, 225, 1) 79%, rgba(135, 188, 234, 1) 100%);
        color: #ffffcc;
}

.css_msg2htm_box.nok {
        background-image: -webkit-linear-gradient(top, #FF2121 0%, #4F1616 100%);
}

.css_msg2htm_box.warning {
        background: -webkit-linear-gradient(top, #eab92d 0%, #c79810 100%);
}

#footer{
background: var(--menu-bg);
padding: 10px 10px;
min-height: 40px; 
color: #CCFF99;
font-size:11px;
font-family: system;
border-radius: 0 0 10px 10px;
/* border-radius: 10px;*/
list-style: none;
}

#footer.debug  {background: -webkit-linear-gradient(top, #9C1C43 0%, #000000 100%);} 	 /* Red = Debug */
#footer.search { background: -webkit-linear-gradient(top, #096920 0%, #082604 100%); } 	 /*  Verde = Search */

#footer .label1{left: 180px; position:absolute;}
#footer .txt1{left: 220px;   position:absolute; color: white;}

#footer .label2{left: 600px; position:absolute;}
#footer .txt2{left: 640px;   position:absolute; color: white;}
#footer .right{right:40px;   position:absolute;}

#footer a{color: white; text-decoration:none;}
#footer a:hover {background-color: blue;color: white;}
#footer li{padding: 0;}