/****** FORM  *****/

.form-box-container {
  border: 1px solid #ddd;
  margin: 10px 0;
  padding: 15px;
}

.note-editable {
  min-height: 426px;
}

.datepicker {
  z-index: 1151 !important;
}

/******* PREVIEW IMAGE *******/

.image-preview-input {

  background-color: #fff;
  border-color: #ccc;
  color: #333;
  margin: 0;
  overflow: hidden;
  position: relative;

  input[type="file"] {
    cursor: pointer;
    font-size: 20px;
    margin: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
  }
}

.image-preview-input-title {
  // margin-left: 2px;
}

.image_preview_block_container{
  .logo{
    padding: 10px;
    max-height: 149px;
  }

  .banner{
    padding: 10px;
    max-height: 200px;
  }
}

.image-preview-clear-btn{
  margin: 0;
}

input.form-control:focus, select.form-control:focus {
  border: 1px solid #3c8dbc;
}

.form-group.has-error .form-control, .form-group.has-error .input-group-addon {
  border: 1px solid #dd4b39;
  box-shadow: none !important;
}

.form-error > span {
  color: #dd4b39 !important;
}

.form-group {
  .label-danger {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    color: #dd4b39 !important;
    text-align: right !important;
    overflow: hidden;
    font-size: 12px;
  }
}

[elastic] {
  min-height: 37px;
}

textarea {
  &.resize-vertical {
    resize: vertical;
  }

  &.resize-horizontal {
    resize: horizontal;
  }
}

#modalForm label {
  font-weight: normal;
}

// ------------ COMPACT FORM ----------------------

.compact-form {

  &.no-border-radius {

    input, select, textarea {
      border-radius: 0;
    }
  }

  .label-danger {
    text-align: right;
  }

  label {
    font-size: 0.95rem;
    margin-top: 7px;
    font-weight: normal !important;
  }

  .form-group {
    margin-bottom: 5px;

    .form-control {
      box-shadow: none !important;
      //font-size: 0.95rem;
    }

    .has-error .form-control {
      box-shadow: none !important;
      border: 1px solid #dd4b39;
    }

  }
}

/**** SUMMERNNOTE EDITOR   ****/

.panel.note-editor {
  border-radius: 0;
  border: 1px solid #DDD;
  box-shadow: none;
}

/**** BTN RADIo BOX  ****/

.btn-radiobox{
  .btn-app{

    text-transform: uppercase;

    &:first-child{
      margin-left: 0;
    }

    &.active{
      border-color: $brandColor-01;
      i{
        color: $brandColor-01;
      }
    }

    input{
      display: none;
    }
  }
}