.aa-wrapper *,
.aa-popup * {
    font-family: Arial, sans-serif !important;
}

.aa-wrapper {
    width: 250px;
	max-width: 100%;
    height: auto;
    position: fixed;
    top: 15px;
    right: -260px;
    transition: right 0.3s;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    font-family: Arial,sans-serif;
    z-index: 99999;
}

.aa-right-non {
    right: 40px !important;
}

.aa-icon {
    padding-top: 20px;
    width: 80px;
    height: auto;
    float: left;
    cursor: pointer;
	position: relative;
	z-index: 9999999999999999;
}

.aa-icon-btn {
    display: block !important;
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
    height: 40px;
    z-index: 9999999999999;
}

.aa-icon-box {
    width: 79px;
    height: 70px;
    border: 1px solid #1a1a1a;
    border-right-color: #fafafa;
    background-color: #fafafa;
}

.aa-settings {
    width: 250px;
	max-width: 100%;
    height: auto;
    border-radius: 4px;
    background-color: #fafafa;
    box-shadow: 6px 6px 10px #1a1a1a;
    border: 1px solid #1a1a1a;
    padding-bottom: 15px;
}

.txt .aa-settings {
	background-color: white;
}
.aa-title {
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
    text-align: center;
    color: #1a1a1a;
    font-size: 20px;
}

.aa-text {
    padding-top: 10px;
    padding-bottom: 20px;
    width: 100%;
    color: #1a1a1a;
    font-size: 20px;
    text-align: center;
}

.aa-text-title {
    font-size: 20px;
    padding: 0 10px;
}

.aa-text-plus, .aa-text-minus {
    display: inline-block;
    border: 1px solid #1a1a1a;
    background-color: #fafafa;
    color: #1a1a1a;
    height: 25px;
    width: 25px;
    transition: all 0.3s;
    cursor: pointer;
    border-radius: 4px;
}

    .aa-text-plus:hover, .aa-text-minus:hover {
        box-shadow: 3px 3px 5px #1a1a1a;
    }

    .aa-text-plus:active, .aa-text-minus:active {
        background-color: #1a1a1a;
        color: #fafafa;
    }

.big2 .aa-text-plus:hover, .big0 .aa-text-minus:hover{
	box-shadow: none;
}
.big2 .aa-text-plus:active, .big0 .aa-text-minus:active {
	 background-color: #fafafa;
	color: #1a1a1a;

}
.aa-footer {
    width: 100%;
    text-align: center;
    color: #1a1a1a;
}

    .aa-footer ul {
        padding: 0;
        list-style: none;
    }

        .aa-footer ul li {
            display: block;
            padding: 5px 10px;
            border: 1px solid #1a1a1a;
            border-radius: 4px;
            background-color: #fafafa;
            width: 70%;
            cursor: pointer;
            font-size: 18px;
            margin: 0 auto;
            margin-bottom: 10px;
            transition: all 0.3s;
            direction: rtl;
        }

            .aa-footer ul li:hover {
                box-shadow: 3px 3px 5px #1a1a1a;
            }

            .aa-footer ul li:active {
                background-color: #1a1a1a;
                color: #fafafa;
            }

.aa-underline {
    text-decoration: underline !important;
}

.aa-popup, .txt .aa-popup {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,.7);
    z-index: 1000;
}

.aa-pop-box, .txt .aa-pop-box {
    overflow-y: auto;
    overflow-x: hidden;
    width: 40em;
	max-width: 100%;
    height: auto;
    max-height: 80%;
    margin: 0 auto;
    margin-top: 20px;
    background-color: #fefefe;
    border-radius: 4px;
    font-size: 1em;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    box-shadow: 6px 6px 10px #000;
    direction: ltr;
    color: #000;
	position: relative;
}

.aa-pop-close {
    width: 100%;
	max-width: 100%;
    background-color: #003f87;
    color: #ffffff;
    padding: 10px;
    cursor: pointer;
    position: absolute;
}

.aa-pop-body {
    padding: 15px;
    width: 98%;
    padding-top: 50px;
    box-sizing: border-box;
    direction: rtl;
}

.aa-pop-title {
    font-weight: 600;
    font-size: 16px;
    text-decoration: underline;
}

.aa-pop-bigtitle {
    text-align: center;
    font-size: 20px;
    text-decoration: underline;
}

.aa-pop-display {
    display: block !important;
}

.aa-gray {
    -webkit-filter: grayscale(1);
    filter: gray;
    filter: grayscale(1);
}

@media screen and (max-width: 992px) {
	.aa-icon-btn {
		height: 3.5em;
	}
	.desk {
		display: none !important;
	}
	.aa-wrapper {
		transition: top 0.5s;
		-webkit-transition: top 0.5s;
		-ms-transition: top 0.5s;
		-moz-transition: top 0.5s;
		-o-transition: top 0.5s;
		top: -230px;
		margin-top: 0;
		margin-right: 0;
		right: 0;
		 width: 100%;
		height: 230px;
		position: fixed;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		-o-user-select: none;
		user-select: none;
		font-family: Arial,sans-serif;
		z-index: 9999;
		margin-left: auto;
		margin-right: auto;
		box-sizing: border-box;
		background-color: #fff;
		direction: ltr;
	}
	.aa-right-non {
		top: 0px !important;
		position: relative;
	}
	
	.aa-right-non .aa-icon-btn {
		display: none;
	}
}