@import url('https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:ital,wght@0,400;0,700;1,400;1,700&display=swap');

.atkinson-hyperlegible-regular {
  font-family: "Atkinson Hyperlegible", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.atkinson-hyperlegible-bold {
  font-family: "Atkinson Hyperlegible", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.atkinson-hyperlegible-regular-italic {
  font-family: "Atkinson Hyperlegible", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.atkinson-hyperlegible-bold-italic {
  font-family: "Atkinson Hyperlegible", sans-serif;
  font-weight: 700;
  font-style: italic;
}

/** Logo/header **/
#login #header, #header {
    height: 85px;
		background-color: #000000 !important;
		background-image: none;
}
 
#left-panel {
    top: unset;
}
 
#left-panel > nav {
    height: unset;
}

	#logo img {
		width: 120px;
	}

	#header > div {
		display: inline-block;
		vertical-align: middle;
		height: auto;
	}

	#header {
		height: 85px;
		background-color: #000000;
		background-image: none;
	}

	#logo-group > span {
		margin: 10px;
	}
	.btn-header > :first-child > a {
		border: 1px solid #bfbfbf!important;
	}
	#hide-menu i {
		color: #256051;
	}
	.hidden-menu #hide-menu > :first-child > a {
		background-image: none;
	}

	#left-panel {
		top: 85px;
	}
	#header > :first-child,
	aside {
		width: 220px;
	}
	div#logo-group {
		width: 205px!important;
	}
	#login #header #logo img {
		width: 200px;
	}

/*general*/
	body,
	.body {
  	font-family: "Atkinson Hyperlegible", sans-serif;
		font-size: 16px;
		color: #000000;
		overflow: visible;
	}

	a,
	a:active,
	a:visited a:link {
		color: #556070;
	}
	a:hover {
		color: #256051;
	}
	.btn-next[disabled]{
		cursor: not-allowed !important;
		pointer-events: none !important;
	}

	.btn-danger,
	.btn-primary,
	.btn-success {
		background-color: #3C3C3B;
		color: #ffffff;
		border: none;
	}

	.btn-danger:hover,
	.btn-primary:hover,
	.btn-success:hover {
		background-color: #256051;
	}

	.btn-danger:visited,
	.btn-primary:visited,
	.btn-success:visited {
		color: #ffffff;
	}
	.home-h1 h1 {
		color:#256051 !important;
}

	h1 {
		font-size: 24px;
		font-family: "Atkinson Hyperlegible", sans-serif;
		font-weight: normal;
	}
	h2 {
		font-size: 22px;
		font-family: "Atkinson Hyperlegible", sans-serif;
		font-weight: normal;
	}
	h3 {
		font-size: 20px;
		font-family: "Atkinson Hyperlegible", sans-serif;
		font-weight: normal;
	}

	p,
	.p,
	btn,
	.btn {
		font-size: 16px;
	}

	/*header*/
	#login-header-space > :first-child {
		font-size: 16px;
	}

	#login-header-space .btn {
		font-weight: 400;
		text-transform: none;
	}


	/*login screen*/
	.txt-color-red {
		color: #256051 !important;
		/*change red heading text to WNC*/
	}

#login p.paragraph-header {
    color: #000000;
}

	.smart-form header,
	.smart-form .label,
	.smart-form .input input,
	.smart-form .select select,
	.smart-form .textarea textarea,
	.smart-form .radio,
	.smart-form .checkbox,
	.smart-form .toggle {
		font-size: 16px;
	}

	.smart-form .note,
	.smart-form .note a {
		font-size: 16px;
	}

	.smart-form .select select {
		/*add the drop down arrow to the select/drop down list */
		-moz-appearance: menulist;
		-webkit-appearance: menulist;
	}


	.smart-form .btn,
	.smart-form footer .btn {
		font-size: 16px;
		background-color: #556070;
		color: #ffffff;
		border: none;
	}

	.smart-form .btn:hover,
	.smart-form footer .btn:hover {
		background-color: #256051;
	}

	/*registration page*/
	/**error messages**/
	.miniPic {
		position: absolute;
		top: 8px;
		/*changed the x from the botom corner to the top corner*/
		right: 9px;
	}

	#registration_council_span {
		padding-top: 7px;
	}

	.alert-success {
		border: none;
		color: #ffffff;
		background: #256051;
	}

	button.close {
		color: #ffffff;
		opacity: 1;
	}

	/*services pages*/
	.login-info {
		padding-top: 3px;
		padding-bottom: 3px;
		/* padding-left: 14px; */
	}

	i.fa,
	i.fa.fa-reorder {
		color: #256051;
	}
	span#left_hand_menu_council_contact_details {
		color: #FFF;
	}
	.footer {
		font-size: 12px;
	}
	.login-info-div {
		font-size: 16px;
	}
	.custom-login-info {
		height: 85px;
	}
	nav ul li.active > a:before {
		color: #FFF!important;
	}
		nav ul li a {
		color: #FFF!important;
	}
	.login-info i.fa,
	.login-info a {
		color: #FFF!important;
	}
	.login-info {
		border-bottom: 1px solid #ffffff;
	}
	nav i.fa {
		color: #FFF;
	}
	aside#left-panel,
	#ribbon {
		background: #3C3C3B;
	}
	nav > ul > li > ul::before {
		border-left: 1px solid #ffffff;
	}
	nav > ul ul li::before {
		border-top: 1px solid #ffffff;
	}
	nav ul ul {
		background: #3C3C3B;
	}
	nav > ul > li > ul > li > a {
		color: #FFF!important;
	}
	nav ul ul li > a:hover,
	nav ul li a:hover,
	.login-info-div a:hover {
		background-color: #256051;
		color: #fff;
	}

	nav ul ul ul li a {
		color: #ffffff;
	}

	nav ul ul ul li a::before {
		border-left: 1px solid #ffffff;
	}

	nav ul ul ul li a:hover,
	nav ul li a:hover,
	.login-info-div a:hover {
		background-color: #256051;
		color: #ffffff;
	}
	
.login-info {
    height: 95px;
}

	#ribbon .breadcrumb a,
	#ribbon .breadcrumb {
		color: #FFF!important;
	}
	.breadcrumb > li + li:before {
		color: #FFF;
	}
	h1,
	h2,
	h3,
	h4,
	h5 {
		  font-family: "Atkinson Hyperlegible", sans-serif;
	}
	h1 small,
	h2 small,
	h3 small,
	h4 small,
	h5 small,
	h6 small,
	.h1 small,
	.h2 small,
	.h3 small,
	.h4 small,
	.h5 small,
	.h6 small {
		color: #000;
	}
	nav ul span.menu-item-parent {
		color: #FFF!important;
		font-size: 1.2em;
	}
	.well-sm {
		padding: 20px;
	}
	/* Licensing page */
	.licensing_ul span {
		color: #000;
	}
	.jarviswidget > header h2,
	div.dt-bottom-row .dataTables_info,
	.table thead tr,
	.fc-border-separate thead tr,
	.jarviswidget > div {
		font-size: 16px;
	}
	.dataTables_wrapper table.table thead th {
		white-space: pre-wrap;
		text-overflow: ellipsis;
		text-align: inherit;
		-ms-text-overflow: ellipsis;
		vertical-align: middle;
	}
	div.dt-bottom-row {
		font-size: 16px;
	}
	div.dataTables_filter input {
		font-size: 16px;
	}
	.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary,
	.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary {
		color: #fff;
		background: #3C3C3B;
	}
	.badge {
		background-color: #256051;
	}
	.actions i.fa {
		color: #FFF;
	}
	.fa-save:before,
	.fa-floppy-o:before {
		color: #3C3C3B;
	}
	label input[type=radio].radiobox:checked + span:before {
		color: #3C3C3B!important;
		border-color: #3C3C3B;
	}

	sup {
		font-size: 16px;
		top: 0;
	}
	.form-control:focus {
		border-color: #256051;
		outline: 0;
		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgb(205, 21, 67, 0.6);
		box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgb(205, 21, 67, 0.6);
	}
	.form-control {
		font-size: 16px;
	}
	.dropzone {
		font-size: 16px;
	}
	.fuelux .wizard ul li.complete {
		color: #000;
		background: #f3f4f5;
	}
	.fa-check:before {
		content: "\f00c";
		color: #FFF;
	}
	#submit_licence_form sup.additional_information {
		font-size: 16px;
	}
	/* Date/calendar widget */
	.ui-datepicker td .ui-state-hover {
		background: #3C3C3B;
		background-color: #3C3C3B;
		text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
		border-color: #ffffff;
		border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
	}
	input[type=text]:focus + .input-group-addon {
		border-color: #3C3C3B;
		background-color: #3C3C3B;
		color: #fff;
	}
	i.fa.fa-calendar {
		color: #000;
	}
	.ui-widget {
		font-size: 16px;
	}
	.ui-datepicker .ui-datepicker-header,
	.ui-datepicker th,
	.ui-datepicker td .ui-state-default {
		color: #000;
	}
	.fa-fw {
		width: auto;
	}
	/** Requests page **/
	.jarviswidget-color-blueLight > header {
		border-color: #cccccc!important;
		background: #ffffff;
	}
	/*button#top_button_previous,
	button#bottom_button_previous {
		background-color: #3C3C3B;
		border: none;
		opacity: 1;
		cursor: pointer;
		pointer-events: all;
		margin: 0px 2px;
	}*/

	button#top_button_previous:hover,
	button#bottom_button_previous:hover {
		background-color: #256051;
	}

	button#top_button_next,
	button#bottom_button_next {
		background-color: #3C3C3B;
		border: none;
		opacity: 1;
		cursor: pointer;
		pointer-events: all;
		margin: 0px 2px;
	}

	button#top_button_next:hover,
	button#bottom_button_next:hover {
		background-color: #256051;
	}

	button#change_council_button {
		background-color: #3C3C3B;
		border: none;
		opacity: 1;
		cursor: pointer;
		pointer-events: all;
		margin: 0px 2px;
	}

	button#change_council_button:hover {
		background-color: #256051;
	}

	
	/** Logout message **/
	.MessageBoxContainer {
		background-color: #256051;
	}
	.txt-color-orangeDark {
		color: #fff!important;
	}

	.fuelux .wizard ul {
		width: auto;
	}
	.fuelux .wizard .actions {
		position: relative;
	}

	#licence_type_id .input-group .form-control, .input-group .form-select {
		width:400px !important;
	}

	/** Media queries **/
	@media (max-width: 506px) {
		.pull-right {
			float: left!important;
			margin-left: 10px;
		}
		div#logout {
			float: right!important;
		}
		div#hide-menu {
			float: left!important;
		}
		#left-panel {
			top: 125px;
		}
		#header {
			height: 125px;
		}
		.jarviswidget-color-blueLight > header .widget-icon {
			display: none;
		}
	}
	@media only screen and (max-width: 679px) and (min-width: 0) {
		.hidden-menu #hide-menu i {
			color: #3C3C3B;
		}
	}
	@media only screen and (max-width: 679px) and (min-width: 0) {
		#left-panel {
			left: -320px;
		}
	}
	@media only screen and (max-width: 479px) and (min-width: 320px) {
		#left-panel {
			left: -320px;
		}
	}
	@media only screen and (max-width: 479px) and (min-width: 320px) {
		.hidden-mobile {
			display: inline-block!important;
		}
	}
	@media (max-width: 768px) {
		.home-h1 {
			font-size: 22pt;
		}
		.home-h2 {
			font-size: 20pt;
		}
	}
	@media (min-width: 768px) {
		.form-horizontal .control-label {
			text-align: left;
		}
	}

	.pull-right {
		color: #ffffff;
	}
	.hidden-mobile {
		color: #ffffff;
	}
}

/* extra styling */

a.breadcrumb-item.highlight-border-bright {
  font-size: 16px;
}

a.highlight-border-bright {
  font-size: 16px;
}

span.bootstrap-switch-handle-off.bootstrap-switch-default {
  background-color: #9D0B1D;
  color: #FFFFFF;
  font-weight: 500;
  font-style: normal;
}

span.bootstrap-switch-handle-on.bootstrap-switch-primary {
  color: #FFFFFF;
  background-color: #a1a29f;
  font-weight: 500;
  font-style: normal;
}

span.bootstrap-switch-label {
  border-style: none;
  background-color: #585656;
}

div.bootstrap-switch.bootstrap-switch-wrapper.bootstrap-switch-id-additional_information_checkbox.bootstrap-switch-focused.bootstrap-switch-animate.bootstrap-switch-off {
  border-style: none;
}

a.btn.btn-danger.btn-sm {
  background-color: #556070;
  color: #FFFFFF;
  
}
a.btn.btn-danger.btn-sm:hover {
  background-color: #256051;
  color: #FFFFFF;
  
}

a.btn.btn-primary.btn-sm.copy_from_user_profile_button.contact_input_group_element {
  background-color: #556070;
  color: #FFFFFF;
}

a.btn.btn-primary.btn-sm.copy_from_user_profile_button.contact_input_group_element:hover {
  background-color: #256051;
  color: #FFFFFF;
  
}

a.nav-link.active {
  color: #000000;
}

span.hidden-mobile.hidden-table {
  color: #000000;
  
}

span.hidden-mobile.hidden-tablet {
  color: #000000;
}

select.highlight-blue {
  font-family: "Atkinson Hyperlegible", sans-serif;
}

ul li a {
  color: #000000;
}

div p a {
  color:#256051;
  text-decoration: underline;
}

div.row-centered.rounded-highlight {
  border-style: none;
  
}
button.btn.btn-sm.btn-prev {
  background-color: #556070;
  color: #FFFFFF;
  
}

button.btn.btn-sm.btn-success.btn-next {
  background-color: #556070;
  color: #FFFFFF;
  
}

#licensing_currently_available {
  width:33%;
}

#service_requests_currently_available {
    width:33%;
}

#registers_currently_available {
    width:33%;
}

div a h3 {
  color: #256051;
  text-decoration: underline;
  
}

a p.home-p {
  color: #256051;
  text-decoration:underline;
}

select.form-select {
  color:#000000;
}

.ui-datepicker, .ui-state-highlight {
  background-color:#c2cacd;
  color:#000000;
}
.ui-datepicker .ui-state-active {
  color:#FFFFFF;
background-color:#556070 ;
}
.ui-datepicker .ui-state-default:hover {
  color:#FFFFFF;
background-color:#556070 ;
}

.licence_area_div .control-label {
    font-weight: bold;
}
 
.licence_area_div .control-label .smaller-text {
    font-weight: normal;
}

.add_additional_contact_row_label .smaller-text,
.applicant_type_label .smaller-text {
    font-weight: normal;
}

.btn:hover {
    box-shadow: none !important;
}
 
#change_council_button {
    display: none;
}

	#header > :first-child, aside {
    width: 320px;
}
 
#main {
    margin-left: 320px;
}

@media only screen and (min-width: 0px) and (max-width: 679px){
    #main {
        margin-left: 0;
    }
}

nav>ul>li>p>a>i {
    margin-right: 5px;
}

.row-centered:has(.col-centered):has(.home-terms-edit) {
    margin: 0 auto;
    width: 100%;
    justify-content: center;
}
 
.row-centered:has(.col-centered):has(.home-terms-edit) i {
    font-size: 65px;
}
 
.home-p {
    font-size: 20px;
}

@media (max-width: 767px) {
    .hidden-menu #left-panel .left-panel-contents {
        display: block;
    }
}

#login .hero {
    background-image: none;
    height: unset;
}

#login p.paragraph-header {
    width: unset;
}
 
#login .login-desc-box-l {
    width: unset;
}
 
#login .login-desc-box-l > div > h4 {
    text-align: center;
}

.dataTables_filter label{
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
:focus {
Outline: 4px solid #E2CA76 !important;
}

.checkbox {
    display: block;
    min-height: 18px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 0px;
}

.col-md-12>.input-group.col-md-12>.form-control { 
	width:75%; padding-right:0px; float:left; padding-left:5; margin-left:5px; 
} 

.col-md-12>.input-group.col-xs-12.col-sm-12.col-md-12.col-lg-12>label:not([class]) { 
	width:15%; padding-right:0px; float:left; } .col-md-12>.input-group.col-xs-12.col-sm-12.col-md-12.col-lg-12>span:not([class]){ padding-right:0px; float:left; 
	}