/*
	

*/




/*----------------Header--------------*/


.hd-mdp .searchButton {
    background-color: #783C90;
    border: 2px solid #783C90;
}

    .hd-mdp .searchButton:focus,
    .hd-mdp .searchButton:hover {
        background-color: #603074;
        color: #f3f1f1;
    }


.hd-mdp .searchBox {
    border: 2px solid #783C90;
}


/*--------------Footer---------------*/

.hd-mdp nav.a-z {
    background-color: #783C90;
}



.mdpAlertIconResize {
    font-size: 3em;
}


.accessibilitybar {
    margin-top: 52px;
}


.mdpMain {
    padding: 10px 0 20px;
}

    .mdpMain a:focus {
        background: #FBF3C1;
        outline: none;
    }

.titleContainer {
    text-align: center;
}

#mdpHome {
    font-size: 2.625rem;
    margin-top: 20px;
}

    #mdpHome a {
        color: #fff;
        display: block;
        padding: 8px 5px 10px;
        text-decoration: none;
    }

a#home {
    color: #fff;
}

#mdpHome a:hover,
#mdpHome a:focus {
    color: yellow;
}

#mdpHome a:hover {
    text-decoration: underline;
}

#mdpHome a:focus {
    background-color: #000;
    outline: 3px solid yellow;
}


#mdpMenuHome {
    color: #fff;
    font-size: 2em;
}

ol.mdpMenu > li > a:focus {
    color: yellow;
}




.hd-mdp .loginLinksContainer {
    background: #783C90;
}


.pleaseLoginMessage {
    color: #fff;
    font-size: 1.25rem;
    padding: 10px 15px;
}

/*----------Healthy Darlo Breadcrumb-------------*/

.hd-mdp .breadcrumb li:last-child a {
    background-color: #783C90;
}

    .hd-mdp .breadcrumb li:last-child a:after {
        border-left-color: #783C90;
    }

.hd-mdp .breadcrumb a:hover, .breadcrumb a:focus {
    background: #603074;
}

    .hd-mdp .breadcrumb a:hover:after, .breadcrumb a:focus:after {
        border-left-color: #603074;
    }




/*----------Login page----------------*/
.loginRecoveryLinks {
    list-style: none;
    padding-left: 0;
}

    .loginRecoveryLinks a {
        font-size: .9em;
    }

.loginWell {
    margin-top: 20px;
}

    .loginWell label {
        font-size: 1.3em;
    }



/*----------Recovery Page-----------*/

.resetDivider {
    border-color: #d0cccc;
    margin-top: 60px;
}

#FourDigitCode {
    font-size: 1.5em;
    font-weight: 600;
    letter-spacing: 2px;
    width: 180px;
}




/*---------Registration Page-------*/

.registrationForm legend {
    font-size: 1.75rem;
    margin-top: 20px;
}


.registrationForm .form-control {
    border-color: #b1aeae;
}

fieldset.registration {
    margin: 30px 0;
}


fieldset.mdpYourDetails,
fieldset.mdpAccountSecurity {
    margin-top: 0;
}

#PasswordStrengthContainer .progress {
    background-color: #dcdcdc;
    margin-bottom: 5px;
}

.passwordStrengthNote {
    font-size: .75em;
    margin-bottom: 25px;
}

.g-recaptcha {
    margin: 10px 0
}

/*---------------Ts and Cs Modal-----------------*/

#TandCModal .modal-body h2 {
    font-size: 1.75em;
}

#TandCModal h3 {
    font-size: 1.375em
}

#TandCModal p {
    font-size: .9em;
}



/*------------------------------------My Darlington+ Home Page----------------------------------*/


.mdpGreeting h1 {
    font-size: 2em;
}


.mdpBinPicContainer {
    padding: 0 60px;
}


.panel.panel-primary.Refuse h3 {
    color: #383737;
}


.introContent {
    margin-bottom: 25px;
}

/*----------------Bin collection info----------------*/

.panel.panel-primary.panel-mdp {
    border-radius: 0;
}

    .panel.panel-primary.panel-mdp .panel-heading {
        padding: 15px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }


.mdpMain .nextCollectionLabel {
    font-size: 1.333333em;
    margin: 0 0 10px;
}

.binPic {
    padding: 0 15px;
}

.collectionDate h3 {
    font-size: 1.125em;
    margin: 10px 0;
}

.refuse-results {
    margin-bottom: 25px;
}

    .refuse-results .panel-footer {
        min-height: 85px;
    }


/*---------------------------My Profile Page---------------------------*/
.codeAlert {
    margin-top: 25px;
}

input#CurrentEmailAddress {
    cursor: not-allowed;
}

input#FourDigitCode::placeholder {
    color: #e5e5e5;
    opacity: 1; /* Firefox */
}

input#FourDigitCode:-ms-input-placeholder { /* IE 10+ */
    color: #d9d5d6;
}


/*--------------------------Account Activated Page----------------------*/

.activatedTick.fa-solid {
    font-size: 3.8em;
}



/*------------------------Accounts Page--------------------------------*/


.HousingRentAccounts h3 a, .CouncilTaxAccounts h3 a {
    font-size: .75em;
    font-weight: 400;
    display: block;
    padding: 12px 15px;
    text-decoration: none;
}

.HousingRentAccounts .panel-group .panel-heading {
    padding: 0;
}

.rentsSignUp {
    margin: 0 0 20px;
}


.rentIDHighlight {
    background: yellow;
    color: #5a5050;
    font-weight: 600;
}

.addAccountButton .btn {
    padding: 6px 11px;
}

.arrears {
    color: red;
    font-weight: 600;
}

.surplus {
    color: green;
    font-weight: 600;
}

.balance {
    color: #000;
}


/*--------------------------Consultation Page-----------------------------*/

/*---------------Toggles--------------*/

#emailToggle:hover {
    cursor: pointer;
}

.consultation-result h1 {
    margin-top: 10px;
}

.categoryColumn h2 {
    margin-top: 0;
}
/*--------------------------What's near me--------------------------------*/
.myWardName {
    font-size: 2em;
    font-weight: 600;
    line-height: 1.1em;
    margin-top: 15px;
    text-align: center;
}

    .myWardName a {
        color: #959494;
        text-decoration: none;
    }


/*---------------Councillor Profile------------------*/

.party-e0f8fb,
.CouncillorPartyColourConservative {
    background: #e0f8fb
}

.party-fbe0e0,
.CouncillorPartyColourLabour {
    background: #fbe7e7
}

.party-f9fbe0,
.CouncillorPartyColourLiberalDemocrats {
    background: #f9fbe0
}

.party-ffffff,
.CouncillorPartyColourIndependent {
    background: #fff
}


.councillorProfileBox {
    border: 1px solid #c7bebe;
    border-radius: 4px;
    margin-top: 15px;
    min-height: 410px;
    padding: 15px;
    text-align: center;
}

    .councillorProfileBox h1 {
        margin-top: 20px;
    }



/*----------------------Access Denied---------------------*/


.mdpAccessDenied .fa-solid {
    font-size: 2.5rem;
}


/*---------------------Alert pages------------------------*/

#MDPAlertTable button:hover {
    color: red;
}


.deviceSaveButton {
    margin: 0;
}

.removeDevice button.btn-lg {
    height: 46px;
}


/*--------------------Events Page-------------------------*/
/*Categories*/

.Subscribed {
    background-color: #dff0d8;
}

.greenText {
    color: green;
}

.Unsubscribed {
    background-color: #DBDBDB;
}

.redText {
    color: red;
}

.subscibeButtonContainer .btn{
    text-align: left;
    padding-left: 0;
    padding-right: 0;
}

.subscribedMessage,
.unsubscribedMessage {
    font-size: .8125rem;
}

.eventDescription {
    overflow-wrap: break-word;
}

button.btn.btn-link.btn-event {
    padding: 6px 4px !important;
}


/*----------Bookmarks page-----------------*/

.js-deleteBookmark.btn.btn-link{
    color: #000;
}

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------iPad------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------(COL-MD)-----------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 768px) {
    .accessibilitybar {
        margin-top: 0;
    }


    /*----------------Header----------------*/

    #mdpHome {
        font-size: 1.75rem;
        margin-top: 15px;
    }

    .titleContainer {
        text-align: left;
    }

    /*--------Navbar------------*/


    .mdpNavBG {
        border-top: 1px solid #fff;
    }

    .titleContainer {
        padding-right: 0;
    }


    /*---------------------------My Darlington+ Navigation Menu (COL-MD)---------------------*/

    .mdpNavBG, .mdpNavBG .navbar-default {
        background: #007297;
    }

    .hd-mdp .mdpNavBG,
    .hd-mdp .mdpNavBG .navbar-default {
        background: #783C90;
    }


    .mdpNavBG .navbar-default {
        border-color: #217981;
    }

    .hd-mdp .mdpNavBG .navbar-default {
        border-color: #783C90;
    }

    .mdpNavBG .navbar {
        margin-bottom: 0;
    }

    #mdpmenu {
        background-color: #007297;
    }

    .hd-mdp #mdpmenu {
        background-color: #783C90;
    }

    .mdpNavbarRow .navbar > li > a {
        color: #fff;
    }

    #mdpMenuHome {
        color: #fff;
        display: block;
        padding: 7px;
    }

    #mdpMenuHome .fa-solid{
        font-size: 2.25rem;
    }

    #mdpMenuHome,
    #crossSiteNavigation a.backtoDBCLink,
    #crossSiteNavigation #toggle-sidebar {
        height: 65px;
    }



    .mdpNavbarRow .navbar-default .navbar-nav > li > a {
        border: 2px solid transparent;
    }

        #mdpMenuHome:hover,
        .mdpNavbarRow .navbar-default .navbar-nav > li > a:hover {
            color: #f5ff00 !important;
        }


        .mdpNavbarRow .navbar-default .navbar-nav > li > a:focus {
            border: 2px solid yellow;
            color: #f5ff00 !important;
            outline: none;
        }

    .introContent{
        padding: 0 1rem;
    }

    /*------------------Registration (COL-MD)------------------*/


    #TandCModal .modal-dialog {
        width: 700px;
    }

    #TandCModal .modal-body {
        padding: 15px 20px;
    }

    .loginRecoveryLinks a {
        font-size: 1rem;
    }


    /*------------------------------------My Darlington+ Home Page (COL-MD)----------------------------------*/





    /*-----------------Bin Collections (COL-MD)-------------*/

    .binPic {
        padding: 0 35px;
    }

    /*--------------------------Account Activated Page (COL-MD)----------------------*/

    .activatedTick.fa {
        font-size: 4.5em;
        margin-left: 10px;
    }


    /*----------------Access Denied (COL-MD)---------------------*/


    .accessDeniedContainer {
        margin-top: 25px;
    }


    .mdpAccessDenied .fa-solid {
        font-size: 5rem;
    }

    /*-----------------Alert pages (COL-MD)---------------------*/


    .deviceManagement .input-group {
        margin-top: 0;
    }

    .form-inline .input-group > .form-control.deviceNameBox {
        width: 250px;
    }

    /*----------------Events Page (COL-MD)----------------------*/
    .subscribedMessage,
    .unsubscribedMessage {
        font-size: 1.125rem;
    }

    .categoryName {
        font-size: 1.5rem;
    }

    .categoryImage {
        height: 85px;
        margin-top: 8px;
        max-width: 85px;
    }

    .row-lift {
        margin-top: -50px;
    }

    button.btn.btn-link.btn-event {
        padding: 6px 12px !important;
    }



    /*-----------------Councillor Profile (COL-MD)-----------------------*/

    .councillorProfileBox {
        padding: 15px;
        text-align: left;
    }

        .councillorProfileBox h1 {
            font-size: 2rem;
            margin-top: 0;
        }

        .councillorProfileBox h2 {
            font-size: 1.625rem;
        }

    .councillorProfilePictureContainer {
        padding-right: 0;
    }
}


/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------(COL-LG)-----------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

@media only screen and (min-width: 990px) {



    #mdpHome {
        font-size: 2.375rem;
        margin-top: 25px;
    }


    /*---------------------------My Darlington+ Navigation Menu (COL-LG)---------------------*/



    #mdpmenu {
        padding-left: 0;
    }

    .DarlingtonHomeLink {
        margin-right: 0;
    }

/*    .navbar-nav > li > a.backtoDBCLink {
        padding-bottom: 17px;
        padding-top: 15px;
    }*/

    /*----------------------------Registration Page (COL-LG)-------------------------------*/

    .mdpAddressNotice, .mdpEmailNotice, .passwordNotice, .secureQuestionNotice {
        margin-top: 27px;
    }

    #TandCModal .modal-dialog {
        width: 750px;
    }

    #TandCModal .modal-body {
        padding: 15px 25px;
    }

    /*------------------------------------My Darlington+ Home Page (COL-LG)---------------------------------*/

    /*-----------------Bin Collections (COL-LG)-------------*/

    .refuse-results p {
        line-height: 1.3em;
    }

        .refuse-results p:last-of-type {
            margin-bottom: 0;
        }

    .binPic {
        padding: 0 23px;
    }

    .News .introContent{
        padding: 0 2rem;
    }


    /*--------------------------Account Activated Page (COL-LG)----------------------*/

    .activatedTick.fa {
        font-size: 6em;
        margin-left: 15px;
    }



    /*--------------------------Access Denied (COL-LG)-----------------------------*/


    .mdpAccessDenied .fa {
        font-size: 5em;
    }

    .accessDeniedText {
        font-size: 1.3em;
    }

    /*-----------------Alert pages (COL-LG)---------------------*/

    .form-inline .input-group > .form-control.deviceNameBox {
        width: 300px;
    }


    /*----------------Events Page (COL-LG)----------------------*/

    .subscribedMessage,
    .unsubscribedMessage {
        font-size: .875rem;
    }

    .categoryName {
        padding-left: 5px;
    }

    .categoryImage {
        height: 70px;
        margin-top: 5px;
        max-width: 70px;
    }

    .row-lift {
        margin-top: 0;
    }

    .MDPCategory {
        height: 120px;
    }

    .MDPCategoryText {
        line-height: 1.5rem;
        padding-top: 10px;
    }

    /*----------------Councillor Profile (COL-LG)---------------*/

    .councillorProfileBox {
        margin-top: 8px;
    }
}





/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------(COL-XL)-----------------------------------------------------------------------------------------------*/


@media only screen and (min-width: 1200px) {

    /*--------Utilities----------*/
    .mdpAlertIconResize {
        font-size: 4.5em;
        margin-top: -11px;
    }

    .titleContainer{
        padding-right: 15px;
    }


    #mdpHome {
        font-size: 2.75rem;
        margin-top: 30px;
    }


    /*---------------------------My Darlington+ Navigation Menu (COL-XL)---------------------*/


    .nav > li > a.backtoDBCLink {
        padding-left: 8px;
        padding-right: 8px;
    }

    /*------------------------------------My Darlington+ Home Page (COL-XL)---------------------------------*/


    /*-----------------Bin Collections (COL-XL)-------------*/

    .binPic {
        padding: 0 67px;
    }


    /*--------------------------Account Activated Page (COL-XL)----------------------*/

    .activatedTick.fa {
        font-size: 5.5em;
        margin-left: 0;
    }


    /*---------------------------------Events (COL-XL)------------------------------*/

    .subscribedMessage,
    .unsubscribedMessage {
        font-size: .75rem;
    }

    .categoryName {
        font-size: 1.125rem;
        padding-left: 0;
    }

    .categoryImage {
        height: 55px;
        margin-top: 5px;
        max-width: 55px;
    }

    .row-lift {
        margin-top: -30px;
    }

    .MDPCategory {
        height: 70px;
    }

    .MDPCategoryText {
        line-height: 1.125rem;
        padding-left: 0;
        padding-top: 5px;
    }

    button.btn.btn-link.btn-event {
        padding: 0 !important;
    }
}

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------(COL-XXL)----------------------------------------------------------------------------------------------*/


@media only screen and (min-width: 1400px) {
    #mdpHome {
        font-size: 2.875rem;
        margin-top: 45px;
    }

    .titleContainer {
        padding-right: 55px;
    }

}



    /*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
    /*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------------(COL-XXXL)-----------------------------------------------------------------------------------------------*/


    @media only screen and (min-width: 1600px) {


        #mdpHome {
            font-size: 3.125rem;
        }

        .titleContainer {
            padding-right: 95px;
        }

        /*--------Utilities----------*/
        .mdpAlertIconResize {
            font-size: 5em;
        }

        /*---------------------------My Darlington+ Navigation Menu (COL-XXXL)---------------------*/



        /*------------------------------------My Darlington+ Home Page (COL-XXXL)---------------------------------*/

        .mdpBinPicContainer {
            padding: 0 120px 0 0;
        }

        /*--------------------------Account Activated Page (COL-XXXL)----------------------*/

        .activatedTick.fa {
            font-size: 6em;
            margin-left: 10px;
        }

        /*----------------Events Page (COL-XXXL)----------------------*/

        .subscribedMessage,
        .unsubscribedMessage {
            font-size: 1rem;
        }
    }



    /*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
    /*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
    /*--------------------------------------------------------------------------------------(COL-XXXXL)-----------------------------------------------------------------------------------------------*/


    @media only screen and (min-width: 1920px) {

        #mdpHome {
            font-size: 3.25rem;
        }

        .titleContainer {
            padding-right: 180px;
        }

        /*---------------------------My Darlington+ Navigation Menu (COL-XXXXL)---------------------*/






    }

    .validation-summary-valid {
        display: none;
    }