/**
 * WP ULike 2.8
 * @author Alimir [https://wordpress.org/plugins/wp-ulike/]
 */

/*
	=> Add Default template styles
*/

.wpulike {
    display: inline-block;
    position: relative;
    vertical-align: middle;
	overflow: hidden;
    line-height: normal;
    margin: 0
}

.wp_ulike_click_is_disabled{
	pointer-events: none;
	cursor: default;	
}

.wpulike .wp_ulike_btn {
    margin: 0;
    display: inline-block;
    border-radius: .25em;
    border: 1px solid #d3d3d3;
    vertical-align: middle;
    line-height: normal;
    padding: 10px 20px;
    font-size: .75em;
    cursor: pointer;
    color: #777;
    background: #dfdfdf;
    box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5) inset;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    text-decoration: none;
    -webkit-transition: .25s;
    -moz-transition: .25s;
    -ms-transition: .25s;
    -o-transition: .25s;
    transition: .25s
}

.wpulike-default .wp_ulike_btn:focus {
    outline: none;
    border-color: #999
}

.wpulike-default .wp_ulike_btn:hover,
.wpulike-default .wp_ulike_btn:active {
    text-decoration: none;
    color: #EEE;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
    background-color: #bdc3c7;
    border-color: #95a5a6
}

.wpulike .wp_ulike_btn.wp_ulike_put_text {
	padding: 2px 20px;
}

.wpulike-default .wp_ulike_btn.wp_ulike_put_image{
    background-image: url(../img/icons/add.png);
    background-repeat: no-repeat;
    background-position: center center;
}

.wpulike-default .wp_ulike_btn.wp_ulike_put_image.image-unlike {
    background-image: url(../img/icons/remove.png)
}

.wpulike-default .count-box {
    position: relative;
    display: inline-block;
    border: 1px solid #898F9C;
    border-radius: .25em;
    vertical-align: middle;
    color: #333;
    font-size: .75em;
    text-align: center;
    text-decoration: none;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: .25em .5em;
    margin-left: .5em;
    line-height: 1em;
    min-width: 2.25em
}

.wpulike-default .count-box:before {
    content: '';
    width: .25em;
    height: .25em;
    position: absolute;
    border: 1px solid transparent;
    background: #fff;
    border-bottom-color: #898F9C;
    left: -.2125em;
    top: 50%;
    margin-top: -.2em;
    border-left-color: #898F9C;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    filter: progid: DXImageTransform.Microsoft.Matrix(M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476, sizingMethod='auto expand')
}

.wpulike .wp_ulike_is_loading .wp_ulike_btn,
#buddypress .activity-content .wpulike .wp_ulike_is_loading .wp_ulike_btn,
#bbpress-forums .bbp-reply-content .wpulike .wp_ulike_is_loading .wp_ulike_btn {
    background-image: url(../img/icons/loading.gif) !important;
    background-repeat: no-repeat;
    background-position: center center
}

.wpulike .wp_ulike_is_loading .wp_ulike_btn span{
	visibility: hidden;
}

.wpulike-default .wp_ulike_hide_me {
    visibility: hidden;
}

/* buddyPress & bbPress fix styles */

#buddypress .activity ul.item-list li {
    position: initial
}

#buddypress div.activity-meta .tiles li a {
    padding: 0
}

#buddypress .activity-content .wpulike-default .count-box,
#bbpress-forums .bbp-reply-content .wpulike-default .count-box {
    font-size: small;
    padding: .3em .5em
}

#buddypress div.activity-meta .wpulike-default .wp_ulike_btn {
    padding: 12px 20px!important
}

#buddypress div.activity-meta .wpulike-default .wp_ulike_btn.wp_ulike_put_text {
    padding: 7px 20px!important
}

#bbpress-forums .wpulike-default .wp_ulike_btn {
    margin: 0;
    display: inline-block;
    border-radius: .25em;
    border: 1px solid #d3d3d3;
    line-height: 1em;
    padding: .5em 1em;
    font-size: 1em;
    cursor: pointer;
    vertical-align: middle;
    color: #777;
    background: #dfdfdf;
    box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5) inset;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    text-decoration: none
}

#bbpress-forums .wpulike-default .wp_ulike_btn.wp_ulike_put_image {
    background-image: url(../img/icons/add.png);
    background-repeat: no-repeat;
    background-position: center center;
    padding: 1em 1.8em
}

#bbpress-forums .wpulike-default .wp_ulike_btn.wp_ulike_put_image.image-unlike{
    background-image: url(../img/icons/remove.png)
}


/*
	=> Add Heart theme styles
*/

.wpulike-heart .wp_ulike_general_class {
	display: block;
    border: 1px solid #E0E0E0;
    background: url(../img/bg/button-love.png) no-repeat center right;
    border-radius: 5px;
    padding: 3px
}

.wpulike-heart .wp_ulike_btn,
#buddypress .activity-content  .wpulike-heart .wp_ulike_btn,
#bbpress-forums .bbp-reply-content .wpulike-heart .wp_ulike_btn {
    border: none;
	padding: 0 10px;
    font-weight: 600;
    box-shadow: none;
    background: transparent;
    border-right: 1px solid #d3d3d3;
    border-radius: 0
}

.wpulike-heart .wp_ulike_btn:hover,
.wpulike-heart .wp_ulike_btn:active {
    background-color: transparent;
    box-shadow: none;
    color: #ef0000
}

.wpulike-heart .wp_ulike_btn.wp_ulike_put_image,
#buddypress .activity-content .wpulike-heart .wp_ulike_btn.wp_ulike_put_image,
#bbpress-forums .bbp-reply-content .wpulike-heart .wp_ulike_btn.wp_ulike_put_image {
    border: none;
    box-shadow: none;
    background-image: url(../img/icons/add-heart-16.png);
    background-repeat: no-repeat!important;
    background-position: center center!important;
    padding: 11px 16px!important;
    border-right: 1px solid #E0E0E0
}

.wpulike-heart .wp_ulike_btn.wp_ulike_put_image.image-unlike,
#buddypress .activity-content .wpulike-heart .wp_ulike_btn.wp_ulike_put_image.image-unlike,
#bbpress-forums .bbp-reply-content .wpulike-heart .wp_ulike_btn.wp_ulike_put_image.image-unlike {
    background-image: url(../img/icons/add-heart-16.png)
}

.wpulike-heart .wp_ulike_btn.wp_ulike_put_image:hover,
#buddypress .activity-content .wpulike-heart .wp_ulike_btn.wp_ulike_put_image:hover,
#bbpress-forums .bbp-reply-content .wpulike-heart .wp_ulike_btn.wp_ulike_put_image:hover {
    background-image: url(../img/icons/add-heart-hover.png)
}

.wpulike-heart .wp_ulike_btn.wp_ulike_put_image.image-unlike:hover,
#buddypress .activity-content .wpulike-heart .wp_ulike_btn.wp_ulike_put_image.image-unlike:hover,
#bbpress-forums .bbp-reply-content .wpulike-heart .wp_ulike_btn.wp_ulike_put_image.image-unlike:hover {
    background-image: url(../img/icons/add-heart-hover.png)
}

.wpulike-heart .count-box {
    border: none;
    vertical-align: middle;
    background-color: transparent;
    padding: .25em .5em;
    margin-left: 0;
    color: #525252;
    font-size: .8em
}

.wpulike-heart .count-box:before {
    border: none;
    background: transparent
}

/*
	=> Add Robeen theme styles
*/

.wpulike-robeen .count-box {
    position: relative;
	bottom: 18px;
	right: 8px;
	font-weight: 600;
}
.wpulike-robeen svg {
	cursor: pointer;
	overflow: visible;
	width: 50px;
}
.wpulike-robeen svg .heart {
	transform-origin: center;
	animation: animateHeartOut .3s linear forwards;
}
.wpulike-robeen  svg .main-circ {
	transform-origin: 29.5px 29.5px;
}

.wpulike-robeen .wp_ulike_btn {
	display: none !important;
}

.wpulike-robeen .wp_ulike_btn:checked +  svg .heart {
	transform: scale(0.2);
	fill: #E2264D;
	animation: animateHeart .3s linear forwards .25s;
}
.wpulike-robeen .wp_ulike_btn:checked +  svg .main-circ {
  transition: all 2s;
  animation: animateCircle .3s linear forwards;
  opacity: 1;
}
.wpulike-robeen .wp_ulike_btn:checked +  svg .grp1 {
  opacity: 1;
  transition: .1s all .3s;
}
.wpulike-robeen .wp_ulike_btn:checked +  svg .grp1 .oval1 {
  transform: scale(0) translate(0, -30px);
  transform-origin: 0 0 0;
  transition: .5s transform .3s;
}
.wpulike-robeen .wp_ulike_btn:checked +  svg .grp1 .oval2 {
  transform: scale(0) translate(10px, -50px);
  transform-origin: 0 0 0;
  transition: 1.5s transform .3s;
}
.wpulike-robeen .wp_ulike_btn:checked +  svg .grp2 {
  opacity: 1;
  transition: .1s all .3s;
}
.wpulike-robeen .wp_ulike_btn:checked +  svg .grp2 .oval1 {
  transform: scale(0) translate(30px, -15px);
  transform-origin: 0 0 0;
  transition: .5s transform .3s;
}
.wpulike-robeen .wp_ulike_btn:checked +  svg .grp2 .oval2 {
  transform: scale(0) translate(60px, -15px);
  transform-origin: 0 0 0;
  transition: 1.5s transform .3s;
}
.wpulike-robeen .wp_ulike_btn:checked +  svg .grp3 {
  opacity: 1;
  transition: .1s all .3s;
}
.wpulike-robeen .wp_ulike_btn:checked +  svg .grp3 .oval1 {
  transform: scale(0) translate(30px, 0px);
  transform-origin: 0 0 0;
  transition: .5s transform .3s;
}
.wpulike-robeen .wp_ulike_btn:checked +  svg .grp3 .oval2 {
  transform: scale(0) translate(60px, 10px);
  transform-origin: 0 0 0;
  transition: 1.5s transform .3s;
}
.wpulike-robeen .wp_ulike_btn:checked +  svg .grp4 {
  opacity: 1;
  transition: .1s all .3s;
}
.wpulike-robeen .wp_ulike_btn:checked +  svg .grp4 .oval1 {
  transform: scale(0) translate(30px, 15px);
  transform-origin: 0 0 0;
  transition: .5s transform .3s;
}
.wpulike-robeen .wp_ulike_btn:checked +  svg .grp4 .oval2 {
  transform: scale(0) translate(40px, 50px);
  transform-origin: 0 0 0;
  transition: 1.5s transform .3s;
}
.wpulike-robeen .wp_ulike_btn:checked +  svg .grp5 {
  opacity: 1;
  transition: .1s all .3s;
}
.wpulike-robeen .wp_ulike_btn:checked +  svg .grp5 .oval1 {
  transform: scale(0) translate(-10px, 20px);
  transform-origin: 0 0 0;
  transition: .5s transform .3s;
}
.wpulike-robeen .wp_ulike_btn:checked +  svg .grp5 .oval2 {
  transform: scale(0) translate(-60px, 30px);
  transform-origin: 0 0 0;
  transition: 1.5s transform .3s;
}
.wpulike-robeen .wp_ulike_btn:checked +  svg .grp6 {
  opacity: 1;
  transition: .1s all .3s;
}
.wpulike-robeen .wp_ulike_btn:checked +  svg .grp6 .oval1 {
  transform: scale(0) translate(-30px, 0px);
  transform-origin: 0 0 0;
  transition: .5s transform .3s;
}
.wpulike-robeen .wp_ulike_btn:checked +  svg .grp6 .oval2 {
  transform: scale(0) translate(-60px, -5px);
  transform-origin: 0 0 0;
  transition: 1.5s transform .3s;
}
.wpulike-robeen .wp_ulike_btn:checked +  svg .grp7 {
  opacity: 1;
  transition: .1s all .3s;
}
.wpulike-robeen .wp_ulike_btn:checked +  svg .grp7 .oval1 {
  transform: scale(0) translate(-30px, -15px);
  transform-origin: 0 0 0;
  transition: .5s transform .3s;
}
.wpulike-robeen .wp_ulike_btn:checked +  svg .grp7 .oval2 {
  transform: scale(0) translate(-55px, -30px);
  transform-origin: 0 0 0;
  transition: 1.5s transform .3s;
}
.wpulike-robeen .wp_ulike_btn:checked +  svg .grp2 {
  opacity: 1;
  transition: .1s opacity .3s;
}
.wpulike-robeen .wp_ulike_btn:checked +  svg .grp3 {
  opacity: 1;
  transition: .1s opacity .3s;
}
.wpulike-robeen .wp_ulike_btn:checked +  svg .grp4 {
  opacity: 1;
  transition: .1s opacity .3s;
}
.wpulike-robeen .wp_ulike_btn:checked +  svg .grp5 {
  opacity: 1;
  transition: .1s opacity .3s;
}
.wpulike-robeen .wp_ulike_btn:checked +  svg .grp6 {
  opacity: 1;
  transition: .1s opacity .3s;
}
.wpulike-robeen .wp_ulike_btn:checked +  svg .grp7 {
  opacity: 1;
  transition: .1s opacity .3s;
}

@keyframes animateCircle {
  40% {
    transform: scale(10);
    opacity: 1;
    fill: #DD4688;
  }
  55% {
    transform: scale(11);
    opacity: 1;
    fill: #D46ABF;
  }
  65% {
    transform: scale(12);
    opacity: 1;
    fill: #CC8EF5;
  }
  75% {
    transform: scale(13);
    opacity: 1;
    fill: transparent;
    stroke: #CC8EF5;
    stroke-width: .5;
  }
  85% {
    transform: scale(17);
    opacity: 1;
    fill: transparent;
    stroke: #CC8EF5;
    stroke-width: .2;
  }
  95% {
    transform: scale(18);
    opacity: 1;
    fill: transparent;
    stroke: #CC8EF5;
    stroke-width: .1;
  }
  100% {
    transform: scale(19);
    opacity: 1;
    fill: transparent;
    stroke: #CC8EF5;
    stroke-width: 0;
  }
}
@keyframes animateHeart {
  0% {
    transform: scale(0.2);
  }
  40% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes animateHeartOut {
  0% {
    transform: scale(1.4);
  }
  100% {
    transform: scale(1);
  }
}


/*
	=>	Right To Left (RTL) languages support
*/

.rtl .wpulike-default .count-box {
    margin-right: .5em;
    margin-left: inherit
}

.rtl .wpulike-default .count-box:before {
    right: -.2125em;
    left: inherit;
    border-color: #898F9C #898F9C transparent transparent
}

.rtl .wpulike-heart .wp_ulike_btn,
.rtl #buddypress .activity-content .wpulike-heart .wp_ulike_btn,
.rtl #bbpress-forums .wpulike-heart .wp_ulike_btn {
    border-left: 1px solid #d3d3d3;
    border-right: 0
}

.rtl .wpulike-heart .wp_ulike_btn.wp_ulike_put_image,
.rtl #buddypress .activity-content .wpulike-heart .wp_ulike_btn.wp_ulike_put_image,
.rtl #bbpress-forums .wpulike-heart .wp_ulike_btn.wp_ulike_put_image,
.rtl .wpulike-heart .wp_ulike_is_loading .wp_ulike_btn,
.rtl #buddypress .activity-content .wpulike-heart wp_ulike_is_loading .wp_ulike_btn,
.rtl #bbpress-forums .wpulike-heart wp_ulike_is_loading .wp_ulike_btn {
    border-left: 1px solid #E0E0E0;
    border-right: 0
}

.rtl .wpulike-robeen .count-box {
	right: inherit;
	left: 8px;
}

.rtl .wpulike-heart .count-box {
    margin-right: 0;
    margin-left: inherit
}

.rtl .commentlist .tiles .avatar {
    left: inherit!important;
    right: 0!important
}

.rtl .wp_ulike_thumbnail,
.rtl .most_liked_comment .avatar {
    margin: 0 0 0 10px
}

.rtl .wp_ulike_style_love .wp_counter_span {
    float: left;
    background: #F1F1F1 url(../img/icons/heart.png) no-repeat scroll 85% center;
    margin: 2px 2px 0 0;
    padding: 0 23px 0 5px
}


/*
	=>	widgets & likers box
*/

.tiles,
.most_liked_users {
    list-style-type: none!important;
    position: relative!important;
    margin: 10px 0!important;
    padding: 0!important
}

.tiles li,
.most_liked_users li {
    display: inline-table!important;
    cursor: pointer!important
}

.most_liked_users li {
    margin: 0 2px!important
}

.tiles li.inactive,
.most_liked_users li.inactive {
    visibility: hidden!important;
    opacity: 0!important
}

.tiles li img,
.most_liked_users li img {
    display: block!important;
    float: none!important
}

.commentlist .tiles .avatar {
    left: 0!important
}

.wp_ulike_thumbnail,
.most_liked_comment .avatar {
    vertical-align: middle;
    margin: 0 10px 0 0
}

.wp_ulike_style_simple .wp_counter_span:before {
    content: "("
}

.wp_ulike_style_simple .wp_counter_span:after {
    content: ")"
}

.wp_ulike_style_love .wp_counter_span {
    float: right;
    display: inline-block;
    background: #f1f1f1 url(../img/icons/heart.png) 5px center no-repeat;
    color: #333;
    font-size: 9px;
    line-height: 17px;
    font-weight: 400;
    margin: 2px 0 0 2px;
    vertical-align: middle;
    border-radius: 10px;
    padding: 0 5px 0 23px;
    z-index: 26
}

/*
	=>	toastr plugin styles
*/

.toast-title {
    font-weight: 700
}

.toast-message {
    -ms-word-wrap: break-word;
    word-wrap: break-word
}

.toast-message a,
.toast-message label {
    color: #FFF
}

.toast-message a:hover {
    color: #CCC;
    text-decoration: none
}

.toast-close-button {
    position: relative;
    right: -.3em;
    top: -.3em;
    float: right;
    font-size: 20px;
    font-weight: 700;
    color: #FFF;
    -webkit-text-shadow: 0 1px 0 #fff;
    text-shadow: 0 1px 0 #fff;
    opacity: .8;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
    line-height: 1
}

.toast-close-button:focus,
.toast-close-button:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .4;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=40);
    filter: alpha(opacity=40)
}

.rtl .toast-close-button {
    left: -.3em;
    float: left;
    right: .3em
}

button.toast-close-button {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none
}

.toast-top-center {
    top: 0;
    right: 0;
    width: 100%
}

.toast-bottom-center {
    bottom: 0;
    right: 0;
    width: 100%
}

.toast-top-full-width {
    top: 0;
    right: 0;
    width: 100%
}

.toast-bottom-full-width {
    bottom: 0;
    right: 0;
    width: 100%
}

.toast-top-left {
    top: 12px;
    left: 12px
}

.toast-top-right {
    top: 12px;
    right: 12px
}

.toast-bottom-right {
    right: 12px;
    bottom: 12px
}

.toast-bottom-left {
    bottom: 12px;
    left: 12px
}

#toast-container {
    position: fixed;
    z-index: 999999;
    pointer-events: none
}

#toast-container * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#toast-container>div {
    position: relative;
    pointer-events: auto;
    overflow: hidden;
    margin: 0 0 6px;
    padding: 15px 15px 15px 50px;
    width: 300px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-position: 15px center;
    background-repeat: no-repeat;
    -moz-box-shadow: 0 0 12px #999;
    -webkit-box-shadow: 0 0 12px #999;
    box-shadow: 0 0 12px #999;
    color: #FFF;
    opacity: .8;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80)
}

#toast-container>div.rtl {
    direction: rtl;
    padding: 15px 50px 15px 15px;
    background-position: right 15px center
}

#toast-container>div:hover {
    -moz-box-shadow: 0 0 12px #000;
    -webkit-box-shadow: 0 0 12px #000;
    box-shadow: 0 0 12px #000;
    opacity: 1;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
    cursor: pointer
}

#toast-container>.toast-info {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=)!important
}

#toast-container>.toast-error {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=)!important
}

#toast-container>.toast-success {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==)!important
}

#toast-container>.toast-warning {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=)!important
}

#toast-container.toast-bottom-center>div,
#toast-container.toast-top-center>div {
    width: 300px;
    margin-left: auto;
    margin-right: auto
}

#toast-container.toast-bottom-full-width>div,
#toast-container.toast-top-full-width>div {
    width: 96%;
    margin-left: auto;
    margin-right: auto
}

.toast {
    background-color: #030303
}

.toast-success {
    background-color: #51A351
}

.toast-error {
    background-color: #BD362F
}

.toast-info {
    background-color: #2F96B4
}

.toast-warning {
    background-color: #F89406
}

.toast-progress {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    background-color: #000;
    opacity: .4;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=40);
    filter: alpha(opacity=40)
}

@media all and (max-width:240px) {
    #toast-container>div {
        padding: 8px 8px 8px 50px;
        width: 11em
    }
    #toast-container>div.rtl {
        padding: 8px 50px 8px 8px
    }
    #toast-container .toast-close-button {
        right: -.2em;
        top: -.2em
    }
    #toast-container .rtl .toast-close-button {
        left: -.2em;
        right: .2em
    }
}

@media all and (min-width:241px) and (max-width:480px) {
    #toast-container>div {
        padding: 8px 8px 8px 50px;
        width: 18em
    }
    #toast-container>div.rtl {
        padding: 8px 50px 8px 8px
    }
    #toast-container .toast-close-button {
        right: -.2em;
        top: -.2em
    }
    #toast-container .rtl .toast-close-button {
        left: -.2em;
        right: .2em
    }
}

@media all and (min-width:481px) and (max-width:768px) {
    #toast-container>div {
        padding: 15px 15px 15px 50px;
        width: 25em
    }
    #toast-container>div.rtl {
        padding: 15px 50px 15px 15px
    }
}