/*Font color of link*/
.tile-container a,.tile a
{
    color: white;
}
body{
    width:100%;
}
.tile,.tile-small,.tile-wide,.tile-large{
      transition: background 0.2s, color 0.2s;

}
.tile:hover, .tile-small:hover, .tile-wide:hover, .tile-large:hover{
    outline:none;
}


div.tile-group a {
    text-decoration: none;
}

.tile-group .tile-group-title{
        margin-right: 40px;
        max-height:25px;
        overflow:hidden;
        top:12px;
        text-overflow:ellipsis;
}

.tile-small .tile-label{
    bottom:-25%;
    height: 100%;
    width:81%;
}
.tile .tile-label {
    overflow: hidden;
    width: 80%;



}
 .tile.element-selected{
     width:142px;
     height:142px;
 }
 .tile-small.element-selected{
     width:62px;
     height:62px;
 }
 .tile-wide.element-selected{
     width:302px;
     height:142px;
 }

.tile-large.element-selected{
    width:302px;
    height:302px;
}


.title-icon{
    padding-right:12px;
    padding-left:12px;
    padding-bottom:6px;
}
.wizard .steps {
    border: none;
    padding:0px;
    margin:0px;
}

.app-bar-drop-container{
    width:332px;

}
.BB_color{
    background-color:  rgba(35, 144, 203,1) !important;

}
.BB_color:hover {
    background-color:  rgba(35, 144, 203,1) !important;

}

.element-selected:before {
  position: absolute;
  display: block;
  content: "";
  background-color: transparent;
  /*border-color: #ffffff;*/
  border-left: 2px   #ffffff solid;
  border-bottom: 2px  #ffffff solid;
  height: .25rem;
  width: .5rem;
  right: 0;
  top: 0;
  z-index: 102;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

@media screen and (max-width: 800px){
    .tile-small.element-selected{
        width:48px;
        height:48px;
   }
}