/*--------------------------------------CUSTOM----------------------------------------*/


.hoverUnderline:hover {
    text-decoration:underline;
    color:orange;
}

.hoverCursorPointer:hover {
    cursor:pointer;
}

.noHovera:hover {
    cursor:default;

}

.no-margin {
  margin: 0 !important;
}
.no-padding {
  padding: 0 !important;
}


.dont-break-out {   /*Урт текстийг word-wrap хийнэ*/
    
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;

}

.user-avatar {
    border:1px solid gainsboro;
    
}


.sidenav .collapsible-header  {
    padding-top:5px;
}

.sidenav .collapsible-header .no-margin{
    padding:10px 0px 10px 0px;
}

.side-nav .collapsible li {
    border-bottom: 1px solid gainsboro;
    padding-left:0px;
    padding-right:0px;
}

.side-nav .collection-item {
    line-height: 3rem;
}

.side-nav .collection-item .material-icons {
    margin-top:10px;
    margin-left:10px;
}

.side-nav .badge {
    line-height: 22px;
}

span.badge.new:after {
    content: "";
}

.side-nav .collection-item .badge {
    margin-top: 10px;
}

#contactList .collection-item .badge {
    margin-top: -5px;
    
}

#contactList .collection-item{
    height:30px;
    margin-top: 0px;
    padding-top:5px;
    margin-bottom:0px;
    padding-bottom:5px;
    line-height:initial;
}

#contactList .collection-item .material-icons{
    margin-top:0px;
}
.sidenav-collapsible-header .new.badge.red {
    margin-top: 0px;
}

table td {
	padding: 0px;
}
@media only screen and (min-width: 993px) {
	#toast-container {
		bottom: 100%;
		left: 0%;
		width: 50%;
	}

	.main {
		padding-left:310px;
		padding-right:30px;
	}

	.toast {
		float: left;
		background-color: #f44336;
	}
}

.hidden {
    display:none;
}