/*
* Bootstrap v3.3.7 (http://getbootstrap.com)
* Copyright 2011-2016 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
.container {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 768px) {
.container {
width: 750px;
}
}
@media (min-width: 992px) {
.container {
width: 970px;
}
}
@media (min-width: 1200px) {
.container {
width: 1170px;
}
}
.container-fluid {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.row {
margin-right: -15px;
margin-left: -15px;
}
.row-no-gutters {
margin-right: 0;
margin-left: 0;
}
.row-no-gutters [class*="col-"] {
padding-right: 0;
padding-left: 0;
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
float: left;
}
.col-xs-12 {
width: 100%;
}
.col-xs-11 {
width: 91.66666667%;
}
.col-xs-10 {
width: 83.33333333%;
}
.col-xs-9 {
width: 75%;
}
.col-xs-8 {
width: 66.66666667%;
}
.col-xs-7 {
width: 58.33333333%;
}
.col-xs-6 {
width: 50%;
}
.col-xs-5 {
width: 41.66666667%;
}
.col-xs-4 {
width: 33.33333333%;
}
.col-xs-3 {
width: 25%;
}
.col-xs-2 {
width: 16.66666667%;
}
.col-xs-1 {
width: 8.33333333%;
}
.col-xs-pull-12 {
right: 100%;
}
.col-xs-pull-11 {
right: 91.66666667%;
}
.col-xs-pull-10 {
right: 83.33333333%;
}
.col-xs-pull-9 {
right: 75%;
}
.col-xs-pull-8 {
right: 66.66666667%;
}
.col-xs-pull-7 {
right: 58.33333333%;
}
.col-xs-pull-6 {
right: 50%;
}
.col-xs-pull-5 {
right: 41.66666667%;
}
.col-xs-pull-4 {
right: 33.33333333%;
}
.col-xs-pull-3 {
right: 25%;
}
.col-xs-pull-2 {
right: 16.66666667%;
}
.col-xs-pull-1 {
right: 8.33333333%;
}
.col-xs-pull-0 {
right: auto;
}
.col-xs-push-12 {
left: 100%;
}
.col-xs-push-11 {
left: 91.66666667%;
}
.col-xs-push-10 {
left: 83.33333333%;
}
.col-xs-push-9 {
left: 75%;
}
.col-xs-push-8 {
left: 66.66666667%;
}
.col-xs-push-7 {
left: 58.33333333%;
}
.col-xs-push-6 {
left: 50%;
}
.col-xs-push-5 {
left: 41.66666667%;
}
.col-xs-push-4 {
left: 33.33333333%;
}
.col-xs-push-3 {
left: 25%;
}
.col-xs-push-2 {
left: 16.66666667%;
}
.col-xs-push-1 {
left: 8.33333333%;
}
.col-xs-push-0 {
left: auto;
}
.col-xs-offset-12 {
margin-left: 100%;
}
.col-xs-offset-11 {
margin-left: 91.66666667%;
}
.col-xs-offset-10 {
margin-left: 83.33333333%;
}
.col-xs-offset-9 {
margin-left: 75%;
}
.col-xs-offset-8 {
margin-left: 66.66666667%;
}
.col-xs-offset-7 {
margin-left: 58.33333333%;
}
.col-xs-offset-6 {
margin-left: 50%;
}
.col-xs-offset-5 {
margin-left: 41.66666667%;
}
.col-xs-offset-4 {
margin-left: 33.33333333%;
}
.col-xs-offset-3 {
margin-left: 25%;
}
.col-xs-offset-2 {
margin-left: 16.66666667%;
}
.col-xs-offset-1 {
margin-left: 8.33333333%;
}
.col-xs-offset-0 {
margin-left: 0%;
}
@media (min-width: 768px) {
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12 {
float: left;
}
.col-sm-12 {
width: 100%;
}
.col-sm-11 {
width: 91.66666667%;
}
.col-sm-10 {
width: 83.33333333%;
}
.col-sm-9 {
width: 75%;
}
.col-sm-8 {
width: 66.66666667%;
}
.col-sm-7 {
width: 58.33333333%;
}
.col-sm-6 {
width: 50%;
}
.col-sm-5 {
width: 41.66666667%;
}
.col-sm-4 {
width: 33.33333333%;
}
.col-sm-3 {
width: 25%;
}
.col-sm-2 {
width: 16.66666667%;
}
.col-sm-1 {
width: 8.33333333%;
}
.col-sm-pull-12 {
right: 100%;
}
.col-sm-pull-11 {
right: 91.66666667%;
}
.col-sm-pull-10 {
right: 83.33333333%;
}
.col-sm-pull-9 {
right: 75%;
}
.col-sm-pull-8 {
right: 66.66666667%;
}
.col-sm-pull-7 {
right: 58.33333333%;
}
.col-sm-pull-6 {
right: 50%;
}
.col-sm-pull-5 {
right: 41.66666667%;
}
.col-sm-pull-4 {
right: 33.33333333%;
}
.col-sm-pull-3 {
right: 25%;
}
.col-sm-pull-2 {
right: 16.66666667%;
}
.col-sm-pull-1 {
right: 8.33333333%;
}
.col-sm-pull-0 {
right: auto;
}
.col-sm-push-12 {
left: 100%;
}
.col-sm-push-11 {
left: 91.66666667%;
}
.col-sm-push-10 {
left: 83.33333333%;
}
.col-sm-push-9 {
left: 75%;
}
.col-sm-push-8 {
left: 66.66666667%;
}
.col-sm-push-7 {
left: 58.33333333%;
}
.col-sm-push-6 {
left: 50%;
}
.col-sm-push-5 {
left: 41.66666667%;
}
.col-sm-push-4 {
left: 33.33333333%;
}
.col-sm-push-3 {
left: 25%;
}
.col-sm-push-2 {
left: 16.66666667%;
}
.col-sm-push-1 {
left: 8.33333333%;
}
.col-sm-push-0 {
left: auto;
}
.col-sm-offset-12 {
margin-left: 100%;
}
.col-sm-offset-11 {
margin-left: 91.66666667%;
}
.col-sm-offset-10 {
margin-left: 83.33333333%;
}
.col-sm-offset-9 {
margin-left: 75%;
}
.col-sm-offset-8 {
margin-left: 66.66666667%;
}
.col-sm-offset-7 {
margin-left: 58.33333333%;
}
.col-sm-offset-6 {
margin-left: 50%;
}
.col-sm-offset-5 {
margin-left: 41.66666667%;
}
.col-sm-offset-4 {
margin-left: 33.33333333%;
}
.col-sm-offset-3 {
margin-left: 25%;
}
.col-sm-offset-2 {
margin-left: 16.66666667%;
}
.col-sm-offset-1 {
margin-left: 8.33333333%;
}
.col-sm-offset-0 {
margin-left: 0%;
}
}
@media (min-width: 992px) {
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12 {
float: left;
}
.col-md-12 {
width: 100%;
}
.col-md-11 {
width: 91.66666667%;
}
.col-md-10 {
width: 83.33333333%;
}
.col-md-9 {
width: 75%;
}
.col-md-8 {
width: 66.66666667%;
}
.col-md-7 {
width: 58.33333333%;
}
.col-md-6 {
width: 50%;
}
.col-md-5 {
width: 41.66666667%;
}
.col-md-4 {
width: 33.33333333%;
}
.col-md-3 {
width: 25%;
}
.col-md-2 {
width: 16.66666667%;
}
.col-md-1 {
width: 8.33333333%;
}
.col-md-pull-12 {
right: 100%;
}
.col-md-pull-11 {
right: 91.66666667%;
}
.col-md-pull-10 {
right: 83.33333333%;
}
.col-md-pull-9 {
right: 75%;
}
.col-md-pull-8 {
right: 66.66666667%;
}
.col-md-pull-7 {
right: 58.33333333%;
}
.col-md-pull-6 {
right: 50%;
}
.col-md-pull-5 {
right: 41.66666667%;
}
.col-md-pull-4 {
right: 33.33333333%;
}
.col-md-pull-3 {
right: 25%;
}
.col-md-pull-2 {
right: 16.66666667%;
}
.col-md-pull-1 {
right: 8.33333333%;
}
.col-md-pull-0 {
right: auto;
}
.col-md-push-12 {
left: 100%;
}
.col-md-push-11 {
left: 91.66666667%;
}
.col-md-push-10 {
left: 83.33333333%;
}
.col-md-push-9 {
left: 75%;
}
.col-md-push-8 {
left: 66.66666667%;
}
.col-md-push-7 {
left: 58.33333333%;
}
.col-md-push-6 {
left: 50%;
}
.col-md-push-5 {
left: 41.66666667%;
}
.col-md-push-4 {
left: 33.33333333%;
}
.col-md-push-3 {
left: 25%;
}
.col-md-push-2 {
left: 16.66666667%;
}
.col-md-push-1 {
left: 8.33333333%;
}
.col-md-push-0 {
left: auto;
}
.col-md-offset-12 {
margin-left: 100%;
}
.col-md-offset-11 {
margin-left: 91.66666667%;
}
.col-md-offset-10 {
margin-left: 83.33333333%;
}
.col-md-offset-9 {
margin-left: 75%;
}
.col-md-offset-8 {
margin-left: 66.66666667%;
}
.col-md-offset-7 {
margin-left: 58.33333333%;
}
.col-md-offset-6 {
margin-left: 50%;
}
.col-md-offset-5 {
margin-left: 41.66666667%;
}
.col-md-offset-4 {
margin-left: 33.33333333%;
}
.col-md-offset-3 {
margin-left: 25%;
}
.col-md-offset-2 {
margin-left: 16.66666667%;
}
.col-md-offset-1 {
margin-left: 8.33333333%;
}
.col-md-offset-0 {
margin-left: 0%;
}
}
@media (min-width: 1200px) {
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
float: left;
}
.col-lg-12 {
width: 100%;
}
.col-lg-11 {
width: 91.66666667%;
}
.col-lg-10 {
width: 83.33333333%;
}
.col-lg-9 {
width: 75%;
}
.col-lg-8 {
width: 66.66666667%;
}
.col-lg-7 {
width: 58.33333333%;
}
.col-lg-6 {
width: 50%;
}
.col-lg-5 {
width: 41.66666667%;
}
.col-lg-4 {
width: 33.33333333%;
}
.col-lg-3 {
width: 25%;
}
.col-lg-2 {
width: 16.66666667%;
}
.col-lg-1 {
width: 8.33333333%;
}
.col-lg-pull-12 {
right: 100%;
}
.col-lg-pull-11 {
right: 91.66666667%;
}
.col-lg-pull-10 {
right: 83.33333333%;
}
.col-lg-pull-9 {
right: 75%;
}
.col-lg-pull-8 {
right: 66.66666667%;
}
.col-lg-pull-7 {
right: 58.33333333%;
}
.col-lg-pull-6 {
right: 50%;
}
.col-lg-pull-5 {
right: 41.66666667%;
}
.col-lg-pull-4 {
right: 33.33333333%;
}
.col-lg-pull-3 {
right: 25%;
}
.col-lg-pull-2 {
right: 16.66666667%;
}
.col-lg-pull-1 {
right: 8.33333333%;
}
.col-lg-pull-0 {
right: auto;
}
.col-lg-push-12 {
left: 100%;
}
.col-lg-push-11 {
left: 91.66666667%;
}
.col-lg-push-10 {
left: 83.33333333%;
}
.col-lg-push-9 {
left: 75%;
}
.col-lg-push-8 {
left: 66.66666667%;
}
.col-lg-push-7 {
left: 58.33333333%;
}
.col-lg-push-6 {
left: 50%;
}
.col-lg-push-5 {
left: 41.66666667%;
}
.col-lg-push-4 {
left: 33.33333333%;
}
.col-lg-push-3 {
left: 25%;
}
.col-lg-push-2 {
left: 16.66666667%;
}
.col-lg-push-1 {
left: 8.33333333%;
}
.col-lg-push-0 {
left: auto;
}
.col-lg-offset-12 {
margin-left: 100%;
}
.col-lg-offset-11 {
margin-left: 91.66666667%;
}
.col-lg-offset-10 {
margin-left: 83.33333333%;
}
.col-lg-offset-9 {
margin-left: 75%;
}
.col-lg-offset-8 {
margin-left: 66.66666667%;
}
.col-lg-offset-7 {
margin-left: 58.33333333%;
}
.col-lg-offset-6 {
margin-left: 50%;
}
.col-lg-offset-5 {
margin-left: 41.66666667%;
}
.col-lg-offset-4 {
margin-left: 33.33333333%;
}
.col-lg-offset-3 {
margin-left: 25%;
}
.col-lg-offset-2 {
margin-left: 16.66666667%;
}
.col-lg-offset-1 {
margin-left: 8.33333333%;
}
.col-lg-offset-0 {
margin-left: 0%;
}
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0;
}
legend {
display: block;
width: 100%;
padding: 0;
/*margin-bottom: 10px;*/
font-size: 17px;
line-height: inherit;
color: #333333;
border: 0;
/*border-bottom: 1px solid #e5e5e5;*/
}
label {
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-weight: 700;
}
input[type="search"] {
-ms-box-sizing: border-box;
box-sizing: border-box;
appearance: none;
}
input[type="radio"],
input[type="checkbox"] {
margin: 4px 0 0;
/*margin-top: 1px \9;*/
line-height: normal;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
cursor: not-allowed;
}
input[type="file"] {
display: block;
}
input[type="range"] {
display: block;
width: 100%;
}
select[multiple],
select[size] {
height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
output {
display: block;
padding-top: 7px;
font-size: 14px;
line-height: 1.42857143;
color: #555555;
}
.form-control {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition : box-shadow ease-in-out 0.15s;
transition : box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s;
}
.form-control:focus {
border-color: #66afe9;
outline: 0;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control::-moz-placeholder {
color: #999;
opacity: 1;
}
.form-control:-ms-input-placeholder {
color: #999;
}
.form-control::-webkit-input-placeholder {
color: #999;
}
.form-control::-ms-expand {
background-color: transparent;
border: 0;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
background-color: #eeeeee;
opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
cursor: not-allowed;
}
textarea.form-control {
height: auto;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
input[type="date"].form-control,
input[type="time"].form-control,
input[type="datetime-local"].form-control,
input[type="month"].form-control {
line-height: 34px;
}
input[type="date"].input-sm,
input[type="time"].input-sm,
input[type="datetime-local"].input-sm,
input[type="month"].input-sm,
.input-group-sm input[type="date"],
.input-group-sm input[type="time"],
.input-group-sm input[type="datetime-local"],
.input-group-sm input[type="month"] {
line-height: 30px;
}
input[type="date"].input-lg,
input[type="time"].input-lg,
input[type="datetime-local"].input-lg,
input[type="month"].input-lg,
.input-group-lg input[type="date"],
.input-group-lg input[type="time"],
.input-group-lg input[type="datetime-local"],
.input-group-lg input[type="month"] {
line-height: 46px;
}
}
.form-group {
margin-bottom: 15px;
}
.radio,
.checkbox {
position: relative;
display: block;
margin-top: 10px;
margin-bottom: 10px;
}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
cursor: not-allowed;
}
.radio label,
.checkbox label {
min-height: 20px;
padding-left: 20px;
margin-bottom: 0;
font-weight: 400;
cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
position: absolute;
/*margin-top: 4px \9;*/
margin-left: 0px;
}
.radio + .radio,
.checkbox + .checkbox {
margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
position: relative;
display: inline-block;
padding-left: 20px;
margin-bottom: 0;
font-weight: 400;
vertical-align: middle;
cursor: pointer;
}
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
cursor: not-allowed;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
margin-top: 0;
margin-left: 10px;
}
.form-control-static {
min-height: 34px;
padding-top: 7px;
padding-bottom: 7px;
margin-bottom: 0;
}
.form-control-static.input-lg,
.form-control-static.input-sm {
padding-right: 0;
padding-left: 0;
}
.input-sm {
height: 30px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
select.input-sm {
height: 30px;
line-height: 30px;
}
textarea.input-sm,
select[multiple].input-sm {
height: auto;
}
.form-group-sm .form-control {
height: 30px;
padding: 5px 5px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
.form-group-sm select.form-control {
height: 30px;
line-height: 30px;
}
.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
height: auto;
}
.form-group-sm .form-control-static {
height: 30px;
min-height: 32px;
padding: 6px 10px;
font-size: 12px;
line-height: 1.5;
}
.input-lg {
height: 46px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px;
}
select.input-lg {
height: 46px;
line-height: 46px;
}
textarea.input-lg,
select[multiple].input-lg {
height: auto;
}
.form-group-lg .form-control {
height: 46px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px;
}
.form-group-lg select.form-control {
height: 46px;
line-height: 46px;
}
.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
height: auto;
}
.form-group-lg .form-control-static {
height: 46px;
min-height: 38px;
padding: 11px 16px;
font-size: 18px;
line-height: 1.3333333;
}
.has-feedback {
position: relative;
}
.has-feedback .form-control {
padding-right: 42.5px;
}
.form-control-feedback {
position: absolute;
top: 0;
right: 0;
z-index: 2;
display: block;
width: 34px;
height: 34px;
line-height: 34px;
text-align: center;
pointer-events: none;
}
.input-lg + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
width: 46px;
height: 46px;
line-height: 46px;
}
.input-sm + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
width: 30px;
height: 30px;
line-height: 30px;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
color: #3c763d;
}
.has-success .form-control {
border-color: #3c763d;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .form-control:focus {
border-color: #2b542c;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}
.has-success .input-group-addon {
color: #3c763d;
background-color: #dff0d8;
border-color: #3c763d;
}
.has-success .form-control-feedback {
color: #3c763d;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
color: #8a6d3b;
}
.has-warning .form-control {
border-color: #8a6d3b;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .form-control:focus {
border-color: #66512c;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #8a6d3b;
}
.has-warning .form-control-feedback {
color: #8a6d3b;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
color: #941930;
}
.has-error .form-control {
border-color: #941930;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control:focus {
border-color: #941930;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
border: 4px solid #941930;
}
.has-error .input-group-addon {
color: #a94442;
background-color: #f2dede;
border-color: #a94442;
}
.has-error .form-control-feedback {
color: #a94442;
}
.has-feedback label ~ .form-control-feedback {
top: 25px;
}
.has-feedback label.sr-only ~ .form-control-feedback {
top: 0;
}
.help-block {
display: block;
margin-top: 5px;
margin-bottom: 10px;
color: #737373;
}
@media (min-width: 768px) {
.form-inline .form-group {
display: inline-block;
margin-bottom: 0;
vertical-align: middle;
}
.form-inline .form-control {
display: inline-block;
width: auto;
vertical-align: middle;
}
.form-inline .form-control-static {
display: inline-block;
}
.form-inline .input-group {
display: inline-table;
vertical-align: middle;
}
.form-inline .input-group .input-group-addon,
.form-inline .input-group .input-group-btn,
.form-inline .input-group .form-control {
width: auto;
}
.form-inline .input-group > .form-control {
width: 100%;
}
.form-inline .control-label {
margin-bottom: 0;
vertical-align: middle;
}
.form-inline .radio,
.form-inline .checkbox {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
vertical-align: middle;
}
.form-inline .radio label,
.form-inline .checkbox label {
padding-left: 0;
}
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
position: relative;
margin-left: 0;
}
.form-inline .has-feedback .form-control-feedback {
top: 0;
}
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
padding-top: 7px;
margin-top: 0;
margin-bottom: 0;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
min-height: 27px;
}
.form-horizontal .form-group {
margin-right: -15px;
margin-left: -15px;
}
@media (min-width: 768px) {
.form-horizontal .control-label {
padding-top: 7px;
margin-bottom: 0;
text-align: right;
}
}
.form-horizontal .has-feedback .form-control-feedback {
right: 15px;
}
@media (min-width: 768px) {
.form-horizontal .form-group-lg .control-label {
padding-top: 11px;
font-size: 18px;
}
}
@media (min-width: 768px) {
.form-horizontal .form-group-sm .control-label {
padding-top: 6px;
font-size: 12px;
}
}
.btn {
display: inline-block;
margin-bottom: 0;
font-weight: normal;
text-align: center;
white-space: nowrap;
vertical-align: middle;
touch-action: manipulation;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
padding: 9px 12px;
font-size: 14px;
line-height: 1.42857143;
border-radius: 4px;
user-select: none;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
color: #333;
text-decoration: none;
}
.btn:active,
.btn.active {
background-image: none;
outline: 0;
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
cursor: not-allowed;
-moz-opacity: 0.65;
-khtml-opacity: 0.65;
-webkit-opacity: 0.65;
opacity: 0.65;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=65);
filter: alpha(opacity=65);
box-shadow: none;
}
a.btn.disabled,
fieldset[disabled] a.btn {
pointer-events: none;
}
.btn-default {
color: #333;
background-color: #fff;
border-color: #ccc;
}
.btn-default:hover {
color: #333;
background-color: #e6e6e6;
border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
color: #333;
background-color: #e6e6e6;
background-image: none;
border-color: #adadad;
}
.btn-default:focus,
.btn-default.focus {
background-color:#fae100;
color:#000000;
outline: 3px solid #000000;
outline-offset: 0;
box-shadow: inset 0 0px 0 0 #000000;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
color: #333;
background-color: #d4d4d4;
border-color: #8c8c8c;
}
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
background-color: #fff;
border-color: #ccc;
}
.btn-default .badge {
color: #fff;
background-color: #333;
}
.btn-primary {
color: #fff!important;
background-color: #1565C0;
border-color: #1259a9;
text-decoration: none;
}
.btn-primary:hover {
color: #fff!important;
background-color: #104d92;
border-color: #0c3c72;
text-decoration: underline;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
color: #fff!important;
background-color: #1565C0;
border-color: #1259a9;
background-image: none;
text-decoration: none;
}
.btn-primary:focus,
.btn-primary.focus {
background-color: #ffeb3b;
color: #212b32!important;
text-decoration: none;
/*box-shadow: 0 -2px #ffeb3b, 0 4px #212b32;
outline: 4px solid transparent;*/
outline: 3px solid #000000;
outline-offset: 0;
box-shadow: inset 0 -0px 0 0 #212b32;
}
/*.btn-primary:active:hover,
.btn-primary.active:hover,*/
.open > .dropdown-toggle.btn-primary:hover,
/*.btn-primary:active:focus,
.btn-primary.active:focus,*/
.open > .dropdown-toggle.btn-primary:focus,
/*.btn-primary:active.focus,
.btn-primary.active.focus,*/
.open > .dropdown-toggle.btn-primary.focus {
color: #fff;
background-color: #0c3c72;
border-color: #0c3c72;
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
background-color: #1565C0;
border-color: #1565C0;
}
.btn-primary .badge {
color: #1565C0;
background-color: #fff;
}
.btn-success {
color: #fff;
background-color: #1B5E20;
border-color: #154a19;
}
.btn-success:hover,
.btn-success.hover,
.open > .dropdown-toggle.btn-success:hover {
color: #fff;
background-color: #103613;
border-color: #081b09;
}
.btn-success:focus,
.btn-success.focus,
.open > .dropdown-toggle.btn-success:focus {
text-decoration:none;
background-color:#fae100;
color: #212b32;
box-shadow:inset 0 -2px 0 0 #000;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
color: #fff;
background-color: #1B5E20;
background-image: none;
border-color: #154a19;
}
/*
.btn-success {
color: #fff;
background-color: #1B5E20;
border-color: #154a19;
}
.btn-success:focus,
.btn-success.focus {
color: #fff;
background-color: #103613;
border-color: #000000;
}
.btn-success:hover {
color: #fff;
background-color: #103613;
border-color: #081b09;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
color: #fff;
background-color: #103613;
background-image: none;
border-color: #081b09;
}
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
color: #fff;
background-color: #081b09;
border-color: #000000;
}
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus {
background-color: #1B5E20;
border-color: #154a19;
}*/
.btn-success .badge {
color: #1B5E20;
background-color: #fff;
}
.btn-info {
color: #fff;
background-color: #00838F;
border-color: #006c76;
}
.btn-info:focus,
.btn-info.focus {
color: #fff;
background-color: #00545c;
border-color: #000000;
}
.btn-info:hover {
color: #fff;
background-color: #00545c;
border-color: #003438;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
color: #fff;
background-color: #00545c;
background-image: none;
border-color: #003438;
}
.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
color: #fff;
background-color: #003438;
border-color: #000000;
}
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus {
background-color: #00838F;
border-color: #006c76;
}
.btn-info .badge {
color: #00838F;
background-color: #fff;
}
.btn-warning {
color: #fff;
background-color: #802d00;
border-color: #672400;
}
.btn-warning:focus,
.btn-warning.focus {
color: #fff;
background-color: #4d1b00;
border-color: #000000;
}
.btn-warning:hover {
color: #fff;
background-color: #4d1b00;
border-color: #290f00;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
color: #fff;
background-color: #4d1b00;
background-image: none;
border-color: #290f00;
}
.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus {
color: #fff;
background-color: #290f00;
border-color: #000000;
}
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus {
background-color: #802d00;
border-color: #672400;
}
.btn-warning .badge {
color: #802d00;
background-color: #fff;
}
.btn-danger {
color: #fff;
background-color: #C62828;
border-color: #b12424;
}
.btn-danger:focus,
.btn-danger.focus {
color: #fff;
background-color: #9c1f1f;
border-color: #470e0e;
}
.btn-danger:hover {
color: #fff;
background-color: #9c1f1f;
border-color: #7e1919;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
color: #fff;
background-color: #9c1f1f;
background-image: none;
border-color: #7e1919;
}
.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
color: #fff;
background-color: #7e1919;
border-color: #470e0e;
}
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus {
background-color: #C62828;
border-color: #b12424;
}
.btn-danger .badge {
color: #C62828;
background-color: #fff;
}
.btn-link {
font-weight: 400;
color: #1565C0;
border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
background-color: transparent;
box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
color: #0d417b;
text-decoration: underline;
background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
color: #777777;
text-decoration: none;
}
.btn-lg,
.btn-group-lg > .btn {
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px;
}
.btn-sm,
.btn-group-sm > .btn {
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
.btn-xs,
.btn-group-xs > .btn {
padding: 1px 5px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
.btn-block {
display: block;
width: 100%;
}
.btn-block + .btn-block {
margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
width: 100%;
}
.caret {
display: inline-block;
width: 0;
height: 0;
margin-left: 2px;
vertical-align: middle;
border-top: 4px dashed;
/*border-top: 4px solid \9;*/
border-right: 4px solid transparent;
border-left: 4px solid transparent;
}
.dropup,
.dropdown {
position: relative;
}
.dropdown-toggle:focus {
outline: 0;
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
font-size: 14px;
text-align: left;
list-style: none;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.dropdown-menu.pull-right {
right: 0;
left: auto;
}
.dropdown-menu .divider {
height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #e5e5e5;
}
.dropdown-menu > li > a {
display: block;
padding: 3px 20px;
clear: both;
font-weight: 400;
line-height: 1.42857143;
color: #333333;
white-space: nowrap;
text-decoration: underline;
}
.dropdown-menu > li > a:hover{
color: #262626;
text-decoration: none;
background-color: #f5f5f5;
}
.dropdown-menu > li > a:focus {
color: #212b32;
text-decoration: none;
background-color: #fae100;
outline: 2px solid #000000;
box-shadow:inset 0 0px 0 0 #000;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
color: #fff;
text-decoration: none;
background-color: #1565C0;
outline: 0;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
color: #777777;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
text-decoration: none;
cursor: not-allowed;
background-color: transparent;
background-image: none;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.open > .dropdown-menu {
display: block;
}
.open > a {
outline: 0;
}
.dropdown-menu-right {
right: 0;
left: auto;
}
.dropdown-menu-left {
right: auto;
left: 0;
}
.dropdown-header {
display: block;
padding: 3px 20px;
font-size: 12px;
line-height: 1.42857143;
color: #777777;
white-space: nowrap;
}
.dropdown-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 990;
}
.pull-right > .dropdown-menu {
right: 0;
left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
content: "";
border-top: 0;
border-bottom: 4px dashed;
/*border-bottom: 4px solid \9;*/
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
top: auto;
bottom: 100%;
margin-bottom: 2px;
}
@media (min-width: 768px) {
.navbar-right .dropdown-menu {
right: 0;
left: auto;
}
.navbar-right .dropdown-menu-left {
right: auto;
left: 0;
}
}
.btn-group,
.btn-group-vertical {
position: relative;
display: inline-block;
vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
position: relative;
float: left;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {
z-index: 2;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
margin-left: -1px;
}
.btn-toolbar {
margin-left: -5px;
}
.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
float: left;
}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
margin-left: 5px;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
border-radius: 0;
}
.btn-group > .btn:first-child {
margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group > .btn-group {
float: left;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
border-radius: 0;
}
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
outline: 0;
}
.btn-group > .btn + .dropdown-toggle {
padding-right: 8px;
padding-left: 8px;
}
.btn-group > .btn-lg + .dropdown-toggle {
padding-right: 12px;
padding-left: 12px;
}
.btn-group.open .dropdown-toggle {
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-group.open .dropdown-toggle.btn-link {
box-shadow: none;
}
.btn .caret {
margin-left: 0;
}
.btn-lg .caret {
border-width: 5px 5px 0;
border-bottom-width: 0;
}
.dropup .btn-lg .caret {
border-width: 0 5px 5px;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
display: block;
float: none;
width: 100%;
max-width: 100%;
}
.btn-group-vertical > .btn-group > .btn {
float: none;
}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
margin-top: -1px;
margin-left: 0;
}
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
border-radius: 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
border-radius: 0;
}
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.btn-group-justified {
display: table;
width: 100%;
table-layout: fixed;
border-collapse: separate;
}
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
display: table-cell;
float: none;
width: 1%;
}
.btn-group-justified > .btn-group .btn {
width: 100%;
}
.btn-group-justified > .btn-group .dropdown-menu {
left: auto;
}
[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
position: absolute;
clip-path: inset(50%);
pointer-events: none;
}
.input-group {
position: relative;
display: table;
border-collapse: separate;
}
.input-group[class*="col-"] {
float: none;
padding-right: 0;
padding-left: 0;
}
.input-group .form-control {
position: relative;
z-index: 2;
float: left;
width: 100%;
margin-bottom: 0;
}
.input-group .form-control:focus {
z-index: 3;
}
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
height: 46px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px;
}
select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
height: 46px;
line-height: 46px;
}
textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn,
select[multiple].input-group-lg > .form-control,
select[multiple].input-group-lg > .input-group-addon,
select[multiple].input-group-lg > .input-group-btn > .btn {
height: auto;
}
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
height: 30px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
height: 30px;
line-height: 30px;
}
textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn,
select[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-btn > .btn {
height: auto;
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
border-radius: 0;
}
.input-group-addon,
.input-group-btn {
width: 1%;
white-space: nowrap;
vertical-align: middle;
}
.input-group-addon {
padding: 6px 12px;
font-size: 14px;
font-weight: 400;
line-height: 1;
color: #555555;
text-align: center;
background-color: #eeeeee;
border: 1px solid #ccc;
border-radius: 4px;
}
.input-group-addon.input-sm {
padding: 5px 10px;
font-size: 12px;
border-radius: 3px;
}
.input-group-addon.input-lg {
padding: 10px 16px;
font-size: 18px;
border-radius: 6px;
}
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
margin-top: 0;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group-addon:first-child {
border-right: 0;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.input-group-addon:last-child {
border-left: 0;
}
.input-group-btn {
position: relative;
font-size: 0;
white-space: nowrap;
}
.input-group-btn > .btn {
position: relative;
}
.input-group-btn > .btn + .btn {
margin-left: -1px;
}
.input-group-btn > .btn:hover,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:active {
z-index: 2;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
margin-right: -1px;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
z-index: 2;
margin-left: -1px;
}
/* Fix for the get directions button on the Practice Boundary map */
.input-group-btn .btn-get-directions {
background-color: #005eb8;
color:#FFFFFF;
text-decoration: none;
}
.input-group-btn .btn-get-directions:hover {
background-color: #004f8f;
color:#FFFFFF;
text-decoration: none;
}
.input-group-btn .btn-get-directions:focus {
background-color: #ffeb3b;
box-shadow: 0 -2px #ffeb3b, 0 4px #212b32;
color: #212b32;
outline: 4px solid transparent;
text-decoration: none;
}
.nav {
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.nav > li {
position: relative;
display: block;
}
.nav > li > a {
position: relative;
display: block;
padding: 10px 15px;
}
.nav > li > a:hover,
.nav > li > a:focus {
text-decoration: none;
background-color: #eeeeee;
}
.nav > li.disabled > a {
color: #777777;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
color: #777777;
text-decoration: none;
cursor: not-allowed;
background-color: transparent;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
background-color: #eeeeee;
border-color: #1565C0;
}
.nav .nav-divider {
height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #e5e5e5;
}
.nav > li > a > img {
max-width: none;
}
.nav-tabs {
border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
float: left;
margin-bottom: -1px;
}
.nav-tabs > li > a {
margin-right: 2px;
line-height: 1.42857143;
border: 1px solid transparent;
border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
border-color: #eeeeee #eeeeee #ddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
color: #555555;
cursor: default;
background-color: #fff;
border: 1px solid #ddd;
border-bottom-color: transparent;
}
.nav-tabs.nav-justified {
width: 100%;
border-bottom: 0;
}
.nav-tabs.nav-justified > li {
float: none;
}
.nav-tabs.nav-justified > li > a {
margin-bottom: 5px;
text-align: center;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
top: auto;
left: auto;
}
@media (min-width: 768px) {
.nav-tabs.nav-justified > li {
display: table-cell;
width: 1%;
}
.nav-tabs.nav-justified > li > a {
margin-bottom: 0;
}
}
.nav-tabs.nav-justified > li > a {
margin-right: 0;
border-radius: 4px;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
border: 1px solid #ddd;
}
@media (min-width: 768px) {
.nav-tabs.nav-justified > li > a {
border-bottom: 1px solid #ddd;
border-radius: 4px 4px 0 0;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
border-bottom-color: #fff;
}
}
.nav-pills > li {
float: left;
}
.nav-pills > li > a {
border-radius: 4px;
}
.nav-pills > li + li {
margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
color: #fff;
background-color: #1565C0;
}
.nav-stacked > li {
float: none;
}
.nav-stacked > li + li {
margin-top: 2px;
margin-left: 0;
}
.nav-justified {
width: 100%;
}
.nav-justified > li {
float: none;
}
.nav-justified > li > a {
margin-bottom: 5px;
text-align: center;
}
.nav-justified > .dropdown .dropdown-menu {
top: auto;
left: auto;
}
@media (min-width: 768px) {
.nav-justified > li {
display: table-cell;
width: 1%;
}
.nav-justified > li > a {
margin-bottom: 0;
}
}
.nav-tabs-justified {
border-bottom: 0;
}
.nav-tabs-justified > li > a {
margin-right: 0;
border-radius: 4px;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
border: 1px solid #ddd;
}
@media (min-width: 768px) {
.nav-tabs-justified > li > a {
border-bottom: 1px solid #ddd;
border-radius: 4px 4px 0 0;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
border-bottom-color: #fff;
}
}
.tab-content > .tab-pane {
display: none;
}
.tab-content > .active {
display: block;
}
.nav-tabs .dropdown-menu {
margin-top: -1px;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.label {
display: inline;
padding: 0.2em 0.6em 0.3em;
font-size: 75%;
font-weight: 700;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: 0.25em;
}
a.label:hover,
a.label:focus {
color: #fff;
text-decoration: none;
cursor: pointer;
}
.label:empty {
display: none;
}
.btn .label {
position: relative;
top: -1px;
}
.label-default {
background-color: #777777;
}
.label-default[href]:hover,
.label-default[href]:focus {
background-color: #5e5e5e;
}
.label-primary {
background-color: #1565C0;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
background-color: #104d92;
}
.label-success {
background-color: #1B5E20;
}
.label-success[href]:hover,
.label-success[href]:focus {
background-color: #103613;
}
.label-info {
background-color: #00838F;
}
.label-info[href]:hover,
.label-info[href]:focus {
background-color: #00545c;
}
.label-warning {
background-color: #802d00;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
background-color: #4d1b00;
}
.label-danger {
background-color: #C62828;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
background-color: #9c1f1f;
}
.badge {
display: inline-block;
min-width: 10px;
padding: 3px 7px;
font-size: 12px;
font-weight: bold;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: middle;
background-color: #777777;
border-radius: 10px;
}
.badge:empty {
display: none;
}
.btn .badge {
position: relative;
top: -1px;
}
.btn-xs .badge,
.btn-group-xs > .btn .badge {
top: 0;
padding: 1px 5px;
}
a.badge:hover,
a.badge:focus {
color: #fff;
text-decoration: none;
cursor: pointer;
}
.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
color: #1565C0;
background-color: #fff;
}
.list-group-item > .badge {
float: right;
}
.list-group-item > .badge + .badge {
margin-right: 5px;
}
.nav-pills > li > a > .badge {
margin-left: 3px;
}
.thumbnail {
display: block;
padding: 4px;
margin-bottom: 20px;
line-height: 1.42857143;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
transition: border 0.2s ease-in-out;
}
.thumbnail > img,
.thumbnail a > img {
margin-right: auto;
margin-left: auto;
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
border-color: #1565C0;
}
.thumbnail .caption {
padding: 9px;
color: #333333;
}
.alert {
padding: 15px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px;
}
.alert h4 {
margin-top: 0;
color: inherit;
}
.alert .alert-link {
font-weight: bold;
}
.alert > p,
.alert > ul {
margin-bottom: 0;
}
.alert > p + p {
margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
position: relative;
top: -2px;
right: -21px;
color: inherit;
}
.alert-success {
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6;
}
.alert-success hr {
border-top-color: #c9e2b3;
}
.alert-success .alert-link {
color: #2b542c;
}
.alert-info {
color: #31708f;
background-color: #d9edf7;
border-color: #bce8f1;
}
.alert-info hr {
border-top-color: #a6e1ec;
}
.alert-info .alert-link {
color: #245269;
}
.alert-warning {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #faebcc;
}
.alert-warning hr {
border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
color: #66512c;
}
.alert-danger {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
}
.alert-danger hr {
border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
color: #941930;
}
.media {
margin-top: 15px;
}
.media:first-child {
margin-top: 0;
}
.media,
.media-body {
overflow: hidden;
transform: scale(1);
}
.media-body {
width: 10000px;
}
.media-object {
display: block;
}
.media-object.img-thumbnail {
max-width: none;
}
.media-right,
.media > .pull-right {
padding-left: 10px;
}
.media-left,
.media > .pull-left {
padding-right: 10px;
}
.media-left,
.media-right,
.media-body {
display: table-cell;
vertical-align: top;
}
.media-middle {
vertical-align: middle;
}
.media-bottom {
vertical-align: bottom;
}
.media-heading {
margin-top: 0;
margin-bottom: 5px;
}
.media-list {
padding-left: 0;
list-style: none;
}
.list-group {
padding-left: 0;
margin-bottom: 20px;
}
.list-group-item {
position: relative;
display: block;
padding: 10px 15px;
margin-bottom: -1px;
background-color: #fff;
border: 1px solid #ddd;
}
.list-group-item:first-child {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.list-group-item:last-child {
margin-bottom: 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
color: #777777;
cursor: not-allowed;
background-color: #eeeeee;
}
.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading {
color: inherit;
}
.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text {
color: #777777;
}
.list-group-item.active {
z-index: 2;
color: #fff;
background-color: #000000;
border-color: #000000;
}
.list-group-item.active:hover {
z-index: 2;
color: #fff;
background-color: #000000;
border-color: #000000;
}
.list-group-item.active:focus {
z-index: 2;
color:#000000;
background-color:#fae100;
border-color: #000000;
}
.list-group-item.active .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small,
.list-group-item.active:hover .list-group-item-heading > .small,
.list-group-item.active:focus .list-group-item-heading > .small {
color: inherit;
}
.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
color: #abcef6;
}
a.list-group-item {
color: #555;
}
a.list-group-item .list-group-item-heading {
color: #333;
}
a.list-group-item:hover {
color: #555;
text-decoration: none;
background-color: #f5f5f5;
}
a.list-group-item:focus {
color: #555;
text-decoration: none;
background-color:#fae100;
color:#000000;
outline: 3px solid #000000;
outline-offset: 0;
z-index:20;
box-shadow: inset 0 0px 0 0 #212b32;
}
button.list-group-item {
color: #555;
}
button.list-group-item {
color: #333;
}
button.list-group-item:hover,
button.list-group-item:focus {
color: #555;
text-decoration: none;
background-color: #f5f5f5;
}
button.list-group-item {
width: 100%;
text-align: left;
}
.list-group-item-success {
color: #3c763d;
background-color: #dff0d8;
}
a.list-group-item-success,
button.list-group-item-success {
color: #3c763d;
}
a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
color: inherit;
}
a.list-group-item-success:hover,
button.list-group-item-success:hover,
a.list-group-item-success:focus,
button.list-group-item-success:focus {
color: #3c763d;
background-color: #d0e9c6;
}
a.list-group-item-success.active,
button.list-group-item-success.active,
a.list-group-item-success.active:hover,
button.list-group-item-success.active:hover,
a.list-group-item-success.active:focus,
button.list-group-item-success.active:focus {
color: #fff;
background-color: #3c763d;
border-color: #3c763d;
}
.list-group-item-info {
color: #31708f;
background-color: #d9edf7;
}
a.list-group-item-info,
button.list-group-item-info {
color: #31708f;
}
a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
color: inherit;
}
a.list-group-item-info:hover,
button.list-group-item-info:hover,
a.list-group-item-info:focus,
button.list-group-item-info:focus {
color: #31708f;
background-color: #c4e3f3;
}
a.list-group-item-info.active,
button.list-group-item-info.active,
a.list-group-item-info.active:hover,
button.list-group-item-info.active:hover,
a.list-group-item-info.active:focus,
button.list-group-item-info.active:focus {
color: #fff;
background-color: #31708f;
border-color: #31708f;
}
.list-group-item-warning {
color: #8a6d3b;
background-color: #fcf8e3;
}
a.list-group-item-warning,
button.list-group-item-warning {
color: #8a6d3b;
}
a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
color: inherit;
}
a.list-group-item-warning:hover,
button.list-group-item-warning:hover,
a.list-group-item-warning:focus,
button.list-group-item-warning:focus {
color: #8a6d3b;
background-color: #faf2cc;
}
a.list-group-item-warning.active,
button.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
button.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus,
button.list-group-item-warning.active:focus {
color: #fff;
background-color: #8a6d3b;
border-color: #8a6d3b;
}
.list-group-item-danger {
color: #a94442;
background-color: #f2dede;
}
a.list-group-item-danger,
button.list-group-item-danger {
color: #a94442;
}
a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
color: inherit;
}
a.list-group-item-danger:hover,
button.list-group-item-danger:hover,
a.list-group-item-danger:focus,
button.list-group-item-danger:focus {
color: #a94442;
background-color: #ebcccc;
}
a.list-group-item-danger.active,
button.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
button.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus,
button.list-group-item-danger.active:focus {
color: #fff;
background-color: #a94442;
border-color: #a94442;
}
.list-group-item-heading {
margin-top: 0;
margin-bottom: 5px;
}
.list-group-item-text {
margin-bottom: 0;
line-height: 1.3;
}
.panel {
margin-bottom: 20px;
background-color: #fff;
border: 1px solid transparent;
border-radius: 4px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.panel-body {
padding: 15px;
}
.panel-heading {
padding: 10px 15px;
border-bottom: 1px solid transparent;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.panel-heading > .dropdown .dropdown-toggle {
color: inherit;
}
.panel-title {
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
color: inherit;
}
.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
color: inherit;
}
.panel-footer {
padding: 10px 15px;
background-color: #f5f5f5;
border-top: 1px solid #ddd;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.panel > .list-group,
.panel > .panel-collapse > .list-group {
margin-bottom: 0;
}
.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
border-width: 1px 0;
border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
border-top: 0;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
border-bottom: 0;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.panel-heading + .list-group .list-group-item:first-child {
border-top-width: 0;
}
.list-group + .panel-footer {
border-top-width: 0;
}
.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
margin-bottom: 0;
}
.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
padding-right: 15px;
padding-left: 15px;
}
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
border-top-right-radius: 3px;
}
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
border-bottom-right-radius: 3px;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
border-top: 1px solid #ddd;
}
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
border-bottom: 0;
}
.panel > .table-responsive {
margin-bottom: 0;
border: 0;
}
.panel-group {
margin-bottom: 20px;
}
.panel-group .panel {
margin-bottom: 0;
border-radius: 4px;
}
.panel-group .panel + .panel {
margin-top: 5px;
}
.panel-group .panel-heading {
border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
border-top: 1px solid #ddd;
}
.panel-group .panel-footer {
border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
border-bottom: 1px solid #ddd;
}
.panel-default {
border-color: #ddd;
}
.panel-default > .panel-heading {
color: #333333;
background-color: #f5f5f5;
border-color: #ddd;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #ddd;
}
.panel-default > .panel-heading .badge {
color: #f5f5f5;
background-color: #333333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #ddd;
}
.panel-primary {
border-color: #1565C0;
}
.panel-primary > .panel-heading {
color: #fff;
background-color: #1565C0;
border-color: #1565C0;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #1565C0;
}
.panel-primary > .panel-heading .badge {
color: #1565C0;
background-color: #fff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #1565C0;
}
.panel-success {
border-color: #d6e9c6;
}
.panel-success > .panel-heading {
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #d6e9c6;
}
.panel-success > .panel-heading .badge {
color: #dff0d8;
background-color: #3c763d;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #d6e9c6;
}
.panel-info {
border-color: #bce8f1;
}
.panel-info > .panel-heading {
color: #31708f;
background-color: #d9edf7;
border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #bce8f1;
}
.panel-info > .panel-heading .badge {
color: #d9edf7;
background-color: #31708f;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #bce8f1;
}
.panel-warning {
border-color: #faebcc;
}
.panel-warning > .panel-heading {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #faebcc;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #faebcc;
}
.panel-warning > .panel-heading .badge {
color: #fcf8e3;
background-color: #8a6d3b;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #faebcc;
}
.panel-danger {
border-color: #ebccd1;
}
.panel-danger > .panel-heading {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #ebccd1;
}
.panel-danger > .panel-heading .badge {
color: #f2dede;
background-color: #a94442;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #ebccd1;
}
.well {
min-height: 20px;
padding: 19px;
margin-bottom: 20px;
background-color: #f5f5f5;
border: 1px solid #e3e3e3;
border-radius: 4px;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.well blockquote {
border-color: #ddd;
border-color: rgba(0, 0, 0, 0.15);
}
.well-lg {
padding: 24px;
border-radius: 6px;
}
.well-sm {
padding: 9px;
border-radius: 3px;
}
.close {
float: right;
font-size: 21px;
font-weight: bold;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
-moz-opacity: 0.2;
-khtml-opacity: 0.2;
-webkit-opacity: 0.2;
/* opacity: 0.2; */
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20);
filter: alpha(opacity=20);
}
.close:hover,
.close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
-webkit-opacity: 0.5;
opacity: 0.5;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
filter: alpha(opacity=50);
}
button.close {
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
appearance: none;
}
.modal-open {
overflow: hidden;
}
.modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
display: none;
overflow: hidden;
-webkit-overflow-scrolling: touch;
outline: 0;
}
.modal.fade .modal-dialog {
transform: translate(0, -25%);
transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
transform: translate(0, 0);
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto;
}
.modal-dialog {
position: relative;
width: auto;
margin: 10px;
}
.modal-content {
position: relative;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #999;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 6px;
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
outline: 0;
}
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000;
}
.modal-backdrop.fade {
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter: alpha(opacity=0);
}
.modal-backdrop.in {
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
-webkit-opacity: 0.5;
opacity: 0.5;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
filter: alpha(opacity=50);
}
.modal-header {
padding: 15px;
border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
margin-top: -2px;
}
.modal-title {
margin: 0;
line-height: 1.42857143;
}
.modal-body {
position: relative;
padding: 15px;
}
.modal-footer {
padding: 15px;
text-align: right;
border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
margin-bottom: 0;
margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
margin-left: 0;
}
.modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll;
}
@media (min-width: 768px) {
.modal-dialog {
width: 600px;
margin: 30px auto;
}
.modal-content {
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
.modal-sm {
width: 300px;
}
}
@media (min-width: 992px) {
.modal-lg {
width: 900px;
}
}
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.panel-body:before,
.panel-body:after,
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after {
display: table;
content: " ";
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.panel-body:after,
.modal-header:after,
.modal-footer:after {
clear: both;
}
.center-block {
display: block;
margin-right: auto;
margin-left: auto;
}
.pull-right {
float: right !important;
}
.pull-left {
float: left !important;
}
.hide {
display: none !important;
}
.show {
display: block !important;
}
.invisible {
visibility: hidden;
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.hidden {
display: none !important;
}
.affix {
position: fixed;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
display: none !important;
}
@media (max-width: 767px) {
.visible-xs {
display: block !important;
}
table.visible-xs {
display: table !important;
}
tr.visible-xs {
display: table-row !important;
}
th.visible-xs,
td.visible-xs {
display: table-cell !important;
}
}
@media (max-width: 767px) {
.visible-xs-block {
display: block !important;
}
}
@media (max-width: 767px) {
.visible-xs-inline {
display: inline !important;
}
}
@media (max-width: 767px) {
.visible-xs-inline-block {
display: inline-block !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm {
display: block !important;
}
table.visible-sm {
display: table !important;
}
tr.visible-sm {
display: table-row !important;
}
th.visible-sm,
td.visible-sm {
display: table-cell !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-block {
display: block !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline {
display: inline !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline-block {
display: inline-block !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md {
display: block !important;
}
table.visible-md {
display: table !important;
}
tr.visible-md {
display: table-row !important;
}
th.visible-md,
td.visible-md {
display: table-cell !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-block {
display: block !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline {
display: inline !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline-block {
display: inline-block !important;
}
}
@media (min-width: 1200px) {
.visible-lg {
display: block !important;
}
table.visible-lg {
display: table !important;
}
tr.visible-lg {
display: table-row !important;
}
th.visible-lg,
td.visible-lg {
display: table-cell !important;
}
}
@media (min-width: 1200px) {
.visible-lg-block {
display: block !important;
}
}
@media (min-width: 1200px) {
.visible-lg-inline {
display: inline !important;
}
}
@media (min-width: 1200px) {
.visible-lg-inline-block {
display: inline-block !important;
}
}
@media (max-width: 767px) {
.hidden-xs {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.hidden-sm {
display: none !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.hidden-md {
display: none !important;
}
}
@media (min-width: 1200px) {
.hidden-lg {
display: none !important;
}
}
.visible-print {
display: none !important;
}
@media print {
.visible-print {
display: block !important;
}
table.visible-print {
display: table !important;
}
tr.visible-print {
display: table-row !important;
}
th.visible-print,
td.visible-print {
display: table-cell !important;
}
}
.visible-print-block {
display: none !important;
}
@media print {
.visible-print-block {
display: block !important;
}
}
.visible-print-inline {
display: none !important;
}
@media print {
.visible-print-inline {
display: inline !important;
}
}
.visible-print-inline-block {
display: none !important;
}
@media print {
.visible-print-inline-block {
display: inline-block !important;
}
}
@media print {
.hidden-print {
display: none !important;
}
}
.list-group a {
text-decoration: underline;
}
.list-group a:hover {
text-decoration: none;
}
.list-group {
margin-left: 0;
}
/* overrides */
.media:not(:last-of-type) {
padding-bottom: 20px;
border-bottom: 1px solid #ddd;
margin-bottom: 20px;
}
.media p {
margin-bottom: 5px;
}
/* breadcrumbs */
.breadcrumb {
padding: 8px 15px;
margin-bottom: 20px;
list-style: none;
background-color: #f5f5f5;
border-radius: 4px;
}
.breadcrumb > li {
display: inline-block;
}
.breadcrumb > li + li:before {
padding: 0 5px;
color: #ccc;
content: "/\00a0";
}
.breadcrumb > .active {
color: #777777;
}
/* ------------ */
.breadcrumb {
margin-left: 0;
}
.breadcrumb > li {
margin-bottom: 0;
font-size: 0.93rem;
}
.breadcrumb > li a {
text-decoration: none;
font-size: inherit;
}
.breadcrumb > li a:hover {
text-decoration: underline;
}
.breadcrumbnav {
margin-bottom: 10px;
}
/* btn */
.btn {
box-sizing: border-box;
text-decoration: none;
}
/* panel */
.panel > .panel-heading {
font-size: 1.2em;
line-height: 30px;
padding: 8px 15px;
}
a.panel {
display: block;
text-decoration: none;
}
a.panel > img {
width: 100%;
border-radius: 3px 3px 0 0;
}
a.panel:focus {
outline: none;
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
a.panel-danger:hover {
border-color: #C62828;
}
a.panel-default:hover {
border-color: #1565C0;
}
a.panel-default:focus {
color: #000000;
background-color: #fae100;
outline: 3px solid #000000;
outline-offset: 0;
border-color: #fae100;
}
a.panel-success:hover {
border-color: #1B5E20;
}
a.panel-warning:hover {
border-color: #802d00;
}
a.panel-info:hover {
border-color: #00838F;
}
a.panel-primary:hover {
border-color: #1565C0;
}
.nav {
margin-left: 0;
}
.nav a {
text-decoration: none;
}
/* remove when bootstrap fully implemented */
.dropdown-menu a {
text-decoration: none;
}
.table-responsive {
min-height: 0.01%;
overflow-x: auto;
}
@media screen and (max-width: 767px) {
.table-responsive {
width: 100%;
margin-bottom: 15px;
overflow-y: hidden;
-ms-overflow-style: -ms-autohiding-scrollbar;
border: 1px solid #ddd;
}
}
.tippy-content p {
margin: 0;
}
/*---------------------------------------------------
LESS Elements 0.9
---------------------------------------------------
A set of useful LESS mixins
More info at: http://lesselements.com
---------------------------------------------------*/
/* core colours - tested for accessibility */
/* Default font settings.
The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body {
color: #222;
background: #fff;
color: #444444;
line-height: 1.5;
}
/* Reset */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
margin: 0;
padding: 0;
}
fieldset,
img {
border: 0;
}
address,
caption,
cite,
code,
dfn,
th,
var {
font-style: normal;
font-weight: normal;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace;
/* 1 */
font-size: 1rem;
/* 2 */
}
ol,
ul {
list-style: none;
}
caption,
th {
text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 1rem;
font-weight: normal;
}
q:before,
q:after {
content: '';
}
abbr,
acronym {
border: 0;
}
/**:focus {
outline: none;
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}*/
/* Headings
-------------------------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: normal;
}
h1 {
font-size: 2rem;
margin-bottom: 0.5em;
}
h2 {
font-size: 1.6rem;
margin-bottom: 15px;
}
h3 {
font-size: 1.46rem;
margin-bottom: 5px;
}
h4 {
font-size: 1.3rem;
margin-bottom: 5px;
}
h5 {
font-size: 1.2rem;
margin-bottom: 5px;
}
h6 {
font-size: 1rem;
margin: 0 0 5px 0;
}
h1 img,
h2 img,
h3 img,
h4 img,
h5 img,
h6 img {
margin: 0;
}
/* Text elements
-------------------------------------------------------------- */
p {
font-size: 1rem;
margin: 0 0 1rem 0;
}
a {
color: #333333;
text-decoration: underline;
}
a:hover {
color: #000000;
text-decoration: none;
}
a:focus {
text-decoration:none;
background-color:#fae100;
color:#000000;
box-shadow: inset 0 -2px 0 0 #212b32;
outline: 0px solid #000000;
outline-offset: 0;
}
blockquote {
border-left: 5px solid #ddd;
padding: 10px 20px;
font-size: 1rem;
margin-bottom: 20px;
}
blockquote > p {
margin: 0 !important;
font-size: 1.25rem !important;
line-height: normal !important;
}
dfn {
font-weight: bold;
font-style: italic;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
}
address {
margin: 0 0 1.5em;
font-style: italic;
}
del {
color: #666;
}
pre {
margin: 1.5em 0;
white-space: pre;
}
pre,
code,
tt {
font: 1em 'andale mono', 'lucida console', monospace;
line-height: 1.5;
}
em {
font-style: italic;
}
b,
strong {
font-weight: bolder;
}
sub,
sup {
font-size: 0.75rem;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Lists
-------------------------------------------------------------- */
li ul,
li ol {
margin: 0 1.5em;
}
ul,
ol {
margin: 0 0 20px 35px;
}
li {
margin: 0;
font-size: 1rem;
}
ul {
list-style-type: disc;
font-size: 1rem;
}
ol {
list-style-type: decimal;
}
dl {
margin: 0 0 1.5em 0;
}
dl dt {
font-weight: bold;
margin: 0 0 15px 0;
}
dd {
margin-left: 1.5em;
}
hr {
margin: 20px 0 19px;
border: 0;
border-bottom: 1px solid #ddd;
}
/* basic table styles */
table {
margin: 0 0 20px 0;
width: 100%;
background-color: #fff;
}
table th,
table td {
font-size: 1rem;
padding: 7px;
}
table th {
background-color: #F4F4F4;
font-weight: bold;
text-align: left;
}
/**
* Add the correct display in IE 10.
*/
[hidden] {
display: none;
}
.fa-6x {
font-size: 6rem;
}
.fa-7x {
font-size: 7rem;
}
.fa-8x {
font-size: 8rem;
}
.fa-9x {
font-size: 9rem;
}
.fa-10x {
font-size: 10rem;
}
/* floats */
.pull-left {
float: left;
}
.pull-left-content,
p img.left {
float: left;
margin: 0 1.5em 1.5em 0;
padding: 0;
}
.pull-right {
float: right;
}
.pull-right-content,
p img.right {
float: right;
margin: 0 0 1.5em 1.5em;
}
.card.pull-right-content {
width: 250px;
}
/* typography */
.lead,
.Preamble {
font-size: 1.0rem;
line-height: 28px;
}
/* Misc classes
-------------------------------------------------------------- */
.small {
font-size: 0.8rem;
margin-bottom: 1.875em;
line-height: 1.875em;
}
.large {
font-size: 1.2rem;
line-height: 2.5em;
margin-bottom: 1.25em;
}
mark,
.highlight {
background: #ff0;
display: inline-block;
padding: 0 3px;
border-radius: 2px;
}
.added {
background: #060;
color: #fff;
}
.removed {
background: #900;
color: #fff;
}
.first {
margin-left: 0;
padding-left: 0;
}
.last {
margin-right: 0;
padding-right: 0;
}
.top {
margin-top: 0;
padding-top: 0;
}
.bottom {
margin-bottom: 0;
padding-bottom: 0;
}
.quiet,
.text-muted {
color: #455A64;
}
.text-warning {
color: #802d00;
}
.text-danger,
.text-error {
color: #a11919;
}
.text-info {
color: #006064;
padding: 0px 10px 5px 10px;
}
.text-success {
color: #1B5E20;
}
.text-primary {
color: #0D47A1;
}
.Page {
width: auto;
overflow: hidden;
position: relative;
}
.hide {
display: none;
}
/*.sr-only {
display: none;
}*/
/* Text Alignment */
.align-right,
.text-right {
text-align: right;
}
.text-left {
text-align: left;
}
.align-center,
.text-center {
text-align: center;
}
.m-0 {
margin: 0;
}
.mb-15 {
margin-bottom: 15px;
}
.mb-20 {
margin-bottom: 20px;
}
.mb-0 {
margin-bottom: 0;
}
.d-block {
display: block;
}
.align-v-center {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
/* text alignment */
@media (min-width: 576px) {
.text-sm-left {
text-align: left !important;
}
.text-sm-right {
text-align: right !important;
}
.text-sm-center {
text-align: center !important;
}
}
@media (min-width: 768px) {
.text-md-left {
text-align: left !important;
}
.text-md-right {
text-align: right !important;
}
.text-md-center {
text-align: center !important;
}
}
@media (min-width: 992px) {
.text-lg-left {
text-align: left !important;
}
.text-lg-right {
text-align: right !important;
}
.text-lg-center {
text-align: center !important;
}
}
@media (min-width: 1200px) {
.text-xl-left {
text-align: left !important;
}
.text-xl-right {
text-align: right !important;
}
.text-xl-center {
text-align: center !important;
}
}
/* grid */
.row,
[class*="col-"] {
box-sizing: border-box;
}
/*.row{
width:auto;
overflow:hidden;
clear:both;
padding:0 0 15px 0;
margin-left:-@grid-gutter-side;
margin-right:-@grid-gutter-side;
}
.row-nm{
padding: 0;
}
.row.right,
.col-right,
.col.right{
float:right;
}*/
/*.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
[class*="col-"],
.col{
float:left;
margin:0 @grid-gutter-side;
width:auto;
overflow:hidden;
zoom:1;
}*/
/*.col-1,
.s1{
.col-xs-1;
}
.col-2,
.s2{width:@grid-col-2;}
.col-3,
.s3{width:@grid-col-3;}
.col-4,
.s4{width:@grid-col-4;}
.col-5,
.s5{width:@grid-col-5;}
.col-6,
.s6{width:@grid-col-6;}
.col-7,
.s7{width:@grid-col-7;}
.col-8,
.s8{width:@grid-col-8;}
.col-9,
.s9{width:@grid-col-9;}
.col-10,
.s10{width:@grid-col-10;}
.col-11,
.s11{width:@grid-col-11;}
.col-12,
.s12{width:@grid-col-12;}
body:not(.content-editor)
{
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col{
@media screen{
@media (max-width: 960px)
{
float:none;
width: @grid-col-12;
}
}
}
}
*/
/* standard layout */
/* opg layout */
.system-opg {
/*.BodyRight{
margin:0 0 20px 0;
object,
img{
margin:0 0 10px 0;
}
a{
display:block;
}
}*/
}
.system-opg.Single .Section a.tr {
top: 10px;
right: 0;
}
@media screen and (max-width: 991px) {
.system-opg {
margin-bottom: 160px;
}
.system-opg .box-aside-content-mobile {
display: block;
}
.system-opg .col-aside-content {
display: none;
}
.system-opg #__sensely-include-widget-dropdown.bottomright {
bottom: 85px;
}
}
.container {
margin: 0 auto;
width: auto;
padding: 0 15px;
box-sizing: border-box;
clear: both;
width: 970px;
}
@media screen and (max-width: 992px) {
.container {
width: auto;
}
}
@media screen and (min-width: 1200px) {
.container {
width: 1170px;
}
}
/* Form CSS
------------------------------------------ */
input,
textarea,
select {
box-sizing: border-box;
font-family: inherit;
}
fieldset {
position: relative;
margin-bottom: 15px;
/*border: 1px solid #ddd;*/
/*border-radius: 4px;*/
/*padding: 20px;*/
background-color: #fff;
}
fieldset a.tr {
top: 0;
right: 0;
}
fieldset table {
border: none;
}
fieldset > .form-group:last-child,
fieldset p:last-child {
margin-bottom: 0;
}
/* button box */
.ButtonBox {
text-align: left; /* WAS right */
clear: both;
width: auto;
margin: 0 0 20px 0;
}
.ButtonBox::after {
display: block;
content: "";
clear: both;
}
.ButtonBox .left {
text-align: left;
float: left;
width: 49%;
}
.ButtonBox .right {
text-align: right;
float: right;
width: 49%;
}
h3 > small {
display: block;
font-weight: normal;
color: #455A64;
font-size: 0.9rem;
}
/* control containers */
.form-group > label {
font-weight: normal;
}
.form-group-required > label::after {
content: "\f069";
font-family: FontAwesome;
color: #C62828;
margin-left: 4px;
}
.form-group-required > fieldset > legend::after {
content: "\f069";
font-family: FontAwesome;
color: #C62828;
margin-left: 4px;
}
.form-control:focus {
border-color: #3396FF;
outline: none;
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
.form-control-static {
font-size: 1rem;
line-height: normal;
color: #0D47A1;
display: block;
font-style: normal;
background-color: #eee;
padding: 7px;
border-radius: 2px;
box-sizing: border-box;
}
.form-control-static img {
max-width: 100%;
}
.form-control-static.form-control-lg {
padding: 0;
border-radius: 0;
font-size: 1.2rem;
background-color: transparent;
}
.form-control-file {
border: 1px solid #999;
border-radius: 2px;
padding: 4px 4px 5px 4px;
}
textarea.form-control {
min-height: 150px;
}
.NoteBox {
margin: 0 0 10px 0;
}
.NoteBox p {
margin: 0;
color: #455A64;
}
.form-group-required > .mandatory::after {
content: "\f069";
font-family: FontAwesome;
color: #C62828;
margin-left: 4px;
}
/* field messages */
span.information {
display: block;
padding: 3px 0 0 0;
line-height: normal;
clear: both;
color: #455A64;
}
span.validation {
color: #a11919;
padding: 3px 0 0 0;
line-height: normal;
display: block;
}
/* textinput variants */
div.Time input,
div.NHSNumber input,
div.Username input,
div.Protected input,
div.Email input,
div.Website input,
div.Postcode input,
div.Fax input,
div.Mobile input,
div.Phone input,
div.Date input,
div.BirthDate input,
div.Password input,
div.ReportNo input,
div.SerialNo input {
padding-left: 30px;
background-repeat: no-repeat;
background-position: 7px center;
}
div.Comments textarea,
div.Protected textarea,
div.Address textarea {
padding-left: 30px;
background-repeat: no-repeat;
background-position: 7px 8px;
}
div.Address textarea {
background-image: url("../img/ico/16/home.png");
}
div.Protected textarea {
background-image: url("../img/ico/16/shield.png");
}
div.Comments textarea {
background-image: url("../img/ico/16/balloon.png");
}
div.Time input {
background-image: url("../img/ico/16/clock.png");
}
div.Date input {
background-image: url("../img/ico/16/calendar-day.png");
}
div.BirthDate input {
background-image: url("../img/ico/16/calendar-day.png");
}
div.Phone input {
background-image: url("../img/ico/16/mobile-phone.png");
}
div.Mobile input {
background-image: url("../img/ico/16/media-player-phone.png");
}
div.Fax input {
background-image: url("../img/ico/16/telephone-fax.png");
}
div.Postcode input {
background-image: url("../img/ico/16/map-pin.png");
}
div.Website input {
background-image: url("../img/ico/16/navigation.png");
}
div.Email input {
background-image: url("../img/ico/16/mail.png");
}
div.Password input {
background-image: url("../img/ico/16/key.png");
}
div.Username input {
background-image: url("../img/ico/16/user-silhouette.png");
}
div.Protected input {
background-image: url("../img/ico/16/shield.png");
}
div.ReportNo input {
background-image: url("../img/ico/16/license-key.png");
}
div.NHSNumber input {
background-image: url("../img/ico/16/license-key.png");
}
div.SerialNo input {
background-image: url("../img/ico/16/license-key.png");
}
.form-control-radio,
.form-control-check {
padding-left: 5px;
position: relative;
margin-bottom: 6px;
}
.form-control-radio label,
.form-control-check label {
font-weight: normal;
margin: 0;
padding-left: 20px;
}
.form-control-radio input,
.form-control-check input {
position: absolute;
top: 0.3rem;
left: 0;
margin: 0;
}
.list-group-radio .form-control-radio,
.list-group-check .form-control-radio,
.list-group-radio .form-control-check,
.list-group-check .form-control-check {
border-top: 1px solid #ddd;
border-right: 1px solid #ddd;
border-left: 1px solid #ddd;
padding: 0;
margin: 0;
}
.list-group-radio .form-control-radio:first-child,
.list-group-check .form-control-radio:first-child,
.list-group-radio .form-control-check:first-child,
.list-group-check .form-control-check:first-child {
border-radius: 3px 3px 0 0;
}
.list-group-radio .form-control-radio:last-child,
.list-group-check .form-control-radio:last-child,
.list-group-radio .form-control-check:last-child,
.list-group-check .form-control-check:last-child {
border-bottom: 1px solid #ddd;
border-radius: 0 0 3px 3px;
}
.list-group-radio .form-control-radio label,
.list-group-check .form-control-radio label,
.list-group-radio .form-control-check label,
.list-group-check .form-control-check label {
display: block;
padding: 8px 20px 8px 25px;
}
.list-group-radio .form-control-radio input,
.list-group-check .form-control-radio input,
.list-group-radio .form-control-check input,
.list-group-check .form-control-check input {
top: 12px;
left: 7px;
}
.form-group-inline .form-control-radio,
.form-group-inline .form-control-check {
display: inline-block;
margin-right: 20px;
}
/* form-group.CheckBox these are found on the FFT admin page, this needs to be refactored */
.form-group.CheckBox {
padding-left: 20px;
position: relative;
}
.form-group.CheckBox span.CheckBox {
position: absolute;
top: 0;
left: 0;
}
.form-group.CheckBox span.CheckBox input {
margin-top: 0;
}
.form-group.CheckBox span.CheckBox input:focus {
outline: 4px solid #ffeb3b;
outline-offset: 0;
}
/* end */
div.RadioList span label,
div.CheckboxList span label {
display: inline;
padding: 0 30px 0 5px;
}
div.form-group-block {
display: none;
background-color: #f5f5f5;
padding: 15px;
margin-bottom: 10px;
}
div.form-group-block .form-group {
margin: 0;
}
div.form-group-block .row {
padding: 0;
}
/* checkbox list */
div.CheckboxList div {
float: left;
width: 400px;
padding: 6px 0 0 0;
margin: 0;
}
div.CheckboxList div span {
display: block;
padding: 0 0 5px 0;
}
div.CheckboxList div span label {
display: inline;
float: none;
padding: 0;
color: #222;
}
div.CheckboxList div span input {
float: left;
margin: 0 5px 0 0;
}
div.tile div span {
float: left;
width: 95px;
margin: 0 5px 0 0;
}
.ButtonBoxTop {
margin: 0 0 20px 0;
}
.LogoControls .SingleReadonly em {
height: 80px;
overflow: hidden;
text-align: center;
padding: 20px;
line-height: 60px;
}
.LogoControls .SingleReadonly em img {
height: 60px;
}
/* survey forms
.SurveyArea fieldset{
background-color:#d2e7f1;
border:none;
margin:0 0 20px 0;
padding:10px;
border-radius:3px;
}
.SurveyArea h3{
margin-bottom:10px;
font-size: 18px;
}
.SurveyArea .form-group{
padding:15px;
margin:0 0 2px 0;
background-color:#fff;
border-radius:3px;
&.CheckBox {
padding-left: 34px;
label{
margin-bottom: 0;
}
span.CheckBox{
top: 15px;
left:15px;
}
}
}
.SurveyArea div.ButtonBox{
padding:0;
border:none;
}*/
/* special fields */
select.special-page-picker {
width: 450px;
}
/* group-medications */
.form-group-rows > .row label {
display: none;
}
.form-group-rows > .row > :first-child label {
display: block;
padding: 8px 0;
}
.form-group-rows > .row:last-child .form-group {
margin-bottom: 0;
}
.input-text {
border: 1px solid #999;
padding: 3px;
}
.raw-html {
border: 1px solid #999;
padding: 10px;
margin: 0 0 15px 0;
border-radius: 3px;
}
.raw-html textarea {
width: 100%;
height: 500px;
border: none;
*border: 0;
display: block;
}
/* ==========================================================================
STAFF LOGIN SECTION
========================================================================== */
.login-box input {
padding: 12px;
font-size: 1.2rem;
}
.login-box .Button {
height: 44px;
line-height: 38px;
padding: 0 30px;
margin-right: 20px;
}
.login-box .form-control {
width: 100%;
padding:12px;
}
.login-box fieldset {
position: relative;
margin-bottom: 15px;
padding: 20px;
background-color: #fff;
}
/* --------- PASSWORD RESET ----------------- */
.col-body-content > fieldset > .form-control {
width: 100%;
padding:3px 3px 3px 12px;
}
.col-body-content > fieldset {
position: relative;
margin-bottom: 15px;
padding: 20px;
background-color: #fff;
}
/* --------- CHECKBOX PRETTY ----------------- */
.checkbox-pretty {
background-color: rgba(0, 0, 0, 0.075);
padding: 15px;
display: block;
border-radius: 3px;
}
.checkbox-pretty input {
opacity: 0;
position: absolute;
}
.checkbox-pretty span {
position: relative;
padding-left: 26px;
display: block;
min-height: 20px;
line-height: 20px;
}
.checkbox-pretty input + span:before {
content: "";
display: block;
position: absolute;
top: 0px;
left: 0;
height: 16px;
width: 16px;
border: 2px solid #666;
background-color: #FFF;
border-radius: 2px;
font: normal normal normal 16px/1 FontAwesome;
}
.checkbox-pretty input:checked + span:before {
content: "\f00c";
color: #000;
border: 2px solid #FFF;
background-color: #FFF;
}
.checkbox-pretty input:focus + span:before {
outline: none;
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
.checkbox-pretty input:focus:checked + span:before {
box-shadow: 0 0 0 2px #000;
}
.checkbox-pretty-error {
background-color: #FDF2F4;
color: #a11919;
}
.form-control::placeholder {
color: #767676;
opacity: 1;
}
table .form-control-minutes,
table .form-control-hours {
display: inline-block;
width: 30px;
text-align: center;
}
table .form-group > label {
display: block;
}
.datepicker table th {
background-color: transparent;
}
.datepicker-switch {
text-decoration: underline;
}
.form-text-lg {
background-color: #FFF;
padding: 20px;
}
.form-text-lg label {
font-size: 1.25rem;
line-height: normal;
}
.form-text-lg span.information,
.form-text-lg p.text-muted {
font-size: 1.1rem;
line-height: normal;
padding-top: 5px;
}
.form-text-lg .form-group > label {
margin-bottom: 10px;
}
/* Tables
------------------------------------------ */
table.DataGrid {
width: 100%;
max-width: 100%;
margin: 0 0 15px 0;
background-color: transparent;
border-spacing: 0;
border-collapse: collapse;
box-sizing: border-box;
}
table.DataGrid caption {
padding: 10px;
background: #EEEEEE none repeat scroll 0 0;
border: 1px solid #D4D4D4;
border-bottom: none;
color: #444444;
margin: 0;
}
table.DataGrid caption span {
display: block;
color: #106595;
font-size: 0.75rem;
margin: 3px 0 0 0;
height: 16px;
line-height: 16px;
background: url('../img/ico/16/information-small.png') no-repeat -3px 0px;
padding: 0 0 0 12px;
}
table.DataGrid tr:nth-child(even) td {
background-color: #f5f5f5;
}
table.DataGrid th {
padding: 8px;
text-transform: capitalize;
white-space: pre;
color: #000;
vertical-align: bottom;
border-bottom: 2px solid #ddd;
line-height: 1.42857143;
text-align: left;
background-color: transparent;
}
table.DataGrid td {
padding: 8px;
border-bottom: #ddd 1px solid;
color: #444444;
vertical-align: top;
}
tr.metaRow td table tr:hover td,
table.DataGrid tr:hover td {
background-color: #e8ecf1;
}
table.DataGrid tr.focus td {
border-bottom: 1px solid #7c97b5;
background: #cfdcea;
}
table.DataGrid a:focus {
/*text-transform: underline;*/
border-bottom: 3px solid #000000;
background-color:#fae100;
color:#000000;
outline: 3px solid #fae100;
outline-offset: 0;
box-shadow: 0 2px 0 #fae100;
}
.cell-button,
td.bc {
width: 10px;
text-align: center;
}
.bc input[type="image" i]:focus {
padding: 0px;
background-color:#fae100;
outline: 3px solid #000000;
outline-offset: 0;
}
.cell-image {
width: 200px;
}
.cell-image img {
max-height: 100px;
max-width: 100%;
}
.cell-date {
white-space: nowrap;
}
.ComplexGridHeader {
border: #cccccc 1px solid;
border-bottom: none;
clear: both;
z-index: 2;
transform: scale(1);
}
.ComplexGridHeader h3 {
margin: 0 !important;
font-size: 1.4rem !important;
padding: 3px 15px 27px 15px;
background: #eeeeee;
clear: both;
position: relative;
}
.ComplexGridHeader h3 a {
text-decoration: none;
}
.ComplexGridHeader h3 a[onclick] {
cursor: pointer;
color: #666;
}
.ComplexGridHeader h3 .fa-angle-right {
color: #666;
}
.ComplexGridHeader h3 .ButtonSmall {
position: absolute;
right: 9px;
top: 5px;
}
.ComplexGridHeader h3 a:hover {
text-decoration: none;
}
.ComplexGridHeader .SearchFields {
padding: 15px;
background: #f5f5f5;
border-top: #ddd 1px solid;
border-bottom: none;
width: auto;
overflow: hidden;
transform: scale(1);
position: relative;
}
.ComplexGridHeader fieldset {
padding: 0;
margin: 0;
overflow: hidden;
width: auto;
border: none;
background: transparent;
}
.ComplexGridHeader fieldset .form-group {
width: 31%;
margin-right: 2%;
float: left;
}
.ComplexGridHeader div.SearchFields div.ButtonBox .ButtonSmall {
margin-left: 5px;
}
.DGDetail {
position: relative;
z-index: 99;
transform: scale(1);
clear: both;
}
.DGDetail em {
position: absolute;
top: 28px;
z-index: 3;
left: 12px;
font-style: normal;
font-size: 1.0rem;
line-height: 1.75;
color: #444;
display: block;
background: url(../img/ico/16/information.png) no-repeat 4px 4px;
padding: 0 0 0 25px;
}
.DGDetail div {
position: absolute;
top: 13px;
z-index: 1;
right: 123px;
}
.DGDetail a.Button,
.DGDetail a.ButtonSmall {
position: absolute;
top: 14px;
z-index: 1;
right: 123px;
font-size: 1.0rem;
height: 30px;
line-height: 1.75;
}
.DGDetail div a.Button,
.DGDetail div a.ButtonSmall {
float: right;
position: relative;
top: auto;
right: auto;
margin: 0 0 0 3px;
}
.DGDetail div a.Button:focus,
.DGDetail div a.ButtonSmall:focus {
background-color:#fae100;
color:#000000;
outline: 2px solid #000000;
outline-offset: 0;
box-shadow: inset 0 0px 0 0 #000000;
}
.GridSearchOff div,
.GridSearchOff a.Button,
.GridSearchOff a.ButtonSmall {
right: 10px;
}
.DGDetail + .ComplexGridHeader h3 {
height: 1.6rem;
}
.DGDetail + .ComplexGridHeader h3 a {
text-decoration: none;
top: 12px;
}
.DGDetail + table caption {
height: 33px;
}
/* grid filter & tag box */
.DataGridAddTagBox,
.DataGridFilterBox {
margin: 0;
padding: 10px 0 4px 10px;
overflow: hidden;
width: auto;
transform: scale(1);
border: 1px solid #bdc1c4;
border-bottom: none;
background-color: #FEFEFE;
/*background-image: url("../img/application/table/table-search.gif");
background-position: bottom left;
background-repeat: repeat-x;*/
}
.DataGridAddTagBox {
padding: 15px;
}
.DataGridAddTagBox input {
float: left;
padding: 4px;
font-size: 1rem;
height: 20px;
border: 1px solid #999;
width: 530px;
border-right: 0;
border-radius: 4px 0 0 4px;
}
.DataGridAddTagBox a.Button {
float: left;
border-radius: 0 4px 4px 0;
}
.DataGridFilterBox li {
float: left;
height: 26px;
margin: 0 5px 5px 0;
list-style: none;
}
.DataGridFilterBox li a {
display: block;
float: left;
line-height: 26px;
padding: 0 5px 0 5px;
background-color: #ddd;
text-decoration: none;
color: #333;
border-radius: 3px;
text-align: center;
min-width: 9px;
}
.DataGridFilterBox li a:hover {
background-color: #ceeaff;
color: #193f58;
}
.DataGridFilterBox li a.Current {
background-color: #306a8e;
color: #fff;
}
/* pagination */
tr.Pagination td {
border-bottom: none;
padding: 0;
background: url('../img/table/wbg.gif') repeat-x;
}
tr.Pagination td table {
margin: 5px;
border: none;
width: auto;
background-color: transparent;
}
tr.Pagination td table tr td {
border: none;
padding: 0 3px 0 0;
background-image: none;
background-color: transparent;
}
tr.Pagination td table tr td span {
display: block;
background: #345272;
color: #ffffff;
width: 22px;
height: 22px;
text-align: center;
line-height: 22px;
}
tr.Pagination td table tr td a {
display: block;
background: #666666;
color: #ffffff;
width: 22px;
height: 22px;
text-align: center;
line-height: 22px;
text-decoration: none;
}
tr.Pagination td table tr td a:hover {
background: #345272;
color: #ffffff;
}
tr.metaRow:hover td {
background-color: transparent;
border-bottom: #EEEEEE 1px solid;
}
tr.Pagination:hover td {
background-color: transparent;
border: none;
}
table td span.TimeEntry {
display: block;
transform: scale(1);
overflow: hidden;
width: auto;
padding: 0 0 3px 0;
}
table td span.TimeEntry label {
display: block;
float: left;
width: 35px;
text-align: right;
margin: 0 5px 0 0;
padding: 2px 0 0 0;
}
table td span.TimeEntry input {
float: left;
margin: 0 3px 0 0;
border: 1px solid #999;
padding: 2px;
text-align: center;
width: 30px;
border-radius: 3px;
}
table select,
table input[type="text"] {
border: 1px solid #999;
padding: 3px;
border-radius: 2px;
}
table .Date input {
padding-left: 24px;
}
table select {
width: 98%;
padding: 2px;
}
/* simple grid */
table.SimpleGrid {
margin: 0 0 20px 0;
width: 100%;
background-color: #fff;
border-top: 1px #ddd solid;
border-left: 1px #ddd solid;
border-collapse: collapse;
}
table.SimpleGrid th,
table.SimpleGrid td {
border-bottom: 1px #ddd solid;
border-right: 1px #ddd solid;
padding: 7px;
}
table.SimpleGrid th {
background-color: #F4F4F4;
font-weight: bold;
text-align: left;
}
table.table-contained {
border-left: none;
border-right: none;
margin-bottom: 0;
border-collapse: collapse;
}
table.table-contained tr > th:last-child,
table.table-contained tr > td:last-child {
border-right: none;
}
.img-thumbnail {
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
display: inline-block;
line-height: 1.42857;
padding: 4px;
transition: all 0.2s ease-in-out 0s;
}
.img-circle {
border-radius: 50%;
}
.img-rounded {
border-radius: 6px;
}
.img-responsive,
.Content img,
.thumbnail > img,
.thumbnail a > img {
max-width: 100%;
height: auto;
box-sizing: border-box;
}
/* Content Links */
.Content a {
color: #005eb8;
text-decoration: underline;
}
.Content a:visited {
color: #330072;
}
.Content a:hover {
color: #7c2855;
text-decoration: none;
}
.Content a:focus {
background-color: #ffeb3b;
box-shadow: 0 -2px #ffeb3b, 0 4px #212b32;
color: #000000!important;
text-decoration: none;
outline: 0px solid #000000;
outline-offset: 0;
}
.Content a:focus:hover {
text-decoration: none;
}
.img-chart {
width: 100%;
display: block;
}
/* list unstyled */
.list-unstyled {
margin: 0;
padding: 0;
list-style: none;
}
.list-unstyled:before,
.list-unstyled:after {
display: table;
content: " ";
}
.list-unstyled:after {
clear: both;
}
.list-unstyled:before,
.list-unstyled:after {
display: table;
content: " ";
}
.list-unstyled:after {
clear: both;
}
/* form links */
/* quick links */
.list-links {
list-style: none;
margin: 0 0 15px 0;
padding: 0;
}
.list-links li {
margin-bottom: 4px;
}
/* Fix for quick links for contrast */
.list-links li a {
text-decoration: none;
display: block;
/*padding: 0 0 0 3px;*/
}
.list-links li a:hover {
text-decoration: underline;
}
.list-links li a:focus {
text-decoration: none;
color: #000000;
background-color: #fae100;
outline: 2px solid #000000;
outline-offset: 0;
box-shadow: inset 0 0px 0 0 #000;
/*padding: 0 0 0 3px;*/
}
.list-links li a:focus:hover {
text-decoration: none;
}
.list-col-2,
.list-col-3 {
display: flex;
flex-wrap: wrap;
margin-right: -8px;
margin-left: -8px;
}
.list-col-2 li,
.list-col-3 li {
padding-left: 8px;
padding-right: 8px;
box-sizing: border-box;
margin-bottom: 16px;
}
.list-col-2 li {
flex: 0 0 50%;
max-width: 50%;
}
.list-col-3 li {
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.list-links-btn li a {
display: block;
padding: 5px 10px;
border-radius: 4px;
height: 100%;
box-sizing: border-box;
}
.list-links-btn li a:visited {
display: block;
padding: 5px 10px;
border-radius: 4px;
height: 100%;
box-sizing: border-box;
}
.list-links-btn li a:hover {
text-decoration: none;
}
.list-links-btn-md li a {
padding: 15px;
font-size: 1rem;
padding: 10px;
}
.list-links-btn-md li a:hover {
background-color: #000;
}
.list-links-btn-lg li a {
padding: 15px;
font-size: 1.3rem;
}
.list-links-btn-lg li a:hover {
background-color: #000;
}
.list-links-thumbnail li a {
display: block;
background-color: #eee;
font-size: 1.3rem;
line-height: 1;
height: 100%;
}
.list-links-thumbnail li a img {
width: 100%;
}
.list-links-thumbnail li a span {
display: block;
padding: 15px;
min-height: 40px;
}
.list-links-thumbnail li a:hover {
text-decoration: none;
}
/* list navigator */
.list-navigator li {
margin: 0 0 2px 0;
padding: 0;
}
.list-navigator li a {
display: block;
background-color: #fff;
padding: 7px;
text-decoration: none;
}
.list-navigator li a strong {
display: block;
margin: 0 0 3px 0;
}
.list-navigator li a span {
color: #666;
}
.list-navigator li a:hover span,
.list-navigator li a:hover {
color: #fff;
background-color: #666;
}
/* list icons */
.list-icon li {
margin: 0 0 8px 0;
padding: 0;
}
.list-icon li a {
display: block;
padding: 15px 15px 15px 70px;
background-color: #eee;
text-decoration: none;
border: 2px solid #FFF;
background-position: 12px 15px;
background-repeat: no-repeat;
border-radius: 3px;
}
.list-icon li a.item-info {
background-color: #e8f2f6;
color: #314c5c;
}
.list-icon li a.item-success {
background-color: #e8f6ea;
color: #315c3c;
}
.list-icon li a.item-warning {
background-color: #f6f3e8;
color: #5c5631;
}
.list-icon li a.item-purple {
background-color: #e7def2;
color: #7b48b9;
}
.list-icon li a strong {
display: block;
}
.list-icon li a:hover {
border-color: #666;
}
/* list people */
.list-people li {
float: left;
width: 31%;
margin: 0 2% 12px 0;
}
.list-people li a {
background-color: #eee;
display: block;
padding: 15px 20px 15px 20px;
text-decoration: none;
border-radius: 3px;
}
.list-people li a strong {
display: block;
}
/* LinkList */
.LinkList ul {
margin: 0 0 13px 0;
padding: 0;
}
.LinkList li {
list-style: none;
padding: 0;
margin: 0 0 2px 0;
display: block;
transform: scale(1);
}
.LinkList a {
background-color: #fff;
display: block;
padding: 3px 6px 3px 6px;
text-decoration: none;
border-radius: 2px;
}
.LinkList a:hover {
background-color: #666;
color: #fff;
display: block;
}
.LinkList a.Current,
.LinkList a.Current:hover {
background-color: #333;
color: #fff;
}
ul.ContactList {
margin: 0 0 30px 30px;
}
ul.ContactList li {
list-style: none;
margin: 0 0 15px 0;
line-height: 20px;
}
ul.ContactList li h4 {
margin: 0;
}
/* horizontal & vertical list */
ul.verticaliconlist,
ul.horizontaliconlist {
margin: 0 0 20px 0;
overflow: hidden;
width: auto;
display: block;
clear: both;
transform: scale(1);
}
ul.verticaliconlist li,
ul.horizontaliconlist li {
list-style: none;
margin: 0 2% 15px 0;
display: block;
padding: 0;
float: left;
width: 48%;
}
ul.verticaliconlist li {
width: auto;
float: none;
margin: 0 0 15px 0;
}
ul.verticaliconlist li a,
ul.horizontaliconlist li a {
display: block;
padding: 10px 10px 10px 70px;
background-repeat: no-repeat;
background-position: 10px 10px;
background-color: #f5f9fd;
border: 1px solid #b8d6fb;
text-align: left;
font-size: 0.75rem;
text-decoration: none;
height: 50px;
color: #444;
border-radius: 4px;
position: relative;
}
ul.verticaliconlist li a:hover,
ul.horizontaliconlist li a:hover {
border-color: #7da2ce;
background-color: #dcebfc;
}
ul.verticaliconlist li a span,
ul.horizontaliconlist li a span {
font-size: 0.75rem;
line-height: 16px;
}
ul.verticaliconlist li a strong,
ul.horizontaliconlist li a strong {
font-size: 1rem;
color: #1c4369;
font-weight: bold;
display: block;
}
ul.horizontaliconlist li a .fa {
position: absolute;
top: 10px;
left: 5px;
}
/* survey list [delete above survey css when implemented] */
.SurveyList {
margin: 0 0 15px 0 !important;
padding: 0;
}
.SurveyList li {
list-style: none;
}
.SurveyList li:not(:last-child) {
margin: 0 0 15px 0;
}
.SurveyList a {
padding: 15px 15px 15px 110px;
color: #fff;
position: relative;
border-radius: 4px;
display: block;
text-decoration: none;
border-width: 5px;
border-style: solid;
font-size: 1.5rem;
margin: 0 0 35px 0;
}
.SurveyList a .fa {
background-image: none !important;
}
.SurveyList a .fa-3x {
position: absolute;
top: 10px;
left: 15px;
}
.SurveyList li a small {
font-size: 1rem;
font-weight: bold;
display: block;
}
/* survey button colors */
.SurveyList .survey-item-blue {
background-color: #1565C0;
border-color: #90CAF9;
}
.SurveyList .survey-item-blue:hover {
background-color: #1259a9;
border-color: #78bef8;
}
.SurveyList .survey-item-blue:focus {
color: #000000;
background-color: #fae100;
outline: 3px solid #000000;
outline-offset: 0;
border-color: #fae100;
box-shadow: inset 0 0px 0 0 #212b32;
}
.SurveyList .survey-item-green {
background-color: #2E7D32;
border-color: #A5D6A7;
}
.SurveyList .survey-item-green:hover {
background-color: #276a2b;
border-color: #93ce96;
}
.SurveyList .survey-item-green:focus {
color: #000000;
background-color: #fae100;
outline: 3px solid #000000;
border-color: #fae100;
outline-offset: 0;
box-shadow: inset 0 0px 0 0 #212b32;
}
.SurveyList .survey-item-red {
background-color: #C62828;
border-color: #EF9A9A;
}
.SurveyList .survey-item-red:hover {
background-color: #b12424;
border-color: #ec8484;
}
.SurveyList .survey-item-red:focus {
color: #000000;
background-color: #fae100;
outline: 3px solid #000000;
border-color: #fae100;
outline-offset: 0;
box-shadow: inset 0 0px 0 0 #212b32;
}
.SurveyList .survey-item-orange {
background-color: #bb5506;
border-color: #FFCC80;
}
.SurveyList .survey-item-orange:hover {
background-color: #a24a05;
border-color: #ffc266;
}
.SurveyList .survey-item-orange:focus {
color: #000000;
background-color: #fae100;
outline: 3px solid #000000;
border-color: #fae100;
outline-offset: 0;
box-shadow: inset 0 0px 0 0 #212b32;
}
.SurveyList .survey-item-purple {
background-color: #7300E6;
border-color: #cc99ff;
}
.SurveyList .survey-item-purple:hover {
background-color: #5900B3;
border-color: #cc99ff;
}
.SurveyList .survey-item-purple:focus {
color: #000000;
background-color: #fae100;
outline: 3px solid #000000;
border-color: #fae100;
outline-offset: 0;
box-shadow: inset 0 0px 0 0 #212b32;
}
/* friends and family */
.SurveyList .btn-ff-item:not(:last-child) {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.SurveyList .btn-ff-results {
font-size: 1.2rem;
border-top-width: 2px;
border-top-left-radius: 0;
border-top-right-radius: 0;
text-align: center;
padding-left: 15px;
}
/* lists */
/* controls */
ul.service-list {
padding: 0;
margin: 0 0 15px 0;
width: auto;
overflow: hidden;
}
ul.service-list li {
margin: 0;
padding: 0;
list-style: none;
}
/* news list */
ul.NewsList {
margin: 0;
padding: 0;
}
ul.NewsList li,
.panel ul.NewsList li {
list-style: none;
padding: 0 0 10px 0;
margin: 0 0 10px 0;
border-bottom: 1px dotted #ccc;
position: relative;
}
ul.NewsList li:last-child {
border: none;
margin-bottom: 0;
}
ul.NewsList li strong {
position: absolute;
width: 80px;
height: 70px;
top: 0;
left: 0;
color: #fff;
background-color: #333;
border-radius: 4px;
text-shadow: 0 1px 1px #000;
box-shadow: inset 0 0 3px #000;
}
ul.NewsList li strong em {
font-style: normal;
display: block;
text-align: center;
font-size: 2.25rem;
line-height: 34px;
padding: 9px 0 0 0;
font-weight: bold;
}
ul.NewsList li strong span {
display: block;
font-size: 0.75rem;
text-align: center;
}
ul.NewsList li div {
padding: 0 0 0 90px;
min-height: 70px;
}
ul.NewsList li div h2 {
margin: 0 0 2px 0;
}
ul.NewsList li div h2 a {
font-size: 1.3rem;
text-transform: capitalize;
text-decoration:underline;
}
ul.NewsList li div h2 a:visited {
font-size: 1.3rem;
text-transform: capitalize;
text-decoration:underline;
}
ul.NewsList li div h2 a:hover {
text-decoration:none;
}
ul.NewsList li div h2 a:focus {
background-color: #ffeb3b;
box-shadow: 0 -2px #ffeb3b, 0 3px #000000;
color: #000000!important;
outline: 4px solid transparent;
text-decoration: none;
padding:2px 4px 2px 4px;
outline: 3px solid #000000;
outline-offset: 0;
}
ul.NewsList li div h2 a:focus:hover {
color: #000000!important;
}
ul.NewsList li div em {
font-size: 0.75rem;
font-style: normal;
color: #5ea2bc;
margin: 0 0 4px 0;
display: block;
text-transform: uppercase;
}
ul.NewsList li div p {
margin: 0;
line-height: 21px;
margin: 0 0 8px 0;
color: #666;
}
.s6 ul.NewsList li div {
width: 370px;
}
/* lists */
.PracticeNewsList,
.QuickLinkList,
.OpeningTimesList,
.ContactDetailList {
margin: 0 0 20px 0;
padding: 0;
width: auto;
overflow: hidden;
transform: scale(1);
}
.PracticeNewsList li,
.QuickLinkList li,
.OpeningTimesList li,
.ContactDetailList li {
list-style: none;
padding: 0;
margin: 0;
transform: scale(1);
overflow: hidden;
width: auto;
margin: 0 0 8px 0;
}
.OpeningTimesList li label,
.ContactDetailList li label {
float: left;
display: block;
width: 120px;
}
.ContactDetailList li label {
width: 35%;
margin-right: 2%;
}
.OpeningTimesList li span,
.ContactDetailList li span {
width: 300px;
float: left;
display: block;
color: #0a4783;
}
.ContactDetailList li span {
width: 63%;
}
.OpeningTimesList li span {
width: 120px;
}
.PracticeNewsList li {
padding: 0 0 10px 0;
border-bottom: #b5b5b5 1px solid;
}
.PracticeNewsList li a {
display: block;
font-size: 1rem;
color: #003c70;
text-decoration: none;
}
.PracticeNewsList li a:hover {
text-decoration: underline;
}
.PracticeNewsList li span {
color: #222;
font-size: 0.75rem;
}
.QuickLinkList li a {
color: #414141;
text-decoration: none;
display: block;
padding: 0;
}
.QuickLinkList li a:hover {
text-decoration: underline;
}
.tile li {
float: left;
width: 48%;
margin: 0 2% 10px 0;
}
.list-inline {
margin: 0;
padding: 0;
list-style: none;
}
.list-inline > li {
display: inline-block;
margin: 0 15px 0 0;
padding: 0;
}
.list-inline > li input[type='checkbox'] {
margin-right: 4px;
}
.list-media {
margin-bottom: 20px;
}
.contact-list {
list-style: none;
overflow: hidden;
}
.collapse {
display: none;
}
/* legacy */
.choices-list {
list-style: none;
margin: 0 0 15px 0;
padding: 0;
}
.choices-list li {
margin-bottom: 4px;
}
.choices-list li a {
color: #414141;
text-decoration: none;
display: block;
}
.choices-list li a:hover {
text-decoration: underline;
}
.choices-list li a {
display: block;
background-color: #333;
color: #fff;
padding: 5px 10px;
border-radius: 4px;
height: 100%;
box-sizing: border-box;
}
.choices-list li a:hover {
background-color: #000;
text-decoration: none;
}
.choices-list li a {
padding: 15px;
font-size: 1rem;
padding: 10px;
}
.choices-list li a:hover {
background-color: #000;
}
.FormList {
list-style: none;
margin: 0 0 15px 0;
padding: 0;
}
.FormList li {
margin-bottom: 4px;
}
.FormList li a {
color: #414141;
text-decoration: none;
display: block;
}
.FormList li a:hover {
text-decoration: underline;
}
.FormList li a {
display: block;
background-color: #333;
color: #fff;
padding: 5px 10px;
border-radius: 4px;
height: 100%;
box-sizing: border-box;
}
.FormList li a:hover {
background-color: #000;
text-decoration: none;
}
/* modal */
body.LightBox {
padding: 0;
margin: 0;
background-image: none;
}
body.LightBox .modal-head {
padding: 10px 15px 10px 15px;
background-color: #eee;
border-bottom: 1px solid #ccc;
font-size: 1rem;
color: #222;
position: relative;
margin: 0;
position: absolute;
top: 0;
left: 0;
right: 0;
height: 30px;
line-height: 30px;
}
body.LightBox .modal-head a {
position: absolute;
top: 15px;
right: 15px;
}
body.LightBox div.LightBoxBody {
padding: 15px;
overflow: auto;
position: absolute;
top: 51px;
bottom: 51px;
left: 0;
right: 0;
}
body.LightBox div.LightBoxBody fieldset {
border-top: none;
padding-top: 0;
}
body.LightBox div.LightBoxFoot {
padding: 10px 15px 10px 15px;
background: #eee;
border-top: 1px solid #ccc;
text-align: right;
height: 30px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.modal-onload-inline {
padding: 20px;
background-color: #fff;
}
a.ButtonSmall,
a.Button {
background: #222222 repeat-x top left;
padding: 0 15px 0 15px;
display: inline-block;
height: 30px;
color: #ffffff;
font-size: 0.75rem;
line-height: 24px;
text-decoration: none;
font-weight: bold;
border-radius: 3px;
box-sizing: border-box;
border: 4px solid transparent;
}
a.Button {
font-size: 1.0rem;
height: 44px;
line-height: 38px;
font-weight: normal;
margin-right:5px;
border: 3px solid transparent;
text-decoration: none;
}
a.ButtonSmall:hover,
a:hover.Button {
background: #1259a9 repeat-x bottom left;
text-decoration: underline;
}
a.ButtonSmall:focus,
a:hover.Button:focus {
text-decoration:none;
background-color:#fae100;
color:#000000;
/*border: 2px solid #000000;*/
/*box-shadow:inset 0 -2px 0 0 #000;*/
}
a.Button span img {
vertical-align: text-bottom;
display: none;
}
a.ButtonLarge {
font-size: 1.2rem;
height: 46px;
line-height: 40px;
padding: 0 25px 0 25px;
}
a.tr {
position: absolute;
top: 20px;
right: 20px;
display: block;
}
.btn-block,
a.btn-block {
display: block;
text-align: center;
}
/* Clinical System Btns */
.btn-system {
display: block;
background-color: #eee;
text-align: center;
border-radius: 4px;
padding: 60px;
margin: 0 3px;
}
.btn-system img {
max-width: 100%;
}
.btn-system:hover {
box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.5);
}
.btn-system-patient-access,
.btn-system-vision-online {
background-color: #fff;
border: 1px solid #ccc;
}
.btn-system-systm-online {
background-color: #1E5494;
}
.btn-system-my-healthcare {
background-color: #1f7f8a;
}
.btn-system-my-health-online {
background-color: #014f74;
}
.btn-system-patient-services {
background-color: #eee;
}
.btn-system-nhs-app {
background-color: #005eb8;
}
.btn-system-nhs-app img {
max-height: 100px;
}
/* link-feedback */
.link-feedback {
background-image: url("../img/ico/16/balloon.png");
background-position: 5px 5px;
background-repeat: no-repeat;
padding: 5px 5px 5px 25px;
margin-bottom: 15px;
background-color: #eee;
position: relative;
display: block;
text-decoration: none;
border-radius: 3px;
}
/* Box */
.Box {
padding: 15px 15px 0 15px;
background-color: #eee;
border: 1px solid #999;
border-radius: 4px;
}
.Box p {
line-height: 20px;
margin: 0;
padding: 0 0 15px 0;
}
.HelpBox {
padding: 15px 15px 1px 15px;
background-color: #fffce6;
border: solid 1px #ffeb65;
margin: 0 0 15px 0;
/* css3 */
border-radius: 4px;
}
.Alert {
padding: 15px;
margin: 0 0 15px 0;
font-size: 1rem;
line-height: 20px;
background-color: #eeeeee;
color: #555555;
position: relative;
min-height: 20px;
border-radius: 5px;
}
.Alert:last-child {
margin-bottom: 0;
}
.Alert h3 {
margin: 0 0 3px 0;
font-weight: bold;
color: #444444;
}
.Alert ul {
margin: 0;
padding: 5px 0 0 15px;
}
.Alert ul li {
margin: 0 0 2px 0;
}
.Alert p {
line-height: 20px;
}
.Alert p:last-child {
margin: 0 !important;
}
.Alert a.btn-close {
font-size: 1.6rem;
font-weight: bold;
text-decoration: none;
position: absolute;
top: 10px;
right: 10px;
color: #666;
}
.Alert a.btn-close:hover {
color: #000;
}
.Notice {
background-color: #fff3cd;
color: #802d00;
}
.Information {
background-color: #d1ecf1;
color: #006064;
}
.Information h3 {
color: #006064;
}
.Information a {
color: #006064;
}
.Success {
background-color: #d4edda;
color: #1B5E20;
}
.Error {
background-color: #FDF2F4;
color: #a11919;
}
.Alert h3 {
color: inherit;
}
/* Message */
/* Message Box */
.Message {
padding: 25px;
margin: 0 0 20px 0;
}
.Message div {
padding: 20px 20px 5px 20px;
background-color: #fff;
}
.Message div h3 {
color: #a11919;
font-size: 1.3rem;
border-bottom: 0;
margin: 0;
padding: 0;
}
.Message div p {
margin: 0 0 15px 0;
}
.Message div a {
color: #a11919;
}
.Message .ButtonBox {
padding: 20px 0 20px 0;
}
.Message .ButtonBox a.Button {
height: 27px;
line-height: 27px;
}
.Message .ButtonBox select {
padding: 2px;
border: 1px solid #999;
float: left;
margin: 0 10px 0 0;
border-radius: 3px;
}
/* error page */
.ErrorBox {
overflow: hidden;
width: auto;
background-color: #dee0e2;
background-image: url("../img/application/errorbg.gif");
background-repeat: repeat-x;
background-position: top left;
padding: 65px 90px 45px 300px;
margin: 10px 0 10px 0;
position: relative;
transform: scale(1);
/* css3 */
border-radius: 7px;
box-shadow: inset 0 0 3px #000;
text-shadow: 0 1px 0 #fff;
}
.ErrorBox img {
position: absolute;
top: 72px;
left: 60px;
}
.ErrorBox a {
color: #0D47A1;
text-decoration: underline;
}
.ErrorBox ul {
margin: 0 0 20px 30px;
}
.ErrorBox ul li {
margin: 0 0 5px 0;
}
.ErrorBox a:hover {
color: #0D47A1;
text-decoration: none;
}
#Body .ErrorBox h1 {
margin: 0 0 50px 0;
padding: 0;
border: none;
font-size: 2rem;
line-height: 38px;
color: #0D47A1;
}
#Body .ErrorBox p {
margin: 0 0 20px 0;
color: #222;
}
.ErrorBox div.BodySearchBox {
margin: 0 0 20px 0;
width: 560px;
background-color: #fff;
}
.ErrorBox div.BodySearchBox input {
width: 468px;
border-color: #666;
}
/* confirm box
.ConfirmBox{
position:relative;
padding:15px 15px 15px 35px;
margin:0 0 20px 0;
border-radius:3px;
background-image:none;
}
.ConfirmBox .checkbox input{
position:absolute;
top:17px;
left:15px;
}
.ConfirmBox .Email{
padding:20px 0 0 0;
}*/
.Error div input {
border-color: #a11919;
}
.Error strong,
.Error label {
color: #a11919;
}
.dropdown-menu-translate {
width: 540px;
}
ul .dropdown-menu-translate {
width: 400px;
height: 500px;
overflow: auto;
margin: 2px 0 0 -150px;
}
.dropdown-menu-translate li {
float: left;
width: 180px;
}
.dropdown-menu {
margin-top: 0;
border-radius: 0;
}
@media screen and (max-width: 960px) {
.dropdown-menu-translate {
width: 220px !important;
margin: 2px 0 0 0px !important;
height: 500px;
width: auto;
overflow: auto;
}
.dropdown-menu-translate li {
float: none;
}
}
.select2-container .select2-selection--single {
min-height: 34px;
height: auto;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 34px;
padding-left: 14px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
top: 4px;
}
.option-preview {
width: 16px;
height: 16px;
background-color: #fff;
display: inline-block;
vertical-align: middle;
margin-right: 5px;
border: 1px solid #ddd;
}
.option-preview-light-red {
background-color: #fd9595;
}
.option-preview-light-yellow {
background-color: #fdf495;
}
.option-preview-light-green {
background-color: #95fd97;
}
.option-preview-light-blue {
background-color: #95e3fd;
}
.option-preview-light-purple {
background-color: #95a8fd;
}
.option-preview-light-pink {
background-color: #dc95fd;
}
.option-preview-light-gray {
background-color: #dddddd;
}
.option-preview-light-orange {
background-color: #ffe0a9;
}
.option-preview-white {
background-color: #fff;
}
.option-preview-dark-gray {
background-color: #333333;
}
.option-preview-dark-red {
background-color: #a91919;
}
.option-preview-dark-orange {
background-color: #a95d19;
}
.option-preview-dark-yellow {
background-color: #a7a919;
}
.option-preview-dark-green {
background-color: #4ca919;
}
.option-preview-dark-blue {
background-color: #1978a9;
}
.option-preview-dark-purple {
background-color: #4c19a9;
}
.option-preview-dark-pink {
background-color: #a9198c;
}
.option-preview-black {
background-color: #000;
}
#ClusterMap {
position: relative;
height: 540px;
margin: 0 0 20px 0;
background-color: #ddd;
}
#ClusterMap #map_menu {
position: absolute;
top: 4px;
left: 4px;
bottom: 4px;
width: 230px;
z-index: 5;
background-color: #fff;
}
#ClusterMap #map_menu div {
background-color: #f0f0f0;
border-bottom: 1px solid #e1e1e1;
height: 40px;
padding: 0;
position: relative;
}
#ClusterMap #map_menu div select {
width: 210px;
position: absolute;
top: 8px;
left: 10px;
right: 10px;
border: none;
*border: 0;
padding: 3px;
border-radius: 3px;
}
#ClusterMap #map_menu div a {
display: none;
}
#ClusterMap #map_menu ul {
padding: 0;
margin: 0;
position: absolute;
top: 41px;
bottom: 0;
right: 0;
left: 0;
overflow: auto;
}
#ClusterMap #map_menu ul li {
padding: 0;
margin: 0;
list-style: none;
border-bottom: #ddd 1px solid;
border-top: #fff 1px solid;
}
#ClusterMap #map_menu ul li a {
display: block;
padding: 10px 10px 10px 35px;
text-decoration: none;
background-repeat: no-repeat;
background-position: 10px 13px;
}
#ClusterMap #map_menu ul li a,
#ClusterMap #map_menu ul li a.Undefined {
background-image: url("../img/application/map-marker-small-red.png");
}
#ClusterMap #map_menu ul li a.GpPractice {
background-image: url("../img/application/map-marker-small-blue.png");
}
#ClusterMap #map_menu ul li a.WalkInCentre {
background-image: url("../img/application/map-marker-small-green.png");
}
#ClusterMap #map_menu ul li a.OtherSpecify {
background-image: url("../img/application/map-marker-small.png");
}
#ClusterMap #map_menu ul li a strong,
#ClusterMap #map_menu ul li a span,
#ClusterMap #map_menu ul li a em {
display: block;
font-style: normal;
font-weight: normal;
}
#ClusterMap #map_menu ul li a strong {
font-size: 1rem;
}
#ClusterMap #map_menu ul li a span {
color: #444;
font-size: 0.75rem;
}
#ClusterMap #map_menu ul li a span br {
display: none;
}
#ClusterMap #map_menu ul li a em {
font-size: 1rem;
color: #888;
margin: 0 0 3px 0;
}
#ClusterMap #map_menu ul li a.Current,
#ClusterMap #map_menu ul li a.Current:hover,
#ClusterMap #map_menu ul li a:hover {
background-color: #f3f3f3;
}
#ClusterMap #map_canvas {
position: absolute;
top: 4px;
right: 4px;
bottom: 4px;
left: 235px;
width: auto;
height: auto;
z-index: 1;
background-color: #ebe6dc;
}
.infoAddressWindow {
width: 280px;
}
.infoAddressWindow span.address {
border-bottom: 1px solid #ccc;
margin: 0 0 15px 0;
padding: 0 0 15px 0;
}
.infoAddressWindow span.comments {
font-size: 0.75rem;
border-top: 1px solid #ccc;
margin: 15px 0 0 0;
padding: 15px 0 0 0;
}
.infoAddressWindow a,
.infoAddressWindow span {
display: block;
}
/* large news ticker */
.large-news-ticker ul {
margin: 0;
padding: 0;
}
.large-news-ticker ul li {
list-style: none;
margin: 0;
border-bottom: 5px solid #7cceec;
background-color: #4ebfe9;
}
.large-news-ticker ul li strong {
font-size: 1rem;
display: block;
margin: 0 0 5px 0;
}
.large-news-ticker ul li a {
text-decoration: none;
padding: 10px 10px 15px 10px;
display: block;
margin: 0;
color: #fff;
}
.large-news-ticker ul li em {
display: block;
font-style: normal;
margin: 0 0 10px 0;
}
/* news ticker regular */
.news-ticker-horizontal {
display: flex;
margin: 0 0 20px 0;
position: relative;
background-color: #d5e2ea;
border-radius: 3px;
}
.news-ticker-horizontal a {
text-decoration: none;
padding: 0.5rem;
display: block;
border-radius: 3px;
}
.news-ticker-horizontal a:hover {
background-color: rgba(255, 255, 255, 0.25);
color: #000;
}
.news-ticker-horizontal a:focus {
color: #000000;
background-color: #fae100;
box-shadow:0px 0px 0px 3px #000000 inset;
}
.news-ticker-horizontal > ul {
margin: 0;
flex-grow: 1;
list-style: none;
overflow: hidden;
position: relative;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
}
.news-ticker-horizontal > ul > li {
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
}
.news-ticker-horizontal > ul > li > a {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.news-ticker-horizontal > a:first-child {
border-radius: 2px 0 0 2px;
}
.news-ticker-horizontal > a:last-child {
border-radius: 0 2px 2px 0;
}
/* twitter ticker */
.ticker {
overflow: hidden;
width: auto;
transform: scale(1);
position: relative;
}
.ticker-twitter {
padding: 17px 20px 18px 20px;
background-color: #333;
color: #fff;
}
.ticker-twitter ul {
list-style: none;
padding: 0;
margin: 0;
}
.ticker-twitter .ticker-body {
margin: 0 65px 0 65px;
color: #fff;
height: 65px;
overflow: hidden;
}
.ticker-twitter .ticker-body p {
color: #fff;
font-size: 1.2rem;
margin: 0 0 0px 0;
}
.ticker-twitter .ticker-body small {
color: #ccc;
font-size: 0.75rem;
}
.ticker-twitter .ticker-body small a {
text-decoration: none;
}
.ticker-twitter .ticker-body small a:hover {
text-decoration: underline;
color: #fff;
}
.ticker-twitter .ticker-body a {
color: #dddddd;
}
.ticker-twitter .ticker-button {
width: 48px;
height: 40px;
display: block;
position: absolute;
top: 20px;
left: 20px;
background-image: url('../img/logo/logo-twitter.png');
background-repeat: no-repeat;
text-indent: -1000px;
}
.ticker-twitter ul.ticker-nav {
position: absolute;
top: 38px;
right: 20px;
height: 22px;
}
.ticker-twitter ul.ticker-nav li {
float: left;
width: 22px;
height: 22px;
margin: 0 0 0 5px;
}
.ticker-twitter ul.ticker-nav li a {
display: block;
text-indent: -100px;
overflow: hidden;
width: 22px;
height: 22px;
background-position: center center;
background-repeat: no-repeat;
background-color: #000;
}
.ticker-twitter ul.ticker-nav li a.previous {
background-image: url('../img/ico/16/chevron-left-white.png');
}
.ticker-twitter ul.ticker-nav li a.next {
background-image: url('../img/ico/16/chevron-right-white.png');
}
.panel > h4 {
font-size: 1.2rem;
margin: 0 0 10px 0;
}
.panel > h3 {
border-bottom: 1px dotted #999;
padding: 0 0 10px 0;
margin: 0 0 15px 0;
}
.panel-nochrome {
border: none;
background-color: transparent;
}
.panel-nochrome .panel-heading {
display: none;
}
.panel-nochrome .panel-body {
padding: 0;
border: none;
}
.panel.panel-body {
min-height: 105px;
}
/* patient panels */
.panel-patient {
margin: 0 0 20px 0;
padding: 12px;
background-color: #f5f5f5;
border-radius: 4px;
}
.panel-patient h3 {
font-size: 1.2rem;
border-bottom: 1px solid #ccc;
padding: 0 0 10px 0;
margin: 0 0 10px 0;
}
.panel-patient p {
margin: 0 0 15px 0;
}
/* specific panels */
.panel-opening-hours .panel-body h3 {
padding: 0;
background-color: Transparent;
color: #444;
}
/* opening times */
.panel-opening .table-times th {
text-align: right;
}
.panel-opening .table-times p {
margin: 0;
}
/* contact */
.panel-contact ul li {
float: left;
width: 33%;
margin: 0 0 10px 0;
}
.panel-contact ul {
margin: 0 0 20px 0;
background-color: #f5f5f5;
padding: 12px 12px 2px 12px;
}
.panel-contact ul li span {
display: block;
}
.panel-contact ul li a,
.panel-contact ul li em {
font-style: normal;
font-weight: bold;
color: #003d72;
font-size: 1rem;
}
.panel-contact ul li a {
font-size: 1rem;
}
/* practice news
.panel-practice-news{
}*/
/* CQC
body .Body .panel-cqc .s6{
padding:0;
}*/
/* facebook */
.panel-facebook iframe {
border: none;
*border: 0;
width: 100%;
height: 565px;
margin: 0;
background-color: #fff;
}
/* RSS Feeds */
.panel-rss {
overflow: hidden;
width: auto;
transform: scale(1);
}
.panel-rss .feed {
float: left;
background-color: #eee;
width: 45%;
margin: 0 2% 15px 0;
padding: 15px 2% 1px 2%;
}
.panel-rss .feed h4 {
border-bottom: 1px solid #999;
padding: 0 0 10px 0;
margin: 0 0 15px 0;
}
.panel-rss .feed ul {
height: 325px;
overflow: auto;
margin: 0;
}
.panel-rss .feed li {
margin: 0 0 15px 0;
padding: 0;
}
.panel-rss .feed li a {
font-size: 1rem;
color: #0969C8;
text-decoration: underline;
}
.panel-rss .feed li a:hover {
text-decoration: none;
}
.panel-rss .feed li a:focus {
background-color: #ffeb3b;
box-shadow: 0 -2px #ffeb3b, 0 4px #212b32;
color: #212b32;
outline: 4px solid transparent;
text-decoration: none;
}
.panel-rss .feed li p {
margin: 0;
line-height: normal;
color: #444;
}
.panel-rss .feed li span {
font-size: 0.9rem;
color: #333;
}
.panel-rss .feed .feed-foot {
border-top: 1px solid #999;
padding: 10px 0 10px 0;
position: relative;
width: auto;
overflow: hidden;
*transform: scale(1);
}
.feed-foot a.next {
float: right;
}
.feed-foot a.prev {
float: left;
}
.panel-rss .last {
margin: 0 0 15px 0;
}
/* A to Z */
.list-links-tile li {
box-sizing: border-box;
float: left;
width: 7.69%;
padding: 1px;
margin: 0;
}
.list-links-tile a {
text-transform: uppercase;
line-height: 50px;
font-size: 1rem;
background-color: #ddd;
display: block;
height: 50px;
text-align: center;
font-size: 1.5rem;
}
.list-links-tile a:hover {
background-color: #FFF;
color: #7c2855;
}
.list-links-tile a:visited {
background-color: #ddd;
color: #005eb8;
}
/* news panel with datestamp */
.panel-news .panel-body li {
overflow: hidden;
border-bottom: 1px solid #cccccc;
padding: 0 0 10px 0;
margin: 0 0 10px 0;
}
.panel-news .panel-body li strong {
float: left;
width: 45px;
height: 45px;
background-color: #333;
color: #fff;
margin: 3px 10px 0 0;
}
.panel-news .panel-body li strong em,
.panel-news .panel-body li strong span {
font-style: normal;
font-weight: normal;
display: block;
text-align: center;
}
.panel-news .panel-body li strong em {
font-size: 1.6rem;
font-weight: bold;
letter-spacing: -1px;
padding: 4px 1px 0 0;
line-height: 24px;
}
.panel-news .panel-body li strong span {
text-transform: uppercase;
line-height: 12px;
font-size: 0.75rem;
}
.panel-news .panel-body li a {
text-decoration: none;
}
.panel-news .panel-body li a:hover {
text-decoration: underline;
}
/* twitter-panel */
.panel-twitter {
border: 1px solid #e8e8e8;
margin: 0 0 20px 0;
background-color: #fff;
}
.panel-twitter h3 {
padding: 10px;
border-bottom: 1px solid #e8e8e8;
font-size: 1.2rem;
margin: 0;
}
.panel-twitter .tweets {
height: 300px;
overflow: auto;
margin: 0;
padding: 0;
list-style: none;
}
.panel-twitter .tweets li {
padding: 10px;
border-bottom: 1px solid #e8e8e8;
margin: 0;
}
.panel-twitter .tweets li a {
text-decoration: underline;
}
.panel-twitter .tweets li a:hover {
text-decoration: none;
}
.panel-twitter .tweets li a:focus {
background-color: #ffeb3b;
box-shadow: 0 -2px #ffeb3b, 0 4px #212b32;
color: #212b32;
outline: 4px solid transparent;
text-decoration: none;
}
.panel-twitter .follow {
display: block;
background-color: #e8e8e8;
padding: 10px;
text-decoration: none;
}
/* choices list 1 */
.panel-choices-library ul li {
float: left;
width: 50%;
height: 140px;
position: relative;
}
.panel-choices-library ul li img {
width: 76px;
height: 76px;
position: absolute;
top: 4px;
left: 0;
padding: 1px;
border: 1px solid #999;
}
.panel-choices-library ul li div {
margin: 0 15px 0 90px;
}
.panel-choices-library ul li div h4 {
line-height: normal;
margin: 0 0 5px 0;
color: #0079c2;
letter-spacing: -1px;
}
.panel-choices-library ul li div span {
display: block;
font-size: 1rem;
margin: 0 0 10px 0;
}
.panel-choices-library ul li div a {
font-size: 1rem;
color: #0079c2;
}
.panel-iframe iframe {
margin-bottom: 0;
width: 100%;
}
.panel-body-chart {
border-top: 1px #ddd solid;
}
/* temp fix until we implement bootstrap grids */
.panel .DataGrid {
margin: 0;
border: none;
border-collapse: collapse;
border-top: 1px solid #ddd;
}
.panel .DataGrid caption {
display: none;
}
.panel .DataGrid tr > :last-child {
border-right: none;
padding-right: 15px;
}
.panel .DataGrid tr > :first-child {
padding-left: 15px;
}
.panel > .BodyTabs .ajax__tab_header {
padding: 15px 15px 0 15px;
}
.panel > .BodyTabs .ajax__tab_body {
padding: 15px;
}
.panel-live-well .panel-body {
min-height: 160px;
}
/* */
.panel.pull-right-content {
max-width: 225px;
}
@media screen and (max-width: 750px) {
.panel.pull-right-content {
float: none;
margin-left: 0;
max-width: none;
}
}
/* sliders */
.carousel {
padding: 0;
margin: 0 0 20px 0;
background-color: #eee;
}
.Body .carousel h3 {
padding: 10px;
margin: 0;
}
.carousel ul {
list-style: none;
margin: 0;
}
.carousel-body li {
padding: 0;
margin: 0;
}
.carousel-nav {
height: 20px;
padding: 10px;
}
.carousel-nav li {
float: left;
display: block;
height: 20px;
width: 20px;
margin: 0 4px 0 4px;
list-style: none;
}
.carousel-nav li a {
float: left;
background-color: #999;
height: 20px;
width: 20px;
}
.carousel-nav li a span {
display: none;
}
.carousel-nav li.activeSlide a {
background-color: #000;
}
.carousel-nav li a:hover {
background-color: #222;
}
/* news carousel */
.carousel-news .carousel-body {
height: 210px;
}
.carousel-news .carousel-body li {
width: 298px;
}
.carousel-news .carousel-body small,
.carousel-news .carousel-body big {
display: block;
}
.carousel-news .carousel-body big {
font-size: 1.3rem;
}
.carousel-news .carousel-body small {
margin: 0 0 15px 0;
}
.carousel-news .carousel-body a {
text-decoration: none;
display: block;
padding: 20px;
}
/* variations */
.carousel-video iframe {
border: none;
*border: 0;
width: 100%;
height: 185px;
display: block;
margin: 0;
padding: 0;
}
.carousel-video object,
.carousel-video embed {
width: 298px;
height: 185px;
}
.carousel-video .carousel-body li {
position: absolute;
display: block;
transform: scale(1);
}
.carousel-video .carousel-body li,
.carousel-video .carousel-body {
height: 185px;
}
/* slideshow */
.SlideShowBox ul.nav {
height: 16px;
padding: 2px 1px 2px 2px;
border: 1px solid #999;
width: 34px;
margin: 0;
position: absolute;
bottom: 10px;
right: 10px;
z-index: 3;
background: #fff;
border-radius: 2px;
}
.SlideShowBox ul.nav li {
float: left;
padding: 0;
margin: 0;
list-style: none;
width: 17px;
height: 16px;
}
.SlideShowBox ul.nav li a {
width: 16px;
height: 16px;
display: block;
background-image: url('../img/core/frame/slideshownav.gif');
background-repeat: no-repeat;
}
.SlideShowBox ul.nav li a.prev {
border-right: 1px solid #bebebe;
background-position: bottom center;
}
.SlideShowBox ul.nav li a.next {
background-position: top center;
}
ul.SlideShow {
height: 285px;
padding: 0;
margin: 0;
overflow: hidden;
z-index: 2;
position: relative;
}
ul.SlideShow li {
overflow: hidden;
margin: 0;
padding: 0;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #fff;
}
.HomeTop ul.SlideShow li img {
width: 100%;
}
.SlideShowBig {
margin: 0 0 15px 0;
}
ul.slideshow-content li,
ul.slideshow-content {
height: 250px;
margin: 0;
padding: 0;
overflow: hidden;
position: relative;
}
ul.slideshow-content li {
width: 100%;
right: 0;
}
ul.slideshow-content li a.slide {
display: block;
height: 250px;
overflow: hidden;
position: relative;
text-decoration: none;
}
ul.slideshow-content li {
background-color: #fff;
}
ul.slideshow-content li div {
padding: 30px;
width: 310px;
height: 190px;
background-color: #666;
position: absolute;
top: 0;
left: 0;
color: #fff;
z-index: 9;
}
ul.slideshow-content li div h3 {
border: none;
padding: 0;
margin: 0 0 20px 0;
font-size: 1.6rem;
color: #fff;
}
ul.slideshow-content li div p {
font-size: 1rem;
color: #fff;
line-height: 22px;
margin: 0 0 20px 0;
}
ul.slideshow-content li div a {
background-color: #fff;
display: block;
height: 30px;
line-height: 30px;
font-size: 1rem;
text-decoration: none;
/*color:#fff;*/
text-align: center;
border-radius: 4px;
}
ul.slideshow-content li img {
position: absolute;
top: 0;
right: 0;
height: 250px;
z-index: 5;
}
ul.slideshow-nav {
margin: 0;
padding: 0;
list-style: none;
height: 60px;
background-color: #eee;
}
.slideshow-nav li {
position: relative;
float: left;
width: 239px;
margin: 0;
height: 60px;
list-style: none;
}
.slideshow-nav li a {
display: block;
height: 40px;
position: relative;
padding: 10px 10px 10px 100px;
font-size: 0.75rem;
text-decoration: none;
}
.slideshow-nav li.activeSlide a {
background-color: #ddd;
}
.slideshow-nav li img {
position: absolute;
top: 10px;
left: 10px;
width: 80px;
height: 40px;
}
.slideshow-nav-mini {
background-color: #eee;
margin: 0;
height: 20px;
padding: 10px;
}
.slideshow-nav-mini li {
float: left;
display: block;
height: 20px;
width: 20px;
margin: 0 5px 0 5px;
list-style: none;
*display: block;
*float: left;
}
.slideshow-nav-mini li a {
float: left;
background-color: #999;
height: 20px;
width: 20px;
overflow: hidden;
}
.slideshow-nav-mini li a span {
display: none;
}
.slideshow-nav-mini li.activeSlide a {
background-color: #000;
}
.slideshow-nav-mini li a:hover {
background-color: #222;
}
/* cookie warning */
.cookie-warning {
position: fixed;
bottom: 0;
left: 20px;
right: 20px;
padding: 20px 60px 20px 20px;
background-color: #222;
color: #fff;
z-index: 999;
-position: absolute;
-top: 0;
-bottom: auto;
}
.cookie-warning a {
color: #FFFF99;
}
.cookie-warning .close {
color: #999;
font-size: 2rem;
font-weight: bold;
position: absolute;
top: 10px;
right: 20px;
text-decoration: none;
}
.cookie-warning .close:hover {
color: #eee;
}
/* evaluation bar */
div.evaluation-bar span {
display: block;
color: #fff;
text-align: left;
padding: 15px 45px 15px 15px;
background-color: #333;
background-image: url("../img/alert/grey.gif");
box-shadow: 0 1px 3px #333;
font-size: 1rem;
}
div.evaluation-bar span a {
position: absolute;
font-weight: bold;
color: #eee;
right: 15px;
text-decoration: none;
font-size: 2rem;
line-height: 1.1rem;
}
div.evaluation-bar span a:hover {
color: #fff;
}
div.evaluation-bar span a:focus {
color: #000000;
background-color: #fae100;
outline: 3px solid #ffeb3b;
outline-offset: 0;
line-height: 1.7rem;
}
/*
scope this style to page level as it messes with google translate iframe which appears at
start of body.
*/
.Page iframe {
border: 2px solid #ddd;
max-width: 100%;
margin: 0 auto 20px auto;
background-color: #fff;
box-sizing: border-box;
min-height: 300px;
}
/* if an iframe doesn't have its width set we set it */
iframe[width="auto"],
iframe:not([width]) {
width: 100%;
}
/* catchment area */
.iframe-catchment {
width: 100%;
height: 450px;
background-color: #fff;
}
/* cqc widget */
.container-widget-cqc {
margin-bottom: 15px;
}
.cqc-widget {
width: 98%;
height: 400px;
border: none;
*border: 0;
margin: 0;
padding: 0;
}
/* choices embed */
.choices-content {
border: #0064b7 4px solid;
border-radius: 6px;
margin: 0 0 20px 0;
}
.choices-content-title {
background-color: #0064b7;
color: #fff;
padding: 7px 15px 10px 15px;
margin: 0;
}
.choices-content-body {
padding: 15px;
}
.choices-content-foot {
padding: 15px;
text-align: right;
}
.choices-content-foot a {
display: block;
background-color: #fff;
width: 170px;
margin: 0 0 0 auto;
}
/* survey embed */
.survey-embed {
padding: 15px 15px 10px 15px;
background-color: #eee;
border-radius: 5px;
margin: 0 0 20px 0;
}
.survey-embed iframe {
height: 500px;
width: 100% !important;
border: none;
margin: 0 0 5px 0;
}
/* browse aloud */
._ba_manual {
position: fixed;
top: 20px;
right: 0;
z-index: 1000;
}
.admin ._ba_manual {
display: none;
}
.breadcrumb-browser {
padding: 15px;
background-color: #eeeeee;
border: solid 1px #999999;
border-bottom: none;
}
/* web gp */
#webgpWrapper.webgp-overlay {
z-index: 9000 !important;
}
/* ajax loader */
.AjaxLoadingBox {
/* box styling */
padding: 0;
background-color: rgba(0, 0, 0, 0.8);
width: 160px;
height: 160px;
text-align: center;
/* Box positioning */
position: fixed;
top: 50%;
left: 50%;
margin-left: -80px;
margin-top: -80px;
border-radius: 10px;
box-shadow: 0px 5px 5px #888;
z-index: 10;
color: #fff;
}
.AjaxLoadingBox strong {
font-size: 1.2rem;
font-weight: normal;
}
.AjaxLoadingBox p {
padding-bottom: 20px;
margin: 0;
}
.AjaxLoadingBox p:first-child {
padding-top: 25px;
}
/* auto complete */
.ac_results {
z-index: 7;
background-color: #fff;
}
.ac_results ul {
margin: 0;
padding: 0;
list-style: none;
border: 1px solid #ccc;
}
.ac_results ul li {
margin: 0;
padding: 4px 8px 4px 8px;
color: #444;
cursor: pointer;
}
.ac_even {
background-color: #f5f5f5;
}
.ac_results ul li.ac_over {
color: #fff;
background-color: #006699;
}
/* body tabs */
.BodyTabs {
overflow: hidden;
position: relative;
width: auto;
margin: 0 0 20px 0;
}
.BodyTabs:last-child {
margin-bottom: 0;
}
.BodyTabs .ajax__tab_header {
position: relative;
border-bottom: 1px solid #ddd;
}
.BodyTabs .ajax__tab_header::after {
clear: both;
display: table;
content: " ";
}
.BodyTabs .ajax__tab_header span.ajax__tab_tab {
padding: 0 15px 0 15px;
margin: 0 2px 0 0;
float: left;
display: block;
height: 42px;
font-size: 1rem;
line-height: 42px;
color: #2a537d;
position: relative;
border-radius: 4px 4px 0 0;
margin-bottom: -1px;
border: 1px transparent solid;
}
.BodyTabs .ajax__tab_header span.ajax__tab_tab em {
padding: 0 3px 0 3px;
color: #fff;
font-style: normal;
font-size: 0.75rem;
font-weight: bold;
background-color: #2a537d;
border-radius: 3px;
}
.BodyTabs .ajax__tab_header span {
float: left;
display: block;
position: relative;
}
.BodyTabs span.ajax__tab_active span.ajax__tab_tab {
background-color: #fff;
color: #333;
cursor: pointer;
border: 1px solid #ddd;
border-bottom-color: #fff;
height: 42px;
}
body.editmode .BodyTabs span.ajax__tab_active span.ajax__tab_tab {
background-color: #f2f5f9;
}
.BodyTabs .ajax__tab_body {
padding: 20px 0 0 0;
position: relative;
}
/* none .net tabs */
.tabs {
border-bottom: 1px solid #ddd;
margin: 0 0 20px 0;
padding: 0;
}
.tabs > li {
display: inline-block;
margin: 0 2px -1px 0;
padding: 0;
}
.tabs > li a {
display: block;
border-radius: 4px 4px 0 0;
padding: 15px;
border: 1px solid transparent;
line-height: normal;
font-size: 1rem;
color: #337ab7;
text-decoration: none;
}
.tabs > li a:hover {
background-color: #eee;
}
.tabs > li a.current {
background-color: #FFF;
border: 1px solid #ddd;
border-bottom: 1px solid #fff;
}
.tab-stack {
margin: 0 0 20px 0;
}
.tab-stack > .tab-content {
display: none;
}
.tab-stack > .current {
display: block;
}
.nav-tabs {
margin-bottom: 1rem;
}
/*Node Picker */
.DocLibTree {
background-color: #eff4f5;
padding: 1rem;
border-radius: 3px;
overflow: auto;
}
.vakata-context {
z-index: 1000;
}
/* LatLngHelp */
#LatLngHelp {
margin: 0;
padding: 0;
}
#LatLngHelp .Alert {
margin: 0;
}
#LatLngHelp h4 {
margin: 0 0 20px 0;
font-size: 1.6rem;
}
#LatLngHelp .section-walkthrough {
padding: 20px;
margin: 0;
background-color: #f5f5f5;
position: relative;
border-radius: 5px;
display: none;
}
#LatLngHelp a#btnHideHelp {
display: block;
position: absolute;
top: 10px;
right: 20px;
text-decoration: none;
font-size: 2rem;
font-weight: bold;
}
#LatLngHelp img {
width: 98%;
border: 1px solid #ccc !important;
padding: 3px;
background-color: #fff;
display: block;
margin: 0 0 30px 0;
}
.BroswerSupportAlert {
padding: 15px;
background-color: #eee;
}
ul.BrowserSupportList {
margin: 0;
padding: 0;
overflow: hidden;
width: auto;
transform: scale(1);
}
ul.BrowserSupportList li {
margin: 0 15px 15px 0;
padding: 0;
list-style: none;
float: left;
width: 200px;
}
ul.BrowserSupportList li.last {
margin: 0;
}
ul.BrowserSupportList li a {
display: block;
background-color: #fff;
padding: 10px 10px 10px 64px;
height: 48px;
position: relative;
font-size: 1.2rem;
text-decoration: none;
border: 1px solid #999;
}
ul.BrowserSupportList li a:hover {
border: 1px solid #333;
}
ul.BrowserSupportList li a img {
position: absolute;
top: 10px;
left: 10px;
width: 48px;
}
div.DocLibBreadcrumb {
font-size: 0.75rem;
font-weight: bold;
color: #666666;
letter-spacing: normal;
margin: 0px 0px 10px 0px;
padding: 5px 10px 5px 34px;
background: #CCE1F5 url(../img/ico/16/home.png) no-repeat 10px 5px;
height: 16px;
line-height: 16px;
}
div.DocLibBreadcrumb a {
color: #0066CC;
font-weight: normal;
}
div.DocLibBreadcrumb a:hover {
text-decoration: underline;
}
/* tiny mce */
.RichTextAreaBox {
margin: 0 0 15px 0;
position: relative;
}
.RichTextArea {
height: 250px;
}
#map_canvas {
position: relative;
width: 100%;
height: 400px;
left: 0px;
top: 0px;
}
/*
Hacks start here
*/
table tr td input.TableDataEntry {
width: 90%;
}
p.formCheckbox {
padding: 5px 10px 5px 10px;
font-size: 0.75rem;
}
span.chart-marker {
display: inline-block;
width: 10px;
height: 10px;
background-color: #058DC7;
border-radius: 5px;
margin: 0 5px 0 0;
}
span.chart-marker-2 {
display: inline-block;
width: 10px;
height: 10px;
background-color: #aa0000;
border-radius: 5px;
margin: 0 5px 0 0;
}
div.report-dashboard h3 {
border-bottom: 1px solid #e5e5e5;
background-color: #f5f5f5;
font-size: 1rem;
height: 35px;
line-height: 35px;
padding: 0 15px 0 15px;
margin: 0;
color: #222;
}
div.report-dashboard .ButtonBox {
position: absolute;
top: 53px;
left: 340px;
padding: 6px 7px 0 0;
margin: 0;
border: none;
}
div.report-dashboard .ButtonBox a {
float: left;
margin: 0 0 0 5px;
}
div.report-dashboard fieldset {
border: none;
background-color: #ffffff;
border-bottom: 1px solid #e5e5e5;
padding: 15px;
margin: 0 0 15px 0;
}
div.report-dashboard fieldset div {
float: left;
width: 160px;
padding: 0;
}
div.report-dashboard fieldset div label {
width: 60px;
}
div.report-dashboard fieldset div input {
width: 80px;
text-align: center;
}
div.report-dashboard .DataGrid {
border-left: none;
border-bottom: none;
margin: 0;
}
div.report-dashboard .chart-box {
padding: 20px 0 10px 0;
}
ul.chart-meta {
margin: 0;
padding: 0;
overflow: hidden;
width: auto;
}
ul.chart-meta li {
margin: 0;
padding: 0;
list-style: none;
float: left;
width: 25%;
}
div.ReportDetailBack {
background-color: #999;
padding: 5px;
margin-bottom: 10px;
}
div.user-manual-container {
background-color: #eeeeee;
padding: 10px;
border: solid 1px #cccccc;
}
.HomeTop {
border-bottom: 3px #eee solid;
overflow: hidden;
width: auto;
padding: 0 0 30px 0;
}
.HomeTop .s5 {
padding: 0 0 20px 0;
}
.HomeTop .s5 img {
width: 368px;
}
.HomeMiddle {
margin: 0;
overflow: hidden;
width: auto;
padding: 30px 0 14px 0;
margin-right: -1%;
margin-left: -1%;
border-bottom: 3px #eee solid;
}
.HomeMiddle li {
float: left;
margin: 0 1% 16px 1%;
list-style: none;
width: 23%;
}
.HomeMiddle li a {
border: 1px solid #999;
display: block;
position: relative;
text-decoration: none;
background-repeat: no-repeat;
}
.HomeMiddle li img {
display: block;
width: 100%;
}
.HomeMiddle li span {
display: block;
padding: 15px;
height: 40px;
}
@media screen and (max-width: 960px) {
.HomeMiddle li {
width: 31.33333333%;
}
}
@media screen and (max-width: 768px) {
.HomeMiddle li {
width: 48%;
}
}
@media screen and (max-width: 550px) {
.HomeMiddle li {
width: 98%;
}
.HomeMiddle li span {
height: auto;
}
}
.HomeBottom {
padding: 30px 0 0 0;
}
.HomeBottom:before,
.HomeBottom:after {
display: table;
content: " ";
}
.HomeBottom:after {
clear: both;
}
.HomeBottom:before,
.HomeBottom:after {
display: table;
content: " ";
}
.HomeBottom:after {
clear: both;
}
.HomeBottom .FeedPanel {
float: left;
width: 29%;
padding: 10px 1.5% 5px 1.5%;
background-color: #eee;
margin: 0 2% 16px 0;
border-radius: 3px;
}
.HomeBottom .FeedPanel .last {
margin-right: 0;
}
.HomeBottom .FeedPanel h3 {
font-size: 1rem;
font-weight: normal;
color: #333;
border-bottom: 2px solid #999;
padding: 0 0 7px 0;
margin: 0 0 10px 0;
}
.HomeBottom .FeedPanel ul {
margin: 0 0 10px 0;
height: 225px;
overflow: auto;
}
.HomeBottom .FeedPanel ul li {
list-style: none;
}
.HomeBottom .FeedPanel ul li span {
display: block;
font-size: 0.75rem;
}
.feed-foot,
.HomeBottom .FeedPanel .PanelFoot {
padding: 10px 15px 10px 15px;
border-top: 2px solid #999;
overflow: hidden;
transform: scale(1);
width: auto;
}
.HomeBottom .FeedPanel .PanelFoot a {
text-decoration: none;
}
.feed-foot a.prev,
.HomeBottom .FeedPanel .PanelFoot a.prev {
float: left;
}
.feed-foot a.next,
.HomeBottom .FeedPanel .PanelFoot a.next {
float: right;
}
.HomeBottom .last {
margin-right: 0;
}
.NewsFeed {
border-top: 3px #eeeeee solid;
border-bottom: 3px #eeeeee solid;
padding: 10px;
}
.NewsFeed h3 {
font-size: 1rem;
color: #444444;
height: 16px;
padding: 0 30px 0 0;
margin: 0 0 10px 0;
/*background: url("feed.png") no-repeat center right;*/
}
.NewsFeed ul {
padding: 0;
margin: 0 0 5px 0;
border-top: 1px #eeeeee solid;
}
.NewsFeed ul li {
list-style: none;
padding: 0 0 15px 0;
border-bottom: 1px #eeeeee solid;
margin: 0;
overflow: hidden;
width: auto;
transform: scale(1);
position: relative;
}
.NewsFeed ul li h4 {
margin: 0;
}
.NewsFeed ul li div {
margin: 0 0 0 70px;
padding: 11px 0 0 0;
}
.NewsFeed ul li div a {
text-decoration: underline;
}
.NewsFeed ul li h4 a {
font-size: 1rem;
margin: 0;
font-weight: bold;
text-decoration: none;
}
.NewsFeed ul li div em {
font-size: 0.75rem;
color: #666666;
font-style: normal;
display: block;
margin: 0 0 5px 0;
}
.NewsFeed ul li div p {
font-size: 0.75rem;
line-height: 20px;
margin: 0 0 12px 0;
}
.NewsFeed ul li div em span {
font-weight: bold;
}
.NewsFeed ul li a {
font-size: 0.75rem;
text-decoration: none;
display: block;
}
.NewsFeed ul li strong {
display: block;
background: #cccccc;
padding: 4px 0 0 0;
height: 56px;
width: 60px;
color: #333333;
text-align: center;
position: absolute;
top: 15px;
left: 0;
font-size: 2rem;
}
.NewsFeed ul li strong span {
font-size: 0.75rem;
display: block;
font-weight: normal;
line-height: 10px;
}
.NewsFeed div a {
font-size: 0.75rem;
}
/* home layout items */
/*.Home h3{
border-bottom:1px solid #b7c2cc;
font-size:1rem;
margin:0 0 15px 0;
padding:0 0 4px 0;
font-weight:normal;
}*/
.row-home-0 {
margin-bottom: 30px;
}
.row-home-0 .panel {
background-color: #e5f3ff;
padding: 24px;
}
.row-home-0 .panel h3 {
border-bottom: 0;
padding-bottom: 0;
margin-bottom: 10px;
}
.row-home-0 .panel *:last-child {
margin-bottom: 0;
}
/* local health services search */
/* health services */
/* frontbox */
.FrontBox {
padding: 12px 10px 5px 10px;
margin: 0 0 5px 0;
border-top: 3px #d4d4d4 solid;
border-bottom: 3px #d4d4d4 solid;
margin: 0 0 10px 0;
}
.FrontBox .row {
margin: 0;
padding: 0;
}
.FrontBox .row .row {
border: #dddddd 1px solid;
padding: 7px;
margin: 0 0 7px 0;
}
.FrontBox .row .row .icon-holder {
width: 48px;
height: 40px;
float: left;
position: relative;
overflow: hidden;
margin: 0 10px 0 0;
}
.FrontBox .row .row .icon-holder img {
position: absolute;
top: -8px;
}
.FrontBox .row .row .icon-link {
font-size: 1.2rem;
font-weight: normal;
padding: 8px 0 0 0;
}
.topicContentServices .clear,
.topicContentServices p {
display: none;
}
.topicContentServices h4 {
border-bottom: 1px #eeeeee solid;
padding: 0 0 3px 0;
margin: 0 0 7px 0;
}
.topicContentServices dl.topic-content-services {
margin: 0;
padding: 0 0 25px 0;
overflow: hidden;
width: auto;
}
.topicContentServices dl.topic-content-services dt {
display: block;
float: left;
width: 100px;
margin: 0 10px 5px 0;
text-align: right;
font-weight: normal;
color: #666666;
clear: left;
}
.topicContentServices dl.topic-content-services dd {
display: block;
float: left;
width: 300px;
margin: 0 0 5px 0;
font-weight: bold;
color: #444444;
}
/* Special Sections - gpf-special-meet-the-staff */
.gpf-special-meet-the-staff h3 {
border-bottom: 1px solid #ccc;
font-size: 1.3rem;
padding: 10px 0 8px 0;
margin: 0 0 15px 0;
font-weight: normal;
}
.staff-record {
background-color: #f5f5f5;
padding: 15px 15px 0 15px;
margin: 0 0 15px 0;
overflow: hidden;
width: auto;
border-radius: 4px;
border: 8px solid #0000001c;
}
.staff-record .staff-photo {
float: left;
width: 20%;
margin-right: 2%;
min-height: 150px;
padding: 0 0 15px 0;
}
.staff-record .staff-photo img {
width: 96%;
padding: 1px;
background-color: #fff;
border: 1px #999 solid;
}
.staff-record .staff-detail {
float: left;
width: 78%;
overflow: hidden;
}
.no-photos .staff-record .staff-detail {
width: auto;
float: none;
}
.staff-record h4 {
font-size: 1.2rem;
margin: 0 0 15px 0;
padding: 0 0 5px 0;
border-bottom: 1px solid #999;
}
.staff-record dl {
margin: 0 0 15px 0;
padding: 0;
width: auto;
overflow: hidden;
}
.staff-record dl dt,
.staff-record dl dd {
margin: 0 0 8px 0;
padding: 0;
float: left;
font-size: 1rem;
}
.staff-record dl dt {
clear: left;
width: 25%;
font-weight: normal;
margin-right: 2%;
}
.staff-record dl dd {
font-weight: bold;
display: block;
width: 73%;
}
.staff-record dl dd em {
display: block;
font-size: 0.75rem;
}
.gpf-special-opening-hours h3 {
border-bottom: 1px solid #ccc;
font-size: 1.3rem;
padding: 10px 0 8px 0;
margin: 0 0 15px 0;
font-weight: normal;
}
.panel-opening-hours .panel-body ul,
.gpf-special-opening-hours ul {
margin: 0 0 15px 0;
padding: 3px 10px 3px 10px;
background-color: #eee;
width: auto;
overflow: hidden;
border-radius: 3px;
}
.panel-opening-hours .panel-body ul li,
.gpf-special-opening-hours ul li {
list-style: none;
margin: 0;
border-bottom: 1px solid #bbb;
padding: 10px 0 10px 0;
width: auto;
overflow: hidden;
}
.panel-opening-hours .panel-body ul li span,
.gpf-special-opening-hours ul li span {
float: left;
width: 90px;
padding: 0 10px 0 0;
text-align: right;
}
.panel-opening-hours .panel-body ul li em,
.gpf-special-opening-hours ul li em {
float: left;
width: 560px;
font-style: normal;
font-weight: bold;
}
.panel-opening-hours .panel-body ul li em {
width: 450px;
}
.panel-opening-hours .panel-body ul li em small {
color: #666;
}
.panel-opening-hours .panel-body ul li em span,
.gpf-special-opening-hours ul li em span {
float: none;
display: block;
font-size: 0.75rem;
width: auto;
text-align: left;
font-style: italic;
font-weight: normal;
}
.panel-opening-hours .panel-body ul li:last-child,
.gpf-special-opening-hours ul li:last-child {
border-bottom: none;
}
.panel-opening-hours .panel-body table td em, .gpf-special-opening-hours table td em {
font-style: normal;
font-weight: bold;
display: block;
background-color: #fff;
}
.panel-opening-hours .panel-body table td em span, .gpf-special-opening-hours table td em span {
font-style: italic;
font-weight: normal;
display: block;
top:auto;
float:none;
position:relative;
font-size:0.75rem;
}
/* Special facilities */
.gpf-special-facilities ul {
margin: 0 0 15px 0;
padding: 0;
}
.gpf-special-facilities ul li {
margin: 0 0 15px 0;
padding: 0 0 15px 0;
list-style: none;
border-bottom: 1px solid #ddd;
}
.gpf-special-facilities ul li strong {
display: block;
margin: 0 0 5px 0;
}
/* Speacial - Services & Clinics */
.gpf-special-services-and-clinics .section {
margin: 0 0 15px 0;
padding: 15px;
background-color: #eee;
border-radius: 4px;
}
.gpf-special-services-and-clinics .section h3 {
border-bottom: #999 solid 1px;
padding: 0 0 5px 0;
margin: 0 0 10px 0;
font-weight: normal;
}
.gpf-special-services-and-clinics .section ul {
margin: 0;
padding: 0;
}
.gpf-special-services-and-clinics .section ul li {
list-style: none;
padding: 0;
margin: 0 0 5px 0;
width: auto;
overflow: hidden;
}
.gpf-special-services-and-clinics .section ul li strong {
font-weight: normal;
float: left;
width: 27%;
text-align: right;
padding: 0 10px 0 0;
}
.gpf-special-services-and-clinics .section ul li span {
float: right;
width: 70%;
}
/* staff details summary list */
.summary-list ul {
list-style-type: square;
margin: 0 0 20px 30px;
}
.summary-list li {
margin: 0 0 10px 0;
}
.summary-list big {
display: block;
text-transform: capitalize;
}
.summary-list span {
color: #999;
}
/* staff details summary table */
.summary-table .SimpleGrid tr :first-child {
width: 200px;
}
/* site map */
ul.Sitemap {
margin: 0;
padding: 0;
}
ul.Sitemap li {
list-style: none;
}
ul.Sitemap a {
text-decoration: none;
display: block;
padding: 4px 16px;
}
ul.Sitemap a:hover {
text-decoration: underline;
background-color: #eee;
border-radius: 3px;
}
/* NHS Choices styles */
.staff-block {
overflow: visible;
position: relative;
width: auto;
}
.staff-details {
background: none repeat scroll 0 0 #F6F6F6;
border-radius: 5px 5px 5px 5px;
margin: 0 0 15px;
overflow: hidden;
padding: 10px;
width: auto;
}
.staff-details .hidden {
display: none;
}
.staff-details h3 {
border-bottom: 1px solid #DDDDDD;
color: #444444;
display: block;
font-size: 16px;
font-weight: normal;
margin: 0 0 7px;
padding: 0 0 7px;
}
.staff-details h4 {
color: #888888;
font-size: 0.75rem;
margin: 0;
padding: 0;
width: 500px;
}
.staff-details p {
color: #444444;
line-height: normal;
margin: 0 0 15px;
padding: 0;
width: 500px;
}
.staff-details ul {
margin: 0;
padding: 0;
}
.staff-details ul li {
list-style: none outside none;
}
.normal-surgery-times {
background-color: #FFFFFF;
border: 1px solid #DDDDDD;
border-radius: 5px 5px 5px 5px;
margin: 5px 0 10px;
padding: 10px;
}
.staff-details div p {
font-size: 0.75rem;
margin: 0;
}
.staff-details div dl {
margin: 0;
overflow: hidden;
width: auto;
}
.staff-details div dl dt {
color: #444444;
float: left;
height: 24px;
line-height: 24px;
margin: 0;
padding: 0 0 0 5px;
width: 150px;
}
.staff-details div dl dd {
color: #222222;
float: left;
height: 24px;
line-height: 24px;
margin: 0;
width: 500px;
}
.staff-details div .shaded {
background: none repeat scroll 0 0 #F6F6F6;
}
.staff-image {
position: absolute;
right: 10px;
top: 50px;
}
.staff-image img {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #999999;
padding: 2px;
width: 140px;
}
/* TODO: Removed this! WTF!? */
.row p span div b {
border-bottom: 1px solid #EEEEEE;
display: block;
margin: 0 0 3px;
padding: 0 0 3px;
}
.row p span div ul li {
margin: 0;
}
/* END */
.opening-times {
background-color: #FFFFFF;
border: 1px solid #CCCCCC;
padding: 0;
width: 420px;
}
.opening-times h3 {
background: none repeat scroll 0 0 #ECECEC;
border-bottom: 1px solid #CCCCCC;
color: #333333;
display: block;
font-size: 0.75rem;
margin: 0;
padding: 0;
}
.opening-times h3 a {
display: block;
padding: 5px;
text-decoration: none;
}
.opening-times .toggle-content {
display: block;
height: auto;
}
.opening-times dd,
.opening-times dt {
color: #555555;
}
.opening-times dl {
border-bottom: 1px dotted #CCCCCC;
margin: 0;
overflow: hidden;
padding: 0;
width: 420px;
}
.opening-times dt {
display: inline;
float: left;
font-size: 0.75rem;
margin: 0;
padding: 5px;
width: 100px;
}
.opening-times dd {
display: inline;
float: left;
font-size: 0.75rem;
margin: 0;
padding: 5px;
width: 300px;
}
.opening-times dd.shaded,
.opening-times dt.shaded {
background-color: #F4F4F4;
}
.opening-times p {
line-height: 1.4em;
margin: 0;
padding: 10px 10px 3px;
}
/* section */
.section h3 {
border-bottom: 1px solid #ccc;
padding: 0 0 10px 0;
margin: 0 0 15px 0;
}
p img {
vertical-align: text-bottom;
}
/* acs */
.section h3 strong {
color: #000;
}
.section {
margin: 0 0 10px 0;
width: auto;
overflow: hidden;
transform: scale(1);
}
.section-html img {
width: 100%;
}
ul.checklist {
margin: 0 0 15px 0;
padding: 0;
}
ul.checklist li {
list-style: none;
padding: 10px 0 10px 25px;
margin: 0;
background-image: url("../img/ico/16/tick.png");
background-repeat: no-repeat;
background-position: 0 10px;
border-bottom: 1px solid #ddd;
}
/* Email Grid */
.EmailGrid td input {
width: 240px;
padding: 4px;
border: 1px solid #999;
}
.EmailGrid td textarea {
width: 240px;
height: 100px;
padding: 4px;
border: 1px solid #999;
font-family: inherit;
font-size: 1rem;
line-height: 18px;
}
.EmailGrid td.input-column {
width: 250px;
}
.EmailGrid td span.emailGridErr {
border: #FBC2C4 2px solid;
background: #FBE3E4;
color: #8A1F11;
padding: 3px;
font-size: 0.75rem;
line-height: normal;
display: block;
margin: 0 5px 0 5px;
border-top: none;
}
ul#layout-list {
margin: 0;
padding: 0;
}
ul#layout-list li {
list-style: none;
padding: 20px 0 20px 0;
margin: 0;
border-top: 1px dotted #ccc;
width: auto;
overflow: hidden;
}
ul#layout-list li input {
float: left;
width: 300px;
margin: 0 15px 0 0;
padding: 4px;
border: 1px solid #999 !important;
background-color: #fff;
}
ul#layout-list li div {
float: left;
width: 350px;
}
ul#layout-list li ul {
margin: 0;
padding: 0;
}
ul#layout-list li ul li {
border: none;
margin: 0 0 5px 0;
padding: 0;
}
ul.inline-pill,
ul.group-list {
padding: 10px 0 0 0 ;
margin: 0 0 20px 0;
overflow: hidden;
width: auto;
transform: scale(1);
}
ul.inline-pill li,
ul.group-list li {
margin: 0;
padding: 0;
list-style: none;
float: left;
transform: scale(1);
}
ul.group-list li {
width: 31%;
margin: 0 2% 15px 0;
}
ul.group-list a {
height: 38px;
line-height: 38px;
display: block;
background-color: #222;
color: #fff;
padding: 0;
text-decoration: none;
border-radius: 5px;
font-size: 1rem;
text-align: center;
}
ul.group-list a:hover {
background-color: #444;
text-decoration: none;
}
ul.inline-pill li {
width: auto;
overflow: hidden;
padding: 0 7px 7px 0;
}
ul.inline-pill li a {
float: left;
background-color: #eee;
padding: 3px 6px 3px 6px;
text-decoration: none;
border-radius: 10px;
white-space: nowrap;
transform: scale(1);
}
ul.inline-pill li a:hover {
background-color: #333;
color: #fff;
}
ul.group-list-col2 li {
width: 47%;
margin: 0 3% 15px 0;
}
/* splash */
body.Micro .HomeBottom,
body.Micro .Menu,
body.Micro .Head fieldset {
display: none;
}
body.Micro .Head {
padding: 0;
height: 110px;
}
body.Micro .Head h1 {
padding: 25px 0 25px 0;
font-weight: normal;
}
body.Micro .Head h1 a {
font-size: 2rem;
}
body.Micro .Head ul {
top: 15px;
}
body.Micro .Head ul li {
float: none;
height: 24px;
margin: 0;
padding: 0 0 5px 0;
}
body.Micro .Head ul li span,
body.Micro .Head ul li a {
font-size: 1rem;
padding: 0 0 0 30px;
height: 24px;
line-height: 24px;
display: block;
background-repeat: no-repeat;
background-position: 0 0;
}
body.Micro .Head ul li.phone span {
background-image: url('../img/ico/24/chat.png');
-background-image: url('../img/ico/24/chat.gif');
}
body.Micro .Head ul li.email a {
background-image: url('../img/ico/24/mail.png');
-background-image: url('../img/ico/24/mail.gif');
}
body.Micro .Head ul li.news a {
background-image: url('../img/ico/24/information.png');
-background-image: url('../img/ico/24/information.gif');
}
body.Micro .Body {
padding: 20px 20px 5px 20px;
border-radius: 5px;
}
body.Micro .Body p {
font-size: 1rem;
line-height: 24px;
}
body.Micro .Body #HomeRight a.panel-choices {
padding: 20px;
display: block;
margin: 0 0 20px 0;
border: 1px solid #a3bdd6;
background-color: #bfd4e5;
border-radius: 5px;
text-decoration: none;
color: #0f395d;
background-image: url('../img/application/choices_panel_bg.gif');
background-repeat: repeat-x;
background-position: 0 0;
}
body.Micro .Body #HomeRight a.panel-choices:hover {
border-color: #0f395d;
}
body.Micro .Body #HomeRight a.panel-choices strong {
display: block;
font-size: 1.2rem;
font-weight: normal;
padding: 0 0 7px 0;
}
body.Micro .Body #HomeRight a.panel-choices span {
background-image: url('../img/logo/choices_small.png');
-background-image: url('../img/logo/choices_small.gif');
background-repeat: no-repeat;
background-position: left bottom;
display: block;
padding: 0 0 25px 0;
}
body.Micro .Body #HomeRight h3 {
color: #076299;
font-size: 1rem;
font-weight: normal;
}
body.Micro .Body #HomeRight p {
font-size: 1rem;
line-height: 18px;
}
body.Micro .Body .SurveyList {
margin: 0;
}
body.Micro .Body .row {
padding: 0;
}
body.Micro .Body .HomeMiddle {
border-top: 1px solid #ddd;
padding: 20px 0 0 0;
margin: 0;
}
body.Micro .Body .HomeMiddle li {
width: 218px;
}
.state {
padding: 30px;
text-align: center;
}
.state p {
margin: 0 0 10px 0;
}
.state p:first-child {
color: #455A64;
}
.state p:not(:first-child) {
font-size: 1rem;
}
.state p:last-child {
margin: 0;
}
.container-slideshow {
position: relative;
margin-bottom: 15px;
}
.container-slideshow .slideshow-controls {
width: 100px;
}
.slideshow-pager-item {
margin-left: 3px;
color: #666;
}
.slideshow-pager-item.active {
color: #000;
}
.slideshow-pager,
.slideshow-controls {
padding-top: 5px;
}
.slideshow-pager > a,
.slideshow-controls > a {
display: inline-block;
min-height: 30px;
min-width: 30px;
line-height: 30px;
text-align: center;
}
.slideshow-pager > a:hover,
.slideshow-controls > a:hover {
background-color: #eee;
border-radius: 3px;
}
.slideshow-pager > a:focus,
.slideshow-controls > a:focus {
color: #000000;
background-color: #fae100;
outline: 3px solid #000000;
outline-offset: 0;
box-shadow: inset 0 0px 0 0 #212b32;
border-radius: 3px;
}
/* OPG Slideshow */
ul.globalslideshow {
margin: 0;
padding: 0;
height: 250px;
overflow: hidden;
}
ul.globalslideshow li {
list-style: none;
margin: 0;
padding: 0;
width: 100%;
height: 250px;
overflow: hidden;
position: relative;
background-color: #eee;
}
ul.globalslideshow li div {
position: absolute;
top: 0;
left: 0;
width: 260px;
height: 210px;
padding: 20px;
z-index: 3;
background-color: #333;
}
ul.globalslideshow li div h1 {
color: #fff;
font-size: 2rem;
}
ul.globalslideshow li div h2 {
color: #fff;
font-size: 1.6rem;
}
ul.globalslideshow li div p {
color: #fff;
}
ul.globalslideshow li img {
position: absolute;
top: 0;
right: 0;
height: 250px;
z-index: 1;
}
/*slideshow text div viewport adjustments*/
@media screen and (min-width: 300px) {
ul.globalslideshow li div {
width: 250px !important;
}
}
@media screen and (min-width: 426px) {
ul.globalslideshow li div {
width: 350px !important;
}
}
@media screen and (min-width: 512px) {
ul.globalslideshow li div {
width: 445px !important;
}
}
/*@media screen and (min-width: 1240px) {
ul.globalslideshow li div {
width: 450px !important;
}
}*/
@media screen and (max-width: 960px) {
ul.globalslideshow {
box-sizing: border-box;
}
ul.globalslideshow li div {
border: none;
}
}
@media screen and (max-width: 500px) {
ul.globalslideshow {
height: 300px;
}
ul.globalslideshow li {
height: 300px;
}
}
@media screen and (max-width: 750px) {
ul.globalslideshow li div {
/*width: auto;*/
left: 0;
right: 0;
}
ul.globalslideshow li img {
display: none;
}
}
/*
Makes .net DataPager looklike bootstrap pagination
*/
.pagination {
margin: 20px 0;
}
.pagination > span {
display: inline-block;
padding-left: 0;
border-radius: 4px;
}
.pagination > span > a,
.pagination > span > span {
position: relative;
float: left;
padding: 6px 12px;
margin-left: -1px;
line-height: 1.42857143;
color: #000;
text-decoration: none;
background-color: #fff;
border: 1px solid #000;
}
.pagination > span > a:not([disabled]):hover {
z-index: 2;
color: #000;
background-color: #eee;
border-color: #000;
}
.pagination > span > a:not([disabled]):focus {
z-index: 3;
color: #000;
cursor: default;
text-decoration:none;
background-color:#fae100;
box-shadow:inset 0 -0px 0 0 #000;
outline: 2px solid #000000;
}
.pagination > span > span {
z-index: 3;
color: #fff;
cursor: default;
background-color: #000;
border-color: #000;
}
.pagination > span > a:first-child,
.pagination > span > span:first-child {
margin-left: 0;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.pagination > span > a:last-child,
.pagination > span > span:last-child {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.pagination > span > .newspaginationarrow {
background-color: #FFF;
color: #000;
}
.container-head-masthead {
padding-top: 40px;
padding-bottom: 40px;
}
.section-head-menu {
margin: 0;
list-style: none;
min-height: 30px;
display: block;
text-align: right;
}
.section-head-menu > li {
margin: 0;
position: relative;
display: inline-block;
min-height: 30px;
color: #333;
}
.section-head-menu > li > a {
text-decoration: none;
font-size: 0.93rem;
display: block;
}
.section-head-menu > li > a:hover {
background-color: #ccc;
}
.section-head-menu > li > a,
.section-head-menu > li > span {
display: block;
padding: 0 15px;
height: 30px;
line-height: 30px;
}
.section-head-menu .font-size {
display: none;
}
.site-brand {
text-decoration: none;
font-size: 2.25rem;
letter-spacing: -1px;
color: #fff;
line-height: normal;
}
.site-brand:hover {
opacity: 0.95;
}
.site-brand img {
max-height: 100px;
max-width: 100%;
}
.input-group-search input {
box-shadow: none;
}
@media screen and (max-width: 770px) {
.site-brand {
margin-bottom: 16px;
display: block;
}
.container-head-masthead {
padding-top: 16px;
padding-bottom: 16px;
}
.container-head-masthead .align-v-center {
display: block;
}
}
/*@media screen and (max-width: 400px)
{
.section-head-nav{
display: none;
}
}*/
.Menu {
margin: 0 auto 0 auto;
min-height: 36px;
display: block;
padding: 0;
background: #eeeeee;
position: relative;
overflow: visible;
}
.has-library-link .Menu {
padding-right: 120px;
}
.MenuWrapper {
position: relative;
z-index: 5;
}
.Menu > li {
min-height: 40px;
margin: 0 1px 0 0;
list-style: none;
position: relative;
display: inline-block;
vertical-align: top;
font-size: 1rem;
}
.Menu > li > a {
float: left;
height: 40px;
padding: 0 15px 0 15px;
text-decoration: none;
line-height: 40px;
font-weight: bold;
font-size: inherit;
}
.Menu > li > a.Current,
.Menu > li > a.Current:hover {
height: 40px;
}
.Menu > li > a span,
.Menu > li > a:hover span {
cursor: pointer;
}
/* library */
.Menu li.library-link {
position: absolute;
top: 5px;
right: 0;
margin: 0;
border: none;
height: 30px;
}
.Menu li.library-link a.Current,
.Menu li.library-link a {
height: 35px;
line-height: 35px;
padding: 0 20px 0 20px;
background-color: #005eb8;
color: #fff;
border-radius: 2px;
box-shadow: inset 0 -3px 0 0 #004b93;
}
.Menu li.library-link a.Current:hover,
.Menu li.library-link a:hover {
background-color: #00519f;
color: #fff;
}
.btn-toggle-menu-main {
padding: 15px 20px 15px 20px;
background-color: transparent;
text-decoration: none;
font-size: 1rem;
display: none;
}
.btn-toggle-menu-main:hover {
background-color: #ddd;
}
@media screen and (max-width: 960px) {
.section-menu .btn-toggle-menu-main {
display: block;
background-color: #eee;
}
.section-menu .container {
padding: 0;
}
.section-menu .Menu {
width: auto !important;
height: auto;
padding: 0 !important;
margin: 0;
display: none;
border-radius: 0;
border: none;
}
.section-menu .Menu > li {
width: auto;
float: none;
display: block;
height: auto;
margin: 0 0 1px 0;
}
.section-menu .Menu > li > a {
width: auto;
float: none;
display: block;
line-height: normal;
height: auto;
padding: 15px 20px;
margin: 0;
border: none;
border-radius: 0;
}
.section-menu .Menu > li a.Current {
line-height: normal;
height: auto;
padding: 15px 20px;
}
.section-menu .Menu > li a:hover {
border-bottom: none;
}
.section-menu .Menu li.library-link {
position: relative;
top: auto;
right: auto;
}
.section-menu .Menu li.library-link a {
text-shadow: none;
background-image: none;
}
}
.menu-side {
margin-bottom: 20px;
}
.btn-toggle-menu-side {
display: none;
padding: 16px;
background-color: transparent;
text-decoration: none;
font-size: 1.125rem;
margin-bottom: 10px;
background-color: #eee;
}
.btn-toggle-menu-side:hover {
background-color: #ddd;
}
@media screen and (max-width: 991px) {
.btn-toggle-menu-side {
display: block;
}
}
.container-sidemenu {
display: block;
}
.container-sidemenu a.panel img {
margin: 0 auto;
display: block;
}
@media screen and (max-width: 991px) {
.container-sidemenu {
display: none;
}
}
.SideBar {
margin: 0;
padding: 10px;
background: #eee;
}
.SideBar li {
list-style: none;
margin: 0;
}
.SideBar li a {
text-decoration: none;
display: block;
font-size: 0.93rem;
}
.SideBar li ul {
margin: 0;
padding: 2px 0 0 20px;
}
@media screen and (max-width: 991px) {
.SideBar {
padding: 15px !important;
}
.SideBar li > a {
padding-top: 10px !important;
padding-right: 10px !important;
padding-bottom: 10px !important;
border-radius: 0;
}
}
/*.Body h2 span {
font-size: 0.75rem;
display: block;
color: #888;
font-weight: bold;
padding: 0 0 4px 0;
}
.Body h2 span a {
text-decoration: none;
color: #156caf;
font-weight: normal;
}
.Body h2 span a:hover {
text-decoration: underline;
}*/
.Body {
padding: 20px 0 20px 0;
z-index: 2;
}
.Body:before,
.Body:after {
display: table;
content: " ";
}
.Body:after {
clear: both;
}
.Body:before,
.Body:after {
display: table;
content: " ";
}
.Body:after {
clear: both;
}
div.Semantic {
margin: 0 0 20px 0;
}
.Semantic p {
line-height: 20px;
margin: 0 0 15px 0;
}
.Semantic img {
max-width: 100%;
}
.Semantic h2,
.Semantic h3,
.Semantic h4,
.Semantic h5,
.Semantic h6 {
padding: 10px 0 5px 0;
color: #444;
margin: 0;
}
.Semantic h2:first-child,
.Semantic h3:first-child,
.Semantic h4:first-child,
.Semantic h5:first-child,
.Semantic h6:first-child {
padding: 0 0 5px 0;
}
.Semantic code,
.Semantic pre {
padding: 0 3px 2px;
font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
color: #333333;
border-radius: 3px;
}
.Semantic code {
padding: 2px 4px;
color: #d14;
background-color: #f7f7f9;
border: 1px solid #e1e1e8;
}
.Semantic pre {
display: block;
padding: 9.5px;
margin: 0 0 20px 0;
line-height: 20px;
word-break: break-all;
word-wrap: break-word;
white-space: pre;
white-space: pre-wrap;
background-color: #f5f5f5;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px;
}
.Semantic pre code {
padding: 0;
color: inherit;
background-color: transparent;
border: 0;
}
.Semantic hr {
background-color: #b3c3d2;
border: none;
font-size: 0;
height: 1px;
margin: 0 0 15px 0;
}
.Semantic dl,
.Semantic ul,
.Semantic ol {
margin: 0 20px 20px 30px;
display: block;
}
.Semantic dt {
color: #00315d;
}
.Semantic dd {
margin: 0 0 5px 15px;
}
.Semantic li {
margin: 0 0 5px 0;
}
.Semantic var {
color: #4d5612;
}
.Semantic .userinput,
.Semantic cite {
color: #003768;
font-weight: bold;
}
.Semantic iframe {
background-color: #ccc;
}
.Semantic table {
margin: 0 0 20px 0;
width: 100%;
background-color: #fff;
border-top: 1px #ddd solid;
border-left: 1px #ddd solid;
}
.Semantic table th,
.Semantic table td {
border-bottom: 1px #ddd solid;
border-right: 1px #ddd solid;
padding: 7px;
}
.Semantic table th {
background-color: #F4F4F4;
font-weight: bold;
text-align: left;
}
.callout {
padding: 15px 15px 1px 15px;
background-color: #e6f7fd;
margin: 0 0 15px 0;
border-radius: 6px;
border: 1px solid #cde7ff;
background-repeat: no-repeat;
background-position: 10px 10px;
}
.callout h3 {
color: #00396b;
}
.callout p {
color: #222;
}
.callout-left,
.callout-right {
background-position: center 10px;
}
.callout-left {
float: left;
margin: 0 15px 15px 0;
}
.callout-right {
float: right;
margin: 0 0 15px 15px;
}
.span-normal {
width: 25%;
}
.span-medium {
width: 30%;
}
.span-large {
width: 50%;
}
.Body .Section {
width: auto;
}
.Body .Section::after {
display: block;
content: "";
clear: both;
}
.page-actions {
overflow: hidden;
width: auto;
transform: scale(1);
padding: 12px;
background-color: #eee;
margin-bottom: 15px;
}
.page-actions h2 {
font-size: 1rem;
margin-top: 0;
margin-bottom: 5px;
}
.list-share {
margin: 0;
padding: 0;
height: 36px;
}
.list-share li {
margin: 0 5px 5px 0;
padding: 0;
list-style: none;
float: left;
}
.list-share li > div {
display: inline;
}
.list-share li a {
display: block;
padding: 8px;
border-radius: 2px;
background-color: #666;
color: #fff !important;
}
.list-share li a i {
font-size: 1.3rem;
}
/*.list-share li a span {
display: none;
}*/
.list-share li a:hover {
background-color: #444;
}
.list-share li a:focus {
color: #000000 !important;
background-color: #fae100;
outline: 3px solid #000000;
outline-offset: 0;
box-shadow: inset 0 0px 0 0 #212b32;
}
.list-share li a.btn-facebook {
background-color: #3b5998;
}
.list-share li a.btn-facebook:hover {
background-color: #2d4373;
}
.list-share li a.btn-facebook:focus {
color: #000000 !important;
background-color: #fae100;
outline: 3px solid #000000;
outline-offset: 0;
}
.list-share li a.btn-bluesky {
background-color: #C2E4E5;
}
.list-share li a.btn-bluesky:hover {
background-color: #d9fdf9;
outline: 1px solid #7396f0;
outline-offset: -1px;
}
.list-share li a.btn-bluesky:focus {
color: #000000 !important;
background-color: #fae100;
outline: 3px solid #000000;
outline-offset: 0;
}
.list-share li a.btn-twitter {
background-color: #000000; /* #1da1f2 */
}
.list-share li a.btn-twitter:hover {
background-color: #333333; /* #0c85d0 */
}
.list-share li a.btn-twitter:focus {
color: #000000 !important;
background-color: #fae100;
outline: 3px solid #000000;
outline-offset: 0;
}
.list-share li a.btn-linkedin {
background-color: #0a66c2;
}
.list-share li a.btn-linkedin:hover {
background-color: #004182;
}
.list-share li a.btn-linkedin:focus {
color: #000000 !important;
background-color: #fae100;
outline: 3px solid #000000;
outline-offset: 0;
}
.section-body-head {
margin-bottom: 15px;
}
.section-body-head h1 {
margin: 0;
font-size: 1.5rem;
}
.section-body-head .text-muted {
display: block;
font-size: 0.6em;
}
.breadcrumb .active {
display: none;
}
.section-foot {
font-size: 1rem;
}
.section-foot a {
text-decoration: underline;
}
.section-foot a:hover {
text-decoration: none;
}
.section-foot li {
padding: 3px 0 12px 0;
}
.section-foot hr {
border-color: rgba(0, 0, 0, 0.5);
margin: 10px 0;
}
.section-foot h5 {
margin-bottom: 0;
}
.section-foot section {
margin-bottom: 20px;
}
.section-foot section > div:not(:last-child) {
margin-bottom: 20px;
}
.section-foot-top {
padding: 15px 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}
.section-foot-top p {
margin: 0 0 5px 0;
}
.section-foot-bottom {
padding: 15px 0;
}
.section-foot-bottom p {
margin: 0;
}
.section-foot-mini {
padding: 1rem 0;
}
/* admin bar */
.admin-bar {
padding: 15px;
background-color: #333;
background-image: url('../img/application/adminbanner.gif');
background-repeat: repeat-x;
background-position: bottom left;
overflow: hidden;
transform: scale(1);
width: auto;
color: #fff;
}
.admin-bar .left {
float: left;
width: 49%;
height: 30px;
line-height: 30px;
}
.admin-bar .left a {
color: #eee;
}
.admin-bar .right {
float: right;
width: 49%;
text-align: right;
}
.admin-bar .right a.Button {
font-size: 1rem;
height: 28px;
padding: 0 20px 0 20px;
line-height: 28px;
background-image: url('../img/application/ab-button.gif');
background-repeat: repeat-x;
background-position: top left;
background-color: #57a957;
color: #fff;
border-top: 1px solid #4e984e;
border-right: 1px solid #54a654;
border-bottom: 1px solid #417f41;
border-left: 1px solid #54a654;
border-radius: 6px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
}
.admin-bar .right a.Button:hover {
background-color: #57a957;
color: #fff;
background-position: bottom left;
border-top: 1px solid #53a353;
border-right: 1px solid #4e984e;
border-bottom: 1px solid #417f41;
border-left: 1px solid #4e984e;
}
@media screen and (max-width: 960px) {
.admin-bar {
background-image: none;
background-color: #222;
}
.admin-bar .left,
.admin-bar .right {
float: none;
height: auto;
width: auto;
text-align: left;
margin-bottom: 5px;
}
.admin-bar .left .ab-signedin,
.admin-bar .right .ab-signedin {
display: block;
}
.admin-bar .left a.ab-admin,
.admin-bar .right a.ab-admin {
display: block;
text-align: center;
}
}
/* admin bar v2 */
.admin {
padding-top: 40px;
}
.navbar-admin {
background-color: #222;
min-height: 40px;
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 999;
}
.navbar-admin .navbar-nav {
float: left;
margin: 0;
padding: 0 15px;
list-style: none;
width: auto;
min-height: 40px;
}
.navbar-admin .navbar-nav > li {
float: left;
margin: 0;
padding: 0;
}
.navbar-admin .navbar-nav > li > a {
color: #ffffff;
text-decoration: none;
font-size: 0.93rem;
display: block;
padding: 0 15px;
height: 40px;
line-height: 40px;
}
.navbar-admin .navbar-nav > li > a:hover {
background-color: #3c3c3c;
}
.navbar-admin .navbar-nav > li > a:focus {
color: #000000;
background-color: #fae100;
outline: 1px solid #ffeb3b;
outline-offset: 0;
}
.navbar-admin .navbar-nav > li > ul {
left: 0;
top: 100%;
}
.navbar-admin .navbar-nav > li > ul.dropdown-menu-right {
left: auto;
right: 0;
}
.navbar-admin ul.navbar-right {
float: right;
}
.navbar-admin .dropdown-menu {
border-radius: 0;
border: none;
min-width: 100%;
}
/* console */
.console {
background-color: #fafafa;
overflow: hidden;
border-bottom: 1px solid #cccccc;
}
.console .control {
padding: 7px;
float: left;
width: 50%;
box-sizing: border-box;
}
.console label {
display: none;
}
.console select {
border: none;
padding: 7px;
display: block;
width: 100%;
font-size: 1rem;
background-color: #fafafa;
box-sizing: border-box;
}
/* Search Page */
.SearchBox {
background-color: #eee;
padding: 20px;
width: auto;
overflow: hidden;
margin: 0 0 15px 0;
position: relative;
border-radius: 4px;
}
.SearchResults {
margin: 0;
padding: 0;
}
.SearchResults .NoSearchProvided,
.SearchResults .SearchCount {
padding: 0 0 15px 0;
margin: 0;
border-bottom: solid 1px #ccc;
color: #455A64;
}
.SearchResults ul {
margin: 0;
padding: 0;
}
.SearchResults li {
list-style: none;
padding: 20px 0 22px 0;
margin: 0;
border-bottom: 1px dotted #ccc;
}
.SearchResults li a {
font-size: 1.3rem;
}
.SearchResults li a:hover {
text-decoration: none;
}
.SearchResults li small {
display: block;
padding: 5px 0 5px 0;
}
.SearchResults li small span {
display: inline-block;
margin-right: 1rem;
}
/*.SearchResults ul li small em{
border-left: 1px solid #999999;
color: #10487A;
display: block;
float: left;
padding: 0 5px;
font-style:normal;
//font-size: .75rem;
}*/
.SearchResults ul li p {
color: #333333;
display: block;
font-size: 1rem;
line-height: 18px;
margin: 0 0 5px 0;
}
/*.SearchResults ul li em {
color: #1D8212;
display: block;
//font-size: .75rem;
font-style: normal;
}*/
.search-sections {
border-bottom: 1px dotted #ccc;
padding: 10px 0 10px 0;
}
.search-sections input {
margin: 0 3px 0 0;
}
.search-sections label {
margin: 0 20px 0 0;
}
.video-box {
padding: 20px;
background-color: #eee;
border-radius: 3px;
}
.video {
position: relative;
width: 400px;
height: 300px;
margin: 0 20px 20px 0;
}
/* choices foot */
.choices-foot {
text-align: right;
padding: 20px 0 0 0;
}
a.choices-link img {
height: 50px;
}
/* lists */
.list-library {
margin: 0;
padding: 0;
font-size: 1rem;
list-style: none;
}
.list-library li {
margin-bottom: 0;
}
.list-library ul {
list-style: none;
}
.list-library a {
font-size: 1rem;
display: inline-block;
color: #005EB8;
margin-bottom: 10px;
}
.list-library-layout-2 li {
display: inline-block;
width: 47%;
margin-right: 2.5%;
}
.list-item-toggle > a {
text-decoration: none;
font-weight: bold;
}
.list-item-toggle > a .fa::before {
content: "\f0da";
}
.list-item-toggle > a.item-open .fa::before {
content: "\f0d7";
}
.list-atoz {
list-style: none;
padding: 0;
margin: 0;
}
.list-atoz li {
padding: 0;
margin: 0;
display: inline-block;
margin-right: 4px;
}
.list-atoz a {
text-transform: uppercase;
color: #005EB8;
font-size: 1.3rem;
padding: 4px 0;
display: block;
min-width: 24px;
text-align: center;
}
.list-atoz a:hover {
background-color: #ddd;
color: #7c2855;
border-radius: 3px;
text-decoration: none;
}
.list-atoz a:focus {
text-decoration:none;
background-color:#fae100;
color:#000000;
box-shadow:inset 0 -2px 0 0 #000;
}
/* choices tab box */
.tabs-choices .tabs {
margin: 0;
border: none;
background-color: #005EB8;
}
.tabs-choices .tabs > li {
margin-bottom: 0;
}
.tabs-choices .tabs > li a {
color: #fff;
background-color: #0072ce;
border-radius: 0;
border: none;
padding: 20px;
font-size: 1.2rem;
}
.tabs-choices .tabs > li a .fa::before {
content: "\f0d7";
}
.tabs-choices .tabs > li a.current {
background-color: #e6eff8;
color: #005EB8;
border: none;
}
.tabs-choices .tabs > li a.current .fa::before {
content: "\f0d8";
}
.tabs-choices .tab-content {
background-color: #e6eff8;
padding: 20px;
}
.snackbar-container {
transition: all 500ms ease;
transition-property: top, right, bottom, left, opacity;
font-family: Roboto, sans-serif;
font-size: 14px;
min-height: 14px;
background-color: #070b0e;
position: fixed;
display: flex;
justify-content: space-between;
align-items: center;
color: white;
line-height: 22px;
padding: 18px 24px;
bottom: 0;
top: 0;
opacity: 0;
z-index: 9999;
}
.snackbar-container .action {
background: inherit;
display: inline-block;
border: none;
font-size: inherit;
text-transform: uppercase;
color: #4caf50;
margin: 0 0 0 24px;
padding: 0;
min-width: min-content;
cursor: pointer;
}
@media (min-width: 640px) {
.snackbar-container {
min-width: 288px;
max-width: 568px;
display: inline-flex;
border-radius: 2px;
margin: 24px;
bottom: -100px;
}
}
@media (max-width: 640px) {
.snackbar-container {
left: 0;
right: 0;
}
}
.snackbar-pos.bottom-center {
top: auto !important;
bottom: 0;
left: 50%;
transform: translate(-50%, -50%);
}
.snackbar-pos.bottom-left {
top: auto !important;
bottom: 0;
left: 0;
}
.snackbar-pos.bottom-right {
top: auto !important;
bottom: 0;
right: 0;
}
.snackbar-pos.top-left {
bottom: auto !important;
top: 0;
left: 0;
}
.snackbar-pos.top-center {
bottom: auto !important;
top: 0;
left: 50%;
transform: translate(-50%, -50%);
}
.snackbar-pos.top-right {
bottom: auto !important;
top: 0;
right: 0;
}
.MagnificentForum {
transform: scale(1);
position: relative;
}
.ForumDataTable {
margin: 0 0 15px 0;
width: 100%;
border: 3px solid #ccd7e1;
background-color: #fff;
border-radius: 0 0 3px 3px;
}
.ForumDataTable caption {
font-size: 14px;
padding: 7px;
background-color: #ccd7e1;
color: #003768;
border-radius: 3px 3px 0 0;
text-shadow: 0 1px 0 #eee;
}
.ForumDataTable tr.header th {
padding: 5px;
background-color: #e6ebf0;
color: #333;
border-right: 1px #ccd7e1 solid;
/*css3*/
text-shadow: 0 1px 0 #fff;
}
.ForumDataTable td {
padding: 5px;
font-size: 12px;
vertical-align: top;
border-right: 1px #ccd7e1 solid;
border-bottom: 1px solid #ccd7e1;
}
.ForumDataTable tr.odd td {
background-color: #fff;
}
.ForumDataTable tr.even td {
background-color: #f6f6f6;
}
.ForumDataTable tr:hover td {
background-color: #ebf8ff;
}
.ForumDataTable td span {
display: block;
}
.ForumDataTable td.forumIcon,
.ForumDataTable td.forumIcon img {
width: 24px;
}
.ForumDataTable td.forumDescription a {
display: block;
font-size: 14px;
text-decoration: none;
}
.ForumDataTable td.forumDescription a:hover {
text-decoration: underline;
}
.ForumDataTable td.forumCounts {
width: 70px;
font-size: 11px;
color: #333;
}
.ForumDataTable td.forumLastPost {
width: 210px;
font-size: 11px;
color: #222;
}
/* forum list view */
.ForumDataTable td.forumViewIcons {
width: 66px;
padding: 5px 3px 5px 5px;
vertical-align: middle;
}
.ForumDataTable td.forumViewIcons span {
display: block;
width: 16px;
height: 16px;
float: left;
margin: 0 2px 0 0;
padding: 2px;
background-repeat: no-repeat;
background-position: 2px 2px;
position: relative;
}
.ForumDataTable td.forumViewIcons span em {
display: none;
}
.ForumDataTable td.forumViewIcons span:hover {
background-color: #10487a;
border-radius: 2px;
}
.ForumDataTable td.forumViewIcons span:hover em {
display: block;
position: absolute;
bottom: 15px;
left: 15px;
width: 125px;
background-color: inherit;
font-size: 12px;
color: #222;
padding: 2px 4px 3px 4px;
font-style: normal;
color: #fff;
border-radius: 2px;
z-index: 1;
}
.ForumDataTable td.forumViewLastPost {
font-size: 11px;
width: 150px;
}
.ForumDataTable td.ViewCount {
width: 40px;
}
.ForumDataTable td.ViewCount,
.ForumDataTable td.ReplyCount {
width: 50px;
}
.ForumDataTable td.ViewCount,
.ForumDataTable td.ReplyCount {
font-size: 16px;
color: #2f70a9;
text-align: center;
vertical-align: middle;
}
.EditPostAttachments {
background-color: #F0F0EE;
border: 1px solid #CCCCCC;
border-top: none;
border-bottom: none;
overflow: hidden;
padding: 7px;
width: auto;
}
.EditPostAttachments label {
border-bottom: 1px solid #ccc;
padding: 0 0 3px 0;
display: block;
margin: 0 0 7px 0;
}
.EditPostAttachments table {
margin: 0 0 10px 0;
width: 100%;
background: #fff;
}
.EditPostAttachments table td {
border-bottom: 1px solid #ddd;
padding: 7px;
}
.EditPostAttachments table td a.lnkRemove,
.EditPostAttachments table td a.lnkRemove:link,
.EditPostAttachments table td a.lnkRemove:hover,
.EditPostAttachments table td a.lnkRemove:active,
.EditPostAttachments table td a.lnkRemove:visited {
width: 16px;
height: 16px;
display: block;
background-image: url("../../img/ico/16/minus-button.png");
background-repeat: no-repeat;
text-decoration: none;
}
.EditPostAttachments table td.bc {
width: 16px;
}
.EditPostAttachments table td a.lnkRemove,
.EditPostAttachments table td a.lnkRemove:link,
.EditPostAttachments table td a.lnkRemove:hover,
.EditPostAttachments table td a.lnkRemove:active,
.EditPostAttachments table td a.lnkRemove:visited {
width: 16px;
height: 16px;
display: block;
background-image: url("../../img/ico/16/minus-button.png");
background-repeat: no-repeat;
text-decoration: none;
}
/* pagination */
.PagingLinks {
background: #eee;
margin: 0 0 15px 0;
padding: 2px 10px 2px 10px;
height: 24px;
border-radius: 3px;
}
.PagingLinks span.PageCount {
display: block;
float: left;
height: 24px;
width: 100px;
line-height: 22px;
color: #10487a;
font-weight: bold;
}
.PagingLinks ul {
padding: 0;
margin: 0;
float: left;
height: 24px;
width: 840px;
}
.PagingLinks ul li {
height: 20px;
float: left;
list-style: none;
margin: 0 2px 0 0;
}
.PagingLinks ul li a,
.PagingLinks ul li a:link,
.PagingLinks ul li a:visited {
display: block;
padding: 0 6px 0 6px;
margin: 2px 0 0 0;
line-height: 20px;
text-decoration: none;
background-color: #fff;
border-radius: 2px;
}
.PagingLinks ul li a:hover {
margin: 1px 0 0 0;
height: 22px;
line-height: 22px;
background-color: #406d95;
color: #fff;
}
.PagingLinks ul li span {
display: block;
padding: 0 7px 0 7px;
line-height: 24px;
text-decoration: none;
background-color: #10487a;
color: #fff;
font-size: 14px;
border-radius: 3px;
}
/* topic view */
.threadList {
margin: 0 0 15px 0;
}
.topicMessageContainer {
padding: 5px;
margin: 0 0 5px 0;
background-color: #e6f5fc;
overflow: hidden;
width: auto;
position: relative;
}
.threadList .even,
.topicMessageContainer:nth-child(even) {
background-color: #e6ebf0;
}
.topicMessageContainer .postUser {
float: left;
width: 130px;
padding: 10px 10px 0 0;
text-align: center;
font-size: 11px;
}
.topicMessageContainer .postUser span {
display: block;
}
.topicMessageContainer .postUser .MfStaff {
display: inline;
}
.topicMessageContainer .postDetail {
/*
width:780px;
float:left;
*/
background-color: #fff;
padding: 14px 14px 48px 14px;
font-size: 14px;
line-height: 18px;
border: 1px solid #89a7be;
/*
position:relative;
*/
}
.forumFbLike {
width: 46px;
height: 20px;
position: absolute;
bottom: 14px;
right: 14px;
}
.AttachedImages {
margin: 0 0 0 140px;
clear: both;
padding: 14px;
border: 1px solid #89a7be;
border-top: none;
background-color: #fff;
background-image: url("../../img/core/application/forumattachmentbg.gif");
}
.AttachedImages h3 {
font-size: 12px;
color: #444;
margin: 0 0 10px 0;
padding: 0 0 7px 0;
border-bottom: 1px solid #ccc;
}
.AttachedImages ul {
padding: 0;
margin: 0;
}
.AttachedImages ul li {
list-style: none;
margin: 0 0 4px 0;
padding: 0 0 0 16px;
background-image: url("../../img/ico/16/shortcut-small.png");
background-repeat: no-repeat;
}
.threadList .even .AttachedImages,
.topicMessageContainer:nth-child(even) .AttachedImages,
.threadList .even .postDetail,
.topicMessageContainer:nth-child(even) .postDetail {
border-color: #ccc;
}
.topicMessageContainer .postDetail .postTools {
margin: 0 0 15px 0;
border-bottom: 1px solid #ccc;
font-size: 11px;
position: relative;
}
.topicMessageContainer .postDetail .postTools h3.postedBy {
font-size: 11px;
margin: 0;
width: 400px;
border: none;
color: #10487a;
padding: 0 0 9px 0;
}
.topicMessageContainer .postDetail .postTools div {
float: left;
text-align: right;
width: 200px;
overflow: hidden;
padding: 0;
position: absolute;
bottom: 9px;
right: 0;
}
.topicMessageContainer .postDetail .postTools div input {
margin: 0 0 0 3px;
}
table.forumTools {
width: 100%;
background-color: #e6ebf0;
margin: 0 0 15px 0;
border: 3px solid #e6ebf0;
padding: 0;
clear: both;
border-radius: 3px;
}
table.forumTools td.right {
text-align: right;
}
table.forumTools td.right input {
margin: 0 0 0 3px;
}
table.forumTools .PagingLinks {
background-color: Transparent;
margin: 0;
}
table.forumTools .PagingLinks ul {
width: 270px;
}
/* bb editor */
.BBEditor .EditPostTitle {
background-color: #fff;
padding: 10px;
border: 1px solid #ccc;
border-bottom: none;
}
.BBEditor .EditPostTitle input {
width: 100%;
padding: 0;
border: none;
*border: 0;
font-size: 16px;
}
.BBEditor .EditPostBody {
background-color: #fff;
border: 1px solid #ccc;
}
.BBEditor .EditPostBody .toolBar {
width: auto;
overflow: hidden;
padding: 4px;
border-bottom: 1px solid #ccc;
background-color: #f0f0ee;
}
.BBEditor .EditPostBody .toolBar img {
float: left;
margin: 0 3px 0 0;
border: 1px solid transparent;
}
.BBEditor .EditPostBody .toolBar img:hover {
background-color: #b2bbd0;
border: 1px solid #0a246a;
}
.BBEditor .EditPostBody .toolBar select {
float: left;
margin: 1px 3px 0 0;
border: 1px #ccc solid;
}
.BBEditor .EditPostBody .TextAreaBox {
padding: 10px;
}
.BBEditor .EditPostBody .TextAreaBox textarea {
padding: 0;
width: 100%;
border: none;
background-color: #fff;
margin: 0 auto 0 auto;
}
.BBEditor .EditPostPreview {
padding: 7px 10px 10px 10px;
background-color: #f6f6f6;
margin: 0 10px 0 10px;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
}
.BBEditor .EditPostPreview label {
display: block;
border-bottom: #ccc 1px solid;
padding: 0 0 3px 0;
margin: 0 0 10px 0;
}
.BBEditor .NoteBox {
padding: 7px;
width: auto;
overflow: hidden;
background-color: #f0f0ee;
border: 1px solid #ccc;
}
.BBEditor .NoteBox input {
float: left;
margin: 0 4px 0 0;
}
.BBEditor .NoteBox label {
float: left;
}
.BBEditor .ButtonBox {
text-align: right;
background-color: #f0f0ee;
border: 1px solid #ccc;
border-top: none;
padding: 10px;
}
.BBEditor .ButtonBox .left a.Button {
margin: 0 5px 0 0;
}
.BBEditor .ButtonBox .right a.Button {
margin: 0 0 0 5px;
}
.BBEditor .ButtonBox .Alert {
text-align: left;
}
.BBEditor .ButtonBox input {
padding: 3px;
}
.forumFooter {
color: #00213e;
}
.forumFooter #divGplInfo {
padding: 10px;
background-color: #e6ebf0;
margin: 10px 0 0 0;
line-height: 16px;
border-radius: 3px;
}
/* modify thread page */
.AdminModifyMessage {
width: 100%;
}
.AdminModifyMessage th {
padding: 7px;
border-bottom: 1px solid #eee;
}
.AdminModifyMessage td {
padding: 7px 7px 7px 0;
border-bottom: 1px solid #eee;
}
.AdminModifyMessage td select {
width: 450px;
border: 1px solid #999999;
padding: 2px;
}
.AdminModifyMessage td input {
width: 442px;
border: 1px solid #999999;
padding: 3px;
}
.AdminModifyMessage .ModifyTableFoot th {
padding: 7px 7px 7px 0;
}
.AdminModifyMessage .ModifyTableFoot th input {
padding: 3px;
margin: 0 3px 0 0;
}
.forumBc {
border-bottom: 1px solid #ddd;
padding: 0 0 10px 0;
margin: 0 0 20px 0;
font-size: 13px;
color: #999;
}
.forumBc a,
.forumBc a:link,
.forumBc a:active,
.forumBc a:visited {
text-decoration: none;
color: #0094C2;
}
.forumBc a:hover {
text-decoration: none;
}
.content-editor {
color: #222;
background: #fff;
margin: 15px;
}
.content-editor .row {
box-sizing: border-box;
border: 1px dotted #ccc;
padding: 2px;
margin: 0;
}
.content-editor .row > [class^="col-"] {
border: 2px dotted #1da1f2;
box-sizing: border-box;
padding: 10px;
float: left;
}
.content-editor .row .col-md-6 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 50%;
}
.content-editor .row .col-md-4 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 33.33333333%;
}
.content-editor .row .col-md-8 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 66.66666667%;
}
.content-editor .row .col-md-3 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 25%;
}
.content-editor .row .col-md-2 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 16.66666667%;
}
/*
Colorbox Core Style:
The following CSS is consistent between example themes and should not be altered.
*/
#colorbox,
#cboxOverlay,
#cboxWrapper {
position: absolute;
top: 0;
left: 0;
z-index: 9999;
overflow: hidden;
-webkit-transform: translate3d(0, 0, 0);
}
#cboxWrapper {
max-width: none;
}
#cboxOverlay {
position: fixed;
width: 100%;
height: 100%;
}
#cboxMiddleLeft,
#cboxBottomLeft {
clear: left;
}
#cboxContent {
position: relative;
}
#cboxLoadedContent {
overflow: auto;
-webkit-overflow-scrolling: touch;
}
#cboxTitle {
margin: 0;
}
#cboxLoadingOverlay,
#cboxLoadingGraphic {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {
cursor: pointer;
}
.cboxPhoto {
float: left;
margin: auto;
border: 0;
display: block;
max-width: none;
-ms-interpolation-mode: bicubic;
}
.cboxIframe {
width: 100%;
height: 100%;
display: block;
border: 0;
padding: 0;
margin: 0;
}
#colorbox,
#cboxContent,
#cboxLoadedContent {
box-sizing: content-box;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
}
/*
User Style:
Change the following styles to modify the appearance of Colorbox. They are
ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
background: #000;
opacity: 0.9;
}
#colorbox {
outline: 0;
}
#cboxContent {
background: #000;
}
.cboxIframe {
background: #fff;
}
#cboxError {
padding: 50px;
border: 1px solid #ccc;
}
#cboxLoadedContent {
border: 5px solid #000;
background: #fff;
}
#cboxTitle {
position: absolute;
top: -20px;
left: 0;
color: #ccc;
}
#cboxCurrent {
position: absolute;
top: -20px;
right: 0px;
color: #ccc;
}
#cboxLoadingGraphic {
background: url(../img/colorbox/loading.gif) no-repeat center center;
}
/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious,
#cboxNext,
#cboxSlideshow,
#cboxClose {
border: 0;
padding: 0;
margin: 0;
overflow: visible;
width: auto;
background: none;
}
/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active,
#cboxNext:active,
#cboxSlideshow:active,
#cboxClose:active {
outline: 0;
}
#cboxSlideshow {
position: absolute;
top: -20px;
right: 90px;
color: #fff;
}
#cboxPrevious {
position: absolute;
top: 50%;
left: 5px;
margin-top: -32px;
background: url(../img/colorbox/controls.png) no-repeat top left;
width: 28px;
height: 65px;
text-indent: -9999px;
}
#cboxPrevious:hover {
background-position: bottom left;
}
#cboxNext {
position: absolute;
top: 50%;
right: 5px;
margin-top: -32px;
background: url(../img/colorbox/controls.png) no-repeat top right;
width: 28px;
height: 65px;
text-indent: -9999px;
}
#cboxNext:hover {
background-position: bottom right;
}
#cboxClose {
position: absolute;
top: 5px;
right: 5px;
display: block;
background: url(../img/colorbox/controls.png) no-repeat top center;
width: 38px;
height: 19px;
text-indent: -9999px;
}
#cboxClose:hover {
background-position: bottom center;
}
.autocomplete-suggestions {
overflow: auto;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
margin-bottom: 0px;
text-align: left;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.autocomplete-suggestion {
display: block;
padding: 3px 20px;
clear: both;
line-height: 1.42857143;
color: #333;
white-space: nowrap;
cursor: pointer;
}
.autocomplete-selected {
background: #F0F0F0;
}
.autocomplete-suggestions strong {
font-weight: normal;
color: #3399FF;
}
.autocomplete-group {
padding: 2px 5px;
}
.autocomplete-group strong {
display: block;
border-bottom: 1px solid #000;
}
/* icons 16*/
.i16-facebook {
background-image: url(../img/ico/16/facebook.png);
}
.i16-reddit {
background-image: url(../img/ico/16/reddit.png);
}
.i16-twitter {
background-image: url(../img/ico/16/twitter.png);
}
.i16-X-twitter {
background-image: url(../img/ico/16/X-twitter.png);
}
.i16-stumbleupon {
background-image: url(../img/ico/16/stumbleupon.png);
}
.i16-digg {
background-image: url(../img/ico/16/digg.png);
}
.i16-plus {
background-image: url(../img/ico/16/plus.png);
}
.i16-external-small {
background-image: url("../img/ico/16/external-small.png");
}
.i16-control-000-small {
background-image: url("../img/ico/16/control-000-small.png");
}
.i16-livejournal {
background-image: url("../img/ico/16/livejournal.png");
}
.i16-wordpress {
background-image: url("../img/ico/16/wordpress.png");
}
.i16-blogger {
background-image: url("../img/ico/16/blogger.png");
}
.i16-verisign {
background-image: url("../img/ico/16/verisign.png");
}
.i16-claimid {
background-image: url("../img/ico/16/claimid.png");
}
.i16-clickpass {
background-image: url("../img/ico/16/clickpass.png");
}
.i16-document-pdf {
background-image: url(../img/ico/16/document-pdf.png);
}
.i16-document-word {
background-image: url(../img/ico/16/document-word-text.png);
}
.i16-document-excel {
background-image: url(../img/ico/16/document-excel.png);
}
.i16-document-globe {
background-image: url(../img/ico/16/document-globe.png);
}
.i16-document-code {
background-image: url(../img/ico/16/document-code.png);
}
.i16-document-list {
background-image: url(../img/ico/16/document-list.png);
}
.i16-document-ppt {
background-image: url(../img/ico/16/document-powerpoint.png);
}
.i16-document-text-image {
background-image: url(../img/ico/16/document-text-image.png);
}
.i16-blog {
background-image: url(../img/ico/16/blog.png);
}
.i16-microfocus {
background-image: url(../img/ico/16/microfocus.png);
}
.i16-chevron {
background-image: url(../img/ico/16/chevron.png);
}
.i16-chevron-expand {
background-image: url(../img/ico/16/chevron-expand.png);
}
.i16-application-browser {
background-image: url(../img/ico/16/application-browser.png);
}
.i16-newspaper {
background-image: url(../img/ico/16/newspaper.png);
}
.i16-calendar-list,
.i16-calendar-month {
background-image: url(../img/ico/16/calendar-list.png);
}
.i16-clock {
background-image: url(../img/ico/16/clock.png);
}
.i16-alarm-clock-blue {
background-image: url(../img/ico/16/alarm-clock-blue.png);
}
.i16-application-monitor {
background-image: url(../img/ico/16/application-monitor.png);
}
.i16-asterisk-yellow {
background-image: url(../img/ico/16/asterisk-yellow.png);
}
.i16-beaker {
background-image: url(../img/ico/16/beaker.png);
}
.i16-bean {
background-image: url(../img/ico/16/bean.png);
}
.i16-block {
background-image: url(../img/ico/16/block.png);
}
.i16-box {
background-image: url(../img/ico/16/box.png);
}
.i16-cake-plain {
background-image: url(../img/ico/16/cake-plain.png);
}
.i16-calculator {
background-image: url(../img/ico/16/calculator.png);
}
.i16-color-swatch {
background-image: url(../img/ico/16/color-swatch.png);
}
.i16-color {
background-image: url(../img/ico/16/color.png);
}
.i16-compass {
background-image: url(../img/ico/16/compass.png);
}
.i16-dashboard {
background-image: url(../img/ico/16/dashboard.png);
}
.i16-database {
background-image: url(../img/ico/16/database.png);
}
.i16-eye {
background-image: url(../img/ico/16/eye.png);
}
.i16-fingerprint {
background-image: url(../img/ico/16/fingerprint.png);
}
.i16-flask {
background-image: url(../img/ico/16/flask.png);
}
.i16-fruit-lime {
background-image: url(../img/ico/16/fruit-lime.png);
}
.i16-fruit-orange {
background-image: url(../img/ico/16/fruit-orange.png);
}
.i16-funnel {
background-image: url(../img/ico/16/funnel.png);
}
.i16-game-monitor {
background-image: url(../img/ico/16/game-monitor.png);
}
.i16-gear {
background-image: url(../img/ico/16/gear.png);
}
.i16-geotag {
background-image: url(../img/ico/16/geotag.png);
}
.i16-globe {
background-image: url(../img/ico/16/globe.png);
}
.i16-hard-hat-military {
background-image: url(../img/ico/16/hard-hat-military.png);
}
.i16-hard-hat {
background-image: url(../img/ico/16/hard-hat.png);
}
.i16-heart {
background-image: url(../img/ico/16/heart.png);
}
.i16-json {
background-image: url(../img/ico/16/json.png);
}
.i16-key {
background-image: url(../img/ico/16/key.png);
}
.i16-keyboard {
background-image: url(../img/ico/16/keyboard.png);
}
.i16-leaf {
background-image: url(../img/ico/16/leaf.png);
}
.i16-lifebuoy {
background-image: url(../img/ico/16/lifebuoy.png);
}
.i16-light-bulb {
background-image: url(../img/ico/16/light-bulb.png);
}
.i16-lock {
background-image: url(../img/ico/16/lock.png);
}
.i16-magnet {
background-image: url(../img/ico/16/magnet.png);
}
.i16-magnifier {
background-image: url(../img/ico/16/magnifier.png);
}
.i16-map {
background-image: url(../img/ico/16/map.png);
}
.i16-marker {
background-image: url(../img/ico/16/marker.png);
}
.i16-navigation-000-button {
background-image: url(../img/ico/16/navigation-000-button.png);
}
.i16-stick-note-pin {
background-image: url(../img/ico/16/sticky-note-pin.png);
}
.i16-stick-note-pin-disabled {
background-image: url(../img/ico/16/sticky-note-pin-disabled.png);
}
.i16-tag {
background-image: url(../img/ico/16/tag.png);
}
.i16-images-stack {
background-image: url(../img/ico/16/images-stack.png);
}
.i16-images-stack-disabled {
background-image: url(../img/ico/16/images-stack-disabled.png);
}
.i16-lock-unlock-disabled {
background-image: url(../img/ico/16/lock-unlock-disabled.png);
}
.i16-nhs-choices {
background-image: url(../img/ico/16/nhs-choices.png);
}
.i16-google {
background-image: url(../img/ico/16/google.png);
}
.i16-wikipedia {
background-image: url(../img/ico/16/wikipedia.png);
}
.i16-nhs-evidence {
background-image: url(../img/ico/16/color-swatch.png);
}
.i16-blog-blue {
background-image: url(../img/ico/16/blog-blue.png);
}
.i16-blog-medium {
background-image: url(../img/ico/16/blog-medium.png);
}
.i16-balloon {
background-image: url(../img/ico/16/balloon.png);
}
.i16-universal {
background-image: url(../img/ico/16/universal.png);
}
.i16-target {
background-image: url(../img/ico/16/target.png);
}
.i16-report {
background-image: url(../img/ico/16/report.png);
}
.i16-highlighter-color {
background-image: url(../img/ico/16/highlighter-color.png);
}
.i16-balance {
background-image: url(../img/ico/16/balance.png);
}
.i16-arrow-transition {
background-image: url(../img/ico/16/arrow-transition.png);
}
.i16-pencil-ruler {
background-image: url(../img/ico/16/pencil-ruler.png);
}
/* flags */
.en-gb {
background-image: url(../img/ico/16/flag-gb.png);
}
/* icons 24 */
/*.i24-target {
background-image: url(../img/ico/24/target.png);
}*/
/*.i24-balloon {
background-image: url(../img/ico/24/balloon.png);
}*/
/*.i24-server {
background-image: url(../img/ico/24/server.png);
}*/
/*.i24-marker {
background-image: url(../img/ico/24/marker.png);
}*/
/*.i24-keyboard {
background-image: url(../img/ico/24/keyboard.png);
}*/
/*.i24-globe {
background-image: url(../img/ico/24/globe.png);
}*/
/*.i24-database {
background-image: url(../img/ico/24/database.png);
}*/
/*.i24-clock {
background-image: url(../img/ico/24/clock.png);
}*/
/*.i24-monitor {
background-image: url(../img/ico/24/monitor.png);
}*/
/*.i24-book {
background-image: url(../img/ico/24/book.png);
}*/
.i24-print {
background-image: url(../img/ico/24/printer-dark.png);
}
.i24-mail {
background-image: url(../img/ico/24/mail-dark.png);
}
.i24-twitter {
background-image: url(../img/ico/24/twitter.png);
}
.i24-X-twitter {
background-image: url(../img/ico/24/X-twitter1.png);
background-position: left center;
background-repeat: no-repeat;
padding-left: 24px;
}
.i24-facebook {
background-image: url(../img/ico/24/facebook.png);
}
.i24-youtube {
background-image: url(../img/ico/24/youtube.png);
}
/*.i24-google-plus {
background-image: url(../img/ico/24/google-plus.png);
}*/
.i24-linkedin {
background-image: url(../img/ico/24/linkedin.png);
}
/* icons 32 dark */
.i32-dark-book {
background-image: url(../img/ico/32/book.png);
}
/* icons 32 */
.i32-document-pdf {
background-image: url(../img/ico/32/z-document-pdf.gif);
}
.i32-resources {
background-image: url(../img/ico/32/f-information.png);
}
.i32-information {
background-image: url(../img/ico/32/f-information.png);
}
.i32-mail {
background-image: url(../img/ico/32/f-mail.png);
}
.i32-newspaper {
background-image: url(../img/ico/32/f-newspaper.png);
}
.i32-book {
background-image: url(../img/ico/32/fu-book.png);
}
.i32-arrow {
background-image: url(../img/ico/32/f-arrow.png);
}
.i32-arrow-down {
background-image: url(../img/ico/32/f-arrow-270.png);
}
.i32-balloon {
background-image: url(../img/ico/32/f-balloon.png);
}
.i32-bookmark {
background-image: url(../img/ico/32/f-bookmark.png);
}
.i32-calendar {
background-image: url(../img/ico/32/f-calendar.png);
}
.i32-clock {
background-image: url(../img/ico/32/f-clock.png);
}
.i32-cross {
background-image: url(../img/ico/32/f-cross.png);
}
.i32-cross-circle {
background-image: url(../img/ico/32/f-cross-circle.png);
}
.i32-document {
background-image: url(../img/ico/32/f-document.png);
}
.i32-document-content {
background-image: url(../img/ico/32/fa-file-text-o.png);
}
.i32-exclamation {
background-image: url(../img/ico/32/f-exclamation.png);
}
.i32-lock {
background-image: url(../img/ico/32/f-lock.png);
}
.i32-map {
background-image: url(../img/ico/32/f-map.png);
}
.i32-minus-circle {
background-image: url(../img/ico/32/f-minus-circle.png);
}
.i32-plus-circle {
background-image: url(../img/ico/32/f-plus-circle.png);
}
.i32-question {
background-image: url(../img/ico/32/f-question.png);
}
.i32-tick {
background-image: url(../img/ico/32/f-tick.png);
}
.i32-tick-circle {
background-image: url(../img/ico/32/fa-check-circle-green.png);
}
.i32-chart {
background-image: url(../img/ico/32/fu-chart.png);
}
.i32-heart {
background-image: url(../img/ico/32/fu-heart.png);
}
.i32-home {
background-image: url(../img/ico/32/fu-home.png);
}
.i32-star {
background-image: url(../img/ico/32/fu-star.png);
}
.i32-image {
background-image: url(../img/ico/32/image-sunset.png);
}
.i32-iwant-great-care {
background-image: url(../img/ico/32/iwant-great-care.jpg);
}
.i32-nhs {
background-image: url(../img/ico/32/nhs.png);
}
.i32-nhs111 {
background-image: url(../img/ico/32/nhs-111.png);
}
.i32-nhs111-wales {
background-image: url(../img/ico/32/nhs111-wales.png);
}
.i32-nhs24-scotland {
background-image: url(../img/ico/32/nhs24-scotland.png);
}
.i32-nhs-wales {
background-image: url(../img/ico/32/nhs-wales.png);
}
.i32-nhs-ni {
background-image: url(../img/ico/32/hsc-ni.png);
}
.i32-nhs-choices {
background-image: url(../img/ico/32/nhs-choices.png);
}
.i32-facebook {
background-image: url(../img/ico/32/so-facebook.png);
}
.i32-linkedin {
background-image: url(../img/ico/32/so-linkedin.png);
}
.i32-twitter {
background-image: url(../img/ico/32/so-twitter.png);
}
.i32-X-twitter {
background-image: url(../img/ico/32/so-X-twitter.png);
}
.i32-vimeo {
background-image: url(../img/ico/32/so-vimeo.png);
}
.i32-yahoo {
background-image: url(../img/ico/32/so-yahoo.png);
}
.i32-youtube {
background-image: url(../img/ico/32/so-youtube.png);
}
.i32-instagram {
background-image: url(../img/ico/32/so-instagram.png);
}
.i32-lime_survey {
background-image: url(../img/ico/32/lime_survey.gif);
}
.i32-my_health {
background-image: url(../img/ico/32/my_health.gif);
}
.i32-other_survey {
background-image: url(../img/ico/32/other_survey.gif);
}
.i32-patient_access2 {
background-image: url(../img/ico/32/patient_access.png);
}
.i32-patient_access {
background-image: url(../img/ico/32/so-instagram.png);
}
.i32-systmonline {
background-image: url(../img/ico/32/systmonline.gif);
}
.i32-vision {
background-image: url(../img/ico/32/vision.gif);
}
.i32-patient-services {
background-image: url(../img/ico/32/patient-services.jpg);
}
.i32-change4life {
background-image: url(../img/ico/32/change4life.gif);
}
.i32-info-green {
background-image: url(../img/ico/32/info-green.gif);
}
.i32-patient-uk {
background-image: url(../img/ico/32/patient-uk.gif);
}
.i32-pills {
background-image: url(../img/ico/32/pills1.gif);
}
.i32-stethoscope {
background-image: url(../img/ico/32/stethoscope.gif);
}
.i32-disabled {
background-image: url(../img/ico/32/disabled.jpg);
}
.i32-medic {
background-image: url(../img/ico/32/medic.jpg);
}
.i32-patient-services2 {
background-image: url(../img/ico/32/patient-services2.png);
}
.i32-ppg1 {
background-image: url(../img/ico/32/ppg1.jpg);
}
.i32-ppg2 {
background-image: url(../img/ico/32/ppg2.jpg);
}
.i32-ppg3 {
background-image: url(../img/ico/32/ppg3.jpg);
}
.i32-ppg4 {
background-image: url(../img/ico/32/ppg4.jpg);
}
.i32-pulse {
background-image: url(../img/ico/32/pulse.jpg);
}
.i32-register {
background-image: url(../img/ico/32/register.jpg);
}
.i32-repeats {
background-image: url(../img/ico/32/repeats.jpg);
}
.i32-vaccinations {
background-image: url(../img/ico/32/vaccinations.png);
}
i[class*=" i32-"] {
min-height: 34px;
background-repeat: no-repeat;
/*position: center center;*/
}
span[class*=" i32-"] {
min-height: 34px;
background-repeat: no-repeat;
/*position: center center;*/
}
/* icons 48 */
.i48-flag-green {
background-image: url(../img/ico/48/flag-green.png);
}
.i48-user-group-blue {
background-image: url(../img/ico/48/user-group-blue.png);
}
.i48-nhs-choices {
background-image: url(../img/ico/48/nhs-choices.png);
}
.i48-nhs {
background-image: url(../img/logo/nhs-logo.svg);
background-size: 54px auto;
}
.i48-magnify {
background-image: url(../img/ico/48/magnify.png);
}
.i48-feed {
background-image: url(../img/ico/48/feed.png);
}
.i48-star {
background-image: url(../img/ico/48/star.png);
}
.i48-balloon-square {
background-image: url(../img/ico/48/balloon-square.png);
}
.i48-spanner {
background-image: url(../img/ico/48/spanner.png);
}
.i48-database {
background-image: url(../img/ico/48/database.png);
}
.i48-pencil-scribble {
background-image: url(../img/ico/48/pencil-scribble.png);
}
.i48-newspaper {
background-image: url(../img/ico/48/newspaper.png);
}
.i48-users {
background-image: url(../img/ico/48/users.png);
}
.i48-clock {
background-image: url(../img/ico/48/clock.png);
}
.i48-application-form {
background-image: url(../img/ico/48/application-form.png);
}
.i48-home {
background-image: url(../img/ico/48/home.png);
}
.i48-navigate {
background-image: url(../img/ico/48/navigate.png);
}
.i48-application-blog {
background-image: url(../img/ico/48/application-blog.png);
}
.i48-book-address {
background-image: url(../img/ico/48/book-address.png);
}
.i48-user {
background-image: url(../img/ico/48/user.png);
}
.i48-box {
background-image: url(../img/ico/48/box.png);
}
.i48-book {
background-image: url(../img/ico/48/book.png);
}
.i48-folder {
background-image: url(../img/ico/48/folder.png);
}
.i48-balloon {
background-image: url(../img/ico/48/balloon.png);
}
.i48-chart-green {
background-image: url(../img/ico/48/chart-green.png);
}
.i48-pie-chart {
background-image: url(../img/ico/48/pie-chart.png);
}
.i48-floppy-disk {
background-image: url(../img/ico/48/floppy-disk.png);
}
.i48-calendar {
background-image: url("../img/ico/48/calendar.png");
}
.i48-presentation {
background-image: url(../img/ico/48/presentation.png);
}
.i48-activity {
background-image: url(../img/ico/48/activity.png);
}
.i48-globe {
background-image: url(../img/ico/48/globe.png);
}
.i48-browser-ie {
background-image: url(../img/ico/48/browser-ie.png);
}
.i48-clipboard {
background-image: url(../img/ico/48/clipboard.png);
}
.i48-users-blue {
background-image: url(../img/ico/48/users-blue.png);
}
.i48-telephone {
background-image: url(../img/ico/48/telephone.png);
}
/* mono icons white */
.i48-sw-balloon {
background-image: url('../img/ico/48/sw-balloon.png');
}
.i48-sw-balloons {
background-image: url('../img/ico/48/sw-balloons.png');
}
.i48-sw-check {
background-image: url('../img/ico/48/sw-check.png');
}
.i48-sw-checkBox {
background-image: url('../img/ico/48/sw-check-box.png');
}
.i48-sw-clock {
background-image: url('../img/ico/48/sw-clock.png');
}
.i48-sw-create {
background-image: url('../img/ico/48/sw-create.png');
}
.i48-sw-exclamation {
background-image: url('../img/ico/48/sw-exclamation.png');
}
.i48-sw-heart {
background-image: url('../img/ico/48/sw-heart.png');
}
.i48-sw-heartPlus {
background-image: url('../img/ico/48/sw-heart-plus.png');
}
.i48-sw-help {
background-image: url('../img/ico/48/sw-help.png');
}
.i48-sw-information {
background-image: url('../img/ico/48/sw-information.png');
}
.i48-sw-injection {
background-image: url('../img/ico/48/sw-injection.png');
}
.i48-sw-like {
background-image: url('../img/ico/48/sw-like.png');
}
.i48-sw-magnify {
background-image: url('../img/ico/48/sw-magnify.png');
}
.i48-sw-marker {
background-image: url('../img/ico/48/sw-marker.png');
}
.i48-sw-nurse {
background-image: url('../img/ico/48/sw-nurse.png');
}
.i48-sw-patients {
background-image: url('../img/ico/48/sw-patients.png');
}
.i48-sw-question {
background-image: url('../img/ico/48/sw-question.png');
}
.i48-sw-refresh {
background-image: url('../img/ico/48/sw-refresh.png');
}
.i48-sw-signpost {
background-image: url('../img/ico/48/sw-sign-post.png');
}
.i48-sw-stethoscope {
background-image: url('../img/ico/48/sw-stethoscope.png');
}
.i48-sw-survey {
background-image: url('../img/ico/48/sw-survey.png');
}
.i48-sw-target {
background-image: url('../img/ico/48/sw-target.png');
}
.i48-sw-universal {
background-image: url('../img/ico/48/sw-universal.png');
}
/* colored icons */
.i48-gi-green-checkbox {
background-image: url('../img/ico/48/gi-green-checkbox.png');
}
.i48-gi-blue-information {
background-image: url('../img/ico/48/gi-blue-information.png');
}
.i48-gi-yellow-lock {
background-image: url('../img/ico/48/gi-yellow-lock.png');
}
.i48-gi-green-book {
background-image: url('../img/ico/48/gi-green-book.png');
}
.i48-gi-blue-heart {
background-image: url('../img/ico/48/gi-blue-heart.png');
}
.i48-gi-purple-cog {
background-image: url('../img/ico/48/gi-purple-cog.png');
}
/* home images */
.img-Undefined {
background-image: url(../img/sections/home/2689670.jpg);
}
.img-Choices {
background-image: url(../img/sections/home/6868676.jpg);
}
.img-News {
background-image: url(../img/sections/home/fan2027630.jpg);
}
.img-Help {
background-image: url(../img/sections/home/1097088.jpg);
}
.img-WorkOutA {
background-image: url(../img/sections/home/1033345.jpg);
}
.img-WorkOutB {
background-image: url(../img/sections/home/2114641.jpg);
}
.img-EquipmentA {
background-image: url(../img/sections/home/1504365.jpg);
}
.img-EquipmentB {
background-image: url(../img/sections/home/1504368.jpg);
}
.img-Pills {
background-image: url(../img/sections/home/1588367.jpg);
}
.img-Family {
background-image: url(../img/sections/home/1792408.jpg);
}
.img-HealthyEatingA {
background-image: url(../img/sections/home/1798589.jpg);
}
.img-HealthyEatingB {
background-image: url(../img/sections/home/2221105.jpg);
}
.img-Keyboard {
background-image: url(../img/sections/home/1844486.jpg);
}
.img-Phone {
background-image: url(../img/sections/home/1950850.jpg);
}
.img-Gears {
background-image: url(../img/sections/home/1953708.jpg);
}
.img-Chart {
background-image: url(../img/sections/home/2382441.jpg);
}
.img-Checkup {
background-image: url(../img/sections/home/2689670.jpg);
}
.img-Balloon {
background-image: url(../img/sections/home/balloon.jpg);
}
.img-Exclamation {
background-image: url(../img/sections/home/exclamation.jpg);
}
.img-Feed {
background-image: url(../img/sections/home/feed.jpg);
}
.img-Help {
background-image: url(../img/sections/home/help.jpg);
}
.img-Home {
background-image: url(../img/sections/home/home.jpg);
}
.img-Information {
background-image: url(../img/sections/home/information.jpg);
}
.img-Page {
background-image: url(../img/sections/home/page.jpg);
}
.img-Search {
background-image: url(../img/sections/home/search.jpg);
}
.img-FaceBook {
background-image: url(../img/sections/home/facebook.jpg);
}
.img-Universal {
background-image: url(../img/sections/home/universal.jpg);
}
.img-VCard {
background-image: url(../img/sections/home/vcard.jpg);
}
.img-NHSDirect {
background-image: url(../img/sections/home/nhs-direct.jpg);
}
.img-Medical-111 {
background-image: url(../img/sections/home/medical111.jpg);
}
.img-ophthalmogy {
background-image: url(../img/sections/home/ophthalmogy.jpg);
}
/* OPG Front Page Button Images */
.img-Appointment {
background-image: url(../img/sections/opg-home/appointment.jpg);
}
.img-baby_clinic {
background-image: url(../img/sections/opg-home/baby_clinic.jpg);
}
.img-carer {
background-image: url(../img/sections/opg-home/carer.jpg);
}
.img-checkup-2 {
background-image: url(../img/sections/opg-home/checkup-2.jpg);
}
.img-checkup {
background-image: url(../img/sections/opg-home/checkup.jpg);
}
.img-checkup2 {
background-image: url(../img/sections/opg-home/checkup2.jpg);
}
.img-checkup3 {
background-image: url(../img/sections/opg-home/checkup3.jpg);
}
.img-details {
background-image: url(../img/sections/opg-home/details.jpg);
}
.img-emergencies {
background-image: url(../img/sections/opg-home/emergencies.jpg);
}
.img-emis {
background-image: url(../img/sections/opg-home/emis.jpg);
}
.img-equipment1 {
background-image: url(../img/sections/opg-home/equipment1.jpg);
}
.img-family1 {
background-image: url(../img/sections/opg-home/family1.jpg);
}
.img-family2 {
background-image: url(../img/sections/opg-home/family2.jpg);
}
.img-family3 {
background-image: url(../img/sections/opg-home/family3.jpg);
}
.img-flu_jab_v1 {
background-image: url(../img/sections/opg-home/flu_jab_v1.jpg);
}
.img-flu_jab_v2 {
background-image: url(../img/sections/opg-home/flu_jab_v2.jpg);
}
.img-flu_jab_v3 {
background-image: url(../img/sections/opg-home/flu_jab_v3.jpg);
}
.img-flu_jab_v4 {
background-image: url(../img/sections/opg-home/flu_jab_v4.jpg);
}
.img-flu_shot {
background-image: url(../img/sections/opg-home/flu_shot.jpg);
}
.img-fruit {
background-image: url(../img/sections/opg-home/fruit.jpg);
}
.img-fruit2 {
background-image: url(../img/sections/opg-home/fruit2.jpg);
}
.img-happy_retirement {
background-image: url(../img/sections/opg-home/happy_retirement.jpg);
}
.img-icon_appointment {
background-image: url(../img/sections/opg-home/icon_appointment.jpg);
}
.img-icon_ppg {
background-image: url(../img/sections/opg-home/icon_ppg.jpg);
}
.img-icon_prescriptions {
background-image: url(../img/sections/opg-home/icon_prescriptions.jpg);
}
.img-icon_register {
background-image: url(../img/sections/opg-home/icon_register.jpg);
}
.img-icon_test_results {
background-image: url(../img/sections/opg-home/icon_test_results.jpg);
}
.img-nhs_111 {
background-image: url(../img/sections/opg-home/nhs_111.jpg);
}
.img-nhs_111_v2 {
background-image: url(../img/sections/opg-home/nhs_111_v2.jpg);
}
.img-old_couple {
background-image: url(../img/sections/opg-home/old_couple.jpg);
}
.img-online1 {
background-image: url(../img/sections/opg-home/online1.jpg);
}
.img-online2 {
background-image: url(../img/sections/opg-home/online2.jpg);
}
.img-online3 {
background-image: url(../img/sections/opg-home/online3.jpg);
}
.img-patient_access {
background-image: url(../img/sections/opg-home/patient_access.jpg);
}
.img-patient_access_v2 {
background-image: url(../img/sections/opg-home/patient_access_v2.jpg);
}
.img-ppg {
background-image: url(../img/sections/opg-home/ppg.jpg);
}
.img-ppg2 {
background-image: url(../img/sections/opg-home/ppg2.jpg);
}
.img-ppg_v1 {
background-image: url(../img/sections/opg-home/ppg_v1.jpg);
}
.img-ppg_v2 {
background-image: url(../img/sections/opg-home/ppg_v2.jpg);
}
.img-prescriptions1 {
background-image: url(../img/sections/opg-home/prescriptions1.jpg);
}
.img-prescriptions2 {
background-image: url(../img/sections/opg-home/prescriptions2.jpg);
}
.img-repeats_v1 {
background-image: url(../img/sections/opg-home/repeats_v1.jpg);
}
.img-repeats_v2 {
background-image: url(../img/sections/opg-home/repeats_v2.jpg);
}
.img-stethoscope {
background-image: url(../img/sections/opg-home/stethoscope.jpg);
}
.img-survey1 {
background-image: url(../img/sections/opg-home/survey1.jpg);
}
.img-survey2 {
background-image: url(../img/sections/opg-home/survey2.jpg);
}
.img-systemonline {
background-image: url(../img/sections/opg-home/systemonline.jpg);
}
.img-telephone1 {
background-image: url(../img/sections/opg-home/telephone1.jpg);
}
.img-telephone2 {
background-image: url(../img/sections/opg-home/telephone2.jpg);
}
.img-telephone3 {
background-image: url(../img/sections/opg-home/telephone3.jpg);
}
.img-test_results {
background-image: url(../img/sections/opg-home/test_results.jpg);
}
.img-test_results2 {
background-image: url(../img/sections/opg-home/test_results2.jpg);
}
.img-test_results3 {
background-image: url(../img/sections/opg-home/test_results3.jpg);
}
.img-test_results4 {
background-image: url(../img/sections/opg-home/test_results4.jpg);
}
.img-test_results5 {
background-image: url(../img/sections/opg-home/test_results5.jpg);
}
.img-visiononline {
background-image: url(../img/sections/opg-home/visiononline.jpg);
}
.img-patient-services {
background-image: url(../img/sections/opg-home/patient-services.jpg);
background-position: center 0;
}
.img-icons-blue-clock {
background-image: url(../img/sections/opg-home-colours/blue/clock.gif);
}
.img-icons-blue-file {
background-image: url(../img/sections/opg-home-colours/blue/file.gif);
}
.img-icons-blue-files {
background-image: url(../img/sections/opg-home-colours/blue/files.gif);
}
.img-icons-blue-heart {
background-image: url(../img/sections/opg-home-colours/blue/heart.gif);
}
.img-icons-blue-heartbeat1 {
background-image: url(../img/sections/opg-home-colours/blue/heart_beat1.gif);
}
.img-icons-blue-heartbeat2 {
background-image: url(../img/sections/opg-home-colours/blue/heart_beat2.gif);
}
.img-icons-blue-news {
background-image: url(../img/sections/opg-home-colours/blue/news.gif);
}
.img-icons-blue-patient {
background-image: url(../img/sections/opg-home-colours/blue/patient.gif);
}
.img-icons-blue-pills {
background-image: url(../img/sections/opg-home-colours/blue/pills.gif);
}
.img-icons-blue-ppg {
background-image: url(../img/sections/opg-home-colours/blue/ppg.gif);
}
.img-icons-blue-stethoscope {
background-image: url(../img/sections/opg-home-colours/blue/stethoscope.gif);
}
.img-icons-cyan-clock {
background-image: url(../img/sections/opg-home-colours/cyan/clock.gif);
}
.img-icons-cyan-file {
background-image: url(../img/sections/opg-home-colours/cyan/file.gif);
}
.img-icons-cyan-files {
background-image: url(../img/sections/opg-home-colours/cyan/files.gif);
}
.img-icons-cyan-heart {
background-image: url(../img/sections/opg-home-colours/cyan/heart.gif);
}
.img-icons-cyan-heartbeat1 {
background-image: url(../img/sections/opg-home-colours/cyan/heart_beat1.gif);
}
.img-icons-cyan-heartbeat2 {
background-image: url(../img/sections/opg-home-colours/cyan/heart_beat2.gif);
}
.img-icons-cyan-news {
background-image: url(../img/sections/opg-home-colours/cyan/news.gif);
}
.img-icons-cyan-patient {
background-image: url(../img/sections/opg-home-colours/cyan/patient.gif);
}
.img-icons-cyan-pills {
background-image: url(../img/sections/opg-home-colours/cyan/pills.gif);
}
.img-icons-cyan-ppg {
background-image: url(../img/sections/opg-home-colours/cyan/ppg.gif);
}
.img-icons-cyan-stethoscope {
background-image: url(../img/sections/opg-home-colours/cyan/stethoscope.gif);
}
.img-icons-dark-blue-clock {
background-image: url(../img/sections/opg-home-colours/dark-blue/clock.gif);
}
.img-icons-dark-blue-file {
background-image: url(../img/sections/opg-home-colours/dark-blue/file.gif);
}
.img-icons-dark-blue-files {
background-image: url(../img/sections/opg-home-colours/dark-blue/files.gif);
}
.img-icons-dark-blue-heart {
background-image: url(../img/sections/opg-home-colours/dark-blue/heart.gif);
}
.img-icons-dark-blue-heartbeat1 {
background-image: url(../img/sections/opg-home-colours/dark-blue/heart_beat1.gif);
}
.img-icons-dark-blue-heartbeat2 {
background-image: url(../img/sections/opg-home-colours/dark-blue/heart_beat2.gif);
}
.img-icons-dark-blue-news {
background-image: url(../img/sections/opg-home-colours/dark-blue/news.gif);
}
.img-icons-dark-blue-patient {
background-image: url(../img/sections/opg-home-colours/dark-blue/patient.gif);
}
.img-icons-dark-blue-pills {
background-image: url(../img/sections/opg-home-colours/dark-blue/pills.gif);
}
.img-icons-dark-blue-ppg {
background-image: url(../img/sections/opg-home-colours/dark-blue/ppg.gif);
}
.img-icons-dark-blue-stethoscope {
background-image: url(../img/sections/opg-home-colours/dark-blue/stethoscope.gif);
}
.img-icons-green-clock {
background-image: url(../img/sections/opg-home-colours/green/clock.gif);
}
.img-icons-green-file {
background-image: url(../img/sections/opg-home-colours/green/file.gif);
}
.img-icons-green-files {
background-image: url(../img/sections/opg-home-colours/green/files.gif);
}
.img-icons-green-heart {
background-image: url(../img/sections/opg-home-colours/green/heart.gif);
}
.img-icons-green-heartbeat1 {
background-image: url(../img/sections/opg-home-colours/green/heart_beat1.gif);
}
.img-icons-green-heartbeat2 {
background-image: url(../img/sections/opg-home-colours/green/heart_beat2.gif);
}
.img-icons-green-news {
background-image: url(../img/sections/opg-home-colours/green/news.gif);
}
.img-icons-green-patient {
background-image: url(../img/sections/opg-home-colours/green/patient.gif);
}
.img-icons-green-pills {
background-image: url(../img/sections/opg-home-colours/green/pills.gif);
}
.img-icons-green-ppg {
background-image: url(../img/sections/opg-home-colours/green/ppg.gif);
}
.img-icons-green-stethoscope {
background-image: url(../img/sections/opg-home-colours/green/stethoscope.gif);
}
.img-icons-grey-clock {
background-image: url(../img/sections/opg-home-colours/grey/clock.gif);
}
.img-icons-grey-file {
background-image: url(../img/sections/opg-home-colours/grey/file.gif);
}
.img-icons-grey-files {
background-image: url(../img/sections/opg-home-colours/grey/files.gif);
}
.img-icons-grey-heart {
background-image: url(../img/sections/opg-home-colours/grey/heart.gif);
}
.img-icons-grey-heartbeat1 {
background-image: url(../img/sections/opg-home-colours/grey/heart_beat1.gif);
}
.img-icons-grey-heartbeat2 {
background-image: url(../img/sections/opg-home-colours/grey/heart_beat2.gif);
}
.img-icons-grey-news {
background-image: url(../img/sections/opg-home-colours/grey/news.gif);
}
.img-icons-grey-patient {
background-image: url(../img/sections/opg-home-colours/grey/patient.gif);
}
.img-icons-grey-pills {
background-image: url(../img/sections/opg-home-colours/grey/pills.gif);
}
.img-icons-grey-ppg {
background-image: url(../img/sections/opg-home-colours/grey/ppg.gif);
}
.img-icons-grey-stethoscope {
background-image: url(../img/sections/opg-home-colours/grey/stethoscope.gif);
}
.img-icons-orange-clock {
background-image: url(../img/sections/opg-home-colours/orange/clock.gif);
}
.img-icons-orange-file {
background-image: url(../img/sections/opg-home-colours/orange/file.gif);
}
.img-icons-orange-files {
background-image: url(../img/sections/opg-home-colours/orange/files.gif);
}
.img-icons-orange-heart {
background-image: url(../img/sections/opg-home-colours/orange/heart.gif);
}
.img-icons-orange-heartbeat1 {
background-image: url(../img/sections/opg-home-colours/orange/heart_beat1.gif);
}
.img-icons-orange-heartbeat2 {
background-image: url(../img/sections/opg-home-colours/orange/heart_beat2.gif);
}
.img-icons-orange-news {
background-image: url(../img/sections/opg-home-colours/orange/news.gif);
}
.img-icons-orange-patient {
background-image: url(../img/sections/opg-home-colours/orange/patient.gif);
}
.img-icons-orange-pills {
background-image: url(../img/sections/opg-home-colours/orange/pills.gif);
}
.img-icons-orange-ppg {
background-image: url(../img/sections/opg-home-colours/orange/ppg.gif);
}
.img-icons-orange-stethoscope {
background-image: url(../img/sections/opg-home-colours/orange/stethoscope.gif);
}
.img-icons-purple-clock {
background-image: url(../img/sections/opg-home-colours/purple/clock.gif);
}
.img-icons-purple-file {
background-image: url(../img/sections/opg-home-colours/purple/file.gif);
}
.img-icons-purple-files {
background-image: url(../img/sections/opg-home-colours/purple/files.gif);
}
.img-icons-purple-heart {
background-image: url(../img/sections/opg-home-colours/purple/heart.gif);
}
.img-icons-purple-heartbeat1 {
background-image: url(../img/sections/opg-home-colours/purple/heart_beat1.gif);
}
.img-icons-purple-heartbeat2 {
background-image: url(../img/sections/opg-home-colours/purple/heart_beat2.gif);
}
.img-icons-purple-news {
background-image: url(../img/sections/opg-home-colours/purple/news.gif);
}
.img-icons-purple-patient {
background-image: url(../img/sections/opg-home-colours/purple/patient.gif);
}
.img-icons-purple-pills {
background-image: url(../img/sections/opg-home-colours/purple/pills.gif);
}
.img-icons-purple-ppg {
background-image: url(../img/sections/opg-home-colours/purple/ppg.gif);
}
.img-icons-purple-stethoscope {
background-image: url(../img/sections/opg-home-colours/purple/stethoscope.gif);
}
.img-icons-red-clock {
background-image: url(../img/sections/opg-home-colours/red/clock.gif);
}
.img-icons-red-file {
background-image: url(../img/sections/opg-home-colours/red/file.gif);
}
.img-icons-red-files {
background-image: url(../img/sections/opg-home-colours/red/files.gif);
}
.img-icons-red-heart {
background-image: url(../img/sections/opg-home-colours/red/heart.gif);
}
.img-icons-red-heartbeat1 {
background-image: url(../img/sections/opg-home-colours/red/heart_beat1.gif);
}
.img-icons-red-heartbeat2 {
background-image: url(../img/sections/opg-home-colours/red/heart_beat2.gif);
}
.img-icons-red-news {
background-image: url(../img/sections/opg-home-colours/red/news.gif);
}
.img-icons-red-patient {
background-image: url(../img/sections/opg-home-colours/red/patient.gif);
}
.img-icons-red-pills {
background-image: url(../img/sections/opg-home-colours/red/pills.gif);
}
.img-icons-red-ppg {
background-image: url(../img/sections/opg-home-colours/red/ppg.gif);
}
.img-icons-red-stethoscope {
background-image: url(../img/sections/opg-home-colours/red/stethoscope.gif);
}
.img-icons-red-gray-appointments {
background-image: url(../img/sections/opg-red-gray/red_grey_appointments.gif);
}
.img-icons-red-gray-news {
background-image: url(../img/sections/opg-red-gray/red_grey_news.gif);
}
.img-icons-red-gray-patients {
background-image: url(../img/sections/opg-red-gray/red_grey_patients.gif);
}
.img-icons-red-gray-prescriptions {
background-image: url(../img/sections/opg-red-gray/red_grey_prescriptions.gif);
}
.img-icons-red-gray-registration {
background-image: url(../img/sections/opg-red-gray/red_grey_registration.gif);
}
.img-icons-red-gray-tests {
background-image: url(../img/sections/opg-red-gray/red_grey_tests.gif);
}
.img-icons-red-gray-vacancies {
background-image: url(../img/sections/opg-red-gray/red_grey_vacancies.gif);
}
@media screen and (max-width: 960px) {
body {
/*.panel-form-links .panel-body .last{
margin-right: 0;
}*/
}
body .Body {
/*.link-list li a.image-content img{
width:auto;
}*/
}
body .Body .HomeBottom .FeedPanel {
width: 49%;
margin-right: 2%;
box-sizing: border-box;
}
body .Body .HomeBottom .FeedPanel:nth-child(2n+2) {
margin-right: 0;
}
body .Body ul.NewsList li {
min-height: 70px;
position: relative;
}
body .Body ul.NewsList li strong {
float: none;
position: absolute;
top: 0;
left: 0;
}
body .Body ul.NewsList li div {
float: none;
width: auto;
padding-left: 95px;
}
body .Body .horizontaliconlist li {
float: none;
margin: 0 0 10px 0;
width: auto;
height: auto;
}
body .Body .MiniSearch input {
width: 100%;
display: block;
box-sizing: border-box;
}
body .Body .list-share {
margin-bottom: 10px;
}
body .Body .panel-opening-hours .panel-body ul li span,
body .Body .gpf-special-opening-hours ul li span {
display: block;
text-align: left;
float: none;
width: auto;
}
body .Body .panel-opening-hours .panel-body ul li em,
body .Body .gpf-special-opening-hours ul li em {
float: none;
width: auto;
}
body .Body table.DataGrid input[type="text"] {
box-sizing: border-box;
width: 100%;
}
body .page-actions > .col.s4 {
display: none;
}
ul.group-list li {
width: 48%;
margin-right: 2%;
}
.group-row h4 {
padding-top: 0;
font-size: 1rem;
margin-bottom: 5px;
}
.group-row label {
display: none;
}
.group-row .row {
margin-bottom: 20px;
padding: 0;
border: none;
}
}
@media screen and (max-width: 750px) {
body div.LightBoxBody .SurveyArea fieldset,
body .Body .SurveyArea fieldset {
padding: 5px;
}
body div.LightBoxBody .SurveyArea fieldset h3,
body .Body .SurveyArea fieldset h3 {
margin-bottom: 5px;
}
body div.LightBoxBody .SurveyArea fieldset > div,
body .Body .SurveyArea fieldset > div {
padding: 10px;
}
body div.LightBoxBody .SurveyArea fieldset div.CheckboxList div,
body .Body .SurveyArea fieldset div.CheckboxList div {
width: auto;
}
body div.LightBoxBody .list-people li,
body .Body .list-people li {
float: none;
width: auto;
margin-right: 0;
}
body div.LightBoxBody .LogoControls .SingleReadonly em,
body .Body .LogoControls .SingleReadonly em {
width: 100%;
box-sizing: border-box;
height: auto;
padding-top: 40px;
padding-bottom: 40px;
}
}
@media screen and (max-width: 650px) {
body .Body ul.slideshow-content li div {
width: auto;
right: 0;
}
body .Body ul.slideshow-content li img {
display: none;
}
body .Body .HomeBottom .FeedPanel {
width: auto;
float: none;
margin-right: 0;
box-sizing: border-box;
}
body .Body .HomeBottom .FeedPanel ul {
height: auto;
overflow: auto;
}
body .Body .frontImage {
width: 100%;
}
body .Body .staff-record dl dt {
display: block;
width: auto;
float: none;
margin: 0;
}
body .Body .staff-record dl dd {
display: block;
width: auto;
float: none;
margin: 0 0 10px 0;
}
body .Body .gpf-special-services-and-clinics .section ul li span {
float: none;
width: auto;
display: block;
text-align: left;
margin-bottom: 10px;
}
body .Body .gpf-special-services-and-clinics .section ul li strong {
float: none;
font-weight: bold;
width: auto;
display: block;
text-align: left;
}
body .Body .Message .ButtonBox select {
float: none;
display: block;
box-sizing: border-box;
width: 100%;
margin-bottom: 10px;
}
body .SearchBox {
background-color: transparent;
padding: 0 0 15px 0;
box-shadow: none;
}
body .SearchBox div input.SearchEntry {
background-image: none;
box-sizing: border-box;
border: 1px #ccc solid;
width: 100%;
height: auto;
float: none;
margin-bottom: 10px;
border-radius: 5px;
}
body .SearchBox a.SearchButton {
position: relative;
top: auto;
right: auto;
left: auto;
bottom: auto;
height: auto;
border-radius: 5px;
width: auto;
}
ul.inline-pill li,
ul.group-list li {
width: 100%;
margin-right: 0;
}
ul.group-list li a,
ul.inline-pill li a {
height: auto !important;
line-height: normal !important;
padding: 10px !important;
}
.pull-right,
.pull-left {
float: none;
margin-bottom: 10px;
}
}
@media screen and (max-width: 500px) {
body .Body .staff-record .staff-photo {
width: auto;
float: none;
margin: 0;
padding: 0;
}
body .Body .staff-record .staff-photo img {
box-sizing: border-box;
width: 100%;
}
body .Body .staff-record .staff-detail {
width: auto;
float: none;
}
body .Body .staff-record .staff-detail h4 {
margin-top: 0;
}
body .MagnificentGrid {
overflow-y: hidden;
overflow-x: scroll;
border: 2px solid #eee;
margin-bottom: 20px;
-webkit-overflow-scrolling: touch;
}
body .MagnificentGrid table {
margin: 0;
}
}
/* OPG Additions*/
.quick-menu {
margin: 0 0 20px 0;
}
.BodyLeft .SideBar {
float: none;
width: auto;
}
.Body .Section a.tr {
top: 10px;
right: 0;
}
.BodyRight {
margin: 0 0 20px 0;
text-align: center;
}
.BodyRight > a,
.BodyRight > div,
.BodyRight > object,
.BodyRight > img {
margin: 0 auto 10px auto;
}
.BodyRight > a {
display: block;
}
/* admin menu */
.admin-menu {
background-color: #ddd;
}
.admin-menu h3,
.admin-menu h2 {
padding: 12px 12px 0 12px;
margin: 0;
font-size: 1rem;
}
.admin-menu ul {
margin: 0 0 15px 0;
padding: 12px 0 12px 12px;
}
.admin-menu li {
list-style: none;
margin: 0 0 2px 0;
padding: 0;
}
.admin-menu li a {
display: block;
background-color: #eee;
text-decoration: none;
padding: 5px 8px 5px 8px;
margin: 0 2px 0 0;
border-radius: 4px 0 0 4px;
}
.admin-menu li a:hover {
background-color: #fff;
}
.admin-menu li a:focus {
color: #000000;
background-color: #fae100;
outline: 3px solid #000000;
outline-offset: 0;
box-shadow:inset 0 0px 0 0 #000;
}
.admin-menu li a.Current,
.admin-menu li a.Current:hover {
background-color: #fff;
margin: 0;
}
/* search */
.SearchBox div input.SearchEntry {
width: 450px;
}
/* news */
.MiniSearch input {
width: 140px;
}
/* special staff */
.staff-record dl dt,
.staff-record dl dd {
margin: 0;
padding: 0;
float: none;
font-size: 1rem;
}
.staff-record dl dt {
width: auto;
padding: 0;
font-weight: normal;
float: none;
font-size: 1rem;
}
.staff-record dl dd {
font-weight: bold;
display: block;
width: auto;
float: none;
margin: 0 0 10px 0;
}
/* opening times */
.gpf-special-opening-hours ul li em {
float: right;
width: 430px;
}
/* clinics */
.gpf-special-services-and-clinics .section ul li {
color: #222;
}
.gpf-special-services-and-clinics .section ul li strong {
color: #455A64;
}
/* twitter widget */
.twtr-widget-profile {
margin: 0 0 20px 0;
}
.twtr-tweet-text p {
font-size: 1rem;
}
.twtr-tweet-text p em {
padding: 5px 0 0 0;
}
.twtr-widget h3,
.twtr-widget h4 {
clear: none;
}
/* horizontal icon list */
.horizontaliconlist li a {
height: 70px !important;
}
/* .panel-opening-hours */
body .Body .Section .panel-opening-hours .panel-body h3 {
padding: 0;
margin: 0 0 7px 0;
background-color: Transparent;
background-image: none;
color: #333;
line-height: normal;
height: auto;
font-size: 1.2rem;
}
.panel-opening-hours .panel-body ul {
padding: 0;
margin: 0 0 20px 0;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 0;
}
.panel-opening-hours .panel-body ul li {
background-color: #f4f4f4;
border-bottom: 1px solid #ddd;
padding: 0;
position: relative;
}
.panel-opening-hours .panel-body ul li span {
position: absolute;
top: 6px;
left: 7px;
float: none;
font-weight: bold;
text-align: left;
}
.panel-opening-hours .panel-body ul li em {
float: none;
background-color: #fff;
border-left: 1px solid #ddd;
display: block;
margin: 0 0 0 125px;
padding: 7px;
width: auto;
}
.panel-opening-hours .panel-body ul li em span {
position: relative;
top: auto;
left: auto;
}
.HomeBottom .FeedPanel .feed-foot,
.HomeBottom .FeedPanel .PanelFoot {
padding-left: 0;
padding-right: 0;
}
/* disclaimer */
.opg-ad-disclaimer {
border-top: dotted #ccc 1px;
padding: 15px 0 0 0;
}
.opg-ad-disclaimer p {
font-size: 0.93rem;
line-height: 18px;
color: #455A64;
}
/* Full page width flag */
.fullwidth-homepage .BodyLeft {
display: none !important;
}
/* classic nav adjustments */
.SlideShowBig {
margin-bottom: 20px;
}
.HomeTop {
padding: 0;
margin: 0 0 25px 0;
border: none;
}
.HomeMiddle {
padding: 0;
border-bottom: 0;
margin-bottom: 9px;
}
.HomeBottom {
padding: 0;
margin-bottom: 9px;
}
/* panel picture tweaks */
a[class^="img-icons-"] {
background-position: center top;
}
.breadcrumb {
overflow: hidden;
}
.tile-set {
position: relative;
width: 120px;
height: 95px;
}
.tile-set > a {
position: absolute;
top: 0;
left: 0;
}
/* positioning for sensly widget */
#__sensely-include-widget-dropdown.bottomright {
right: auto;
left: 0;
}
@media screen and (max-width: 960px) {
body #__ba_panel.topLeft,
body #__ba_panel.topRight,
body #__ba_panel.bottomLeft,
body #__ba_panel.bottomRight {
bottom: 180px !important;
top: auto;
}
body .Body .panel-rss .feed {
float: none;
width: auto;
margin-right: 0;
}
body .Body .panel-form-links ul li {
flex: 0 0 50%;
max-width: 50%;
}
body .Body .panel-rss .feed ul {
height: auto;
}
body .Body .panel-atoz ul {
height: auto;
}
body .Body .panel-opening-hours .panel-body ul li span {
position: relative;
display: block;
top: auto;
left: auto;
width: auto;
padding: 5px;
}
body .Body .panel-opening-hours .panel-body ul li em {
width: auto;
border-top: #ddd 1px solid;
border-left: none;
margin: 0;
}
body .Body .panel-picture-links li,
body .Body .panel-big-links li {
flex: 0 0 50%;
max-width: 50%;
}
body .Menu {
border-bottom: 1px solid #ddd;
}
body .Menu li {
background-image: none;
padding: 0;
margin: 0;
height: auto;
display: block;
}
}
@media screen and (max-width: 750px) {
body .Body .panel-form-links ul li {
flex: 0 0 100%;
max-width: 100%;
margin-bottom: 5px;
}
body .Body .BodyLeft .quick-menu {
margin-top: 0;
}
body .Body .BodyLeft .SideBar {
padding: 0;
}
body .Body .BodyLeft .SideBar li a {
padding-left: 22px;
}
body .Body .BodyLeft .FormList > li > a,
body .Body .BodyLeft .choices-list > li > a {
padding: 16px;
}
body .Body .Section a.tr {
position: relative;
top: auto;
right: auto;
margin: 5px 0 5px 0;
}
body .Body .panel-contact ul li {
float: none;
width: auto;
}
body .Body .panel-big-links ul li {
width: auto;
height: auto;
flex: 0 0 100%;
max-width: 100%;
}
body .Body .panel-big-links ul li span {
height: auto;
}
}
@media screen and (max-width: 650px) {
body .Body .panel-quick-links ul li {
float: none;
margin-right: 0;
width: auto;
}
}
@media screen and (max-width: 500px) {
body .Body .panel-picture-links ul li {
width: auto;
height: auto;
flex: 0 0 100%;
max-width: 100%;
}
body .Body .panel-picture-links ul li span {
height: auto;
}
body .Body .panel-picture-links ul li a {
height: auto;
}
body .Body .panel-picture-links ul li img {
display:none;
}
}
@media screen and (max-width: 400px) {
body .Body ul.NewsList li {
position: relative;
}
body .Body ul.NewsList li strong {
position: relative;
top: auto;
left: auto;
display: inline-block;
width: auto;
height: auto;
padding: 3px 6px;
margin: 0 0 10px 0;
line-height: normal;
}
body .Body ul.NewsList li strong em,
body .Body ul.NewsList li strong span {
display: inline;
font-size: 0.75rem;
font-weight: normal;
padding: 0;
margin: 0;
line-height: normal;
}
body .Body ul.NewsList li div {
padding-left: 0;
}
}
/* -------- Cookie Bar --------- */
#cookie-bar {
background: #f3f2f1;
height: auto;
color: #0b0c0c;
text-align: center;
padding: 20px 0 25px 0;
border-bottom: 3px;
border-bottom-color: #0b0c0c;
border-bottom-style: solid;
margin-top: 0;
font-family: "Frutiger W01", Arial, Sans-serif !important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#cookie-bar.fixed {
position: fixed;
top: 0;
left: 0;
width: 100%;
}
#cookie-bar.fixed.bottom {
bottom: 0;
top: auto;
}
#cookie-bar .cookiehead {
font-size: 1.5rem;
line-height: 1.6;
font-weight: 700;
margin: 4px;
}
#cookie-bar p {
font-size: 1.1875rem;
line-height: 1.6;
font-weight: 400;
margin: 2px;
}
#cookie-bar a {
color: #FFFFFF;
display: inline-block;
border-radius: 0px;
text-decoration: none;
}
#cookie-bar .cb-enable {
background: #00612D;
font-weight: 400;
margin-top: 6px;
margin-bottom: 6px;
margin-right: 15px;
padding: 10px;
}
#cookie-bar .cb-enable:hover {
background: #00381C;
}
#cookie-bar .cb-enable:focus {
text-decoration: none;
}
#cookie-bar .cb-disable {
background: #673232;
font-weight: 400;
margin-top: 6px;
margin-bottom: 6px;
margin-right: 15px;
padding: 10px;
}
#cookie-bar .cb-disable:hover {
background: #8A4242;
}
#cookie-bar .cb-disable:focus {
text-decoration: none;
}
#cookie-bar .cb-policy {
background: #58585A;
font-weight: 400;
margin-top: 6px;
margin-right: 15px;
margin-bottom: 6px;
padding: 8px;
}
#cookie-bar .cb-policy:hover {
background: #00296B;
}
#cookie-bar .cb-policy:focus {
text-decoration: none;
}
#cookie-bar .cb-enable:focus,
#cookie-bar .cb-disable:focus,
#cookie-bar .cb-policy:focus {
background: #ffeb3b;
color: #000000;
outline: 0;
box-shadow: none;
}
@media screen and (max-width: 551px) {
#cookie-bar a {
display: block;
font-size: 1.1875rem;
line-height: 1.6;
}
#cookie-bar .cb-enable {
margin-top: 10px;
margin-bottom: 10px;
margin-right: 15px;
margin-left: 15px;
padding: 8px;
}
#cookie-bar .cb-disable {
margin-top: 10px;
margin-bottom: 10px;
margin-right: 15px;
margin-left: 15px;
padding: 8px;
}
#cookie-bar .cb-policy {
margin-top: 10px;
margin-bottom: 10px;
margin-right: 15px;
margin-left: 15px;
padding: 8px;
}
}
.box-aside-content-mobile {
padding: 10px 0px 10px 0px;
position: fixed;
bottom: 0;
left: 66px;
height:81px;
right: 0;
border-top: 1px solid #ccc;
background-color: #fff;
z-index: 100;
display: none;
}
.box-aside-content-mobile img {
margin-right: 0px;
margin-left: 0px;
height: 60px;
width: auto;
}
.box-aside-content-mobile .tile-set {
margin-right: 0px;
margin-left: 0px;
height: 60px;
width: 76px;
}
.box-aside-content-mobile .tile-set img {
margin: 0;
}
/* ############ LOCAL SERVICES ############ */
/* --------- pause play button on slick carousel - mobile only ---------- */
@media screen and (max-width: 991px) {
#carouselcontrol{
display: flex;
width:66px;
height:80px;
background: #FFFFFF;
bottom: 0px;
left: 0px;
z-index:150;
position:fixed;
border-top: 1px solid #ccc;
}
.pause-play {
cursor: pointer;
position:absolute;
align-items: center;
align-content: center;
bottom:10px;
left:5px;
height:60px;
width:60px;
color:#000000;
background:url("../img/application/pause.svg") no-repeat;background-position:center;
background-color:#FFFFFF;
border-radius:5px;
border: #000000 solid 2px;
padding:25px 0 0 0;
text-decoration: none;
box-shadow: none;
outline: none;
}
.pause-play:active {
background-color:#FFFFFF;
outline: none;
box-shadow: none;
}
.pause-play:hover {
color:#000000;
background-color:#FFFFFF;
text-decoration: underline;
}
.pause-play:focus {
background-color:#fae100!important;
color:#000000;
-webkit-box-shadow:inset 0px 0px 0px 3px #000;
-moz-box-shadow:inset 0px 0px 0px 3px #000;
box-shadow:inset 0px 0px 0px 3px #000;
}
}
/* =========================== Body Right Column Styles =========================== */
.BodyRight a:link {
text-decoration: none;
}
.BodyRight > a:focus {
box-shadow: inset 0 0px 0 0 #212b32 !important;
background: none;
}
/* =========================== Local Services Buttons =========================== */
/* --------- Local Services Button ---------- */
.services {
display: block;
position:relative;
display: flex;
justify-content: center;
align-items: center;
background-color:#256230;
clip-path: polygon(0 0, 100% 0, 100% 80%, 50% 100%, 0 80%);
height:40px !important;
width:120px !important;
margin-bottom:10px;
margin-left: 22px;
color: #FFFFFF;
font-family: "Myriad Pro", Helvetica, Arial, "sans-serif";
font-size: 0.95rem;
font-weight: bold;
line-height: 1;
text-align: center;
}
.services:link {
display: block;
width:120px;
color: #FFF;
text-decoration: none;
}
.services:hover {
color: #FFFFFF;
text-decoration: underline;
}
.localservices:focus .services {
clip-path: polygon(0 0, 100% 0, 100% 80%, 50% 100%, 0 80%);
background-color:#fae100;
color:#000000;
text-decoration: underline;
}
.services:focus:hover {
text-decoration: none;
}
@media (max-width: 990px) {
.services {
display: none!important;
}
}
@media (max-width: 1200px) {
.services {
margin-left: 0px;
}
}
/* --------- Local Buttons ---------- */
.servicebox {
display: block;
position: relative;
display: flex;
justify-content: center;
align-items: center;
content: "";
text-align: center;
height:63px;
width:120px;
margin-bottom:0px;
font-family: "Myriad Pro", Helvetica, Arial, "sans-serif";
font-size: 1.1rem;
line-height: 1.0;
text-decoration: none;
}
.serviceboxlink:link {
display: block;
width:120px;
text-decoration: none;
}
.serviceboxlink:hover {
color: #FFF!important;
text-decoration: underline!important;
}
.serviceboxlinkdark:hover {
color: #000!important;
text-decoration: underline!important;
}
.serviceboxlink:focus .servicebox {
text-decoration:underline;
background-color:#fae100!important;
color:#000000!important;
outline:3px solid #000000;
outline-offset: 0;
}
.serviceboxlink:focus:hover {
text-decoration: none;
}
@media (max-width: 990px) {
.servicebox {
position: relative;
display: flex;
justify-content: center;
align-items: center;
content: "";
text-align: center;
height:60px;
width:80px!important;
color: #FFFFFF;
font-family: "Myriad Pro", Helvetica, Arial, "sans-serif";
font-size: 1.0rem;
line-height: 1.2;
}
.serviceboxlink:link {
text-decoration: none;
margin-right: 2px!important;
margin-left: 2px!important;
width:auto;
}
.serviceboxlink:hover {
text-decoration: underline;
color: #FFF;
}
.serviceboxlinkdark:hover {
text-decoration: underline;
color: #000;
}
.serviceboxlink:focus {
outline: 3px solid #000;
outline-offset: 0;
text-decoration: none;
background-color:#fae100 !important;
}
.serviceboxlink:focus .servicebox {
text-decoration:underline;
background-color:#fae100 !important;
color:#000000 !important;
outline: 3px solid #000000;
outline-offset: 0;
}
.serviceboxlink:focus:hover {
text-decoration: none;
}
.servicebox90 {
height:60px;
width:90px!important;
}
.servicebox100 {
height:60px;
width:100px!important;
}
}
.jonathan-owen3 {
line-height: 1.0;
height: 74px;
padding-top: 2px;
}
/* Mobile styles override for tile and national tiles */
@media (max-width: 990px) {
.david-nicholls-associates {
line-height: 0.9;
}
.jonathan-owen {
line-height: 1.0;
width: 98px!important;
}
.jonathan-owen2 {
line-height: 0.9;
width: 100px!important;
}
.jonathan-owen3 {
line-height: 0.9;
width: 120px!important;
height: 60px;
padding-top: 0px!important;
}
.widermobile {
line-height: 1.0;
width: 98px!important;
}
.mobile40 {
line-height: 1.0;
width: 40px!important;
}
.mobile45 {
line-height: 1.0;
width: 45px!important;
}
.mobile50 {
line-height: 1.0;
width: 50px!important;
}
.mobile55 {
line-height: 1.0;
width: 55px!important;
}
.mobile60 {
line-height: 1.0;
width: 60px!important;
}
.mobile65 {
line-height: 1.0;
width: 65px!important;
}
.mobile70 {
line-height: 1.0;
width: 70px!important;
}
.mobile75 {
line-height: 1.0;
width: 75px!important;
}
.mobile85 {
line-height: 1.0;
width: 85px!important;
}
.mobile90 {
line-height: 1.0;
width: 90px!important;
}
.mobile95 {
line-height: 1.0;
width: 95px!important;
}
.mobile100 {
line-height: 1.0;
width: 100px!important;
}
.mobile105 {
line-height: 1.0;
width: 105px!important;
}
.mobile110 {
line-height: 1.0;
width: 110px!important;
}
.mobile115 {
line-height: 1.0;
width: 115px!important;
}
.mobile120 {
line-height: 1.0;
width: 120px!important;
}
.mobile125 {
line-height: 1.0;
width: 125px!important;
}
.mobile130 {
line-height: 1.0;
width: 130px!important;
}
.mobile135 {
line-height: 1.0;
width: 135px!important;
}
.mobile140 {
line-height: 1.0;
width: 140px!important;
}
.mobile145 {
line-height: 1.0;
width: 145px!important;
}
.mobile150 {
line-height: 1.0;
width: 150px!important;
}
}
/* --------- Local Buttons - DARK Text on Light Background Version ---------- */
.serviceboxdark {
display: block;
position: relative;
display: flex;
justify-content: center;
align-items: center;
content: "";
text-align: center;
height:70px;
width:120px;
margin-bottom:0px;
font-family: "Myriad Pro", Helvetica, Arial, "sans-serif";
font-size: 1.1rem;
line-height: 1.0;
text-decoration: none!important;
}
.serviceboxlinkdark:link {
display: block;
width:120px;
text-decoration: none;
}
.serviceboxlinkdark:hover {
color: #000;
text-decoration: underline;
}
.serviceboxlinkdark:focus .serviceboxdark {
text-decoration:underline;
background-color:#fae100!important;
color:#000000!important;
outline:3px solid #000000;
outline-offset: 0;
}
.serviceboxlinkdark:focus:hover {
text-decoration: none;
}
@media (max-width: 990px) {
.serviceboxdark {
position: relative;
display: flex;
justify-content: center;
align-items: center;
content: "";
text-align: center;
height:60px;
width:80px;
color: #FFFFFF;
font-family: "Myriad Pro", Helvetica, Arial, "sans-serif";
font-size: 1.0rem;
line-height: 1.0;
}
.serviceboxlinkdark:link {
text-decoration: none;
margin-right: 2px!important;
margin-left: 2px!important;
width:auto;
}
.serviceboxlinkdark:hover {
text-decoration: underline;
color: #FFF;
}
/* DARK Text on Light Background Veersion */
.serviceboxlinkdarkdark:hover {
text-decoration: underline;
color: #000;
}
.serviceboxlinkdark:focus {
outline: 3px solid #000;
outline-offset: 0;
text-decoration: none;
background-color:#fae100 !important;
}
.serviceboxlinkdark:focus .servicebox {
text-decoration:underline;
background-color:#fae100 !important;
color:#000000 !important;
outline: 3px solid #000000;
outline-offset: 0;
}
.serviceboxlinkdark:focus:hover {
text-decoration: none;
}
.servicebox90 {
height:60px;
width:90px!important;
}
.servicebox100 {
height:60px;
width:100px!important;
}
}
.serviceboxfree {
height:45px;
}
@media (max-width: 990px) {
.serviceboxfree {
height:60px!important;
line-height: 0.9;
align-items:center;
}
}
/* =========================== End Local Services Buttons =========================== */
/* --------- Skip Link ---------- */
.skip-link {
left: -9999px;
z-index: 2;
padding: 8px;
position: absolute;
background-color: #ffeb3b;
box-shadow: 0 -2px #ffeb3b, 0 4px #212b32;
color: #212b32;
outline: 4px solid transparent;
text-decoration: none;
}
.skip-link:active, .skip-link:focus {
left: 16px;
top: 16px;
z-index: 2;
background-color: #ffeb3b;
box-shadow: 0 -2px #ffeb3b, 0 4px #212b32;
color: #212b32;
outline: 4px solid transparent;
text-decoration: none;
}
.skip-link:visited {
color: #212b32;
}
/* --------- Inline Skip Link ---------- */
.skip-link-inline {
left: -9999px;
z-index: 2;
padding: 8px;
position: relative;
background-color: #ffeb3b;
box-shadow: 0 -2px #ffeb3b, 0 4px #212b32;
color: #212b32;
outline: 4px solid transparent;
text-decoration: none;
}
.skip-link-inline:active, .skip-link-inline:focus {
left: 16px;
top: 0px;
z-index: 2;
background-color: #ffeb3b;
box-shadow: 0 -2px #ffeb3b, 0 4px #212b32;
color: #212b32;
outline: 4px solid transparent;
text-decoration: none;
}
.skip-link-inline:visited {
color: #212b32;
}
/* ADMIN PAGE ONLY - Adds a gap above the extra phone numbers block on the Contact Details Page to move the Save/Back buttons away from it */
#ctl01_ContentPlaceHolder1_pnlExtra {
margin-top:50px;
}
/* Field Set Styles on forms*/
.form-group fieldset {
position: relative;
margin-bottom: 0px;
border: 0px solid #ddd;
border-radius: 0px;
padding: 5px;
background-color: #fff;
}
.form-group legend {
display: block;
width: 100%;
padding: 0;
margin-bottom: 10px;
line-height: inherit;
color: #333333;
border: 0;
border-bottom: 0px solid #e5e5e5;
font-size: 17px;
}
.form-group .mandatory::after {
content: "\f069";
font-family: FontAwesome;
color: #C62828;
margin-left: 4px;
}
/* ==========================================================================
NHS CARE CARDS
========================================================================== */
/* ==========================================================================
#VISUALLY-HIDDEN
========================================================================== */
/**
* Hide elements visually but keep it in the DOM
*
* Usage: class="nhsuk-u-visually-hidden"
* See tools/mixins
*/
.nhsuk-u-visually-hidden {
border: 0;
clip-path: inset(50%);
height: 1px;
margin: 0;
overflow: hidden;
padding: 0;
position: absolute;
white-space: nowrap;
width: 1px;
}
/* ==========================================================================
#CARDS
========================================================================== */
/**
* 1. Is needed for the :active top positioning, and invisible clickable overlay.
* 2. Border is used to create a divider between the white content
* box and an image.
* 3. Creates the 'pressed down' effect when clicked.
* 4. Removes padding-top from headings directly after the card group.
* 5. Includes the border width to achieve the correct left alignment.
* 6. Stops the heading from spanning the full width of the card.
* 7. Removes padding top for the feature heading positioning.
* 8. Default care card colour set to blue (non-urgent care card) -
* using the @mixin care-card tools/_mixins.scss.
* The same mixin is used for each care card, setting the background
* colour,text colour and print border width with the variables.
* 9. 'Random number' for the heading triangle.
* 10. 'Random number' for the heading triangle positioning.
* 11. 'Random number' used for spacing to compensate for the triangle.
* 12. Needed to enable the triangle to show correctly in high contrast mode.
* 13. Prevent additional padding on headings
* 14. Give the action link icon sufficient contrast when used in the emergency variant
* 15. Reset the positioning to the default [1] to display heading triangle on a coloured background.
* 16. Emergency care card <a> needs to be white because the background colour is black.
* 17. Trick IE10 into rendering the invisible clickable area. Without this it does not.
*/
.nhsuk-card {
margin-bottom: 40px;
background: #ffffff;
border: 1px solid #d8dde0;
position: relative; /* [1] */
width: 100%;
}
@media (min-width: 40.0625em) {
.nhsuk-card {
margin-bottom: 48px;
}
}
.nhsuk-card__img {
border-bottom: 1px solid #f0f4f5; /* [2] */
display: block;
width: 100%;
}
@media print {
.nhsuk-card__img {
display: none;
}
}
.nhsuk-card__content {
padding: 24px;
}
.nhsuk-card__content > *:first-child {
margin-top: 0;
}
.nhsuk-card__content > *:last-child {
margin-bottom: 0;
}
@media (min-width: 40.0625em) {
.nhsuk-card__content {
padding: 32px;
}
}
.nhsuk-card__heading,
.nhsuk-card__metadata,
.nhsuk-card__description {
margin-bottom: 16px;
}
/* Clickable card
========================================================================== */
.nhsuk-card--clickable {
border-bottom-width: 4px;
}
.nhsuk-card--clickable .nhsuk-card__heading a::before,
.nhsuk-card--clickable .nhsuk-card__link::before {
background-color: rgba(255, 255, 255, 0); /* [17] */
bottom: 0;
content: "";
display: block;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.nhsuk-card--clickable:active {
border-color: #aeb7bd;
bottom: -1px; /* [3] */
}
/* Card group
========================================================================== */
/**
* Card group allows you to have a row of cards.
*
* Flexbox is used to make each card in a row the same height.
*/
.nhsuk-card-group {
display: flex;
flex-wrap: wrap;
margin-bottom: 16px;
padding: 0;
}
@media (max-width: 48.0525em) {
.nhsuk-card-group {
margin-bottom: 40px;
}
}
.nhsuk-card-group + h2,
.nhsuk-card-group + .nhsuk-heading-l,
.nhsuk-card-group + h3,
.nhsuk-card-group + .nhsuk-heading-m {
padding-top: 0; /* [4] */
}
.nhsuk-card-group__item {
display: flex;
list-style-type: none;
margin-bottom: 0;
}
@media (max-width: 48.0525em) {
.nhsuk-card-group__item {
flex: 0 0 100%;
}
}
.nhsuk-card-group__item .nhsuk-card {
margin-bottom: 32px;
}
@media (max-width: 48.0525em) {
.nhsuk-card-group__item .nhsuk-card {
margin-bottom: 16px;
}
.nhsuk-card-group__item:last-child .nhsuk-card {
margin-bottom: 0;
}
}
/* Card feature
========================================================================== */
.nhsuk-card--feature {
margin-top: 40px;
}
@media (min-width: 40.0625em) {
.nhsuk-card--feature {
margin-top: 48px;
}
}
.nhsuk-card__heading--feature {
background: #005eb8;
color: #ffffff;
display: inline-block;
left: -25px; /* [5] */
margin-bottom: 8px;
margin-right: -24px; /* [6] */
padding: 8px 24px;
position: relative;
top: -8px;
}
@media (min-width: 40.0625em) {
.nhsuk-card__heading--feature {
left: -33px; /* [5] */
margin-right: -32px; /* [6] */
padding: 8px 32px;
top: -16px;
}
}
.nhsuk-card__content--feature {
padding-top: 0 !important; /* stylelint-disable-line declaration-no-important */ /* [7] */
}
/* Care card
========================================================================== */
.nhsuk-card--care {
margin-top: 40px;
/* [8] */
}
@media (min-width: 40.0625em) {
.nhsuk-card--care {
margin-top: 48px;
}
}
.nhsuk-card--care .nhsuk-card--care__heading-container {
background-color: #005eb8;
color: #ffffff;
}
@media print {
.nhsuk-card--care {
border: 4px solid #212b32;
color: #212b32;
page-break-inside: avoid;
}
}
.nhsuk-card--care__heading-container {
padding-left: 24px;
padding-right: 24px;
padding-bottom: 16px;
padding-top: 16px;
position: relative;
}
@media (min-width: 40.0625em) {
.nhsuk-card--care__heading-container {
padding-left: 32px;
}
}
@media (min-width: 40.0625em) {
.nhsuk-card--care__heading-container {
padding-right: 32px;
}
}
.nhsuk-card--care__heading {
font-weight: 600;
font-size: 20px;
font-size: 1.25rem;
line-height: 1.4;
margin: 0;
padding-top: 0; /* [13] */
color: #FFF;
}
@media (min-width: 40.0625em) {
.nhsuk-card--care__heading {
font-size: 24px;
font-size: 1.5rem;
line-height: 1.33333;
}
}
@media print {
.nhsuk-card--care__heading {
font-size: 18pt;
line-height: 1.15;
}
}
@media print {
.nhsuk-card--care__heading {
color: #212b32;
fill: #212b32;
}
.nhsuk-card--care__heading:active, .nhsuk-card--care__heading:focus, .nhsuk-card--care__heading:visited {
color: #212b32;
}
}
.nhsuk-card--care__arrow {
bottom: -10px; /* [9] */
display: block;
height: 20px; /* [9] */
left: 30px; /* [10] */
overflow: hidden;
position: absolute;
transform: rotate(45deg);
width: 20px; /* [9] */
}
@media print {
.nhsuk-card--care__arrow {
display: none;
}
}
@media (min-width: 40.0625em) {
.nhsuk-card--care__arrow {
left: 38px; /* [10] */
}
}
.nhsuk-card--care__arrow:before, .nhsuk-card--care__arrow:after {
border: solid 32px #005eb8; /* [9] */
content: "";
display: block;
height: 0;
position: absolute;
top: 0;
transform: rotate(45deg); /* [12] */
width: 0;
}
.nhsuk-card--care--urgent .nhsuk-card--care__heading-container {
background-color: #d5281b;
color: #ffffff;
}
@media print {
.nhsuk-card--care--urgent {
border: 6px solid #212b32;
color: #212b32;
page-break-inside: avoid;
}
}
.nhsuk-card--care--urgent .nhsuk-card--care__arrow:before, .nhsuk-card--care--urgent .nhsuk-card--care__arrow:after {
border-color: #d5281b;
}
.nhsuk-card--care--emergency .nhsuk-card--care__heading-container {
background-color: #d5281b;
color: #ffffff;
}
@media print {
.nhsuk-card--care--emergency {
border: 8px solid #212b32;
color: #212b32;
page-break-inside: avoid;
}
}
.nhsuk-card--care--emergency .nhsuk-card--care__arrow:before, .nhsuk-card--care--emergency .nhsuk-card--care__arrow:after {
border-color: #d5281b;
}
.nhsuk-card--care--emergency .nhsuk-card__content {
background-color: #212b32;
border: 0;
color: #ffffff;
position: static; /* [15] */
}
.nhsuk-card--care--emergency .nhsuk-card__content a {
color: #ffffff; /* [16] */
}
.nhsuk-card--care--emergency .nhsuk-card__content a:focus {
color: #212b32; /* [16] */
}
.nhsuk-card--care--emergency .nhsuk-details,
.nhsuk-card--care--emergency .nhsuk-details__summary {
color: #ffffff;
}
.nhsuk-card--care--emergency .nhsuk-details__summary:hover {
color: #ffffff;
}
.nhsuk-card--care--emergency .nhsuk-details__summary:focus {
color: #212b32;
}
.nhsuk-card--care--emergency .nhsuk-action-link__link .nhsuk-icon__arrow-right-circle {
fill: #ffffff; /* [14] */
}
/* Card primary
========================================================================== */
.nhsuk-card__content--primary {
padding-right: 75px;
}
@media (min-width: 48.0625em) {
.nhsuk-card__content--primary {
height: 100%;
}
}
.nhsuk-card__content--primary .nhsuk-icon {
display: block;
fill: #005eb8;
margin-top: -8px;
position: absolute;
right: 24px;
top: 50%;
}
/* Card secondary
========================================================================== */
.nhsuk-card--secondary {
background: transparent;
border-bottom: 4px solid #d8dde0;
border-left: 0;
border-right: 0;
border-top: 0;
}
.nhsuk-card__content--secondary {
padding-left: 0;
padding-right: 0;
padding-top: 0;
}
/* ==========================================================================
#WARNING-CALLOUT
========================================================================== */
/**
* 1. Uses @mixin panel-with-label from tools/_mixins.
* 2. Uses @mixin heading-label from tools/_mixins.
*/
.nhsuk-warning-callout {
margin-bottom: 15px;
margin-top: 15px;
padding: 24px;
background-color: #fff9c4;
color: #212b32;
border: 1px solid #ffeb3b;
padding-top: 0 !important; /* stylelint-disable-line declaration-no-important */
/* [1] */
}
.nhsuk-warning-callout > *:first-child {
margin-top: 0;
}
.nhsuk-warning-callout > *:last-child {
margin-bottom: 0;
}
@media (min-width: 40.0625em) {
.nhsuk-warning-callout {
margin-bottom: 15px;
}
}
@media (min-width: 40.0625em) {
.nhsuk-warning-callout {
margin-top: 15px;
}
}
@media (min-width: 40.0625em) {
.nhsuk-warning-callout {
padding: 32px;
}
}
@media print {
.nhsuk-warning-callout {
border: 1px solid #212b32;
page-break-inside: avoid;
}
}
.nhsuk-warning-callout__label {
font-size: 20px;
font-size: 1.25rem;
line-height: 1.4;
background-color: #ffeb3b;
color: #000000;
display: inline-block;
margin: 0 0 8px -33px;
padding: 8px 32px;
position: relative;
top: -16px;
border-bottom: none!important;
/* [2] */
}
@media (min-width: 40.0625em) {
.nhsuk-warning-callout__label {
font-size: 24px;
font-size: 1.5rem;
line-height: 1.33333;
}
}
@media print {
.nhsuk-warning-callout__label {
font-size: 18pt;
line-height: 1.15;
}
}
@media (max-width: 40.0525em) {
.nhsuk-warning-callout__label {
margin-left: -25px;
margin-right: 0;
padding: 8px 24px;
top: -8px;
}
}
@media print {
.nhsuk-warning-callout__label {
background: none;
color: #000000;
top: 0;
}
}
span.fa.fa-fw.fa-twitter,span.fa.fa-fw.fa-facebook,span.fa.fa-fw.fa-print,span.fa.fa-fw.fa-linkedin {
display: inline-block;
font-size: 1.0rem;
}
/* ==== Accessible Accordion ==== */
.accordion__heading {
margin: 0;
}
.accordion__trigger {
background-repeat: no-repeat;
background-image: url("../img/accordion/plus_round_blue.png");
background-size: 28px;
background-position: 97% 50%;
-webkit-box-shadow: none;
box-shadow: none;
line-height: 1.5;
margin: 0.5rem 0;
width: 100%;
text-align: left;
padding: 10px 40px 10px 16px;
font-size: 1rem;
color: #FFFFFF;
background-color: #005EB8;
border: 1px solid #005EB8;
display: block;
text-decoration: none;
text-transform: none;
}
@media (min-width: 55em) {
.accordion__trigger {
background-size: 32px;
background-position: 98% 50%;
} }
.accordion__trigger[aria-expanded='true'] {
content: '';
background: url("../img/accordion/minus_round_blue.png");
background-size: 28px;
background-repeat: no-repeat;
background-position: 97% 50%;
background-color: #005EB8;
}
@media (min-width: 55em) {
.accordion__trigger[aria-expanded='true'] {
background-size: 32px;
background-position: 98% 50%;
} }
.accordion__trigger:hover {
background-color: #0072CE;
border: 1px solid #0072CE;
color: #FFFFFF;
}
.accordion__trigger:focus {
background-color: #FAE100 ;
border: 2px solid #000000!important;
color: #000000;
}
.accordion__content {
display: none;
padding: 10px 16px;
}
/* ==== FIX for Checkbox padding on the FFT ==== */
.fft-check {
padding: 1.45rem 0.45rem 0.85rem 0.35rem !important;
}
.NHSNumberSpan {
padding-bottom: 20px !important;
display: block;
margin-top:-10px;
}
/* ==== Adds the down chevron on the drop down menus ==== */
/*
.Menu > .dropdown > .blue-info::after {
font-family: FontAwesome;
content: "\f107";
float: right;
border-left: 5px solid transparent;
Position:absolute;
}
.dropdown > .blue-info {
padding-right: 23px!Important;
}
*/
.dropdown-toggle::after {
display: inline-block;
margin-left: .255em;
vertical-align: .255em;
content: "";
border-top: .3em solid;
border-right: .3em solid transparent;
border-bottom: 0;
border-left: .3em solid transparent;
}
/* CUSTOM ACCURX BUTTONS STYLES */
.accbutton a {
cursor: pointer;
display: block;
padding: 15px 32px;
text-decoration: underline;
color: #FFFFFF!important;
}
.accbutton {
background-color: #DA291C;
border: 2px solid #000000;
text-align: center;
font-size: 20px;
margin-bottom: 10px;
cursor: pointer;
display: block;
}
.accbutton:hover {
background-color: #006747;
text-decoration: none!important;
}
.accbutton a:focus {
color:#000000;
}
.accbutton:focus {
border: 2px solid #000000;
text-decoration:none;
background-color:#fae100;
}
/* Domestic Abuse - Quick Exit Button */
.quick-exit-section .quick-exit-button {
right: 0;
z-index: 9999;
}
.quick-exit-section .quick-exit-button {
width: 30%;
max-width: 440px;
float: left;
background: #1565c0;
border: 0 solid;
padding: 10px;
border-top-left-radius: 40px;
border-bottom-left-radius: 40px;
font-family:sans-serif;
color: #fff;
font-size: 17px;
line-height: 75px;
height: 75px;
padding: 0 0 0 2%;
position: fixed;
bottom: 35px;
right: 0;
left: auto;
z-index: 4;
text-decoration: none;
}
.quick-exit-section .quick-exit-button:hover {
background-color: #18569f;
}
.quick-exit-section .quick-exit-button:visited {
color: #fff;
}
.quick-exit-section .quick-exit-button:focus {
text-decoration:none;
background-color:#fae100;
color:#000000;
box-shadow:inset 0 -2px 0 0 #000;
}
@media only screen and (max-width:1200px) {
.quick-exit-section .quick-exit-button {
right: 0;
}
}
@media only screen and (max-width:1120px) {
.quick-exit-section .quick-exit-button {
width: 37%;
bottom: 85px;
}
}
@media only screen and (max-width:999px) {
.quick-exit-section .quick-exit-button {
width: 95%;
font-size: 14px;
right: -1px;
}
}
.quick-exit-section .quick-exit-button::before {
content: "";
background-image: url("https://www.practicewebsites.co.uk/assets/exit.svg");
width: 27px;
height: 20px;
float: left;
margin: 28px 0px 0 0;
background-repeat: no-repeat;
}
.quick-exit-section .quick-exit-button:focus::before {
content: "";
background-image: url("https://www.practicewebsites.co.uk/assets/exit2.svg");
width: 21px;
height: 16px;
float: left;
margin: 29px 5px 0 0;
background-repeat: no-repeat;
}
@media only screen and (max-width:999px) {
.quick-exit-section .quick-exit-button::before {
margin: 28px 5px 0 15px;
width: 20px;
height: 20px;
background-size: 100% 100%;
}
.quick-exit-section .quick-exit-button:focus::before {
content: "";
background-image: url("https://www.practicewebsites.co.uk/assets/exit2.svg");
width: 19px;
height: 14px;
float: left;
margin: 32px 5px 0 15px;
background-repeat: no-repeat;
}
}
.quick-exit-section .quick-exit-button p {
float: left;
margin: 0 0 0 8px;
cursor: default;
}
@media only screen and (max-width:600px) {
.quick-exit-button {
border-radius: 0;
width: 100%;
max-width: none;
right: 0;
}
}
/* Custom Buttons */
.image-with-caption a:focus,
.image-with-caption a:hover {
color: #337ab7;
text-decoration: none;
}
.caption {
padding: .625rem .625rem .625rem;
font-weight: 700
}
.cell {
padding: 0rem 0rem 0.6rem 0rem;
margin-left: 0.6rem;
margin-right: 0.6rem;
margin-bottom: 1.0rem;
border: 1px solid #ddd;
}
.image-with-caption .cell {
background-color: #ffffff;
}
.image-with-caption .cell a {
display: block;
}
.image-with-caption .cell,
.image-with-caption .cell .caption,
.image-with-caption .cell .image {
overflow: hidden;
}
.image-with-caption .cell,
.image-with-caption .cell .caption,
.image-with-caption .cell .caption:after,
.image-with-caption .cell .caption:before,
.image-with-caption .cell .caption span,
.image-with-caption .cell .image,
.image-with-caption .cell .image:after,
.image-with-caption .cell .image:before,
.image-with-caption .cell .image span,
.image-with-caption .cell:after,
.image-with-caption .cell:before,
.image-with-caption .cell span {
transition: all .25s ease-out;
}
.image-with-caption .cell,
.image-with-caption .cell .caption,
.image-with-caption .cell .caption .excerpt,
.image-with-caption .cell .caption .heading,
.image-with-caption .cell .image {
position: relative;
display: block;
}
.image-with-caption .cell .image {
z-index: 9;
}
.image-with-caption .cell .image img {
margin: 0;
width: 100%;
z-index: 1
}
.image-with-caption .cell .caption {
font-weight: 600;
padding: .8rem .625rem;
z-index: 1;
}
.image-with-caption .cell .caption .heading {
font-weight: 700;
color: #333;
}
.image-with-caption .cell .caption .excerpt {
color: #777;
font-weight: 400;
}
.image-with-caption .cell:before {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.image-with-caption.radius .cell {
border-radius: 4px;
}
.image-with-caption.radius .cell .image {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.image-with-caption.radius .cell .caption {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
@media print,
screen and (min-width:40em) {
.image-with-caption .cell .caption {
padding: .8rem .9375rem;
}
}
@media print,
screen and (min-width:64em) {
.image-with-caption .cell .image:after {
background-color: rgba(30, 51, 62, .5);
content: "";
display: block;
width: 100%;
height: 98%;
z-index: 20;
position: absolute;
top: 0;
left: 0;
opacity: 0;
}
.image-with-caption .cell:after {
content: "";
display: block;
width: 100%;
height: 4px;
z-index: 10;
background-color: #336bca;
position: absolute;
left: 0;
bottom: -4px;
}
.image-with-caption.hover .cell:hover .image:after {
opacity: 1;
}
.image-with-caption.hover .cell:hover:after {
bottom: 0;
}
}
.segment.grey .image-with-caption .cell {
background-color: #fefefe;
}
/* RAW HTML Links Over ride for FFT buttons */
.Content .SurveyList a:link {
color: #FFFFFF;
text-decoration:none;
}
.Content .SurveyList a:visited {
color: #FFFFFF;
text-decoration:none;
}
.Content .SurveyList a:focus {
background-color: #ffeb3b;
color: #000000;
box-shadow: 0 0px #ffeb3b, 0 0px #212b32 !important;
text-decoration: none;
border: 5px solid #000000;
outline: 0;
outline-offset: 0;
}
.Content .SurveyList a:focus:hover {
text-decoration: none;
}
/* CQC Widget - Override to change the colour of the text and the button background so they meet accessibility colour ratio */
.cqc-widget-outcome.met-all-green > span {
color:#4e8400 !important
}
div.cqc-widget .cqc-widget-footer a.met-all-green {
background-color: #4e8400 !important;
}
/* CQC Widget accessibility tweaks */
div.cqc-widget a.widget-button-new-style:focus, div.cqc-widget a.widget-button-new-style:active {
border: 4px solid #000 !important;
background: #FFEB3B url(none) !important;
padding: 5px 27px 4px 5px !important;
color: #000 !important;
}
div.cqc-widget a.widget-button-new-style:hover {
border: 4px solid #000 !important;
padding: 5px 27px 4px 5px !important;
color: #000 !important;
}
div.cqc-widget-header a:focus img, div.cqc-widget-header a:active img
{
border: 4px solid #000 !important;
background: #FFEB3B !important;
}
div.cqc-widget-header a:hover img
{
background: #FFEB3B url(none) !important;
}
/* ==========================================================================
NHS DETAILS EXPANDER STYLES
========================================================================== */
.nhsuk-card--care--emergency .nhsuk-details,
.nhsuk-card--care--emergency .nhsuk-details__summary {
color: #fff
}
.nhsuk-card--care--emergency .nhsuk-details__summary:hover {
color: #fff
}
.nhsuk-card--care--emergency .nhsuk-details__summary:focus {
color: #212b32
}
.nhsuk-card--care--emergency .nhsuk-action-link__link .nhsuk-icon__arrow-right-circle {
fill: #fff
}
.nhsuk-details {
color: #212b32;
margin-bottom: 16px;
font-size: 16px;
font-size: 1rem;
line-height: 1.5;
display: block;
padding: 0 0 0 42px;
}
@media print {
.nhsuk-details {
color: #212b32
}
}
@media(min-width: 40.0625em) {
.nhsuk-details {
margin-bottom: 24px
}
}
@media(min-width: 40.0625em) {
.nhsuk-details {
font-size: 19px;
font-size: 1.1875rem;
line-height: 1.47368
}
}
@media print {
.nhsuk-details {
font-size: 14pt;
line-height: 1.15
}
}
.nhsuk-details__summary {
color: #005eb8;
cursor: pointer;
display: inline-block;
padding-left: 24px;
position: relative
}
.nhsuk-details__summary:hover {
color: #7c2855
}
.nhsuk-details__summary:before {
bottom: 0;
content: "";
left: 0;
margin: auto;
position: absolute;
top: 0;
display: block;
width: 0;
height: 0;
border-style: solid;
border-color: rgba(0, 0, 0, 0);
clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
border-width: 7px 0 7px 12.124px;
border-left-color: inherit
}
.nhsuk-details__summary:focus {
background-color: #ffeb3b;
box-shadow: 0 -2px #ffeb3b, 0 4px #212b32;
color: #212b32;
outline: 4px solid rgba(0, 0, 0, 0);
text-decoration: none
}
.nhsuk-details__summary:focus .nhsuk-icon {
fill: #212b32
}
.nhsuk-details__summary:hover .nhsuk-details__summary-text,
.nhsuk-details__summary:focus .nhsuk-details__summary-text {
text-decoration: none
}
.nhsuk-details[open]>.nhsuk-details__summary:before {
display: block;
width: 0;
height: 0;
border-style: solid;
border-color: rgba(0, 0, 0, 0);
clip-path: polygon(0% 0%, 50% 100%, 100% 0%);
border-width: 12.124px 7px 0 7px;
border-top-color: inherit
}
.nhsuk-details__summary-text {
text-decoration: underline
}
.nhsuk-details__summary::-webkit-details-marker {
display: none
}
.nhsuk-details__text {
border-left: 4px solid #d8dde0;
margin-top: 8px;
padding: 16px;
padding-left: 20px
}
.nhsuk-details__text>*:first-child {
margin-top: 0
}
.nhsuk-details__text>*:last-child {
margin-bottom: 0
}
.nhsuk-expander {
background-color: #fff;
border: 1px solid #d8dde0;
border-bottom-width: 4px
}
.nhsuk-expander:hover {
border-color: #aeb7bd
}
.nhsuk-expander .nhsuk-details__summary {
background-color: #fff;
border-top: 4px solid rgba(0, 0, 0, 0);
display: block;
padding: 20px 24px 24px
}
@media(max-width: 40.0525em) {
.nhsuk-expander .nhsuk-details__summary {
padding: 12px 16px 16px
}
}
.nhsuk-expander .nhsuk-details__summary:before {
display: none !important
}
.nhsuk-expander .nhsuk-details__summary:hover .nhsuk-details__summary-text {
color: #7c2855
}
.nhsuk-expander .nhsuk-details__summary:focus {
box-shadow: none
}
.nhsuk-expander .nhsuk-details__summary:focus .nhsuk-details__summary-text {
background-color: #ffeb3b;
box-shadow: 0 -2px #ffeb3b, 0 4px #212b32;
color: #212b32;
outline: 4px solid rgba(0, 0, 0, 0);
text-decoration: none
}
.nhsuk-expander .nhsuk-details__summary:focus .nhsuk-details__summary-text:before {
background: #ffeb3b url("data:image/svg+xml,%3Csvg class='nhsuk-icon nhsuk-icon__plus' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24' aria-hidden='true'%3E%3Ccircle cx='12' cy='12' r='10' fill='002f5c'%3E%3C/circle%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M12 8v8M8 12h8'%3E%3C/path%3E%3C/svg%3E%0A") left -2px center no-repeat
}
.nhsuk-expander .nhsuk-details__summary-text {
color: #005eb8;
cursor: pointer;
display: inline-block;
padding: 4px 4px 4px 38px;
position: relative
}
.nhsuk-expander .nhsuk-details__summary-text:before {
background: url("data:image/svg+xml,%3Csvg class='nhsuk-icon nhsuk-icon__plus' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24' aria-hidden='true'%3E%3Ccircle cx='12' cy='12' r='10' fill='%23005eb8'%3E%3C/circle%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M12 8v8M8 12h8'%3E%3C/path%3E%3C/svg%3E%0A") left -2px center no-repeat;
content: "";
display: inline-block;
height: 32px;
left: 0;
position: absolute;
top: calc(50% - 16px);
width: 32px
}
.nhsuk-expander .nhsuk-details__text {
padding-bottom: 16px;
padding-left: 16px;
padding-right: 16px;
padding-top: 0;
border-left: 0;
margin-left: 0;
margin-top: 0
}
@media(min-width: 40.0625em) {
.nhsuk-expander .nhsuk-details__text {
padding-bottom: 24px
}
}
@media(min-width: 40.0625em) {
.nhsuk-expander .nhsuk-details__text {
padding-left: 24px
}
}
@media(min-width: 40.0625em) {
.nhsuk-expander .nhsuk-details__text {
padding-right: 24px
}
}
@media(min-width: 40.0625em) {
.nhsuk-expander .nhsuk-details__text {
padding-top: 0
}
}
.nhsuk-expander[open] {
border-bottom-width: 1px
}
.nhsuk-expander[open] .nhsuk-details__summary:focus:hover .nhsuk-details__summary-text {
text-decoration: none
}
.nhsuk-expander[open] .nhsuk-details__summary:focus .nhsuk-details__summary-text::before {
background: #ffeb3b url("data:image/svg+xml,%3Csvg class='nhsuk-icon nhsuk-icon__minus' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24' aria-hidden='true'%3E%3Ccircle cx='12' cy='12' r='10' fill='002f5c'%3E%3C/circle%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M8 12h8'%3E%3C/path%3E%3C/svg%3E%0A") left -2px center no-repeat
}
.nhsuk-expander[open] .nhsuk-details__summary-text::before {
background: url("data:image/svg+xml,%3Csvg class='nhsuk-icon nhsuk-icon__minus' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24' aria-hidden='true'%3E%3Ccircle cx='12' cy='12' r='10' fill='%23005eb8'%3E%3C/circle%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M8 12h8'%3E%3C/path%3E%3C/svg%3E%0A") left -2px center no-repeat
}
.nhsuk-expander-group {
margin-bottom: 16px
}
.nhsuk-expander-group>.nhsuk-details {
margin-bottom: 8px
}
@media(min-width: 40.0625em) {
.nhsuk-expander-group>.nhsuk-details {
margin-bottom: 8px
}
}
@media(min-width: 40.0625em) {
.nhsuk-expander-group {
margin-bottom: 24px
}
}
.nhsuk-details+h2,
.nhsuk-details+.nhsuk-heading-l {
padding-top: 16px
}
@media(min-width: 40.0625em) {
.nhsuk-details+h2,
.nhsuk-details+.nhsuk-heading-l {
padding-top: 24px
}
}
.nhsuk-expander .nhsuk-gallery-caption .nhsuk-details[open] .nhsuk-details__summary-text::before {
border-color: rgba(0, 0, 0, 0);
border-style: solid;
border-top-color: inherit;
border-width: 12.124px 7px 0;
clip-path: polygon(0 0, 50% 100%, 100% 0);
display: block;
height: 0;
width: 0
}
.nhsuk-expander .nhsuk-gallery-caption .nhsuk-details__text {
border-left: 4px solid #d8dde0;
margin-top: 8px;
padding: 16px;
padding-left: 20px
}
.nhsuk-expander .nhsuk-gallery-caption .nhsuk-details__summary {
color: #005eb8;
cursor: pointer;
display: inline-block;
padding: 0;
position: relative
}
.nhsuk-expander .nhsuk-gallery-caption .nhsuk-details__summary-text {
padding: 0 0 0 24px
}
.nhsuk-expander .nhsuk-gallery-caption .nhsuk-details__summary-text::before {
border-color: rgba(0, 0, 0, 0);
border-left-color: inherit;
border-style: solid;
border-width: 7px 0 7px 12.124px;
bottom: 0;
clip-path: polygon(0 0, 100% 50%, 0 100%);
content: "";
display: block;
height: 0;
left: 0;
margin: auto;
position: absolute;
top: 0;
width: 0
}
/* ==========================================================================
NHS DO-DONT-LIST STYLES
========================================================================== */
.nhsuk-list {
font-size: 16px;
font-size: 1rem;
line-height: 1.5;
margin-bottom: 16px;
list-style-type: none;
margin-top: 0;
padding-left: 0;
}
@media (min-width: 40.0625em) {
.nhsuk-list {
font-size: 19px;
font-size: 1.1875rem;
line-height: 1.47368;
}
}
@media (min-width: 40.0625em) {
.nhsuk-list {
margin-bottom: 24px;
}
}
.nhsuk-list ol, .nhsuk-list ul, ol .nhsuk-list, ul .nhsuk-list, .nhsuk-list .nhsuk-list {
margin-top: 8px;
margin-bottom: 0;
}
@media (min-width: 40.0625em) {
.nhsuk-list ol, .nhsuk-list ul, ol .nhsuk-list, ul .nhsuk-list, .nhsuk-list .nhsuk-list {
margin-top: 8px;
}
}
.nhsuk-list > li {
margin-bottom: 8px;
}
@media (min-width: 40.0625em) {
.nhsuk-list > li {
margin-bottom: 8px;
}
}
.nhsuk-list--bullet {
list-style-type: disc;
padding-left: 20px;
}
.nhsuk-list--number {
list-style-type: decimal;
padding-left: 20px;
}
.nhsuk-list--tick,
.nhsuk-list--cross {
list-style: none;
margin-top: 0;
padding-left: 40px;
position: relative;
}
.nhsuk-list--tick svg,
.nhsuk-list--cross svg {
left: -4px;
margin-top: -5px;
position: absolute;
}
.nhsuk-do-dont-list {
margin-bottom: 40px;
margin-top: 40px;
padding: 24px;
background-color: #ffffff;
color: #212b32;
border: 1px solid #d8dde0;
padding-top: 0 !important; /* declaration-no-important */
}
.nhsuk-do-dont-list > *:first-child {
margin-top: 0;
}
.nhsuk-do-dont-list > *:last-child {
margin-bottom: 0;
}
@media (min-width: 40.0625em) {
.nhsuk-do-dont-list {
margin-bottom: 48px;
}
}
@media (min-width: 40.0625em) {
.nhsuk-do-dont-list {
margin-top: 48px;
}
}
@media (min-width: 40.0625em) {
.nhsuk-do-dont-list {
padding: 32px;
}
}
@media print {
.nhsuk-do-dont-list {
border: 1px solid #212b32;
page-break-inside: avoid;
}
}
.nhsuk-do-dont-list__label {
font-size: 20px;
font-size: 1.25rem;
line-height: 1.4;
background-color: #005eb8;
color: #ffffff;
display: inline-block;
margin: 0 0 8px -33px;
padding: 8px 32px;
position: relative;
top: -16px;
/* [2] */
}
@media (min-width: 40.0625em) {
.nhsuk-do-dont-list__label {
font-size: 24px;
font-size: 1.5rem;
line-height: 1.29167;
}
}
@media print {
.nhsuk-do-dont-list__label {
font-size: 16pt;
line-height: 1.25;
}
}
@media (max-width: 40.0525em) {
.nhsuk-do-dont-list__label {
margin-left: -25px;
margin-right: 0;
padding: 8px 24px;
top: -8px;
}
}
@media print {
.nhsuk-do-dont-list__label {
background: none;
color: #212b32;
top: 0;
}
}
.nhsuk-do-dont-list__label:active, .nhsuk-do-dont-list__label:focus, .nhsuk-do-dont-list__label:visited {
color: #212b32;
}
.nhsuk-do-dont-list ul, ol {
margin: 0 0 2px 0px;
}
/* ==========================================================================
NHS Action Link Styles
========================================================================== */
.nhsuk-action-link {
margin-bottom: 32px;
}
@media (min-width: 40.0625em) {
.nhsuk-action-link {
margin-bottom: 40px;
}
}
.nhsuk-action-link__link {
font-weight: 400;
font-size: 19px;
font-size: 1.1875rem;
line-height: 1.42105;
display: inline-block;
font-weight: 600;
padding-left: 68px; /* WAS 38px */
position: relative;
text-decoration: none;
}
@media (min-width: 40.0625em) {
.nhsuk-action-link__link {
font-size: 22px;
font-size: 1.375rem;
line-height: 1.36364;
}
}
@media print {
.nhsuk-action-link__link {
font-size: 15pt;
line-height: 1.25;
}
}
.nhsuk-action-link__link:hover .nhsuk-action-link__text {
text-decoration: underline;
}
.nhsuk-action-link__link:focus {
background-color: #ffeb3b;
box-shadow: 0 -2px #ffeb3b, 0 4px #212b32;
color: #212b32;
outline: 4px solid transparent;
text-decoration: none;
}
.nhsuk-action-link__link:focus:hover .nhsuk-action-link__text {
color: #212b32;
text-decoration: none;
}
@media (max-width: 40.0525em) {
.nhsuk-action-link__link {
padding-left: 26px;
}
}
@media print {
.nhsuk-action-link__link {
color: #212b32;
}
.nhsuk-action-link__link:visited {
color: #212b32;
}
}
.nhsuk-action-link__link .nhsuk-icon__arrow-right-circle {
fill: #007f3b;
height: 36px;
left: 28px; /* WAS -3px */
position: absolute;
top: -3px;
width: 36px;
}
@media print {
.nhsuk-action-link__link .nhsuk-icon__arrow-right-circle {
color: #212b32;
fill: #212b32;
}
.nhsuk-action-link__link .nhsuk-icon__arrow-right-circle:active, .nhsuk-action-link__link .nhsuk-icon__arrow-right-circle:focus, .nhsuk-action-link__link .nhsuk-icon__arrow-right-circle:visited {
color: #212b32;
}
}
@media (max-width: 40.0525em) {
.nhsuk-action-link__link .nhsuk-icon__arrow-right-circle {
height: 24px;
left: -2px;
margin-bottom: 0;
top: 1px;
width: 24px;
}
}
/* ==========================================================================
NHS Inset Text
========================================================================== */
.nhsuk-inset-text {
max-width: 44em;
margin-bottom: 40px;
margin-top: 40px;
padding: 16px;
border-left: 8px solid #005eb8
}
.nhsuk-inset-text>*:first-child {
margin-top: 0
}
.nhsuk-inset-text>*:last-child {
margin-bottom: 0
}
@media(min-width: 40.0625em) {
.nhsuk-inset-text {
margin-bottom: 48px
}
}
@media(min-width: 40.0625em) {
.nhsuk-inset-text {
margin-top: 48px
}
}
@media(min-width: 40.0625em) {
.nhsuk-inset-text {
padding: 24px
}
}
@media print {
.nhsuk-inset-text {
border-color: #212b32
}
}
/* Adds a Borders to a table when the class is applied to the table */
.tableborder {
border-collapse: collapse;
border: 1px solid #212b32;
border-spacing : 0;
}
.tableborder td, .tableborder th {
border: 1px solid #212b32;
}
/* Social Media over-rides */
.fa-twitter:before {
content:"ð•";
}
.fa-bluesky::before {
content: url("/lib/img/ico/16/bluesky.png");
}
a.btn-bluesky span, .list-share li a.btn-bluesky, .list-share li a.btn-bluesky, .list-share li a.btn-bluesky:focus {
color: #044777 !important;
}
.list-share li a.btn-bluesky:active * {
color: #044777 !important;
}
/* For Primary Care templates */
.primarycarelabel1 {
display: none;
}
.primarycarelabel2 {
display: none;
}
/* ==========================================================================
NHS Panel Styles for thank you pages
========================================================================== */
.nhsuk-panel {
font-size: 20px;
font-size: 1.25rem;
line-height: 1.4;
margin-bottom: 16px;
background: #007f3b;
border: 4px solid transparent;
box-sizing: border-box;
color: #ffffff;
padding: 28px;
}
@media (min-width: 40.0625em) {
.nhsuk-panel {
font-size: 24px;
font-size: 1.5rem;
line-height: 1.29167;
}
}
@media print {
.nhsuk-panel {
font-size: 16pt;
line-height: 1.25;
}
}
@media (min-width: 40.0625em) {
.nhsuk-panel {
margin-bottom: 24px;
}
}
@media (max-width: 40.0525em) {
.nhsuk-panel {
padding: 20px;
overflow-wrap: break-word;
word-wrap: break-word;
}
}
@media print {
.nhsuk-panel {
border-color: currentcolor;
color: #212b32;
background: none;
}
}
.nhsuk-panel__title {
font-size: 32px;
font-size: 2rem;
line-height: 1.1875;
margin-bottom: 24px;
margin-top: 0;
color: #FFFFFF;
}
@media (min-width: 40.0625em) {
.nhsuk-panel__title {
font-size: 48px;
font-size: 3rem;
line-height: 1.125;
}
}
@media print {
.nhsuk-panel__title {
font-size: 26pt;
line-height: 1.15;
}
}
@media (min-width: 40.0625em) {
.nhsuk-panel__title {
margin-bottom: 32px;
}
}
.nhsuk-panel__title:last-child {
margin-bottom: 0;
}
/* Fix for ol and ul lists so they sit correctly in the main content of pages */
.Content ol, ul {
margin: 0 0 20px 35px;
}