.ubs-comm-load-flex{display:flex;align-items:center}
.ubs-comm-load-circle{background-color:rgba(0,0,0,0);border:1px solid gray;opacity:.9;border-right:1px solid rgba(0,0,0,0);border-left:1px solid rgba(0,0,0,0);border-radius:50px;width:18px;height:18px;-moz-animation:spinCommPulse 1s infinite ease-in-out;-webkit-animation:spinCommPulse 1s infinite linear;position:absolute;margin:0 0 0 1px}
.ubs-comm-load-circle1{color:#fff;line-height:50px;text-align:center;background-color:rgba(0,0,0,0);border:1px solid gray;opacity:.9;border-left:1px solid rgba(0,0,0,0);border-right:1px solid rgba(0,0,0,0);border-radius:50px;width:10px;height:10px;position:absolute;-moz-animation:spinCommOffPulse 1s infinite linear;-webkit-animation:spinCommOffPulse 1s infinite linear;margin:4px 0 0 5px}
.ubs-comm-load-warning{background-color:#ffbc90;color:#963b00}
.ubs-comm-load-warning .ubs-comm-load-circle,.ubs-comm-load-warning .ubs-comm-load-circle1{border-top:1px solid #963b00;border-bottom:1px solid #963b00}
.ubs-comm-load-circle-parent{width:18px;height:18px}
.ubs-comm-load-text{padding-left:10px}
@-moz-keyframes spinCommPulse {
    0%{-moz-transform:rotate(160deg)}
    50%{-moz-transform:rotate(145deg)}
    100%{-moz-transform:rotate(-320deg)}
}
@-moz-keyframes spinCommOffPulse {
    0%{-moz-transform:rotate(0deg)}
    100%{-moz-transform:rotate(360deg)}
}
@-webkit-keyframes spinCommPulse {
    0%{-webkit-transform:rotate(160deg)}
    50%{-webkit-transform:rotate(145deg)}
    100%{-webkit-transform:rotate(-320deg)}
}
@-webkit-keyframes spinCommOffPulse {
    0%{-webkit-transform:rotate(0deg)}
    100%{-webkit-transform:rotate(360deg)}
}
.r-notify-notify {font: 16px 'Futura', Arial, sans-serif;font-weight: 400;font-style: normal;position: fixed; z-index: 9999; display: none; background: #fff; max-width: 250px;border-radius: 5px; -webkit-box-shadow: 2px 0px 2px 1px rgba(0,0,0,.075); box-shadow: 2px 0px 2px 1px rgba(0,0,0,.075); padding: 10px; -webkit-animation: fadeIn 1s;  animation: fadeIn 1s;}
.r-notify-notify-h {position: absolute;top: 0px;bottom: 0px;width: 5px;left: 0px;}
.r-notify-notify-b {position: relative; float: left; width: 100%; padding-left: 5px;max-height: 300px;overflow-y: auto;}
.r-notify-notify:before {content: ""; position: absolute; background: #fff;width: 10px; height: 10px; top: -5px; left: 50%; margin-left: -2.5px; -webkit-transform: rotate(135deg); transform: rotate(135deg); -webkit-box-shadow: -2px 2px 2px 1px rgba(0,0,0,.075); -moz-box-shadow: -2px 2px 2px 1px rgba(0,0,0,.075); box-shadow: -2px 2px 2px 1px rgba(0,0,0,.075);}
.r-notify-n-left:before {top: 50%; left: 100%; margin-left: -5.5px; transform: rotate(225deg);}
.r-notify-n-rigth:before {top: 50%; left: 0; margin-left: -5.5px; transform: rotate(45deg);}
.r-notify-n-top:before {top: 100%;transform: rotate(315deg);margin-top: -5px;}
.r-notify-n-rigth.r-notify-n-top {margin: 5px 0px 0px -35px;}
.r-notify-n-rigth.r-notify-n-top:before {top: 100%;margin-left: 20px;}
.r-notify-n-rigth.r-notify-n-bottom {margin: -30px 0px 0px 10px;}
.r-notify-n-rigth.r-notify-n-bottom:before{top: 10px;}
.r-notify-n-left.r-notify-n-bottom {margin: 10px -35px 0 0;}
.r-notify-n-left.r-notify-n-bottom:before {top: -4px; left: 100%; margin-left: -30px; transform: rotate(135deg);}
.r-notify-n-left.r-notify-n-top {margin: -5px -35px 0 0;}
.r-notify-n-left.r-notify-n-top:before {top: 100%;left: 100%;margin-left: -30px;transform: rotate(325deg);}
.r-notify-n-default .r-notify-notify-h{background-color: #cabca0;}
.r-notify-n-info .r-notify-notify-h{background-color: #228aef;}
.r-notify-n-success .r-notify-notify-h{background-color: #17b500;}
.r-notify-n-warning .r-notify-notify-h{background-color: #fad000;}
.r-notify-n-danger .r-notify-notify-h{background-color: #f34a45;}
.r-notify-notify-prt {display: inline-block;float: left;width: 80%;}
.r-notify-notify-b{scrollbar-width: thin;scrollbar-color: #B4B4B4 #F2F2F2;}
.r-notify-notify-b::-webkit-scrollbar {width: 5px;height: 5px;}
.r-notify-notify-b::-webkit-scrollbar-track {border-radius: 5px;background-color: #F2F2F2;}
.r-notify-notify-b::-webkit-scrollbar-track:hover {background-color: #DDDDDD;}
.r-notify-notify-b::-webkit-scrollbar-track:active {background-color: #DDDDDD;}
.r-notify-notify-b::-webkit-scrollbar-thumb {border-radius: 5px;background-color: #B4B4B4;}
.r-notify-notify-b::-webkit-scrollbar-thumb:hover {background-color: #B4B4B4;}
.r-notify-notify-b::-webkit-scrollbar-thumb:active {background-color: #B4B4B4;}