/* line 2, /home/helpdesk/app/assets/stylesheets/styles/frames.css.scss */
.frames-wrap {
  background-color: whitesmoke;
  padding: 5px;
  font-size: 20px;
}

/* line 7, /home/helpdesk/app/assets/stylesheets/styles/frames.css.scss */
li.frame,
.frame_action {
  cursor: pointer;
}
/* line 10, /home/helpdesk/app/assets/stylesheets/styles/frames.css.scss */
li.frame i,
.frame_action i {
  padding: 5px;
  background-color: #F1E1FA;
  transition: 0.5s ease;
}
/* line 15, /home/helpdesk/app/assets/stylesheets/styles/frames.css.scss */
li.frame:hover i,
.frame_action:hover i {
  box-shadow: 0px 0px 12px 2px #5A6DF8;
}
/* line 18, /home/helpdesk/app/assets/stylesheets/styles/frames.css.scss */
li.frame.active i,
.frame_action.active i {
  box-shadow: 0px 0px 12px 2px #5cb85c;
}
/* line 21, /home/helpdesk/app/assets/stylesheets/styles/frames.css.scss */
li.frame:hover i, li.frame.active i,
.frame_action:hover i,
.frame_action.active i {
  background-color: #563d7c;
  color: white;
  border-radius: 50%;
}

/* line 29, /home/helpdesk/app/assets/stylesheets/styles/frames.css.scss */
ul.frames {
  list-style: none;
  padding: 0px;
}
/* line 32, /home/helpdesk/app/assets/stylesheets/styles/frames.css.scss */
ul.frames li.frame {
  margin-right: 15px;
  float: left;
}

/* line 38, /home/helpdesk/app/assets/stylesheets/styles/frames.css.scss */
.modal-dialog .frames-content {
  max-height: 400px;
  overflow-y: overlay;
  margin-left: -15px;
  margin-right: -15px;
}
/* line 44, /home/helpdesk/app/assets/stylesheets/styles/frames.css.scss */
.modal-dialog .frames-content > * {
  padding-left: 15px;
  padding-right: 15px;
}