.notification-dropdown{
  height: 460px;
  width: 320px;
  max-height: 460px;
  overflow-y: scroll;
}

.notification-dropdown li{
  font-size: .8rem;
}

.notification-list .icon-button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  color: #333333;
  background: #dddddd;
  border: none;
  outline: none;
  border-radius: 50%;
}

.notification-list .icon-button:hover {
  cursor: pointer;
}

.notification-list .icon-button:active {
  background: #cccccc;
}

.notification-list .icon-button__badge {
  position: absolute;
  top: -8px;
  right: -8px;
  width: 16px;
  height: 16px;
  background: red;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  font-size: 0.6rem;
}

.lato-thin {
    font-family: "Lato", sans-serif;
    font-weight: 100;
    font-style: normal;
  }
  
  .lato-light {
    font-family: "Lato", sans-serif;
    font-weight: 300;
    font-style: normal;
  }
  
  .lato-regular {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-style: normal;
  }
  
  .lato-bold {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-style: normal;
  }
  
  .lato-black {
    font-family: "Lato", sans-serif;
    font-weight: 900;
    font-style: normal;
  }
  
  .lato-thin-italic {
    font-family: "Lato", sans-serif;
    font-weight: 100;
    font-style: italic;
  }
  
  .lato-light-italic {
    font-family: "Lato", sans-serif;
    font-weight: 300;
    font-style: italic;
  }
  
  .lato-regular-italic {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-style: italic;
  }
  
  .lato-bold-italic {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-style: italic;
  }
  
  .lato-black-italic {
    font-family: "Lato", sans-serif;
    font-weight: 900;
    font-style: italic;
  }

  
h4.header-title.first {
	margin: 0 0 10px !important;
}
h4.header-title.next {
	margin: 20px 0 10px !important;
}
.form-control:disabled, .form-control[readonly] {
	background-color: #ddd;
}
/* table responsive*/
.table-responsive {
	overflow-x: auto;
}
.table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	white-space: nowrap;
}
.table thead th, .table tr {
	vertical-align: middle;
	width: auto;
}
.table td, .table th {
	text-align: left;
}
label.required:after {
    content: ' *';
    color: #FF0505;
}
input[type="file"] {
	border: none;
    padding: 0;
    height: auto;
}
label.remember-me {
	color: #fff;
}
.account-pages {
    background: url();
    background-color: #354650 !important;
}
img.logo {
	height: 60px;
}
/* filter search */
.filter-file {
    margin: 0 0 20px;
}
input.search-pic, .filter-file select {
    border: 1px solid #ccc;
    padding: 8px 10px;
    border-radius: 4px;
}
.mrb10 {
    margin-bottom: 10px;
}
a.file-upload {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
    padding: 5px 10px;
}
img.attach-icon {
    width: 22px;
}