.discounts_design {

   .selection-edit {

      .btn-default {
         font-family: "Times New Roman", serif;

         &:focus:not(.active),
         &:active:not(.active) {
            background: transparent;
            color: $darkgray-dark;
         }
      }

      > div {
         display: flex;
         margin: 20px 0;
         align-items: center;

         p {
            width: 100px;
            margin-bottom: 0;
            text-align: right;
            padding-right: 15px;
         }

         .btn-danger {
            margin-left: 100px;
         }
      }

      &.disabled {
         pointer-events: none;
         opacity: .5;
      }
   }

   .text-align {
      display: flex;

      input {
         position: absolute;
         opacity: 0;
         z-index: -1;
      }

      .glyphicon {
         background-color: $white;
         display: inline-block;
         padding: 6px 12px;
         font-size: 14px;
         font-weight: normal;
         line-height: 1.42857;
         text-align: center;
         white-space: nowrap;
         vertical-align: middle;
         cursor: pointer;
         -webkit-user-select: none;
         -moz-user-select: none;
         -ms-user-select: none;
         user-select: none;
         border: 1px solid #aab2bd;
         border-radius: 4px;
         touch-action: manipulation;
         margin: 0;
      }

      input:checked + .glyphicon {
         color: $white;
         border-color: #ccd1d9;
         background-color: #ccd1d9;
         box-shadow: inset 0 1px 2px rgba(0, 0, 0, .125);
      }

      label:not(:last-child) .glyphicon {
         border-bottom-right-radius: 0;
         border-top-right-radius: 0;
         border-right: 0;
      }

      label:not(:first-child) .glyphicon {
         border-bottom-left-radius: 0;
         border-top-left-radius: 0;
      }
   }
}
