.skin-header{
    box-shadow: 1px 2px 5px #777;
}

.nav-badge{
    box-shadow: 2px 2px 4px #777;
}
.nav-badge.active{
background-color: #0071bc !important;
color: #fff !important;
} 
.sidenav i{
    margin-right:10px !important;
}
.shadowed{
    box-shadow: 2px 2px 4px #777;
}
.radiused-sm{
    border-radius: 10px;
}
.radiused-md{
    border-radius: 15px;
}
.radiused-sm{
    border-radius: 25px;
}
.point{
    cursor: pointer;
}
.loaditems * i{
   margin-left: 5px;
}
.page-action-suspend{
    background-color: #f2f2f2;
}
.page-action-default{
    background-color: #fff;
}

.popup-container{
    background-color: rgba(0, 0, 0, .7);
   position:absolute;
   height: 100%;
   z-index: 3;
   display:none;
   overflow: hidden;
}
.popup-container .closepop{
   position: absolute;
   top: 10px;
   right:10px;
   font-size: 30px;
   cursor: pointer;
}
.popup-container .popup-content{
    max-height: 500px;
    overflow: hidden;
    overflow-y: auto;
 }
 
.input-invisible{
    border-width:0px;
}
.input-invisible:focus{
    border-bottom: 2px solid #f2f2f2;
    outline-width: 0px;
}

/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: rgba(0,0,0,0);
  margin-top: 20px;
  margin-bottom: 20px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #17a2b8;
  
  border-radius: 8px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.largeheading{
    font-size: 25px;
}
.card{
    overflow: hidden;
}
.input-suggestions{
    height:300px;
    z-index: 999;
    margin-bottom: -300px;
}