/**
 * Version: 0.001
 */


/**
  * Navigation A
  *
  * Navigation Layout, Drawer Layout and text display
  * Colors of the following are defined in app.css/theme.css
  */

.mdl-layout__drawer .mdl-navigation{
	/* padding of navigation list container */
	padding:2px 2px 2px 2px;
}

.mdl-layout__drawer .mdl-navigation .mdl-navigation__link{
  /* padding of items between navigation menu */
  padding:6px;
}

.mdl-layout__drawer{
  /* padding between menu-list and menu header */
  padding: 0;
}

.user-name-display{
   /* navigation header name display */
	margin-left:60px;
}


/**
  * List
  *
  * Layout of List, list text and cards and buttons
  */

#listCard{
  width: 80%;
  margin: 2% 10% 0 10%;
  z-index: 999;
 }

#listCard .mdl-card__title{
padding:8px;
}

#listCard .mdl-card__menu{
	/* position of search and filter in listCard */
	position: absolute;
    right: 8px;
    top: 0;
}

.mdl-card__supporting-text{
/* padding of list in settings */
  padding-top:2px!important;
  width: 80%;
  margin-right: auto;
  margin-left: auto;
}

.mdl-card__supporting-text .mdl-list{
/* margin of list in settings */
  margin-top: 2px;
  margin-bottom: 2px;
}

.mdl-card__actions.mdl-card--border{
/* CARD footer height A*/
height: 55px;
}

.btn-right{
  /* CARD footer button to the right */
  position: absolute;
  right: 10px;
  bottom: 6px
}


.mdl-card__actions.mdl-card--border button{
  margin:10px;
}

/**
  * Components
  *
  * components layout
  */


#arrow{
    /* dropdown arrow button */
  position: absolute;
  right: 0;
  top:10px
}

#select{
width: 96%;
}