@charset "UTF-8";
/* CSS Document */
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap");

.header {
    height: 60px;
    margin: 0 auto;
    position: relative;
    width: 940px;
    margin-top: 50px;
    margin-bottom: 5px;
    background-image: url(https://snipp.blob.core.windows.net/dubray/images/dubray-logo.svg);
    background-repeat: no-repeat;
}


.footer {
    /* display: inline-block;
    background-image:url(../Images/eason/footerbg.jpg);
    height: 120px;
    width: 940px;
    margin:18px 0 10px 0;   /*  Added by NEW DESIGN  */
}

body {
    background-color: #ffffff;
}

tbody {
    background-color: #f9fafb;
}

.gridview td, .alt {
    background-color: #f9fafb !important;
}

tr .title_head {
    background-color: #00205b !important;
}

.actionGridSpan {
    display: inline-block;
    width: 280px;
    height: 130px;
}


/* CARD ACTION BUTTONS */
.registerBtn {
    background-image: url(https://snipp.blob.core.windows.net/dubray/images/buttonregister.png);
    border: none;
    background-size: contain;
    background-repeat: no-repeat;
}

.blockBtn {
    background-image: url(https://snipp.blob.core.windows.net/dubray/images/buttonblock.png);
}



/*Notes:  you can see this is basically simple html UL/LI  structure.  

sidebarmenu class currently specificed as the following but feel free to completely replace or modify to suit your design*/

/* sidemenu */

a,
.main li,
p {
    font-size: 16px !important;
    line-height: 1.25rem !important;
    font-weight: 300 !important;
    font-family: Poppins, sans-serif !important;
}

.main li {
    color: #000000 !important;
}

p span {
    color: #00205b !important;
}

a:link {
    color: #66cdaa;
}

a:visited {
    color: #66cdaa;
}

h1 {
    color: #00205b;
}

h2 {
    color: #00205b;
}

    h2, h2 span {
        font-size: 18px !important;
    }

p, td span {
    color: #000000;
}

    p span strong {
        margin-right: 3px;
    }

.gridview a:link {
    color: #00205b;
}

.gridview a:hover {
    color: #666;
}

.accountinfo td label {
    color: #00205b;
}

.accountinfo td input.submit_btn {
    background: #00205b;
}

.gridview td input.submit {
    background: #00205b;
}

#MainContent_body > span,
#MainContent_ctl00_ChangePasswordLink {
    color: #00205b !important;
}

.searchbox th,
.gridview th {
    background-color: #00205b;
}

.searchbox td input.submit_btn {
    background: #00205b;
}

.details span {
    color: #00205b;
}

.colourtone {
    color: #00205b;
}

input.btn {
    background: #00205b;
}




/*------------Spalsh Page--------- */
.main {
    /* margin-top:49px;   NEW DESIGN EDIT EVERYTHING BELOW ADDED  */
    min-height: 460px;
    padding-top: 19px;
    background-color: #f9fafb;
    border-left: 1px solid #f9fafb;
    border-right: 1px solid #f9fafb;
    padding: 15px 10px;
}

#optionalSplashContent {
    background-image: url(https://snipp.blob.core.windows.net/dubray/images/splash.jpg);
    float: left;
    margin-left: 27px;
    height: 442px;
    width: 444px;
    background-size: cover;
}

#pnlLogin {
    background-image: url(https://snipp.blob.core.windows.net/dubray/images/webbuttonsloginBG.png);
    background-repeat: no-repeat;
    width: 387px;
    height: 191px;
    float: right;
    padding: 47px 0px 0px 30px;
}

#pnlRegister {
    background-image: url(https://snipp.blob.core.windows.net/dubray/images/webbuttonssignup.png);
    float: right;
    margin-right: 32px;
    width: 387px;
    height: 220px;
}

#pnlLogin span {
    font-size: 16px;
    line-height: 1.25rem;
    color: #555555;
    font-family: Poppins, sans-serif;
    margin: 8px 15px 0 5px;
}


#pnlLogin input.tbUserName, input.tbPwd {
    border: #c1d2b4 1px solid;
    border-radius: 0px;
    margin-left: 15px;
    width: 130px;
}

#pnlLogin input.tbPwd {
    border: #c1d2b4 1px solid;
    border-radius: 0px;
    margin-left: 17px;
    width: 130px;
}

#pnlLogin label.error {
    margin-left: 10px;
    font-size: 12px;
    color: #c62121;
    float: none;
}

#pnlLogin label {
}


#MainContent_Login {
    background-image: url(https://snipp.blob.core.windows.net/dubray/images/login_btn.png);
    background-repeat: no-repeat;
    float: right;
    margin: 20px 62px 0 0;
    width: 134px;
    height: 32px;
    border: none;
    background-color: transparent;
}

#Register {
    background-image: url(https://snipp.blob.core.windows.net/dubray/images/registerbtn.png);
    background-repeat: no-repeat;
    float: right;
    margin: 142px 30px 0 0;
    width: 134px;
    height: 32px;
    border: none;
    background-color: transparent;
}






#head {
    height: 90px;
    margin: 0 auto;
    position: relative;
    width: 940px;
    margin-top: 50px;
    margin-bottom: 5px;
}

    #head h1 {
        bottom: 0;
        color: #444444;
        font-size: 32px;
        font-weight: normal;
        left: 0;
        margin: 0 0 10px 10px;
        position: absolute;
    }

    #head #aglogo {
        position: absolute;
        right: 0;
        padding-right: 12px;
    }

.clear {
    clear: both;
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
}

#subnav {
    width: 960px;
    background: none repeat-x scroll 0 0 #00205b;
    color: #fff;
    margin: auto;
}

    #subnav ul li {
        /*	float:right; */
        color: white;
        display: inline-block;
        padding: 10px 10px 5px 18px;
    }

        #subnav ul li a {
            font-size: 14px !important;
            line-height: 1.25rem;
            height: 24px;
            text-transform: uppercase;
            color: white;
            font-weight: 500 !important;
        }

            #subnav ul li a:hover {
                text-decoration: none;
                color: white;
            }

        #subnav ul li.active_page a {
            color: #515151;
        }


/* Bespoke Bootstap */

.row .spantwo_thirds,
.row .spanproduct_holder,
.row .spanhalf,
.row .spanquarter,
.row .product_text,
.row .product_page {
    display: inline;
    float: left;
    margin-left: 20px;
}

.row .spanquarter {
    /* width: 214px;   PG EDIT TO 80 20 DESIGN VER 2 */
    width: 190px;
}

.row .spanhalf {
    width: 449px;
}

.row .spanfull {
    width: 940px;
}

.row .spantwo_thirds {
    width: 538px;
}

.row .product_text {
    width: 610px;
}

.row .product_page {
    width: 280px;
}





/*----------------------------------------- PG Stuff ------------ */

.dialogTextBox input[type="text"] {
    width: 150px;
}

.ui-widget-content span.lblErrorMsg {
    color: red;
}

.agCardsDDL {
    width: 200px;
}

.agCardsLbl {
    color: gray;
}

tr.pgr table {
    margin-bottom: 0px;
}

.gridview td {
    background: rgb(249 250 251);
    font-size: 16px !important;
    line-height: 1.25rem !important;
    font-weight: 300 !important;
    font-family: Poppins, sans-serif !important;
    padding: 10px 5px 10px 10px;
    text-align: left;
}

.productHomepage {
    width: 150px;
    background-color: #EEE;
    border: 1px solid gainsboro;
    height: 120px;
    text-align: center;
    padding-top: 20px;
}

.productImgPrice {
    height: 120px;
    padding: 2px;
}

.productDetails {
    height: 120px;
    padding-top: 30px;
}

.productdetailsContainer {
    height: 150px;
}


.lblInfoMsg {
    color: black;
    font-size: 16px;
    line-height: 1.25rem;
    float: left;
}


.btnNewCardDialog {
    margin-left: 50px;
    margin-top: 10px;
}

.txtCard {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 50px;
}

span.dialogerror {
    margin-left: 20px;
    margin-right: 50px;
    margin-bottom: 10px;
}


input.submit {
    background: #00205b;
    padding: 10px;
    color: white;
    border: none;
    text-transform: uppercase;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-weight: bold;
    padding-left: 3px;
    padding-right: 3px;
}

tr.pgr td {
    color: White;
    background-color: #00205b;
}

.forgotPasswordLink {
    margin-left: 5px;
    margin-right: 10px;
    display: inline-block;
    float: left;
}

    .forgotPasswordLink a {
        font-size: 16px !important;
    }

.regionDivContainer {
    margin: auto;
    background-color: #231f20;
}

.regionDiv {
    background-image: url(https://snipp.blob.core.windows.net/dubray/images/splash.jpg);
    width: 444px;
    height: 442px;
    margin: auto;
}

input.submitSplash {
    background: #aacf32;
    color: #231f20;
    margin-left: 200px;
    margin-bottom: 40px;
    padding: 10px;
    border: none;
    text-transform: uppercase;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-weight: bold;
    padding-left: 5px;
    padding-right: 5px;
    font-family: Poppins, sans-serif;
}




.display-none {
    display: none !important;
}



form div.error {
    background: #fae5e3;
    padding: 10px 0 !important;
    margin: 0 auto;
    border-radius: 4px;
    margin-top: 1rem;
}



/*input[type=text], input[type=password], textarea, select, .uneditable-input {

    float: left;

}



label.error {

    float: left;

    margin-top: 8px;

    margin-left: 8px;

}

*/

.content-programme {
    background-color: #6dcbb9 !important;
    margin-left: 15px !important;
}





    .content-programme h1 {
        color: #00205b !important;
        text-align: center !important;
        font-size: 2rem !important;
    }



    .content-programme h3 {
        color: #00205b !important;
        text-align: center !important;
    }



    .content-programme .align-center {
        text-align: center !important;
    }



    .content-programme img {
        width: 400px !important;
    }



    .content-programme ul {
        list-style: disc !important;
        margin-left: 4rem !important;
    }



        .content-programme ul li {
            color: #00205b !important;
            font-size: 1.25rem !important;
            margin-bottom: 20px !important;
        }



    .content-programme .footer-bg {
        background-color: #00205b !important;
        padding: 1.5rem 3rem !important;
    }



        .content-programme .footer-bg a {
            color: white !important;
            font-size: 1.35rem !important;
        }



        .content-programme .footer-bg span {
            color: white !important;
            font-size: 1.15rem !important;
            font-weight: normal !important;
        }



        .content-programme .footer-bg p {
            color: white !important;
            font-size: 1rem !important;
            font-weight: normal !important;
        }



.p-t-2 {
    padding-top: 2rem !important;
}



.m-l-1 {
    margin-left: 1rem !important;
}

.text-uppercase {
    text-transform: uppercase !important;
}

.close-button {
    margin-top: 20px;
    margin-bottom: 10px;
}