/* Video Gallery Pagination CSS */

#video-gallery-pagination {
	display: flex;
    justify-content: center;
    align-items: center;
}

.video-gallery-pagination-button,.video-gallery-pagination-previous-button, 
.video-gallery-pagination-next-button, .video-gallery-pagination-first-arrow,
.video-gallery-pagination-last-arrow{
	margin-left: 0;
	background: none no-repeat scroll left top #bb9321;
    border: 1px solid #bb9321;
    color: #fff;
    filter: none !important;
    float: left;
    font-size: 14px;
    font-weight: 400;
    height: 30px !important;
    line-height: 24px;
    margin: 0 10px 0 0;
    padding: 2px 7px;
    position: relative;
    text-align: center;
    text-decoration: none;
	font-family: "Segoe UI", "Segoe", Tahoma, Helvetica, Arial, sans-serif;
}

.video-gallery-pagination-button,.video-gallery-pagination-first-arrow,
.video-gallery-pagination-last-arrow {
    width: 30px;
	text-align: center;
    white-space: nowrap;
    overflow: hidden;
}
.video-gallery-pagination-button{
		border-radius: 0;
}

.video-gallery-pagination-last-arrow {
	border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
	font-weight: bold;
	display: flex;
    justify-content: center; 
    align-items: center; 
}

.video-gallery-pagination-first-arrow{
	border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
	font-weight: bold;
	display: flex;
    justify-content: center; 
    align-items: center; 
}


html[lang="ar"] .video-gallery-pagination-first-arrow{
	border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
	border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
}

html[lang="ar"] .video-gallery-pagination-last-arrow{
	border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
	border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
}


.video-gallery-pagination-button:hover, .video-gallery-pagination-button.active,
.video-gallery-pagination-previous-button:hover,.video-gallery-pagination-next-button:hover,
.video-gallery-pagination-first-arrow:hover,.video-gallery-pagination-last-arrow:hover{
	background-color: #187193;
    border-color: #187193;
    color: #fff;
    cursor: text;
    z-index: 100;
	cursor: pointer;
}

.video-gallery-pagination-previous-button[disabled="disabled"], .video-gallery-pagination-previous-button[disabled="disabled"]:hover,
.video-gallery-pagination-next-button[disabled="disabled"],.video-gallery-pagination-next-button[disabled="disabled"]:hover {
    background: none repeat scroll 0 0 #fff;
    border-color: #999;
	color: #999 !important;
    cursor: not-allowed;
}


.video-gallery-pagination-previous-button, .video-gallery-pagination-next-button {
    	width: 6em;
		min-width: 4em;
}


.video-gallery-pagination-next-button {
	border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
	border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
}

.video-gallery-pagination-previous-button{
	border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
	border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
}


html[lang="ar"] .video-gallery-pagination-previous-button{
	border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
	border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
}

html[lang="ar"] .video-gallery-pagination-next-button{
	border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
	border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}



/* Styling for buttons with the `disabled` class */
.video-gallery-pagination-previous-button.disabled,
.video-gallery-pagination-next-button.disabled,
.video-gallery-pagination-previous-button.disabled:hover,
.video-gallery-pagination-next-button.disabled:hover {
    background: none repeat scroll 0 0 #fff;
    border-color: #999;
    color: #999 !important;
    cursor: not-allowed;
}