/**
* This module provide feature for merchant to show Social Media like Popup – Options to Customize Dimensions.
*
* NOTICE OF LICENSE
* 
* Each copy of the software must be used for only one production website, it may be used on additional
* test servers. You are not permitted to make copies of the software without first purchasing the
* appropriate additional licenses. This license does not grant any reseller privileges.
* 
* @author    Shahab
* @copyright 2007-2021 Shahab-FK Enterprises
* @license   Prestashop Commercial Module License
*/

@charset "UTF-8";

/* RSAlert - Вслывающие окна - Sayfutdinov Ruslan */

#rsalert {
	-webkit-box-shadow: 1px 1px 5px #bbb;
	box-shadow: 1px 1px 5px #bbb;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	max-width: 100%;
	opacity: 0;
	position: fixed;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	width: 100%;
	z-index: 9999
}

#rsalert:hover,
.rsalert:focus {
	cursor: default
}

#rsalert a {
	color: inherit;
	text-decoration: underline
}

#rsalert>span {
	padding: 7px 35px 7px 15px
}

#rsalert .closersalert {
	background: unset;
	background-color: unset;
	border: unset;
	color: inherit;
	cursor: pointer;
	font-size: 1rem;
	margin-right: 10px;
	outline: unset
}

.rsalert-primary {
	background-color: #0065d4;
	border: 1px solid #0065d4;
	color: #fff;
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.rsalert-secondary {
	background-color: #e4e4e4;
	border: 1px solid #adadad;
	border-top: 0;
	color: #000;
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.rsalert-success {
	background-color: #1faf14;
	border: 1px solid #1faf14;
	color: #fff
}

.rsalert-danger {
	background-color: #f32a2a;
	border: 1px solid #f32a2a;
	color: #fff;
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.rsalert-warning {
	background-color: #f98009;
	border: 1px solid #f98009;
	color: #fff;
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.rsalert-light {
	background-color: #fff;
	border: 1px solid #adadad;
	border-top: 0;
	color: #000;
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.rsalert-dark {
	background-color: #757575;
	border: 1px solid #676767;
	color: #fff;
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.rsalert-info {
	background-color: #68a0de;
	border: 1px solid #68a0de;
	color: #fff;
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}