/* licenced under EUPL, https://eupl.eu/1.2/nl/*/
#menu * {
    padding:0;
    margin: 0;
    list-style-type:none;}
#menu {
	margin-right:10px;
	padding:10px;
	background-color:#397ABE;
    float: left;
    line-height: 10px;
	position:absolute;
	z-index: 200;
}

#menu.tab_menu_unlocked:not(.ipad_menu) {
	transform: translateX(-170px);
}

#menu:hover{
	transform: none;
}

#menu ul {
	margin-top:40px;
	width:180px;
}

#menu ul li {
	width: 160px;
	height:15px;
	line-height: 14px;
    background-color: #397ABE;
	padding:5px;
	padding-left:15px;
	color:white;
}

#menu ul li {
	/*van de nowrap gaat ff over zijn nek.*/
	/*white-space: nowrap;*/
	overflow: hidden;
}

#menu ul li div{
	width:120px;
	white-space: nowrap;
	overflow: hidden;
}

#menu ul li div.sub_tab_div_header{
	border-top: dotted 1px;
	padding-top:5px;
	padding-bottom:5px;
}



#menu li.has_sub_tab{
	margin-bottom:0px !important;
	border-bottom:none !important;
	border-radius:0px !important;
}

#menu li.home.has_sub_tab{
	border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
}

#menu  ul.menu_group_tab{
	margin-top:10px;
}

ul.menu_group_tab li {
	padding:5px;
}

ul.menu_group_tab li:last-child {
	border-top-left-radius: 0px;
    border-top-right-radius: 0px;
	border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
	border-bottom:1px solid white !important;
}

ul.menu_group_tab li.home.main_tab {
	border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
}

#menu ul.menu_group_tab li:first-child {
	border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
}

#menu ul li img{
	float:right;
}

.tab_selected {
	background-color:#F0F0F0 !important;
}

.main_tab_refresh, .main_tab_delete {
	float:right;
	margin-top:2px !important;
	margin-left:3px !important;
}

.open_tab_menu {
	float:left;
}

.main_tab {
	cursor:pointer;
	border:1px solid white;
	border-bottom:none;
}

.tab_selected span, .tab_selected{
	background-color:orange !important;
}

.menu_group_tab_header {
	width:168px;
	margin-top:15px !important;
	border:1px solid white;
	border-bottom:none;
	border-top-right-radius:5px;
	border-top-left-radius:5px;
	background-color:#004d99 !important;
	color:white;
}

#menu li.main_tab:hover, #menu span:hover{
    background-color: #216EB4;
}


.close_tab_menu {
	position:absolute;
	left:30px;
	top:400px;
	z-index: 200;
}

.close_tab_menu.ipad_menu_close {
	left:200px;
}

.open_tab_menu {
	position:absolute;
	top:400px;
	z-index: 200;
}

.pinned_tab_menu {
	position:absolute;
	left:200px;
	top:400px;
	z-index: 200;
}

.pinned_tab_menu.ipad_menu_close {
	left:200px;
}

.menu_group_tab_delete {
	float:right;
	cursor:pointer;
}

#menu ul li.sub_tab {
	border:1px solid white;
	font-size:9px;
	border-top:none;
	border-bottom:none;
	padding-top:0px !important;
	padding-bottom:10px !important;
}

#menu ul li.sub_tab img{
	margin-top:7px;
}

.sub_tab_div_header {
	width:60px;
	float:left;
	padding-top:5px;
}

.no_id_check_icon_content {
	margin-top:30px;
	width:150px;
	margin:0px auto;
	margin-bottom:10px;
}

.unknown_id {
	padding:20px;
}

.id_check {
	margin-top:10px;
}

.id_check img, .sub_tab_div_header{
	cursor:pointer;
}

/*.onlyoffice_sub_tab:hover{*/
/*	width: 250px !important;*/
/*	border-top-right-radius: 0px!important;*/
/*	border-bottom-right-radius: 0px !important;*/
/*}*/

.onlyoffice_sub_tab .sub_tab_div_header{
	width:200px !important;
}

.onlyoffice_sub_tab {
	border-top:1px solid white!important;
}

.onlyoffice_sub_tab .sub_tab_div_header{
	border:none!important;
}