/************************
MIXIN DECLARATION
************************/
.buttoninputs {
  background-color: #fff;
  margin-bottom: 30px;
  position: relative;
  padding-bottom: 20px;
  padding-top: 15px; }
  .buttoninputs .input {
    position: relative;
    display: block;
    margin-bottom: 8px; }
    .buttoninputs .input .input-group-addon {
      font-size: 11px;
      padding: 15px 5px;
      display: table-cell;
      width: 100px; }
    .buttoninputs .input input {
      padding: 13px 10px;
      height: auto;
      display: table-cell; }
    .buttoninputs .input select {
      padding: 13px 10px;
      height: auto;
      display: table-cell; }
    .buttoninputs .input .styled-select {
      background-color: #fff;
      border: 1px solid #ccc;
      height: 48px;
      padding: 13px 10px;
      -webkit-background-clip: padding-box;
      -webkit-border-radius: 0px 3px 3px 0px;
      -moz-background-clip: padding-box;
      -moz-border-radius: 0px 3px 3px 0px;
      border-radius: 0px 3px 3px 0px;
      background-clip: padding-box;
      overflow: hidden; }
      .buttoninputs .input .styled-select select {
        background: transparent;
        border: none;
        height: 59px;
        padding: 5px;
        height: auto;
        display: table-cell;
        box-shadow: none; }
    .buttoninputs .input .styled-check {
      background-color: #fff;
      border: 1px solid #ccc;
      height: 48px;
      padding: 13px 10px;
      -webkit-background-clip: padding-box;
      -webkit-border-radius: 0px 3px 3px 0px;
      -moz-background-clip: padding-box;
      -moz-border-radius: 0px 3px 3px 0px;
      border-radius: 0px 3px 3px 0px;
      background-clip: padding-box;
      overflow: hidden; }
    .buttoninputs .input .styled-file {
      background-color: #fff;
      border: 1px solid #ccc;
      height: 48px;
      padding: 10px 10px;
      -webkit-background-clip: padding-box;
      -webkit-border-radius: 0px 3px 3px 0px;
      -moz-background-clip: padding-box;
      -moz-border-radius: 0px 3px 3px 0px;
      border-radius: 0px 3px 3px 0px;
      background-clip: padding-box;
      overflow: hidden; }
      .buttoninputs .input .styled-file input {
        width: 100%;
        background: transparent;
        border: none;
        height: 59px;
        padding: 5px;
        height: auto;
        display: table-cell;
        box-shadow: none; }
    .buttoninputs .input .styled-image {
      background-color: #fff;
      border: 1px solid #ccc;
      height: 150px;
      padding: 10px 10px;
      -webkit-background-clip: padding-box;
      -webkit-border-radius: 0px 3px 3px 0px;
      -moz-background-clip: padding-box;
      -moz-border-radius: 0px 3px 3px 0px;
      border-radius: 0px 3px 3px 0px;
      background-clip: padding-box;
      overflow: hidden; }
      .buttoninputs .input .styled-image img {
        height: 100px;
        background: transparent;
        border: none;
        display: table-cell;
        box-shadow: none; }
      .buttoninputs .input .styled-image a {
        background: transparent;
        border: none;
        box-shadow: none; }
    .buttoninputs .input .styled-text {
      background-color: #f2f2f2;
      border: 1px solid #ccc;
      height: 48px;
      padding: 18px 10px;
      -webkit-background-clip: padding-box;
      -webkit-border-radius: 0px 3px 3px 0px;
      -moz-background-clip: padding-box;
      -moz-border-radius: 0px 3px 3px 0px;
      border-radius: 0px 3px 3px 0px;
      background-clip: padding-box;
      overflow: hidden; }
    .buttoninputs .input.input-button button {
      width: 100%;
      display: block; }
    .buttoninputs .input .from-icon, .buttoninputs .input .to-icon {
      width: 50px;
      cursor: pointer;
      display: table-cell; }

.input-group {
  margin-bottom: 4px;
  width: 100%; }

.NewsletterPreview {
  background-color: #fff;
  margin-bottom: 30px;
  position: relative;
  padding-bottom: 20px;
  padding-top: 15px; }
  .NewsletterPreview .NewsletterStructure {
    position: relative;
    overflow: hidden; }
    .NewsletterPreview .NewsletterStructure .firstLevel {
      position: relative;
      min-height: 230px; }
  .NewsletterPreview .firstLevel:hover .NewsletterActions {
    display: block; }
  .NewsletterPreview .NewsletterActions {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.75);
    display: none; }
    .NewsletterPreview .NewsletterActions .buttons {
      margin: 10px auto;
      width: 50%;
      text-align: right; }
      .NewsletterPreview .NewsletterActions .buttons a {
        display: block;
        margin-bottom: 10px; }

.button a {
  display: block;
  border: 1px solid;
  padding: 7px 10px;
  font-size: 16px;
  line-height: 1;
  color: inherit;
  -webkit-background-clip: padding-box;
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-background-clip: padding-box;
  -moz-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  background-clip: padding-box; }

.btn {
  position: relative;
  padding: 1em 1em 1em 4em;
  text-transform: uppercase;
  font-size: 12px;
  text-align: left; }
  .btn i.fa {
    font-size: 1.5em;
    border-right: 1px solid #fff;
    padding-right: 0.5em;
    margin-right: 1em;
    position: absolute;
    left: 10px; }
  .btn .active {
    background-color: #333;
    color: #fff; }

.btn-xs {
  padding: .5em 1em;
  margin-bottom: 3px; }
  .btn-xs span {
    display: none; }
  .btn-xs i.fa {
    font-size: 1em;
    border-right: 0;
    padding-right: 0;
    margin-right: 0;
    position: static; }

.btn-default, .btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger {
  box-shadow: none; }

.btn-success {
  background: green; }

.btn-warning {
  background: orange; }

.btn-danger {
  background: #aa0000; }

*:focus {
  outline: none !important;
  box-shadow: none !important;
  background-image: none !important; }

input:focus {
  outline: none !important;
  box-shadow: none !important;
  background-image: none !important; }

.more-buttons {
  background-color: #fff; }

@media screen and (max-width: 768px) {
  .buttons.col-xs-12 button {
    width: 100%;
    margin-bottom: 5px; } }