/*overwriting styles*/
body {
	background-color: #f9f9f9 !important;
}
.header-top-wrapper{
	position: relative;
	background: #0080ff !important;

}
.general-content {
	padding: 40px 20px 60px 20px !important;
}
.button-style-1 {
	padding: 6px 16px;
	border: solid 2px #434B54;
}


/*-------------------------------*/
/*new styles*/
@import url('https://fonts.googleapis.com/css2?family=Space+Mono&display=swap');

.inner-large{
	background-color: #fff !important;
	display: flex;
}

.page-content{
	width: calc(100% - 440px);
	background-color: #f9f9f9 !important;
}
.page-content-sidemenu{
	width: 376px;
	margin-right: 60px;
	padding: 40px 0 60px 0;
}
.page-content-sidemenu,
.page-content{
	display: inline-block;
	vertical-align: top;
}
.page-content-sidemenu-title{
	font-size: 20px;
	margin-bottom: 20px;
	display: block;
}

.page-content-sidemenu a{
	display: block;
	padding: 8px 16px;
	background-color: #fefefe;
	color: #434B54;
	margin-bottom: 4px;
}
.page-content-sidemenu p{
	padding: 8px 16px;
	background-color: #fefefe;
	margin-bottom: 4px;
	border-top: solid 2px lightgray;
	/*border-bottom: solid 1px lightgray;*/
}
.page-content-sidemenu a:hover,
.page-content-sidemenu a.selected{
	background-color: #0080ff;
	color: #fff;
}
.page-content-sidemenu a:hover{
	background-color: #4349E1;
}
.faux-link{
	fill: #219bef;
	color: #219bef;
	text-decoration: none;
	cursor: pointer;
}


textarea,
input,
select{
	border: solid 1px lightgrey;
	padding: 10px 14px;
}
textarea,
input[type="text"]{
	display: block;
	margin-bottom: 12px;
	width: calc(100% - 30px);
}
input[type="submit"]{

}

input.text-small{
	width: 100px;
}
.settings-item.settings-item-text label{
	margin-bottom: 8px;
	display: block;
}
#postcode{
	text-transform: uppercase;
}
#postcode::placeholder{
	text-transform: capitalize;
}
.output{
	border: solid 1px lightgrey;
	padding: 10px;
	/*margin-top: 40px;*/
	display: none;
}
.output p{
	margin-top: 0;
}
.uprn-address{
	margin-bottom: 0;
}
.select-uprn-button{
	margin-top: 30px;
	cursor: pointer;
	display: none;
}
.select-uprn-button.shown{
	display: table;
}

.nav a:not(.selected){
	text-decoration: none;
}
.button{
	border: solid 1px grey;
	padding: 10px 14px;
	cursor: pointer;
}

.all-results ul{
	padding-left: 0;
}

.all-results li{
	list-style: none;
	margin-bottom: 8px;
	padding-bottom: 8px;
	border-bottom: solid 1px lightgray;
}

.splitter{
	margin-top: 20px;
	padding-top: 20px;
	border-bottom: solid 1px lightgray;
}

pre code {
	background-color: #eee;
	border: 1px solid #999;
	display: block;
	padding: 20px;
	overflow-x: auto;
}

pre code *{
	font-family: 'Space Mono', monospace;
}
code.inline-code{
	padding: 2px 6px;
	border-radius: 2px;
	background-color: #dddddd;
	border: solid 1px a9a9a9;
	margin: 0 4px;
}
.button-style-2 {
	/*padding: 8px 18px;*/
	padding: 6px 16px;
	background-color: #eeeeee;
	display: inline-block;
	border-radius: 4px;
	color: #434B54;
	cursor: pointer;
	transition: ease all .3s;
	border: solid 2px #434B54;
}
.button-style-2:hover {
	background-color: #dddddd;
}



/*getting started flow:*/
.getting-started-step{
	display: none;
}
.getting-started-flow[data-step="0"] .getting-started-step[data-step="0"],
.getting-started-flow[data-step="1"] .getting-started-step[data-step="1"],
.getting-started-flow[data-step="2"] .getting-started-step[data-step="2"],
.getting-started-flow[data-step="3"] .getting-started-step[data-step="3"],
.getting-started-flow[data-step="4"] .getting-started-step[data-step="4"],
.getting-started-flow[data-step="5"] .getting-started-step[data-step="5"]{
	display: block;
}

.getting-started-step:not([data-next="true"]):not([data-always-next="true"]) .button-next{
	pointer-events: none;
	opacity: .2;
}

.examples-tabs {
	margin-bottom: 30px;
}
.examples-tabs .examples-tab{
	margin-right: 8px;
}

.examples-languages-wrapper .examples-language.hidden{
	display: none;
}

.gist .blob-code-inner{
	font-size: 14px !important;
}


.page-type-not-found .inner-large{
	position: relative;
	background-image: url('../../../../storage/images/pages/default.jpeg');
	background-size: auto 100%;
	display: block;
}
.page-type-not-found .page-content,
.page-type-not-found .inner-large{
	background-color: transparent !important;
}
.page-type-not-found .page-content{
	display: inline-block;
	width: calc(100% - 450px);
}
.page-type-not-found .inner-large .page-content-sidemenu{
	/*background-color: rgba(255, 255, 255, .6);*/
	padding: 10px 10px 10px 0;
	background-color: #f9f9f9;
}



.dash-item{
	padding: 10px 20px;
	border: solid 1px lightgray;
	background-color: #fff;
	margin-bottom: 12px;
}
.dash-item-uprn-selected{
	background-color: #e8e8e8;
}

.dash-item-select-new-uprn-cancel,
.dash-item-uprn-selected .dash-item-select-new-uprn{
	display: none !important;
}
.dash-item-uprn-selected .dash-item-select-new-uprn-cancel{
	display: inline-block !important;
}
.dash-item-uprn .dash-item-icon-left:first-of-type{
	width: 229px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: pre;
}
.dash-item-uprn-key{
	margin-bottom: 25px;
	position: relative;
}
.dash-item-uprn-key::after{
	content: '';
	position: absolute;
	bottom: -15px;
	left: 50%;
	transform: translateX(-50%);
	width: 40px;
	height: 1px;
	border-bottom: solid 1px lightgray;
}

.dash-item-uprn span{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: pre;
}

.dash-item-inner{
	display: flex;
}
.dash-item-icon,
.dash-item-status,
.dash-item-button{
	padding: 2px 8px;
	border: solid 1px lightgray !important;
	/*color: #fff;*/
	border-radius: 2px;
	background-color: #fff;
}
.dash-item-button{
	cursor: pointer;
}
.dash-item-icon:not(.dash-item-icon-left),
.dash-item-status{
	margin-right: 10px;
}
.dash-item-icon.dash-item-icon-left{
	margin-left: 10px;
}
/*.dash-item-status{
}*/
.dash-item-seperator{	
	margin-left: auto;
}
.dash-item-green,
.dash-item-http-code[data-colour="green"],
.dash-item-status[data-status="ok"]{
	background-color: #d9ffd9;
}
.dash-item-http-code[data-colour="yellow"],
.dash-item-status[data-status="missing"]{
	background-color: lightyellow;
}
.dash-item-http-code[data-colour="red"],
.dash-item-icon-red,
.dash-item-status[data-status="removed"]{
	background-color: #ffe0e0;
}

.dash-item .dash-item-expanded-wrapper{
	display: none;
}
.dash-item-splitter,
.dash-item .dash-item-expanded-wrapper{
	border-top: solid 1px lightgray;
	margin-top: 12px;
	padding-top: 12px;
}
.dash-item-splitter{
	display: block;
}
.dash-item .dash-item-expanded-wrapper p{
	margin: 0;
}


.dash-item-tags-wrapper{
	margin: 8px 0;
}


/*.checkbox-wrapper *{
	vertical-align: bottom;
	display: inline-block;
}*/
.checkbox-wrapper input {
	margin-right: 5px;
	vertical-align: -12px;
	/*margin-bottom: 8px;*/
}
.checkbox-wrapper input[type="checkbox"],
.checkbox-wrapper input[type="radio"] {
	appearance: none;
	border: solid 1px #ced6dd;
	width: 18px;
	height: 18px;
	transition: ease all .2s;
	position: relative;
	cursor: pointer;
	vertical-align: -4px;
	/*border-radius: 4px; */
	padding: 10px;
}
.checkbox-wrapper input[type="radio"] {
	/*border-radius: 50%;*/
}
.checkbox-wrapper input[type="checkbox"]:checked{
	/*background-color: #fff;*/
	background-color: #434B54;
	border-color: #434B54;
}

/*.checkbox-wrapper input[type="radio"]:checked{
}*/
.checkbox-wrapper input[type="checkbox"]:checked::before,
.checkbox-wrapper input[type="radio"]:checked::before {
	opacity: 1;
}
.checkbox-wrapper input[type="checkbox"]::before,
.checkbox-wrapper input[type="radio"]::before {
	/*content: '';*/
	content: '\2713';
	color: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	transition: ease all .2s;
	opacity: 0;

	/*background-color: #434B54;*/
	/*width: 18px;*/
	height: 18px;
	/*border-radius: 4px; */
}
.checkbox-wrapper input[type="radio"]::before {
	content: '';
	background-color: #434B54;
	width: 12px;
	height: 12px;
	/*border-radius: 50%;*/
}



#dash-item-results:not([data-more-info="true"]) .dash-item-more-details{
	display: none;
}


.overlay-dialog-wrapper{
	text-align: center;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	border: solid 1px black;
	border-radius: 0;
	z-index: 121;
}
.publish-request-tab-wrapper,
.publish-actioned-tab-wrapper{
	max-height: calc(100vh - 400px);
	overflow: auto;
}
.publish-actioned-tab{
	border: solid 1px var(--text-color);
	margin-bottom: 12px;
	padding: 20px;
}
.publish-actioned-tab:last-of-type{
	margin-bottom: 0;
}
.delete-dialog-title{
	font-size: 18px;
	margin-top: 0px;
	margin-bottom: 8px;
	display: block;
	font-weight: bold;
}
.overlay-dialog-wrapper span{
	display: inline-block;
	margin-top: 12px;
}
.overlay-dialog-wrapper *{
	z-index: 1;
	position: relative;
}

.overlay-dialog-wrapper .button{
	margin-left: 6px;
	margin-right: 6px;
}
body.overlay-dialog-open{
	overflow: hidden;
}

body.overlay-dialog-open .overlay-dialog-wrapper{
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	display: block;
	/*box-shadow: 0 6px 16px rgba(0,0,0,1);*/
	border: solid 1px #000;
}
body.overlay-dialog-open .menu-user-settings-underlay{
	z-index: 120;
	background-color: rgba(0, 0, 0, .4);
	animation: fadeInee linear .3s forwards;
	display: block;
}