/*
     Symantec copyright header start

 Copyright © 2016, Symantec Corporation, All rights reserved.

 THIS SOFTWARE CONTAINS CONFIDENTIAL INFORMATION AND TRADE SECRETS OF SYMANTEC
 CORPORATION.  USE, DISCLOSURE OR REPRODUCTION IS PROHIBITED WITHOUT THE PRIOR
 EXPRESS WRITTEN PERMISSION OF SYMANTEC CORPORATION.

 The Licensed Software and Documentation are deemed to be commercial computer
 software as defined in FAR 12.212 and subject to restricted rights as defined
 in FAR Section 52.227-19 "Commercial Computer Software - Restricted Rights"
 and DFARS 227.7202, “Rights in Commercial Computer Software or Commercial
 Computer Software Documentation”, as applicable, and any successor regulations.
 Any use, modification, reproduction release, performance, display or disclosure
 of the Licensed Software and Documentation by the U.S. Government shall be
 solely in accordance with the terms of this Agreement.

 Symantec copyright header stop

*/

body {
  font-family: "Segoe UI", "Helvetica Neue", "HelveticaNeue", Helvetica, "Lucida Sans Unicode", Arial, Sans-serif;
  padding: 0;
  margin: 0;
  position: relative;
  float: right;
  overflow: hidden;
  margin-right: 5px;
}

.notify-center {
  min-width: 430px;
  height: 100%;
  margin-left: 5px;
  margin-top: 5px;
}

.notify  {
  padding: 10px;
  background-color: #ffffff;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
  position: relative;
  -webkit-animation: fadeInFromNone 1s ease-out;
  -moz-animation: fadeInFromNone 1s ease-out;
  -o-animation: fadeInFromNone 1s ease-out;
  animation: fadeInFromNone 1s ease-out;
}

@-webkit-keyframes fadeInFromNone {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes fadeInFromNone {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes fadeInFromNone {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeInFromNone {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.acquire {
  height: 170px;
}

.title {
  font-size: 14px;
  font-weight: bold;
  padding-left: 65px;
}

.icon {
  width: 50px;
  height: 50px;
  float: left;
  object-fit: contain;
  background-repeat: no-repeat;
  margin-right: 10px;
}

.notification-message-content {
  min-height: 60px;
  margin-right: 15px;
}

.message {
  min-width: 330px;
  max-width: 330px;
  padding-top: 5px;
  padding-left: 5px;
  margin-left:60px;
  font-size: 14px;
}

.extra-message {
  padding-top: 5px;
  font-size: 14px;
}

.line1 {
  font-weight: bold;
}

.line2 {
  margin-top: 5px;
}

.actions {
  width: 100%;
  min-height: 40px;
  padding-top: 10px;
}

.dont-ask {
  float: left;
  color: #0089c6;
  text-align: center;
  font-size: 14px;
  line-height: 40px;
  cursor: pointer;
}

.action-button {
  min-width: 131px;
  height: 40px;
  background-color: #ffe283;
  float: right;
  font-size: 14px;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
  padding-left: 5px;
  padding-right: 5px;
}
.action-button:active {
  background-color: #ffd664;
}

.third-action-button {
  min-width: 131px;
  height: 40px;
  background-color: #ffe283;
  margin-right: 8px;
  float: right;
  font-size: 14px;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
  padding-left: 5px;
  padding-right: 5px;
}

.third-action-button:active {
  background-color: #ffd664;
}

.cancel-button {
  float: right;
  min-width: 131px;
  height: 40px;
  font-size: 14px;
  line-height: 40px;
  color: #0089c6;
  text-align: center;
  cursor: pointer;
}

.divider {
  height: 10px;
}

.collapse,
.info .extra-message,
.alert .extra-message,
.error .extra-message,
.good .extra-message,
.actionable .extra-message,
.info .actions,
.alert .actions,
.error .actions,
.good .actions,
.acquire .dont-ask,
.actionable .cancel-button {
  display: none;
}

.icon-close {
  position: absolute;
  right: 5px;
  top: 5px;
  width: 14px;
  height: 14px;
  background-image: url(../images/ic-global-close.svg);
  cursor: pointer;
}

body[dir="rtl"] .notify-center {
  margin-right: 5px;
  margin-left: 0;
}


body[dir="rtl"] .icon {
  float: right;
  margin-left: 10px;
  margin-right: 0;
}

body[dir="rtl"] .dont-ask {
  float: right;
}

body[dir="rtl"] .action-button {
  float: left;
}

body[dir="rtl"] .third-action-button {
  float: left;
  margin-right: 0px;
  margin-left: 8px;
}

body[dir="rtl"] .cancel-button {
  float: left;
}

body[dir="rtl"] .icon-close {
  left: 5px;
  right: auto;
}

body[dir="rtl"] .header {
   margin-right: 0px;
}

body[dir="rtl"] .notification-message-content {
  margin-right: 0px;
  margin-left: 15px;
}

body[dir="rtl"] .message {
  margin-right: 60px;
  margin-left: 0;
}
