/**
 * @customer_over_ride.css
 * Croydon Council
 * The platform uses Bootstrap 3.1.1
 */

/**  
 * Fonts
 */

/* Import Source Sans Pro */
@import url("https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600;700&display=swap");

/* Import the Fiendstar Light font from Azure repository (Production) */
@font-face {
    font-family: "Fiendstar W01 Light";
    src: url(".https://lbcdsanetcallp.blob.core.windows.net/fonts/fiendstar-light/f1d3f6561ba6b843f618e9d5f0399e4e.eot"); /* IE9*/
    src: url("https://lbcdsanetcallp.blob.core.windows.net/fonts/fiendstar-light/f1d3f6561ba6b843f618e9d5f0399e4e.eot?#iefix")
            format("embedded-opentype"),
        /* IE6-IE8 */
            url("https://lbcdsanetcallp.blob.core.windows.net/fonts/fiendstar-light/f1d3f6561ba6b843f618e9d5f0399e4e.woff2")
            format("woff2"),
        /* chrome沼ｻ沼ｻ沼ｻfirefox */
            url("https://lbcdsanetcallp.blob.core.windows.net/fonts/fiendstar-light/f1d3f6561ba6b843f618e9d5f0399e4e.woff")
            format("woff"),
        /* chrome沼ｻ沼ｻ沼ｻfirefox */
            url("https://lbcdsanetcallp.blob.core.windows.net/fonts/fiendstar-light/f1d3f6561ba6b843f618e9d5f0399e4e.ttf")
            format("truetype"),
        /* chrome沼ｻ沼ｻ沼ｻfirefox沼ｻ沼ｻ沼ｻopera沼ｻ沼ｻ沼ｻSafari, Android, iOS 4.2+*/
            url("https://lbcdsanetcallp.blob.core.windows.net/fonts/fiendstar-light/f1d3f6561ba6b843f618e9d5f0399e4e.svg#Fiendstar W01 Light")
            format("svg"); /* iOS 4.1- */
}

/* Import the Fiendstar Bold font from Azure repository (Production) */
@font-face {
    font-family: "Fiendstar W01 Bold";
    src: url("https://lbcdsanetcallp.blob.core.windows.net/fonts/fiendstar-bold/9280a336215bd036e843a066d1dc1bd2.eot"); /* IE9*/
    src: url("https://lbcdsanetcallp.blob.core.windows.net/fonts/fiendstar-bold/9280a336215bd036e843a066d1dc1bd2.eot?#iefix")
            format("embedded-opentype"),
        /* IE6-IE8 */
            url("https://lbcdsanetcallp.blob.core.windows.net/fonts/fiendstar-bold/9280a336215bd036e843a066d1dc1bd2.woff2")
            format("woff2"),
        /* chrome沼ｻ沼ｻ沼ｻfirefox */
            url("https://lbcdsanetcallp.blob.core.windows.net/fonts/fiendstar-bold/9280a336215bd036e843a066d1dc1bd2.woff")
            format("woff"),
        /* chrome沼ｻ沼ｻ沼ｻfirefox */
            url("https://lbcdsanetcallp.blob.core.windows.net/fonts/fiendstar-bold/9280a336215bd036e843a066d1dc1bd2.ttf")
            format("truetype"),
        /* chrome沼ｻ沼ｻ沼ｻfirefox沼ｻ沼ｻ沼ｻopera沼ｻ沼ｻ沼ｻSafari, Android, iOS 4.2+*/
            url("https://lbcdsanetcallp.blob.core.windows.net/fonts/fiendstar-bold/9280a336215bd036e843a066d1dc1bd2.svg#Fiendstar W01 Bold")
            format("svg"); /* iOS 4.1- */
}

/**  
 * Resets
 */

/* Reset base font size */
body {
    font-size: 16px;
    font-family: "Source Sans Pro", sans-serif;
}

/* Thick underlines on link hover */
a:hover {
    text-decoration-thickness: max(2px, 0.1875rem, 0.12em) !important;
}

/* Croydon background focus */
a:focus,
a:focus span {
    color: #121210 !important;
    text-decoration: none !important;
    background: #ffbb00;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    width: fit-content;
    -webkit-box-shadow: 0px 2px 0px 0px rgb(18 18 18);
    -moz-box-shadow: 0px 2px 0px 0px rgba(18, 18, 18, 1);
    box-shadow: 0px 2px 0px 0px rgb(18 18 18);
}

/**  
 * Template - header
 */

/*Adjust header bar padding*/
.navbar {
    background-image: none;
    background-color: #880088 !important;
    padding: 1.2rem;
}

.navbar-collapse {
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
}

/*Remove unwanted border on navbar*/
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border: 0;
    box-shadow: none;
}

/*Position relative wrapper for log out link*/
.rsv-header-group {
    position: relative;
}

/*Remove unwanted padding to left of site logo*/
.rsv-header-group div:first-child {
    padding: 0;
    float: left;
}

/*Log out button*/
.rsv-header-group .btn-success {
    position: absolute;
    right: 15px;
    top: 10px;
}

/*Log out button style*/
.rsv-header-group div:nth-child(5) a {
    background: none !important;
    color: #ffffff;
}

.rsv-header-group .btn-success:hover {
    background: none !important;
    color: #ffffff;
    text-decoration: underline;
}

.rsv-header-group .btn-success:focus,
.rsv-header-group .btn-success:active {
    background: none !important;
    color: #ffbb00 !important;
    text-decoration: underline;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.rsv-header-group div:nth-child(5) a:before {
    display: inline-block;
    content: "\f08b";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

/*Remove unwanted padding to left of mobile burger menu*/
.navbar-default .navbar-toggle {
    margin-left: 0;
}

/**  
 * Template - footer
 */

/* Hide not logged in message*/
footer,
.footer {
    background-image: none;
    background: #ededed;
    padding: 2rem 0;
    display: none;
}

/* Lower footer link lists*/
.common-footer-links {
    background: #ffffff;
    border-top: 1px solid #dbdfe3;
    padding: 2rem 0;
}
/* Lower footer link list list item*/
.common-footer-links li {
    padding-left: 0;
}
/* Lower footer link*/
.common-footer-links li a {
    color: #880088;
    text-decoration: underline;
    font-size: 1.4rem;
}

/**  
 * Colours
 */

/*Set white text for these bootstrap backgrounds*/
.bg-primary,
.bg-secondary,
.bg-black,
.bg-red,
.bg-teal,
.bg-indigo,
.bg-blue,
.bg-green,
.bg-orange,
.bg-pink,
.bg-purple,
.bg-dark,
.bg-info,
.bg-success,
.bg-danger,
.bg-link,
.bg-hover,
.bg-active,
.bg-visited,
.bg-gray-dark,
/*btns*/
.btn-primary,
.btn-secondary,
.btn-black,
.btn-red,
.btn-teal,
.btn-indigo,
.btn-blue,
.btn-green,
.btn-orange,
.btn-pink,
.btn-purple,
.btn-dark,
.btn-info,
.btn-success,
.btn-danger,
.btn-gray-dark,
.btn-default {
    color: #ffffff;
}

/*Set black text for these bootstrap backgrounds*/
.bg-default,
.bg-light,
.bg-white,
.bg-cyan,
.bg-yellow,
.bg-warning,
.bg-focus,
.bg-gray,
.bg-gray-light,
.btn-light,
.btn-white,
.btn-cyan,
.btn-yellow,
.btn-warning,
.btn-focus,
.btn-gray,
.btn-gray-light {
    color: #121212;
}

/*Catch all button and background utility colours, plus text utility colours*/

.btn {
    font-size: 17px;
    line-height: 1.2;
    height: fit-content;
    font-weight: 300;
    margin-bottom: 10px;
}

.btn-primary,
.bg-primary {
    background: #880088;
}
.text-primary {
    color: #880088;
}
.btn-secondary,
.bg-secondary {
    background: #121212;
}
.text-primary {
    color: #121212;
}
.btn-black,
.bg-black {
    background: #121212;
}
.text-black {
    color: #121212;
}
.btn-red,
.bg-red {
    background: #ae1100;
}
.text-red {
    color: #ae1100;
}
.btn-teal,
.bg-teal {
    background: #006263;
}
.text-teal {
    color: #006263;
}
.btn-indigo,
.bg-indigo {
    background: #540055;
}
.text-indigo {
    color: #540055;
}
.btn-blue,
.bg-blue {
    background: #0059a4;
}
.text-blue {
    color: #0059a4;
}
.btn-green,
.bg-green {
    background: #338800; /*Success green*/
}
.text-green {
    color: #338800;
}
.btn-orange,
.bg-orange {
    background: #ff5500;
}
.text-orange {
    color: #ff5500;
}
.btn-pink,
.bg-pink {
    background: #ad52ad;
}
.text-pink {
    color: #ad52ad;
}
.btn-purple,
.bg-purple {
    background: #880088;
}
.text-purple {
    color: #880088;
}
.btn-dark,
.bg-dark {
    background: #282828; /*Graphite*/
}
.text-dark {
    color: #282828;
}
.btn-info,
.bg-info {
    background: #121212;
}
.text-info {
    color: #121212;
}
.btn-success,
.bg-success {
    background: #338800;
}
.text-success {
    color: #338800;
}
.btn-danger,
.bg-danger {
    background: #ae1100;
}
.text-danger {
    color: #ae1100;
}
.btn-gray-dark,
.bg-gray-dark {
    background: #444444;
}
.text-gray-dark {
    color: #444444;
}
.btn-default,
.bg-default {
    background: #0059a4;
}
.text-default {
    color: #0059a4;
}
.btn-light,
.bg-light {
    background: #ededed;
}
.text-light {
    color: #ededed;
}
.btn-white,
.bg-white {
    background: #ffffff;
}
.text-white {
    color: #ffffff;
}
.btn-cyan,
.bg-cyan {
    background: #17a2b8;
}
.text-cyan {
    color: #17a2b8;
}
.btn-yellow,
.bg-yellow {
    background: #111111;
}
.text-yellow {
    color: #111111;
}
.btn-warning,
.bg-warning {
    background: #ffbb00;
}
.text-warning {
    color: #ffbb00;
}
.btn-focus,
.bg-focus {
    background: #ffbb00;
}
.text-focus {
    color: #ffbb00;
}
.btn-gray,
.bg-gray {
    background: #dbdfe3;
}
.text-gray {
    color: #dbdfe3;
}
.btn-gray-light,
.bg-gray-light {
    color: #ededed;
}
.text-gray-light {
    color: #ededed;
}
.btn-link,
.btn-link:hover {
    color: #880088 !important;
    text-decoration: underline !important;
    border-color: transparent;
}

/**  
 * Typography
 */

/* Elements that use Fiendstar */
h1,
h2,
h3,
h4,
h5,
.btn,
legend,
label {
    font-family: Fiendstar W01 Bold, Source Sans Pro, Arial, Helvetica, sans-serif;
}

/**  
 * Focus
 */

/*Input focus*/
input[type="text"]:focus,
input[type="password"]:focus,
select:focus,
textarea:focus {
    outline: 0.2rem solid #ffbb00;
    outline-offset: 0;
    border: 2px solid transparent;
    box-shadow: none;
}

/**  
 * Components
 */

/* Bootstrap button class*/
.btn {
    border-radius: 0;
    border: 0;
    text-decoration: none;
    outline: 0;
    box-shadow: none;
    text-shadow: none;
}

.btn:hover {
    background: #006263;
    color: #fff;
}

/*All buttons focus*/
.btn:focus {
    background: #ffbb00;
    color: #121212;
    text-decoration: none;
    border: 0;
    outline: 0;
    box-shadow: none;
    text-shadow: none;
}

/* Inputs */
input[type="text"],
input[type="password"] {
    border-radius: 0 !important;
    border: 2px solid black;
}

select {
    border: 2px solid #121212 !important;
    border-radius: 4px !important;
}

/* Custom show password link*/
.input-group-addon {
    border: 0;
    background: none;
}

/* Custom show password link*/
.input-group-addon label {
    text-decoration: underline;
    color: #880088;
}

/* Form input legends*/
legend {
    font-family: Fiendstar W01 Bold, Source Sans Pro, Arial, Helvetica, sans-serif;
}

/**  
 * Login page
 */

.login-region {
    background: #ffffff;
    padding: 0;
    margin-top: -3rem;
}

.login-message {
    font-size: 2.8rem;
}

/*Always expand nav bar*/
.navbar-collapse {
    display: block !important;
}

/**  
 * Expand mobile menu and hide functionality
 */

/*Hide burger menu*/
.navbar-default .navbar-toggle {
    margin-left: 0;
    display: none !important;
}

/*Restrict nav height*/
.nav-items-div {
    display: block;
    height: 50px;
    overflow: hidden;
}

/*Close up empty divs*/
.rsv-header-group > div {
    display: block;
    min-height: 0;
    padding: 0;
}

/*Message area - Dashboard*/
.messages-region.alert {
    padding: 0;
    text-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
}

/*Message area alert inside - Dashboard*/
.messages-region.alert p {
    font-weight: 700;
    color: #121212;
    border: 3px solid #121212;
    padding: 1rem;
}
/*Message area icon - Dashboard*/
.messages-region.alert .fa {
    display: none !important;
}

/*H5 welcome message - Dashboard*/
#P200 h5 {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 18px !important;
    line-height: 1.4;
}

/*Tiles  - Dashboard*/
#P200 .panel {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 0 !important;
    border-bottom: 3px solid #880088 !important;
    border-radius: 0 !important;
    background: #ededed !important;
    margin-bottom: 12px;
    padding: 1rem;
}

/*Tiles  - Dashboard*/
#P200 .panel-heading {
    display: none !important;
}

/*Tiles  - Dashboard*/
#P200 .panel-footer {
    background-color: #ededed !important;
    color: #880088;
    font-weight: 700;
    border-top: 0 !important;
    font-size: 17px;
}

/*Forms wrapped in tables resets - tested on 'My Preferences form'*/
.table-container {
    background-color: #ffffff !important;
}

.table-container .table-row:nth-child(2n) {
    background-color: #ffffff !important;
}

.form-group {
    background: none !important;
}

.cdecategory {
    background-color: #ffffff !important;
}

.cdecategory .title {
    font-weight: 400 !important;
}

.control-label {
    font-size: 18px;
    padding-bottom: 5px !important;
}

.has-error .control-label {
    color: #121212 !important;
}

/*Error message after validation'*/

.has-error .input-group-addon {
    background-color: none !important;
}

.panel {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-radius: 0;
    border: 0;
}

.panel-danger {
    border-color: #ae1100;
    border-radius: 0;
    border-width: 3px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.panel-danger > .panel-heading {
    background-image: none;
    background-image: none;
    background-repeat: no-repeat;
    filter: none;
    background: none;
    padding: 0 15px;
    border: 0;
}

.panel-danger > .panel-heading h1 {
    font-size: 28px;
    margin: 15px 0 0 0;
}

.panel-danger .panel-default {
    margin-bottom: 0;
}

.panel-danger .panel-default td {
    font-weight: bold;
    color: #ae1100;
    border: 0 !important;
    border-bottom: 0 !important;
}

.panel-danger .panel-default th {
    border: 0;
}

.panel-custom {
    background: #ededed;
    padding-top: 0;
    border: 0 !important;
    padding: 15px;
    border-radius: 0;
}

/*Prevent really small text in tables */
.div-table-min {
    font-size: 14px !important;
}