.xxxx{
        z-index: 100;
        display: none;
        position: fixed;
        /* left: 0; */
        top: 0;
        width: 100%;
        height: 100%;
        max-width: 1440px;
        overflow: auto;
        background-color: rgb(0,0,0);
        background-color: rgba(0,0,0,0.4);
        border-right: solid 1px beige;
    }
.bx_card_class{
    z-index: 100;
    position: fixed;
    /* left: 0; */
    top: 0;
    width: 100%;
    height: 100%;
    max-width: 1440px;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
    border-right: solid 1px beige;
}

.styleDisplayValue{display:none;}

.fx-animate-drawer-right2left {
    /*position: absolute;*/
    top:0px;
    animation: animateright 0.8s;
}
.fx-modal-4_drawer_right {
    margin: auto;
    margin-right: 0px;
    /*background-color: #fff;*/
    position: relative;
    padding: 0;
    outline: 0;            
    top: 0;            
}
.container_1{padding-left:1px;padding-right:1px;}
.container_2{padding-left:2px;padding-right:2px;}
.container_4{padding-left:4px;padding-right:4px;}
.padding_0{padding: 0px;}
.display_flex{
    display :flex; 
}
.flex_justc_c{justify-content: center;}
.flex_justc_s{justify-content: flex-start;}
.flex_justc_e{justify-content: flex-end;}
.flex_justc_spa{justify-content: space-around;}
.flex_justc_spb{justify-content: space-between;}
.nav_bar_top{height: 50px;border-bottom: solid 1px #d0d0d0;}
.nav_bar_top .nvbt_logo img{max-height: 25px!important;}
.nvbt_item{
    margin-left:8px!important ;
    margin-right:8px!important ;
    padding: 8px 2px 4px 2px;
}
.drawer_left{margin-right:8px;  cursor:pointer;}
.drawer_right{margin-left:8px; cursor:pointer;}
.nav_bar_top * {font-size: 1.3rem;}

@media(max-width:800px){
        .article_card_g{
    display:grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap:1px;
    }
}
@media(max-width:568px){
        .article_card_g{
        display:grid;
        grid-template-columns: 1fr 1fr ;
        gap:1px;
    }
    .w3-dropdown-content {
    min-width: 75px;
}
}

@media(max-width:496px){
     .nav_bar_top .nvbt_logo img{max-height:25px!important;}
        .article_card_g{
        display:grid;
        grid-template-columns: 1fr 1fr ;
        gap:1px;
    }
       .nav_bar_top .langg_drop_down {
            /*padding-left: 16px;*/
            text-transform: capitalize;           
        }
}

@media (max-width: 320px){
    .nvbt_item.nvbt_logo {
            font-size: 10px;
        }
    .nav_bar_top * {font-size: 0.9rem;}
    .nvbt_item{
        margin-left:4px!important ;
        margin-right:4px!important ;
        padding: 8px 1px 4px 1px;
    }
    .nav_bar_top .nvbt_logo img{max-height:20px!important;}
    .drawer_left{margin-right:8px;}
    .drawer_right{margin-left:8px;  }
    img{max-width: 320px;}
    .article_card_g{
        display:grid;
        grid-template-columns: 1fr;
        gap:1px;
    }
    .nav_bar_top {    
    font-weight: bold;
    color: #585f0e;
}
    .w3-bar .w3-bar-item {
    padding: 8px 8px; 
    font-weight: bold; 
    font-size: medium;
   color: #585f0e;
}

}

.article_card_g{
    display:grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap:1px;
    margin-top: 10px;
}

a{text-decoration: none;}
.w3x-container_16, .w3x-panel-16 {
    padding: 0.01em 16px;
}
.w3x-container, .w3x-panel {
    padding: 0.01em 8px;
}
.cmd_o{ 
    display:flex;
    background-color:whitesmoke;
} 
.cmd_o_elem{
        background-color: white;
    width:100%;
    min-width:270px; 
    border:solid 1px #ccc; 
    border-radius: 5px; 
    margin:0px 0px;
margin-bottom:56px;} 
.cmd_o_header{
    display: block;
    border:solid 1px #ccc;
    border-top:solid 0px #ccc;
    border-left: 0;
    border-right-style: none;          
    position:relative; 
    background-color: azure;       
}
.cmd_o_header_right{            
    float:right;
}
.cmd_o_nav {
    background-color: #f1f1f1;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 10px;
    padding: 16px;
}
.cmd_o_nav > *{ 
    border: solid 1px #ccc; 
    min-width:100px;
    min-height: 100px; 
    width:100%;
    padding: 0px; 
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}    
.cmd_o_nav > nav, .cmd_o_nav>div{
    background-color: white;
    padding: 16px!important;
    overflow: hidden;
    border-radius: 5px;
    white-space: nowrap;
    text-overflow: ellipsis;    
}
.cmd_o_nav_article{color:auto}
.cmd_o_footer{       
    border-top:solid 0px #ccc;
    border-bottom:solid 0px #ccc;
}
@media (max-width:968px) {
    .cmd_o_nav {
        background-color: #f1f1f1;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 10px;
        padding: 16px;
    }
} 
@media(max-width:560px){
    .cmd_o_elem{
        background-color: white;
    width:100%;
    min-width:270px; 
    border:solid 1px #f3f8e7; 
    border-radius: 5px; 
    margin:0px 0px;
margin-bottom: 55px;} 
    .cmd_o{ 
        display:block;
    }
    .cmd_o> *{
            margin-bottom: 30px;
    }
    .cmd_o_nav {
            background-color: #f1f1f1;
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 0px;
            padding: 1px;
    }
}

@media(max-width:360px){
    .cmd_o_elem{       
    border:solid 1px #ccc;    
    margin:0px 0px;
    margin-top: 2px;
} 
   
}

.f1f1f1{
    background-color: #f1f1f1;
}