.dropdown-menu .dropdown-submenu
{
  display:none; position:absolute; left:100%; top:2.5rem;
}

.dropdown-menu .dropdown-submenu-left
{
  right: 100%;left: auto;
}

.dropdown-menu > li:hover > .dropdown-submenu
{
  display: block;
}

/* to highlight the dropdown menue options with button style of website */
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
	background-image:none !important;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
	background-color:#0B5ED7;	/* btn-primary */
/*	background-color:#157347;	* btn-success */
	color:#ffffff;		/* text colour white */
}

/* paging selection buttons - comment out for btn-primary colour */
.page-item.active .page-link {
  /* z-index: 3; */
  color: #fff;

  background-color: #157347;
  border-color: #157347;
}

.form-control-goto-page
{
	/* Set a radius for top-right and bottom-right corners */
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;

	/* Ensure top-left and bottom-left corners are straight */
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;

	/* Optional: Add other styling for your form control */
	/* padding: 8px 12px;
	border: 1px solid #ccc; */
}

/* formatting for the deepcoder first slider button - s */
.switch
{
	position: relative;
	display: inline-block;
	width: 60px;
	height: 34px;
}

.switch input
{ 
	opacity: 0;
	width: 0;
	height: 0;
}

.slider
{
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}

.slider:before
{
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

input:checked + .slider
{
	background-color: #0B5ED7;
}

input:focus + .slider
{
	box-shadow: 0 0 1px #0B5ED7;
}

input:checked + .slider:before
{
	-webkit-transform: translateX( 26px );
	-ms-transform: translateX( 26px );
	transform: translateX( 26px );
}

/* Rounded sliders */
.slider.round
{
	border-radius: 34px;
}

.slider.round:before
{
	border-radius: 50%;
}

/* formatting for the slider button - e */