/*** NAVIGATION ***/

.app-bar {
  background-color: #004B8B !important;
}

.app-bar-wrapper {
  max-width:1200px;
  margin-left:auto;
  margin-right:auto;
  overflow:auto;
}

.app-bar .icon {
  padding-top:1.10rem;
  vertical-align:top;
}

.app-bar .icon:before {
  color:#fff;
}

.app-bar .d-menu .icon {
 padding-top:0.087rem;
  vertical-align:top;
}

.app-bar ul.app-bar-menu li a,
.app-bar .app-bar-element {
  text-decoration: none;
}

.app-bar-pullmenu .icon {
  padding-right:0.3rem;
}

.app-bar-pullmenu .d-menu li a {
  padding-left:2.6rem !important;
  background-color:#000;
}

.container {
}

.tile-group {
  margin-left:0px;
  margin-right:30px;
}

.tile-group-first {
  margin-left:0px;
}

.grid .sortable {
  margin-top: 0px;
  margin-bottom: 0px;
}

.app-bar .tile-container {
  padding-bottom:3px;
}

.lancher-item {
  background-color:#5555cc;
  width:96px;
  height:96px;
  float:left;
  margin:3px;
  margin-right:0px;
  margin-bottom:0px;
  padding:0px;
}

.lancher-item a {
  margin:0px;
  padding:0px;
  text-decoration: none;
}


.lancher-item .launcher-icon {
  font-size:36px;
  line-height: 36px;
  text-align: center;
  margin:0px;
  padding:0px;
  margin-top:22px;
  display:block;
}

.lancher-item .launcher-label {
  font-size:12px;
  line-height:12px;
  margin:0px;
  padding:0px;
  padding-top:13px;
  display:block;
  text-align: center;
}



/*** GRID VIEW ***/

.grid-view table  {
  margin-top:0px;
}

.grid-view table thead th {
  background-color: #004B8B !important;
  font-weight: normal;
  white-space: nowrap;
  border-top:1px solid #003B7B !important;
  padding:4px 6px;
  color:#fff;
  text-align: left;
}

.grid-view table thead tr th:hover  {
  background-color: #003B7B !important;
}


.grid-view table thead tr th {
  border-right:1px solid #fff;
}

.grid-view table thead tr th:first-child {
  border-left:1px solid #003B7B;
}

.grid-view table thead tr th:last-child {
  border-right:1px solid #003B7B;
}

.grid-view table thead th a {
  color:#fff;
  text-decoration: none;
  width:100%;
  display: inline-block;
}


.grid-view table thead td {
  background-color: #E6EDF3 !important;
  padding:2px 3px !important;
  border-bottom:0px;
}

.grid-view table thead {
  border-bottom:1px solid #333;
}

.grid-view table thead td input,
.grid-view table thead td select,
.grid-view table thead td option {
  height: 28px;
  font-size:13px;
  border-radius:0;
  border:1px solid #bbb;
  padding:0px 5px;
}


.grid-view table tbody td {
  background-color: #fff;
  white-space: nowrap;
  padding:4px 6px !important;
}

.grid-view table tbody td a span.glyphicon {
  color:#004B8B
}

.grid-view table tbody tr:hover td {
  background-color: #CBDBEE;
  cursor: pointer;
}

/* add sorting icons to gridview sort links */
.grid-view a.asc:after, a.desc:after {
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  padding-left: 5px;
  font-size:12px;
  line-height:12px;
}

a.asc:after {
  content: /*"\e113"*/ "\e253";
}

a.desc:after {
  content: /*"\e114"*/ "\e252";
}

.sort-numerical a.asc:after {
  content: "\e253";
}

.sort-numerical a.desc:after {
  content: "\e252";
}

.sort-ordinal a.asc:after {
  content: "\e253";
}

.sort-ordinal a.desc:after {
  content: "\e252";
}


/*** BUTTONS TOOLBAR ***/

.buttons-toolbar {
  background-color: #E6EDF3;
  position:fixed;
  width:100%;
  z-index: 1000;
}

.buttons-toolbar-container {
  padding-top:0px;
  padding-bottom:0px;

}

.buttons-toolbar a.item{
  text-align: left;
  padding:12px 13px;
  display:block;
  float:left;
  color:#333;
  font-size:15px;
  line-height: 15px;
  text-decoration:none;
}

.buttons-toolbar a.item:before{
  margin-left:-8px;
  font-size:15px;
  line-height:15px;
  display:none;
}

.buttons-toolbar a.item:active,
.buttons-toolbar a.item:hover {
  background-color:#A9C1D6;
  cursor: pointer;
}

.buttons-toolbar a.item span {
  color:#004B8B;
  display:block;
  float:left;
  margin-right:5px;
}

.buttons-toolbar a.subitem span {
  width:17px;
}

.buttons-toolbar ul.d-menu li a{
  padding:8px 14px;
  font-size:13px;
  line-height:13px;
}

.buttons-toolbar ul.d-menu li a:hover {
  background-color:#A9C1D6;
  color:inherit;
}

.buttons-toolbar a.button span {
  margin-bottom:5px;
  margin-right:0px;
}


/*** BUTTONS ***/
.button {
  height:1.4rem !important;
  padding:0.22rem 0.4rem !important;
  font-size:0.75rem !important;
  line-height:0.75rem !important;
  margin-right:8px;
}

/*** PANEL ***/

.panel {
  margin-bottom:20px;
}

.panel-content {
  border:1px solid #d6d6d6;
  border-top:0px;
  color:#333;
  padding:0.5rem !important;
}

.panel > .heading {
  background-color: #004B8B !important;
  box-shadow:none !important;
  font-size: 1.0rem;
  line-height: 1.0rem;
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
  height: 2.0rem;
}


.panel > .heading > .icon {
  background-color:#036;
  height: 2.0rem;
  width: 2.0rem;
}

.panel > .heading > .icon {
  font-size: 1.0rem;
  line-height: 1.0rem;
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
  padding-left:0.5rem;
  padding-right:0.5rem;
}

.panel > .heading >.icon + .title {
  color:#fff;
  margin-left: 2.5rem;
  text-transform:uppercase;
  font-family:'Roboto';
}

.mif-empty {
  width:30px;
}

aside h2 {
  color:#fff;
  font-family:'Roboto';
  font-weight:normal !important;
  font-size:25px;
  margin-top:30px;
}

aside .launcher-wrapper {
  max-width:1200px;
  margin-left:auto;
  margin-right:auto;
}

aside nav .tile  {
  text-align: center !important;
}


aside nav .tile .iconic {
  padding:15%;
}

aside nav .tile .iconic span{
  text-align: center;
  font-size:500%;
  line-height: 100%;
  color:#fff;
}
aside nav .tile .tile-label {
  display:block;
  text-align: center;
  width:100%;
  left:0px;
  color:#fff;
}