.flexpage {
  /*--------------------------------------------------------------
# Color Palette
--------------------------------------------------------------*/ }
  .flexpage button {
    font-family: 'Muli', sans-serif;
    font-weight: 500; }
  .flexpage .btn-orange {
    background: #e6981a !important;
    color: #fff;
    padding: 5px 25px;
    margin-bottom: 25px;
    font-family: 'Roboto', sans-serif;
    font-weight: bold; }
    .flexpage .btn-orange:hover {
      color: #fff; }
  .flexpage .btn-transparent {
    background: transparent;
    color: #979797;
    padding: 5px 25px;
    margin-bottom: 25px;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    border: none;
    box-shadow: none; }
    .flexpage .btn-transparent:hover {
      color: #979797; }
  .flexpage .btn-blue {
    background: transparent;
    color: #23598e;
    padding: 5px 25px;
    margin-bottom: 25px;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    border: none;
    box-shadow: none; }
    .flexpage .btn-blue:hover {
      color: #23598e; }
  .flexpage .btn-blue-fullcolor-radius {
    background: #23598e;
    color: #fff;
    padding: 5px 25px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    border: none;
    box-shadow: none;
    border-radius: 15px;
    margin-top: 30px; }
    .flexpage .btn-blue-fullcolor-radius:hover {
      color: #fff; }
    .flexpage .btn-blue-fullcolor-radius:active {
      color: #fff; }
    .flexpage .btn-blue-fullcolor-radius:visited {
      color: #fff; }
    .flexpage .btn-blue-fullcolor-radius:focus {
      color: #fff; }
  .flexpage .btn.pull-right {
    margin-left: 10px; }

.flexpage {
  display: contents; }
  .flexpage .fa-trash-alt {
    color: #e6981a; }
  .flexpage .dropdown-icons-menu {
    padding: 15px; }
    .flexpage .dropdown-icons-menu img.flexpage-icon-menu {
      width: 15px;
      margin: 10px 0; }

.flexpage-blockWrapper {
  position: relative;
  display: inline-block;
  width: 100%;
  min-height: 70px; }

.flexpage-blockWrapper.admin {
  min-height: 70px; }

.flexpage-blockWrapper.admin:hover {
  outline: 2px solid rgba(35, 89, 142, 0.6); }

.flexpage-blockWrapper:hover > .flexpage-blockControls {
  display: block; }

.flexpage-blockWrapper:hover > .flexpage-blockInfo {
  display: block;
  z-index: -1; }

.flexpage-blockWrapper:hover > .flexpage-blockAddIcon {
  display: block; }

.user-icon {
  width: 25px;
  border-radius: 50%; }

.flexpage-blockControls {
  display: none;
  position: absolute;
  top: 5px;
  right: 0px;
  width: 150px;
  z-index: 100; }

.flexpage-blockInfo {
  display: none;
  position: absolute;
  top: 5px;
  /* width: 150px; */
  z-index: 100; }

.flexpage-blockAddIcon {
  display: none;
  position: absolute;
  bottom: 5px;
  right: 0px;
  z-index: 99; }

.flexpage-blockAddIcon .btn {
  margin-top: 0px; }

@media screen and (max-width: 540px) {
  .flexpage-blockAddIcon {
    position: relative;
    margin-top: 10px; } }