.btn_menu_manage{
    border-radius: 5px;
    padding: 0px 10px;
    background-color: var(--bg-main-low);
    color: var(--text-main-high);
    cursor: pointer;
    align-content: center;
    margin: 20px auto;
    padding: 14px 10px;
    display: block;
    width: 15%;
    text-align: center;
}

#report_search_content .report_search_btn {
    background-color: #027d8a;
    display: inline-block;
    border-radius: 10px;
    vertical-align: top;
    padding: 12px 20px;
    cursor: pointer;
    color: #fff;
    float: right;
    margin-right: 20px;
}

#home_container p {
    margin: 10px auto 10px 25px;
}

#onoffice_wrapper {
    display:flex;
    align-items: center;
    overflow-x:auto;
    padding-bottom: 10px;
}

#wid_onoffice_users {		
    width:95%;
    box-sizing: border-box;
    max-width:1200px;
    margin:10px auto;
    border-radius:20px;
    background-color:#FFF;
    text-align:center;
    
    border: #edf0f2 solid thin;
}

#wid_onoffice_news {		
    width:95%;
    box-sizing: border-box;
    max-width:1200px;
    margin:10px auto;
    border-radius:20px;
    background-color:#FFF;
    text-align:center;
    
    border: #edf0f2 solid thin;
}

    #onoffice_headline { display: block; box-sizing: border-box; text-align: left; padding: 10px 0px 10px 15px; color:#adadc6; border-bottom: #eaedef solid thin; }

    
    #wid_onoffice_users div { 
        position: relative;
        max-width: 170px;
        min-width: 170px;
        margin: 5px 10px;
    
    }
    #onoffice_wrapper div:nth-child(even){
        margin:0px -35px -100px -35px;
    }
    
    #onoffice_wrapper div:nth-child(odd){
        margin-bottom:100px;
    }
        
        #wid_onoffice_users div img { width:100%; border-radius:15%; max-width:100px; display:block; margin:auto; border: #edf0f2 solid thin; box-sizing: border-box;}
            #wid_onoffice_users div img.user_eating{ 
                -webkit-filter: grayscale(70%);
                filter: grayscale(70%);
            }
            #wid_onoffice_users div img.user_out{ 
                -webkit-filter: grayscale(100%);
                filter: grayscale(100%); 
            }
            
            .wid_onoffice_img_user { z-index:10; margin-top:0px !important; transition:all .5s ease; }	
                /* .wid_onoffice_img_user:hover { opacity:0; } */
                .wid_onoffice_img_map { z-index:1; }
            
        #wid_onoffice_users div span { font-size:.8em; display:block; margin:2px auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color:#323232; }
        #wid_onoffice_users div .wid_onoffice_time { 
            display:block; 
            width:100%; 
            text-align:center; 
            position:absolute; 
            left:0px; top:50%; 
            font-size:1em;
            text-shadow:rgba(0,0,0,.5) 1px 1px 2px;
            padding:3px 0px;
            color:#FFF;
            z-index:1;
        }
        #wid_onoffice_users div .wid_onoffice_icon { font-size:1.2em; }
        #wid_onoffice_users div .wid_onoffice_place {font-size:.7em; color:var(--font-color-sof); }	


        .sudi_tb_container.tb_height_auto .sudi_tb_item_container {
            padding-top: 30px;
        }

/* GOOGLE MAPS API */

	.gllpMap	{ width: 500px; height: 300px; }	
	
	.sendBtn {
			font-size: .8em;
		  	text-align: center;
		  	cursor: pointer;
		  	display: inline-block;
		  	width: auto;
		  	background-color: #EAEBEC;
		  	color: #4C4C4E;
		  	padding: 10px 20px;
		 	border: none;
		  	margin-left: 20px;
		  	text-decoration: none;
		  	transition: all .5s ease-in-out;
		  	-webkit-box-shadow: rgba(0,0,0,.15) 1px 1px 2px;
		  	-mox-box-shadow: rgba(0,0,0,.15) 1px 1px 2px;
		  	-o-box-shadow: rgba(0,0,0,.15) 1px 1px 2px;
		  	box-shadow: rgba(0,0,0,.15) 1px 1px 2px;
		}