/*-------------Step One - Add the council's font-------------*/ 

 

@font-face {
  font-family: 'Fedra';
  src:  url(https://squidex-test.ieg4.net/api/assets/ieg4-citizenvu-demo/91a0f1e8-053b-4860-9726-7a1cb707cfb1/fedra-sans-book.ttf?version=0) format('truetype');
}
 

 

/*-------------Step Two - Set the council's font and colour-------------*/

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, body {

    font-family: Arial ;color: #1b1b1b;

}

 

/*-------------Step Three - Set the council's button colours-------------*/

 
button.btn.btn-primary, button.btn.btn-primary.btn-block {
	color: #ffffff !important;
	background: #080052;
}

 

/*-------------Step Four - Set the council's hyperlink colours-------------*/

 

a {color: #000;font-weight: bold;}

 

/*-------------Step Six - Set the council's logo and navbar colour-------------*/

 

.navbar {
	background-image: url(https://my.northtyneside.gov.uk/sites/default/files/crest_2.png);
	background-color: #080052;
    background-size: 200px !important;
}

 

/*-------------Step Seven - Set the council's background if there is one-------------*/

 

body {

background-image: url(https://ieg4identityserverlive.z33.web.core.windows.net/content/OneView_NorthTyneside/NT-Client-Background.jpg) !important;

}

 

/*-------------Step Eight - Set the council's password tooltip prompt colours-------------*/

 

div#qtip-0 {

    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px #672964;

    background-color: rgb(103 41 100);

    color: #fff;

}

 

/*-------------Everything else-------------*/

.southwarkopenidconnect { display: none; }
.lewishamopenidconnect { display: none; }

body {background-repeat: no-repeat;background-size: cover;background-position-x: 40%;font-size: 15px;}button.btn.btn-primary, button.btn.btn-primary.btn-block {box-shadow: inset 0 0 15px rgb(55 84 170 / 0%), inset 0 0 20px rgb(255 255 255 / 0%), 7px 7px 15px rgb(55 84 170 / 15%), -7px -7px 20px #fff, inset 0 0 4px rgb(255 255 255 / 20%);transition: all 0.5s ease;border-radius: 3px;font-size: 15px;}.navbar {background-position: 50%;background-size: 300px;height: 120px;border-bottom: none;box-shadow: 3px -2px 11px 0 #e7e7e7;}.panel-tile .panel-heading {margin-left: 0;}.panel-tile .panel-heading h1 {padding-left: 15px;font-size: 32px;font-weight: 700;}.panel-tile .panel-body {padding-left: 15px;padding-right: 15px;}.btn.active, .btn:active, .btn:focus, .btn:hover, .open .dropdown-toggle.btn {transition: 0.5s;}.btn-social {width: 100%;overflow: auto;background: 0 0 !important;text-align: center;border: 0;vertical-align: middle;color: #222;}.btn-social i {height: 40px;width: 40px;display: inline-block;border-radius: 5px;color: #fff;}.btn-social.facebook i {background-color: #3b5998;padding: 10px 0 0 0;}.btn-social.google i {background-color: #dd4b39;padding: 10px 0 0 2px;}.btn-social .fa {margin-top: 3px;float: left;background-color: #0078d7;padding: 10px;padding-top: 8px;}.btn-social span {display: flex;margin: 10px 60px;font-size: 15px;}.fa-facebook:before {content: "\f09a";font-size: 24px;}.fa-google:before {content: "\f1a0";font-size: 24px;}.fa-windows:before {content: "\f17a";font-size: 24px;}.form-control {height: 50px;}.form-control.input-validation-error {border-color#67296456;box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #a41e57;}.text-danger {color: #530007;}span.text-danger.field-validation-error:before {content: "\f071";font-family: fontawesome;margin-right: 10px;}.local-account {padding: 0 20px;}div#qtip-0 {border: 0;font-size: 19px;line-height: 30px;}fieldset > .col-md-4:before {display: block;margin-top: -5px;margin-bottom: 35px;content: "MyAccount provides you with a safe and convenient way to access and see your account/claim and case information. You can find answers to all of the most common questions we get and you can complete and track hundreds of services.";font-size: 19px;white-space: pre-wrap;font-family: "Open Sans";}fieldset > .col-md-4, fieldset > .col-md-offset-4, fieldset > .col-sm-6, fieldset > .col-sm-offset-3 {width: 100%;float: none;margin: 0;padding: 0;}.panel-tile .panel-footer .btn-primary:nth-of-type(2):hover, button.btn.btn-primary.btn-block:hover, .page-login .list-unstyled li:nth-child(1):hover, .page-login .list-unstyled li:nth-child(2):hover, div.business-signup-option > a:hover {}button.btn.btn-primary.btn-block:hover:after {content: "\f054";padding-left: 10px;font-family: fontawesome;transition: 0.3s;}a.btn.btn-social.btn-block.openidconnect:hover {background-color: #0078d7 !important;border-radius: 5px;}a.btn.btn-social.btn-block.facebook:hover {background-color: #3b5998 !important;border-radius: 5px;}a.btn.btn-social.btn-block.google:hover {background-color: #dd4b39 !important;border-radius: 5px;}.panel-tile .panel-footer .btn-primary:nth-of-type(1):hover:after {content: "\f054";font-family: fontawesome;margin-left: 10px;}.panel-tile .panel-footer .btn-primary:nth-of-type(1):hover {background-color: #00b189;transition: 0.3s;}.panel-tile .panel-footer .btn-primary:nth-of-type(2):hover:before {font-family: fontawesome;content: "\f053";margin-right: 10px;}a:focus, a:hover {color: #2a499f;text-decoration: none;transition: 0.7s;}.col-md-6.local-account:before {margin-top: 0;content: "Using the email address and password you signed up with";font-size: 17px;}.col-md-6.external-providers:before {content: "Or it's quicker to get access through these services";font-size: 17px;}.container.page-login {margin-top: 2%;}.container > .navbar-header {float: right;margin-top: 60px;}html.ng-scope {}fieldset > .col-md-4 .form-group .form-control:focus, input#AddressSearch:focus, input#password:focus, input#username:focus {box-shadow: 0 0 0 2px #222, 0 0 0 5px gold;transition: 0.3s ease-out;}div.col-md-6.local-account > form > fieldset {margin-top: 30px;}button#addsearch {height: 50px;background: #682559;border: #682559 1px;color: #fff;}.fa-key:before {content: "\f023";font-size: 19px;}.fa-envelope-o:before {content: "\f0e0";}.container > .navbar-header {background-color: #fff0;width: 100%;height: 50px !important;margin-top: 120px !important;padding-top: 10px;padding-bottom: 10px !important;}.navbar-header:after {font-size: 32px;font-weight: bold;color: #ffffff !important;float: right;margin-top: -90px !important;margin-right: 15px;}@media (max-width: 768px) {.navbar {background-position-x: 50%;background-position-y: 30%;}.container > .navbar-header {width: 100%;background: #ffffff;margin-top: 120px;}span.navbar-brand.ng-binding:before {font-size: 26px !important;color: #fff;}.container.page-login {margin-top: 10px;}.panel-tile {background-color: #ffffffd9;}.col-md-6.external-providers {padding-top: 30px !important;}.container > .navbar-header {width: 1100%;height: 50px !important;margin-top: 120px !important;padding-top: 10px;padding-bottom: 10px !important;}.navbar-header:after {}}fieldset > .col-md-4 > .form-group:before {line-height: 45px;}.col-md-6.local-account, .external-providers {width: calc(100% - 30px);margin-right: 15px;background: rgb(255 255 255 / 0%);margin-left: 15px;border-top: 2px solid #092541;padding-top: 15px !important;border: none;}.container.page-login {width: 45%;}@media (max-width: 768px) {.container.page-login {width: 90%;}}.page-login .list-unstyled li:nth-child(1), .page-login .list-unstyled li:nth-child(2), div.business-signup-option > a {padding-top: 10px;padding-bottom: 10px;font-size: 15px;}.page-login .list-unstyled li:nth-child(2) {}span.navbar-brand {position: fixed;bottom: 0;height: 50px;background-color: #134b96;width: 100%;left: 0px;color: #fff;display: none;z-index: 999;padding-left: 30px !important;margin-left: 0px !important;}@media (max-width: 768px) {.navbar {height: 165px;}span.navbar-brand {padding-top: 5px;padding-bottom: 5px;height: 50px;}}h3#registrationMechanismTitle {display: block;font-size: 17px;font-weight: normal;line-height: 1.5;border-top: 2px solid #092541;padding-top: 15px;}.local-account, .external-providers, .panel-tile .panel-body .external-providers {padding-top: 0px;}.btn-primary:focus, .btn-social:focus, button.btn.btn-primary.btn-block:focus, button.btn.btn-primary.btn-block:active, a:focus, a:active {box-shadow: 0px 0px 0px 4px gold;}body > div.container.page-login > div:nth-child(2) > div > div > div.panel-body > div:nth-child(2) > div.col-md-6.external-providers > h3, body > div.container.page-login > div:nth-child(2) > div > div > div.panel-body > div:nth-child(2) > div.col-md-6.local-account > h3:nth-child(1) {display: none;}.panel.panel-tile {margin-top: 10%;background: #ffffff;backdrop-filter: blur(9px);border-radius: 5px;border: 2px solid #ffffff;box-shadow: inset 0 0 15px rgb(55 84 170 / 0%), inset 0 0 20px rgb(255 255 255 / 0%), 7px 7px 15px rgb(55 84 170 / 15%), -7px -7px 20px #fff, inset 0 0 4px rgb(255 255 255 / 20%);}body > div.container.page-login > div:nth-child(2) > div > div > div.panel-body > div:nth-child(2) > div.col-md-6.local-account > ul > li:nth-child(3) {margin-top: 20px;text-align: center;color: #222222;font-weight: bold;padding-bottom: 20px;}.external-providers, .panel-tile .panel-body .external-providers {margin-top: 20px;}@media (min-width: 1024px) {.container.page-login {width: 35%;}}.phoneVerificationTextbox {width: 43px;margin-right: 0;height: 70px;border: none;text-align: center;font-size: 28px;font-weight: normal;color: teal;} div.business-signup-option > h3 {font-size: 17px !important;}