table .tools {
  display: none;
  float: right;
  color: #dd4b39;
}
tr:hover .tools {
  display: inline-block;
}
tr .tools a {
  color: #dd4b39 !important;
}
.select2-container {
  width: 100% !important;
  padding: 0;
}
#notifications .dropdown-menu li .menu li {
  background: #f6f6f6;
}
#notifications .dropdown-menu li .menu li:hover a > h3 {
  color: #de000a;
  margin: 0;
}
#notifications .dropdown-menu li .menu li a > h3 {
  color: #841219;
  margin: 0;
}
.vich-image a img {
  width: 350px;
  height: auto;
}
.course-status .glyphicon-eye-open {
  color: white;
}
.course-status .glyphicon-eye-close {
  color: #c0392b;
}
.course-status .glyphicon-time {
  color: #f39c12;
}
.course-popular .glyphicon-star {
  color: orange;
}
.course-popular .glyphicon-star-empty {
  color: grey;
}
.payment-plan-repayment-status .glyphicon-ok-circle {
  color: #099a41;
}
.payment-plan-repayment-status .glyphicon-ban-circle {
  color: #c0392b;
}
.hide-animate {
  display: none;
}
.select2-dropdown .select2-search__field:focus,
.select2-search--inline .select2-search__field:focus {
  outline: none;
  border: 0px solid #3c8dbc;
}
.add-core-unit {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 5px 10px;
}
.add-elective-unit {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 5px 10px;
}
.form-group {
  position: relative;
}
/*toggle column*/
.collapsed {
  display: none;
  /* hide it for small displays */
}
@media (min-width: 992px) {
  .collapsed {
    display: block;
    margin-right: -25%;
    /* same width as sidebar */
  }
}
#row-main {
  overflow-x: hidden;
  /* necessary to hide collapsed sidebar */
}
.column-inner {
  -webkit-transition: width 0.3s ease;
  -moz-transition: width 0.3s ease;
  -o-transition: width 0.3s ease;
  transition: width 0.3s ease;
  overflow: hidden;
}
.column-inner-with {
  width: 0px;
}
.filters {
  padding: 20px 0;
  border-top: 1px solid #eee;
}
.filters .row div div {
  display: inline-block;
  margin-left: 5px;
}
.image-gallery-original-select {
  cursor: pointer;
}
.image-gallery-module-select {
  cursor: pointer;
}
.padding10 {
  padding: 10px !important;
}
.padding20 {
  padding: 20px !important;
}
.padding30 {
  padding: 30px !important;
}
.padding40 {
  padding: 40px !important;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 90% !important;
    margin: 30px auto;
  }
}