/* APP STYLING -------------------------------------------------------------- */


#app {
	height: 100%;
	width: 100%;
}
#app * {
	-moz-box-sizing: border-box; box-sizing: border-box;
}





/* APP-NAVIGATION ------------------------------------------------------------*/
/*app custom link*/


/* Navigation: folder like structure */
#app-navigation {
	width: 280px;
	height: 100%;
	float: left;
	-moz-box-sizing: border-box; box-sizing: border-box;
	background-color: #eef3f6;
	padding-bottom: 44px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
    position: relative;	
}
#app-navigation > ul {
  /* margin-top: 30px; */
  position: relative;
  /* height: 100%; */
  overflow-y: auto;
  overflow-x: hidden;
  -moz-box-sizing: border-box;
  /* margin-left: 15px; */
  box-sizing: border-box;
  max-height: 420px 
}
#app-navigation .static_link,#app-navigation > ul,#app-settings{
  padding: 3% 5%;
  width: 100%;
  margin: auto;
}
#app-navigation li {
	position: relative;
	width: 90%;
	margin: 0.5em auto;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-left:2px solid #eef3f6;
}
/*new theme css 8.0*/
#app-navigation li.nav-item{
	background-repeat: no-repeat;
	background-position: 10px center;
	text-indent: 35px;
        animation-delay: 0.50s;          
}
.deplay05{
        animation-delay: 0.50s;            
}
.deplay1{
        animation-delay: 1s;            
}
.deplay2{
        animation-delay: 2s;            
}
.deplay3{
        animation-delay: 3s;            
}
#app-navigation li.nav-item > a{
	color:#565e67;
}
#app-navigation li.nav-item:hover > a,#app-navigation li.nav-item.active> a{
	color:#5091d5;
}
#app-navigation li.nav-item:hover,#app-navigation li.nav-item.active{
	border-left:2px solid #5091d5;
	background-color: #dde7f0;	
}

#app-navigation .active,
#app-navigation .active a {
	
}

#app-navigation .active.with-menu > a,
#app-navigation .with-counter > a {
	padding-right: 50px;
}

#app-navigation .active.with-menu.with-counter > a {
	padding-right: 90px;
}

#app-navigation li:hover > a,
#app-navigation li:focus > a,
#app-navigation a:focus,
#app-navigation .selected,
#app-navigation .selected a {

}

#app-navigation .with-icon a,
#app-navigation .app-navigation-entry-loading a {
	padding-left: 44px;
	background-size: 16px 16px;
	background-position: 14px center;
	background-repeat: no-repeat;
}

#app-navigation li > a {
	display: block;
	width: 90%;
	line-height: 35px;
	padding: 0 5%;
	overflow: hidden;
	-moz-box-sizing: border-box; box-sizing: border-box;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #2895f1;
}

#app-navigation .collapse {
	display: none; /* hide collapse button intially */
}
#app-navigation .collapsible > .collapse {
	position: absolute;
	height: 44px;
	width: 44px;
	margin: 0;
	padding: 0;
	background: none; background-image: url('https://data.myn.global/core/img/actions/triangle-s.svg');
	background-size: 16px; background-repeat: no-repeat; background-position: center;
	border: none;
	border-radius: 0;
	outline: none !important;
	box-shadow: none;
}
#app-navigation .collapsible:hover > a,
#app-navigation .collapsible:focus > a {
	background-image: none;
}
#app-navigation .collapsible:hover > .collapse,
#app-navigation .collapsible:focus > .collapse {
	display: block;
}

#app-navigation .collapsible .collapse {
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-ms-transform:rotate(-90deg);
	-o-transform:rotate(-90deg);
	transform: rotate(-90deg);
}
#app-navigation .collapsible.open .collapse {
	-moz-transform: rotate(0);
	-webkit-transform: rotate(0);
	-ms-transform:rotate(0);
	-o-transform:rotate(0);
	transform: rotate(0);
}

/* Second level nesting for lists */
#app-navigation > ul ul {
	display: none;
}
#app-navigation > ul ul li > a {
	padding-left: 32px;
}
#app-navigation > .with-icon ul li > a,
#app-navigation > .with-icon ul li.app-navigation-entry-loading > a {
	padding-left: 68px;
	background-position: 44px center;
}

#app-navigation .collapsible.open {
	background-image: linear-gradient(top, rgb(238,238,238) 0%, rgb(245,245,245) 100%);
	background-image: -o-linear-gradient(top, rgb(238,238,238) 0%, rgb(245,245,245) 100%);
	background-image: -moz-linear-gradient(top, rgb(238,238,238) 0%, rgb(245,245,245) 100%);
	background-image: -webkit-linear-gradient(top, rgb(238,238,238) 0%, rgb(245,245,245) 100%);
	background-image: -ms-linear-gradient(top, rgb(238,238,238) 0%, rgb(245,245,245) 100%);
}

#app-navigation > ul .collapsible.open:hover,
#app-navigation > ul .collapsible.open:focus {
	box-shadow: inset 0 0 3px #ddd;
}

#app-navigation > ul .collapsible.open ul {
	display: block;
}


/* Deleted entries with undo button */
#app-navigation .app-navigation-entry-deleted {
	display: inline-block;
	height: 44px;
	width: 100%;
}

	#app-navigation .app-navigation-entry-deleted-description {
		padding-left: 12px;
		position: relative;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		display: inline-block;
		width: 201px; /* fallback for IE8 */
		width: calc(100% - 49px);
		line-height: 44px;
		float: left;
	}

	#app-navigation .app-navigation-entry-deleted-button {
		margin: 0;
		height: 44px;
		width: 44px;
		line-height: 44px;
		border: 0;
		display: inline-block;
		background-color: transparent;
		opacity: .5;
	}

	#app-navigation .app-navigation-entry-deleted-button:hover,
	#app-navigation .app-navigation-entry-deleted-button:focus {
		opacity: 1;
	}
	/*app navigation icons */
	.ac{
		background-image:url('https://data.myn.global/core/img/ac_sprite.png');	
	}
	#app-navigation li.nav-item.ac.ac_all{
		background-position:8px 5px;
	}
	#app-navigation li.nav-item.ac.ac_all.active,
	#app-navigation li.nav-item.ac.ac_all:hover{
		background-position:8px -27px;
	}	
	
	#app-navigation li.nav-item.ac.ac_self{
		background-position: 8px -60px;
	}
	#app-navigation li.nav-item.ac.ac_self.active,
	#app-navigation li.nav-item.ac.ac_self:hover{
		background-position: 8px -91px;
	}	
	
	#app-navigation li.nav-item.ac.ac_by{
		background-position: 8px -124px;
	}
	#app-navigation li.nav-item.ac.ac_by.active,
	#app-navigation li.nav-item.ac.ac_by:hover{
		background-position: 8px -157px;
	}
	
	#app-navigation li.nav-item.ac.ac_shares{
		background-position: 8px -190px;
	}
	#app-navigation li.nav-item.ac.ac_shares.active,
	#app-navigation li.nav-item.ac.ac_shares:hover{
		background-position: 8px -224px;
	}

	/*user app navigation menu css*/	
	#app-navigation li.nav-item.as{
		background-image:url('https://data.myn.global/core/img/appnavigation_sprite.png');	
	}	
	/*default icons if any one is not found*/
	#app-navigation li.nav-item.as{
	background-position: 4px -514px;		
	}
	#app-navigation li.nav-item.as:hover,
	#app-navigation li.nav-item.as.active{
	background-position:4px -546px;
	}		
	#app-navigation li.nav-item.gp_all{
	background-position: 4px -66px;
	}	
	#app-navigation li.nav-item.gp_all:hover,
	#app-navigation li.nav-item.gp_all.active{
	background-position:4px -98px;
	}	
	
	#app-navigation li.nav-item.gp_admin{
	background-position: 4px -2px;
	}
	#app-navigation li.nav-item.gp_admin:hover,
	#app-navigation li.nav-item.gp_admin.active{
	background-position:4px -34px;
	}	
	
	#app-navigation li.nav-item.gp_user{
	background-position: 4px -130px;
	}	
	#app-navigation li.nav-item.gp_user:hover,
	#app-navigation li.nav-item.gp_user.active{
	background-position: 4px -162px;
	}	
	/*Personal and admin icons*/
	#app-navigation li.nav-item.admin{
	background-position: 4px -124px;	
	}
	#app-navigation li.nav-item.admin:hover,
	#app-navigation li.nav-item.admin.active{
	background-position: 4px -156px;
	}	
	/*personal page icons*/	
	#app-navigation li.nav-item.per{
	background-position: 4px -386px		
	}
	#app-navigation li.nav-item.per:hover,
	#app-navigation li.nav-item.per.active{
	background-position:4px -418px;
	}
	#app-navigation li.nav-item.not{
	background-position: 4px -194px;		
	}
	#app-navigation li.nav-item.not:hover,
	#app-navigation li.nav-item.not.active{
	background-position:4px -226px;
	}	
	#app-navigation li.nav-item.ssl{
	background-position: 4px -322px;		
	}
	#app-navigation li.nav-item.ssl:hover,
	#app-navigation li.nav-item.ssl.active{
	background-position:4px -354px;
	}
	/*Admin page icons*/	
        #app-navigation li.nav-item.meta,
        #app-navigation li.nav-item.meta:hover,
        #app-navigation li.nav-item.meta.active {
        background-position: 4px -387px;
        }
	#app-navigation li.nav-item.sec_setup{
	background-position: 4px -834px;		
	}
	#app-navigation li.nav-item.sec_setup:hover,
	#app-navigation li.nav-item.sec_setup.active{
	background-position:4px -866px;
	}	
	#app-navigation li.nav-item.fil{
	background-position: 4px -706px;		
	}
	#app-navigation li.nav-item.fil:hover,
	#app-navigation li.nav-item.fil.active{
	background-position:4px -738px
	}		
	#app-navigation li.nav-item.fed{
	background-position: 4px -450px;		
	}
	#app-navigation li.nav-item.fed:hover,
	#app-navigation li.nav-item.fed.active{
	background-position:4px -482px;
	}	
	#app-navigation li.nav-item.mai{
	background-position: 4px -769px;		
	}
	#app-navigation li.nav-item.mai:hover,
	#app-navigation li.nav-item.mai.active{
	background-position:4px -802px;
	}	
	#app-navigation li.nav-item.upd{
	background-position: 4px -962px;		
	}
	#app-navigation li.nav-item.upd:hover,
	#app-navigation li.nav-item.upd.active{
	background-position:4px -994px;
	}	
	#app-navigation li.nav-item.cro{
	background-position: 4px -578px;		
	}
	#app-navigation li.nav-item.cro:hover,
	#app-navigation li.nav-item.cro.active{
	background-position:4px -610px;
	}	
	#app-navigation li.nav-item.sha{
	background-position: 4px -1026px;		
	}
	#app-navigation li.nav-item.sha:hover,
	#app-navigation li.nav-item.sha.active{
	background-position:4px -1058px;
	}		
	#app-navigation li.nav-item.sec{
	background-position: 4px -898px;		
	}
	#app-navigation li.nav-item.sec:hover,
	#app-navigation li.nav-item.sec.active{
	background-position:4px -930px;
	}	
	#app-navigation li.nav-item.ema{
	background-position: 4px -514px;		
	}
	#app-navigation li.nav-item.ema:hover,
	#app-navigation li.nav-item.ema.active{
	background-position:4px -546px;
	}	
	#app-navigation li.nav-item.log{
	background-position: 4px -642px;		
	}
	#app-navigation li.nav-item.log:hover,
	#app-navigation li.nav-item.log.active{
	background-position:4px -674px;
	}		
	
	#app-navigation li.nav-item.the{
	background-position:5px -1141px;
	}
	#app-navigation li.nav-item.the:hover,
	#app-navigation li.nav-item.the.active{
	background-position:4px -1172px;
	}		
	#app-navigation li.nav-item.das{
	background-position:4px -1088px;	
	}
	#app-navigation li.nav-item.das:hover,
	#app-navigation li.nav-item.das.active{
	background-position:4px -1113px;	
	}
        .meta_label{
            width: 120px;
            padding-right: 20px;
            text-align: right;
            float:left;
            padding-top: 10px;
        }
		 #update_button,#delete_button{
            
            color: white;
           
            cursor: pointer;
            height: 7px;
            width: 42px;
            float: left;
            padding: 15px;
            margin-bottom: 15px;
            text-align: center;
            line-height: 0.4;
            border-radius: 5px;
        }
        
        .listed_meta_field_pos{
            height: 20px;
            font-size: 8px;
        }
        #update_button:hover{
            background:none;
            color:rgb(59,103,158);
            border:1px solid rgb(59,103,158);
            font-weight: bold;
             -webkit-animation: fadein 0.3s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 0.3s; /* Firefox < 16 */
        -ms-animation: fadein 0.3s; /* Internet Explorer */
         -o-animation: fadein 0.3s; /* Opera < 12.1 */
            animation: fadein 0.3s;
        }
        #delete_button:hover{
            background:none;
            color:#a90329;
            border:1px solid #a90329;
            font-weight: bold;
             -webkit-animation: fadein 0.3s; /* Safari, Chrome and Opera > 12.1 */
            -moz-animation: fadein 0.3s; /* Firefox < 16 */
             -ms-animation: fadein 0.3s; /* Internet Explorer */
              -o-animation: fadein 0.3s; /* Opera < 12.1 */
                 animation: fadein 0.3s;

        }
        #update_button{
            border:1px solid rgb(59,103,158);
            background: rgb(59,103,158); /* Old browsers */
            /* IE9 SVG, needs conditional override of 'filter' to 'none' */
            background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNiNjc5ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMDdjY2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMmI4OGQ5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzdkYjllOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
            background: -moz-linear-gradient(top,  rgba(59,103,158,1) 0%, rgba(32,124,202,1) 100%, rgba(43,136,217,1) 100%, rgba(125,185,232,1) 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(59,103,158,1)), color-stop(100%,rgba(32,124,202,1)), color-stop(100%,rgba(43,136,217,1)), color-stop(100%,rgba(125,185,232,1))); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top,  rgba(59,103,158,1) 0%,rgba(32,124,202,1) 100%,rgba(43,136,217,1) 100%,rgba(125,185,232,1) 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top,  rgba(59,103,158,1) 0%,rgba(32,124,202,1) 100%,rgba(43,136,217,1) 100%,rgba(125,185,232,1) 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top,  rgba(59,103,158,1) 0%,rgba(32,124,202,1) 100%,rgba(43,136,217,1) 100%,rgba(125,185,232,1) 100%); /* IE10+ */
            background: linear-gradient(to bottom,  rgba(59,103,158,1) 0%,rgba(32,124,202,1) 100%,rgba(43,136,217,1) 100%,rgba(125,185,232,1) 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b679e', endColorstr='#7db9e8',GradientType=0 ); /* IE6-8 */

        }
        #delete_button{
            margin-left: 5px;
             border:1px solid #a90329;
            background: #a90329; /* Old browsers */
            /* IE9 SVG, needs conditional override of 'filter' to 'none' */
            background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E5MDMyOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ0JSIgc3RvcC1jb2xvcj0iIzhmMDIyMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2ZDAwMTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
            background: -moz-linear-gradient(top,  #a90329 0%, #8f0222 44%, #6d0019 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a90329), color-stop(44%,#8f0222), color-stop(100%,#6d0019)); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* IE10+ */
            background: linear-gradient(to bottom,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-8 */

        }
        #listed_meta_elements{
            height:60px;overflow: auto;width:30%;float: left;padding:15px;padding-top:5px;margin-bottom: 15px;
        }
        #action_meta{
            width:100%;
            float: left;
        }
        @keyframes fadein {
            from { opacity: 0; }
            to   { opacity: 1; }
        }

        /* Firefox < 16 */
        @-moz-keyframes fadein {
            from { opacity: 0; }
            to   { opacity: 1; }
        }

        /* Safari, Chrome and Opera > 12.1 */
        @-webkit-keyframes fadein {
            from { opacity: 0; }
            to   { opacity: 1; }
        }

        /* Internet Explorer */
        @-ms-keyframes fadein {
            from { opacity: 0; }
            to   { opacity: 1; }
        }

        /* Opera < 12.1 */
        @-o-keyframes fadein {
            from { opacity: 0; }
            to   { opacity: 1; }
        }
/* counter and actions, legacy code */
#app-navigation .utils {
	position: absolute;
	padding: 7px 4px 7px 4px;
	right: 0;
	top: 0;
	bottom: 0;
	font-size: 12px;
	text-indent: 0px;	
}
#app-navigation .utils button,
#app-navigation .utils .counter {
	width: 44px;
	height: 44px;
	padding-top: 12px;
}
/* drag and drop */
#app-navigation .drag-and-drop {
	-moz-transition: padding-bottom 500ms ease 0s;
	-o-transition: padding-bottom 500ms ease 0s;
	-webkit-transition: padding-bottom 500ms ease 0s;
	-ms-transition: padding-bottom 500ms ease 0s;
	transition: padding-bottom 500ms ease 0s;
	padding-bottom: 40px;
}
#app-navigation .error {
	color: #dd1144;
}

#app-navigation .app-navigation-separator {
	border-bottom: 1px solid #ddd;
}

/**
 * App navigation utils, buttons and counters for drop down menu
 */
#app-navigation .app-navigation-entry-utils {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 105;
}

	#app-navigation .app-navigation-entry-utils ul {
		display: block !important;
	}


	#app-navigation .app-navigation-entry-utils li {
		float: left;
		width: 44px !important;
		height: 44px;
		line-height: 44px;
	}

	#app-navigation .active > .app-navigation-entry-utils li {
		display: inline-block;
	}

	#app-navigation .app-navigation-entry-utils button {
		height: 38px;
		width: 38px;
		line-height: 38px;
		float: left;
	}

	#app-navigation .app-navigation-entry-utils-menu-button {
		display: none;
	}
	#app-navigation .app-navigation-entry-utils-menu-button button {
		border: 0;
		opacity: .5;
		background-color: transparent;
		background-repeat: no-repeat;
		background-position: center;
		background-image: url('https://data.myn.global/core/img/actions/more.svg');
	}

	#app-navigation .app-navigation-entry-utils-menu-button:hover button,
	#app-navigation .app-navigation-entry-utils-menu-button:focus button {
		background-color: transparent;
		opacity: 1;
	}

	#app-navigation .app-navigation-entry-utils-counter {
		overflow: hidden;
		text-overflow: hidden;
		text-align: right;
		font-size: 9pt;
		width: 38px;
		line-height: 44px;
		padding: 0 10px;
	}

	#app-navigation .app-navigation-entry-utils ul,
	#app-navigation .app-navigation-entry-menu ul {
		list-style-type: none;
	}

#app-navigation .app-navigation-entry-menu {
	display: none;
	position: absolute;
	background-color: #eee;
	color: #333;
	border-radius: 3px;
	border-top-right-radius: 0px;
	z-index: 110;
	margin: -5px 14px 5px 10px;
	right: 0;
	border: 1px solid #bbb;
	-webkit-filter: drop-shadow(0 0 5px rgba(150, 150, 150, 0.75));
	-moz-filter: drop-shadow(0 0 5px rgba(150, 150, 150, 0.75));
	-ms-filter: drop-shadow(0 0 5px rgba(150, 150, 150, 0.75));
	-o-filter: drop-shadow(0 0 5px rgba(150, 150, 150, 0.75));
	filter: drop-shadow(0 0 5px rgba(150, 150, 150, 0.75));
}

#app-navigation .app-navigation-entry-menu.open {
	display: block;
}

/* miraculous border arrow stuff */
#app-navigation .app-navigation-entry-menu:after,
#app-navigation .app-navigation-entry-menu:before {
	bottom: 100%;
	right: 0; /* change this to adjust the arrow position */
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

#app-navigation .app-navigation-entry-menu:after {
	border-color: rgba(238, 238, 238, 0);
	border-bottom-color: #eee;
	border-width: 10px;
	margin-left: -10px;
}
#app-navigation .app-navigation-entry-menu:before {
	border-color: rgba(187, 187, 187, 0);
	border-bottom-color: #bbb;
	border-width: 11px;
	margin-left: -11px;
}

	/* list of options for an entry */
	#app-navigation .app-navigation-entry-menu ul {
		display: block !important;
	}

	#app-navigation .app-navigation-entry-menu li {
		float: left;
		width: 38px !important;
	}

		#app-navigation .app-navigation-entry-menu li button {
			float: right;
			width: 36px !important;
			height: 36px;
			line-height: 36px;
			border: 0;
			opacity: .5;
			background-color: transparent;
		}

		#app-navigation .app-navigation-entry-menu li button:hover,
		#app-navigation .app-navigation-entry-menu li button:focus {
			opacity: 1;
			background-color: transparent;
		}

/* editing an entry */
#app-navigation .app-navigation-entry-edit {
	padding-left: 5px;
	padding-right: 5px;
	display: inline-block;
	height: 39px;
	width: 100%;
}

	#app-navigation .app-navigation-entry-edit input {
		border-bottom-right-radius: 0;
		border-top-right-radius: 0;
		width: 204px; /* fallback for IE8 */
		width: calc(100% - 36px);
		padding: 5px;
		margin-right: 0;
		height: 38px;
		float: left;
		border: 1px solid rgba(190,190,190,.9);
	}

	#app-navigation .app-navigation-entry-edit button,
	#app-navigation .app-navigation-entry-edit input[type="submit"] {
		width: 36px;
		height: 38px;
		float: left;
	}

	#app-navigation .app-navigation-entry-edit .icon-checkmark {
		border-bottom-left-radius: 0;
		border-top-left-radius: 0;
		border-left: 0;
		margin-right: 0;
	}


/* APP-CONTENT ---------------------------------------------------------------*/


/* Part where the content will be loaded into */
.content-boxshadow{
  box-shadow: inset 6px 12px 30px #dde7f0;
}
#body-settings #app-content{
overflow-x:scroll;
}
#app-content {
  position: relative;
  height: 100%;
  overflow-y: auto;
  overflow-x:hidden;
  /* top: 46px; */
  border-left: 2px solid #dde7f0;
  background: #fff;
  padding: 0 2%;  
}

#app-content-wrapper {
	min-width: 100%;
	min-height: 100%;
}



/* APP-SETTINGS ---------------------------------------------------------------*/
/*hide settings pannel for files,activity*/
#body-user #app-settings{
display:none;
}
/* settings area */
#app-settings {
  position: absolute;
  width: 90%; /* change to 100% when layout positions are absolute */
  bottom: 0;
  z-index: 140;	
}
#app-settings.opened #app-settings-content {
	display: block;
}
#app-settings-header {
	/*background-color: #eee;*/
}
#app-settings-content {
	display: none;
	padding: 10px;
	background-color: #eee;
}
#app-settings.open #app-settings-content {
	display: block;
	/* restrict height of settings and make scrollable */
	max-height: 300px;
	overflow-y: auto;
}

/* display input fields at full width */
#app-settings-content input[type='text'] {
	width: 93%;
}

.settings-button {
	display: block;
	height: 44px;
	width: 100%;
	padding: 0;
	margin: 0;
	background-color: transparent; background-image: url('https://data.myn.global/core/img/actions/settings.svg');
	background-position: center; background-repeat: no-repeat;
	box-shadow: none;
	border: 0;
	border-radius: 0;
}
.settings-button:hover,
.settings-button:focus {
	background-color: #f9f9fa;
}
.settings-button.opened:hover,
.settings-button.opened:focus {
	background-color: transparent;
}

/* buttons */
button.loading {
	background-image: url('https://data.myn.global/core/img/loading.gif');
	background-position: right 10px center; background-repeat: no-repeat;
	background-size: 16px;
	padding-right: 30px;
}

/* general styles for the content area */
.section {
	display: block;
	padding: 30px;
	color: #555;
	border-top: 1px solid #ddd;
}
/* no top border for first settings item */
#app-content > .section:first-child {
	border-top: none;
}
.section h2 {
	font-size: 1.4em;
	margin-bottom: 12px;
	font-weight: normal;
}
.section h3 {
	font-size: 16px;
	font-weight: normal;
}
/* slight position correction of checkboxes and radio buttons */
.section input[type="checkbox"],
.section input[type="radio"] {
	vertical-align: -2px;
	margin-right: 4px;
}
.appear {
	opacity: 1;
	transition: opacity 500ms ease 0s;
	-moz-transition: opacity 500ms ease 0s;
	-ms-transition: opacity 500ms ease 0s;
	-o-transition: opacity 500ms ease 0s;
	-webkit-transition: opacity 500ms ease 0s;
}
.appear.transparent {
	opacity: 0;
}


/* do not use italic typeface style, instead lighter color */
em {
	font-style: normal;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	opacity: .5;
}