.ls_box {
	position: relative;
	background: #ffffff;
	border: 4px solid rgb(243,243,243);
	border-radius: 20px;
}

.ls_arrow_box_up {
	position: relative;
	background: #ffffff;
	border: 4px solid rgb(243,243,243);
	border-radius: 20px;
}

.ls_arrow_box_up p, .ls_arrow_box_up li
{
    color: #000000;
}

.ls_arrow_box_up:after, .ls_arrow_box_up:before {
	bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.ls_arrow_box_up:after {
	border-color: rgba(#ffffff, 0);
	border-bottom-color: #ffffff;
	border-width: 20px;
	left: 50%;
	margin-left: -20px;
}

.ls_arrow_box_up:before {
	border-color: rgba(rgb(243,243,243), 0);
	border-bottom-color: rgb(243,243,243);
	border-width: 26px;
	left: 50%;
	margin-left: -26px;
}
    
.ls_arrow_box_down {
	position: relative;
	background: #ffffff;
	border: 4px solid rgb(243,243,243);
	border-radius: 20px;
	color: #000000;
}

.ls_arrow_box_down:after, .ls_arrow_box_down:before {
	top: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.ls_arrow_box_down:after {
	border-color: rgba(#ffffff, 0);
	border-top-color: #ffffff;
	border-width: 20px;
	left: 50%;
	margin-left: -20px;
}

.ls_arrow_box_down:before {
	border-color: rgba(rgb(243,243,243), 0);
	border-top-color: rgb(243,243,243);
	border-width: 26px;
	left: 50%;
	margin-left: -26px;
}
    
.ls_arrow_box_right {
	position: relative;
	background: #ffffff;
	border: 4px solid rgb(243,243,243);
	border-radius: 20px;	    
}

.ls_arrow_box_right p, .ls_arrow_box_right li
{
    color: #000000;
}

.ls_arrow_box_right:after, .ls_arrow_box_right:before {
	left: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.ls_arrow_box_right:after {
	border-color: rgba(#ffffff, 0);
	border-left-color: #ffffff;
	border-width: 30px;
	top: 50%;
	margin-top: -30px;
}

.ls_arrow_box_right:before {
	border-color: rgba(rgb(243,243,243), 0);
	border-left-color: rgb(243,243,243);
	border-width: 36px;
	top: 50%;
	margin-top: -36px;
}
    
.ls_arrow_box_left {
	position: relative;
	background: #ffffff;
	border: 4px solid rgb(243,243,243);
	border-radius: 20px;
}

.ls_arrow_box_left p, .ls_arrow_box_left li
{
    color: #000000;
}

.ls_arrow_box_left:after, .ls_arrow_box_left:before {
	right: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.ls_arrow_box_left:after {
	border-color: rgba(#ffffff, 0);
	border-right-color: #ffffff;
	border-width: 30px;
	top: 50%;
	margin-top: -30px;
}
.ls_arrow_box_left:before {
	border-color: rgba(rgb(243,243,243), 0);
	border-right-color: rgb(243,243,243);
	border-width: 36px;
	top: 50%;
	margin-top: -36px;
}

.padded
{
    padding: 10px;
}