/**** Custom stylesheet for PPP ****/

/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/37a56e");

  
@font-face {font-family: 'Humanist521BT-Roman';src: url('/css/fonts/37A56E_0_0.eot');src: url('/css/fonts/37A56E_0_0.eot?#iefix') format('embedded-opentype'),url('/css/fonts/37A56E_0_0.woff2') format('woff2'),url('/css/fonts/37A56E_0_0.woff') format('woff'),url('/css/fonts/37A56E_0_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'Humanist521BT-Bold';src: url('/css/fonts/37A56E_1_0.eot');src: url('/css/fonts/37A56E_1_0.eot?#iefix') format('embedded-opentype'),url('/css/fonts/37A56E_1_0.woff2') format('woff2'),url('/css/fonts/37A56E_1_0.woff') format('woff'),url('webfonts/37A56E_1_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'Humanist521BT-Light';src: url('/css/fonts/37A56E_2_0.eot');src: url('/css/fonts/37A56E_2_0.eot?#iefix') format('embedded-opentype'),url('/css/fonts/37A56E_2_0.woff2') format('woff2'),url('/css/fonts/37A56E_2_0.woff') format('woff'),url('/css/fonts/37A56E_2_0.ttf') format('truetype');}



/*general*/
body, .body {
    font-family: 'Humanist521BT-Light', Helvetica, Arial, "sans-serif";
    font-size: 16px;
    color: #000000;
    overflow: visible;
}

a, a:active, a:visited a:link{
    color: #2b4e9a;
}
a:hover {
    color: #c0cb3f;
}

/*
a {
    background-color: transparent; 
    color: #2b4e9a:      
} 

a:visited {
    color: #c0cb3f;
}

a:active, a:hover, a:link {
    colour: #2b4e9a;
    outline: 0
    }
*/

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

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

.btn-danger:visited, .btn-primary:visited, .btn-success:visited {
    color: #ffffff;
}

h1 { font-size: 2.2em; font-family: 'Humanist521BT-Roman'; font-weight: normal; }
h2 { font-size: 1.6em; font-family: 'Humanist521BT-Roman'; font-weight: normal; }
h3 { font-size: 1.4em; font-family: 'Humanist521BT-Roman'; font-weight: normal; }

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

/*header*/
#login #header {
    border-bottom: 5px solid #c0cb3f!important;
    background: #ffffff !important;

}

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

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


/*login screen*/
.txt-color-red {
    color: #2b4e9a !important; /*change red heading text to PPP Navy*/
}

.paragraph-header {
    font-size: 16px !important;
}

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

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

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


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

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

/*hide items before LIVE*/


#login .hero {
    visibility: hidden;
}


#login-header-space {
    visibility: hidden;
}

.custom-login-info {
  visibility: hidden;
}


/*registration page*/

/**error messages**/

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

#registration_council_span {
    padding-top: 7px;
}

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

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

/*services pages*/

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



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

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

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

nav ul ul ul li a:hover, nav ul li a:hover, .login-info-div a:hover {
    background-color: #c0cb3f;
    color: #ffffff;
}

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

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

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

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

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

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

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

/** Logo/header **/
#logo img {
    width: 300px;
}
#header>div {
    display: inline-block;
    vertical-align: middle;
    height: auto; 
    float: left;
}
#header {
    height: 85px;
	background-color: #FFF;
	background-image: none;
}
#login #header {
}

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

#left-panel {
    top: 85px;
}
#header>:first-child, aside {
    width: 220px;
}
div#logo-group {
    width: 305px!important;
}
#login #header #logo img {
    width: 300px;
}
/** Logout message **/
.MessageBoxContainer {
    background-color: #c0cb3f;
}
.txt-color-orangeDark {
    color: #fff!important;
}

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


/** Media queries **/

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