/********************/
/**************/
/* LIGHT CSS */
/**************/
/********************/
#pr-box {
    font: 13px/16px sans-serif;
	position: absolute; 
	z-index:1000;
	display:none;
	width:300px;
	max-width:100%;

}
#pr-box i { 
    width: 0; 
	height: 0; 
	margin-left: 20px;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom-width: 7px;
    @apply border-b border-secondary-400;
}
#pr-box-inner {
	margin-top: 6px;
    -webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 2px 10px rgba(0,0,0,0.2);
    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
#pr-box p {
	padding:20px;
    -webkit-border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0;
}
#pr-box ul {
	padding:7px;
    -webkit-border-radius: 0 0 2px 2px;
    -moz-border-radius: 0 0 2px 2px;
    border-radius: 0 0 2px 2px;
}
#pr-box ul li {
	list-style: none;
	padding:7px;
}
#pr-box ul li span {
	width:15px;
	height:15px;
	display:block;
	float:left;
	border-radius:100%;
	margin-right:15px;
}
#pr-box {
	color:#2d2f31;
}
#pr-box p {
    @apply bg-secondary-400;
	color:#f1f1f1;
}
#pr-box ul {
	@apply bg-gray-100
}
#pr-box ul li span {
	background-color:#f1f1f1;
    @apply border-3 border-secondary-300;
}
#pr-box ul li span.pr-ok {
    @apply bg-secondary-500 border-3 border-secondary-300;

}
/********************/
/**************/
/* DARK CSS */
/**************/
/********************/
.dark #pr-box {
    @apply text-white;
}
.dark #pr-box i {
    width: 0;
    height: 0;
    margin-left: 20px;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom-width: 7px;
    @apply border-b border-secondary-700;
}
.dark #pr-box p {
    @apply bg-secondary-700;
    color: #f1f1f1;
}

.dark #pr-box ul {
    @apply bg-secondary-400
}

.dark #pr-box ul li span {
    background-color: #f1f1f1;
    @apply border-3 border-secondary-600;
}

.dark #pr-box ul li span.pr-ok {
    @apply bg-secondary-800 border-3 border-secondary-600;

}