*{
    box-sizing: border-box; 
    scroll-behavior: smooth; 
    transition: all 300ms;
}
div.status_msg_ui{position: fixed; top: 70px; right: 1%; min-height: 140px; background: #FFC83B; color: #000000; width: 420px; max-width: 98%; padding: 0; border-radius: 7px 7px 0 0; display: none; overflow: auto; box-shadow: -3px 3px 7px #909090; z-index: 22;}

div.status_msg_ui.static{position: static; display: block; margin: auto;}
div.status_msg_ui>h2{margin: 0; padding: 7px 2% 0px; background: #C4233C; color: #FFFFFF; display: flex; justify-content: space-between; overflow: hidden;}
div.status_msg_ui.good>h2{background: #00A5A2; color: #FFFFFF;}
div.status_msg_ui.info>h2{background: #CC6328; color: #FFFFFF;}
div.status_msg_ui>h2>span{display: none;}
div.status_msg_ui.bad>h2>span.er{display: initial;}
div.status_msg_ui.good>h2>span.sc{display: initial;}
div.status_msg_ui.info>h2>span.in{display: initial;}
div.status_msg_ui>h2>b{padding: 3px; transform: rotate(45deg) scale(3); background: #212153; color: #C4233C; cursor: pointer;}
div.status_msg_ui.good>h2>b{color: #00A5A2;}
div.status_msg_ui>h2>b:hover{color: #ffffff;}
div.status_msg_ui>p{margin: 0; padding: 7px 2% 7px; max-height: 77vh; overflow: auto;}
div.status_msg_ui>p>a.check_opt{margin: 3px auto; background: #CC6328; color: #FFFFFF; padding: 7px; border-radius: 4px; font-family: quicksand; text-decoration: none; display: block; max-width: 210px; text-align: center;}
div.status_msg_ui>p>a.check_opt:hover{background: #212153;}
div.status_msg_ui>p>a.search_info_link{display: inline-flex;padding: 4px; margin: 7px auto;border-radius: 5px; text-decoration: none; color: #000000; background: #ffefd5; box-shadow: 2px 2px 4px #565656;}
div.status_msg_ui>div{background: #CC6328; height: 4px; animation-timing-function: linear;}
div.status_msg_ui>div.anmA{animation-name: msgTimeout;}
div.status_msg_ui>div.anmB{animation-name: msgTimeoutB;}

body>div.container-fluid>footer{background: #1e2144; padding: 1% 1% 10vh; display: flex; justify-content: space-around; flex-wrap: wrap; overflow: auto;}
body>div.container-fluid>footer> div{color: #ffffff;}
body>div.container-fluid>footer> div.adm{width: 100%; text-align: center;}
body>div.container-fluid>footer> div:last-of-type{position: relative;}
body>div.container-fluid>footer>div> p{margin: 1px; padding: 1px;}
body>div.container-fluid>footer>div> p>span{display: block; margin: 21px 1px;}
body>div.container-fluid>footer>div> p>span>a:link, body>div.container-fluid>footer>div> p>span>a:visited{color: #ffffff; text-decoration: none;}
body>div.container-fluid>footer>div> p>span>a:hover, body>div.container-fluid>footer>div> p>span>a:active{text-decoration: underline;}
body>div.container-fluid>footer>div> a:link, body>div.container-fluid>footer>div> a:visited{background: #1e2144; color: #ffffff; margin: 2px; padding: 14px; border-radius: 50%; height: 50px; width: 50px; display: inline-block; text-align: center; font-size: 1em; text-decoration: none;}
body>div.container-fluid>footer>div> a:hover, body>div.container-fluid>footer>div> a:active{text-decoration: underline;}
body>div.container-fluid>footer>div> a:hover:after{content: attr(title); position: absolute; display: block; background: #1e2144; color: #ffffff; margin-top: 14px; left: 2px; padding: 4px; border-radius: 3px;}

div#extra_UIs{background: rgba(0,0,0,0.7); display: none; position: fixed; top: 0px; left: 0%; right: 0%; bottom: 0%; z-index: 21; overflow: auto; padding: 1%; max-height: 100vh; align-items: center;}
div#extra_UIs form.wa_me{display: none; background: #ffffff; border-radius: 7px; padding: 7px; margin: 3px auto 21px; border:2px solid #cbcbcb; width: 420px; max-width: 91vw; box-shadow: 3px 3px 21px #cdcdcd, -3px 3px 21px #cdcdcd; position: relative;}
div#extra_UIs form.wa_me button.btn_wa_me{margin: 3px; position: absolute; right: 3%; top: 2%; border:1px solid #212153; border-radius: 3px;}
div#extra_UIs form.wa_me button.btn_wa_me:hover{background: #C4233C; color: #FFFFFF;}
div#extra_UIs form.wa_me button.btn_wa_me i.fa{font-size: 2em; font-weight: 100; cursor: pointer;}
div#extra_UIs form.wa_me div.logos{margin: 4px auto;}
div#extra_UIs form.wa_me div.logos p{display: flex; align-items: center; justify-content: center; margin: 0 auto 4px; font-size: 0.9em;}
div#extra_UIs form.wa_me div.logos p img{width: 56px; height: 56px; object-fit: cover; margin: 4px; border-radius: 50%; background: #fbc545;}
div#extra_UIs form.wa_me div.info{padding: 3px 3%; min-width: 35%;}
div#extra_UIs form.wa_me div.info div.head{}
div#extra_UIs form.wa_me div.info div.head img{width: 140px; height: 140px; display: block; margin: auto; object-fit: contain; background: #ffc83b url('/img/logo/min/logo_x_small.png') no-repeat center; background-size: cover; border-radius: 50%;}
div#extra_UIs form.wa_me div.info div.head h2{text-align: center; margin: 3px auto 7px; padding: 3px 0; margin: 3px 0 14px; font:500 1.4em quicksand; text-transform: uppercase;}
div#extra_UIs form.wa_me div.usr{}
div#extra_UIs form.wa_me div.usr label{display: block;}
div#extra_UIs form.wa_me div.usr label fieldset{border:1px solid #bcbcbc; border-radius: 4px; padding: 0px; margin: 7px auto;}
div#extra_UIs form.wa_me div.usr label legend{color: #212153; margin: 0px 14px; padding: 1px 3px;}
div#extra_UIs form.wa_me div.usr label input, div#extra_UIs form.wa_me div.usr label textarea{display: block; width: 98%; margin: 0px auto; padding: 7px 2px; font:400 1em quicksand, sans-serif; border:none; border-bottom: 2px solid #ffffff;}
div#extra_UIs form.wa_me div.usr label input:focus, div#extra_UIs form.wa_me div.usr label textarea:focus{outline: none; border-bottom: 2px solid #CC6328;}
div#extra_UIs form.wa_me div.info>button.express_in{display: flex; align-items: center; margin: 7px auto 35px; background: #FFC83B; padding: 9px; height: 49px; border-radius: 4px; text-align: center; color: #000000; justify-content: center; text-decoration: none; cursor: pointer; width: 98%; max-width: 210px; border: none;}
div#extra_UIs form.wa_me div.info>button.express_in:hover{background: #CC6328; color: #FFFFFF;}
div#extra_UIs form.wa_me div.info>button.express_in i.fa{margin-left: 3px;}

div#extra_UIs div#first_pop.pop {
    display: none;
    width: 380px;
    max-width: 91vw;
    height: 480px;
    margin: 7px auto;
    background-color: #212153;
    position: relative;
    /* display: block; */
    padding: 0px;
    border-radius: 4px;
    overflow: auto;
    /* box-shadow: 3px 3px 21px #ffffff, 3px -3px 21px #ffffff; */
}

div#extra_UIs div#first_pop .logo {
    position: absolute;
}

div#extra_UIs div#first_pop .img {
    top: 0;
    max-height: 300px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-image: linear-gradient(rgba(80, 28, 16, 0.60), rgba(80, 28, 16, 0.60)), url(/img/pop/pop.jpg);
    background-size: cover;
    background-position: center;
}

div#extra_UIs div#first_pop.pop p {
    color: #FFC83B;
    font-size: 16px;
    text-align: center;
    font-weight: 400;
    line-height: 1.3em;
    margin: 7px;
    padding: 7px;
}
div#extra_UIs div#first_pop.pop p a{
    font-weight: 500;
    color: #ffc83b;
}

div#extra_UIs div#first_pop .close-btn {
    position: absolute;
    top: 7px;
    right: 7px;
    /*width: 30px;*/
    height: 30px;
    color: #212153;
    font-size: 28px;
    font-weight: 600;
    padding: 5px;
    margin: 1px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    background-color: #ffffff;
    border-radius: 5px;
}
div#extra_UIs div#first_pop .close-btn b{
    font-size: 14px;
    margin-right: 7px;
    font-weight: 400;
}

@keyframes msgTimeout{
 0%{width: 0%;}
 100%{width: 100%;}
}
@keyframes msgTimeoutB{
 0%{width: 0%;}
 100%{width: 100%;}
}