/*!
_admin_notices.scss
Source file (relative to compiled *.css file): ./scss/_admin_notices.scss

This file is included in PhotoBerry Studio. For licensing and copyright notices, please see ../../license.txt (relative to *.css file) or ../../../license.txt (relative to *.scss file).
*/

.photoberry-studio-admin-page .notice {
  margin : 1em 0;
  }

.photoberry-studio-notice {
  max-width: max-content;
  font-family : $font;
  @include container(true);
  padding     : 20px 30px 10px 70px;
  margin-bottom: 10px;
  position    : relative;
  border-left: 3px solid $primary-color;

  &.photoberry-studio-notice-small {
    padding: 10px 20px 10px 58px;

    p {
      margin: 0;
    }

    .icon {
      top: 9px;
      width: 12px;
      height: 12px;
      }
   }

  h3 {
    font-family : $font;
    margin      : 0 0 1em;
    padding     : 0;
    font-size   : 16px;
    font-weight : 600;
    }

  p {
    font-size : 14px;
    margin: 0 0 15px;


    .photoberry-studio-notice-small-p {
      font-size: 12px;
      display: block;
      margin-top: 5px;
      }

    }

  .icon {
    display          : block;
    width            : 20px;
    height           : 20px;
    background-color : $gray-1;
    position         : absolute;
    left             : 18px;
    top              : 18px;
    border-radius    : 50%;
    border: 6px solid $gray-1;
    box-sizing: content-box;
    background-size  : cover;
    background-repeat: no-repeat;
    background-position: center;

    }

  .photoberry-studio-notice-footer {
    border-top : 1px solid $gray-2;
    padding    : 15px 0 10px;

    a {
      @include buttonText;

      & {
        font-size       : 14px;
        text-decoration : none;
        }

      &.secondary {
        color : $text-primary;
        }
      }

    a:not(:last-of-type) {
      margin-right : 10px;
      }
    }

  &.photoberry-studio-notice-error {

    border-left-color: $accent-red;

    .icon {
      border-color: $accent-red;
      background-color: $accent-red;
      background-image : url(../img/icons/notices/error.svg);
      }
    }

  &.photoberry-studio-notice-success {

    border-left-color: #0ebc6e;

    .icon {
      border-color: #0ebc6e;
      background-color: #0ebc6e;
      background-image : url(../img/icons/notices/success.svg);
      }

    }

  &.photoberry-studio-notice-info {

    .icon {
      background-size: 18px;
      background-image : url(../img/icons/notices/info.svg);
      }

    }

  &.photoberry-studio-notice-loading {

    .icon {
      background-size: 18px;
      background-image: url("../img/icons/gray/spinner-solid.svg");
      animation: photoberry-studio-rotation 2s infinite ease;
      }

    }

  &.photoberry-studio-notice-help {

    .icon {
      background-size: 18px;
      background-image : url(../img/icons/notices/help.svg);
      }

    }

  &.photoberry-studio-notice-warning {

    border-left-color: #e6b604;

    .icon {
      border-color: #e6b604;
      background-color: #e6b604;
      background-image : url(../img/icons/notices/warning.svg);
      }

    }

  }

.photoberry-studio-task-notice {
  label {
    display: block;
    margin-bottom: 15px;
    }
  }