/*Buttons
----------------------------------------------------------*/
.button {
    width:140px;
    margin-left:auto;
    margin-right:auto;
}



/*Notifications
----------------------------------------------------------*/
.failureNotification, .cancelNotification {
    font-size: 1em;
    color: #f00;
    font-family:'Segoe UI';
    font-style: normal;
    font-weight: bold;
}

.positiveNotification {
    color: #009444;
    font-size: 1em;
    font-family: 'Segoe UI';
    font-style: normal;
    font-weight: bold;
}


/* Headings 
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
    font-size: 1em;
    font-family: 'Segoe UI';
    font-style: normal;
    font-weight: bold;
}

h1 {
    font-size: 1.6em;
}

h2 {
    font-size: 1.4em;
}

h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1.1em;
}


/*Formview
----------------------------------------------------------*/
.form {
    font-style: normal;
    font-family: 'Segoe UI';
    font-size: .9em;
}

/*Tables
-----------------------------------------------------------*/
.table {
    width: 100%;
    font-style: normal;
    font-family: 'Segoe UI';
    font-size: .9em;
}


 /*Text Boxes  
----------------------------------------------------------*/
.textBox {
    color: #999;
    width: 100px;
    height: 20px;
    /*border: 1px solid #ccc;*/
}


/*Log in
----------------------------------------------------------*/
#divLogin {
    background-image: url('../Images/bakcground_home1080px.jpg');
    background-repeat: no-repeat;
    background-size: auto;
    background-position: top;
    min-height: 1280px;
    background-color: transparent;
    background-size: cover;
    font-size: 1.2em;
}

.defaultBody {
    background-image: url('../Images/DefaultLogin.png');
    background-repeat: no-repeat;
    top: 250px;
    margin: auto;
    width: 420px;
    height: 550px;
    /*(padding-top, padding-right, padding-bottom, padding-left).*/
    padding: 10px 50px 15px 50px;
    position: relative;
    background-color: transparent;
    background-size: cover;
    z-index: 10;
}

.emailEntry {
    margin: 17px 0px 0px 2px;
    color: #999;
    width: 273px;
    height: 27px;
    border: solid 0.1px #fff;
}

.email {
    width: 300px;
    height: 60px;
    text-align: center;
    background-image: url('../Images/email.png');
    background-repeat: no-repeat;
}

.contrasena {
    width: 300px;
    height: 60px;
    text-align: center;
    background-image: url('../Images/password.png');
    background-repeat: no-repeat;
}

.confirmcontrasena {
    width: 300px;
    height: 60px;
    text-align: center;
    background-image: url('../Images/confirmpassword.png');
    background-repeat: no-repeat;
}

.newcontrasena {
    width: 300px;
    height: 60px;
    text-align: center;
    background-image: url('../Images/newpassword.png');
    background-repeat: no-repeat;
}

/* GRIDVIEW  
----------------------------------------------------------*/
.gridEncabezado {
    background-color: #082c47;
    color: #fff;
    text-align: center;
    font-family: 'Segoe UI';
}

.gridFilaAlterna {
    background-color: #dcdcdc;
    color: #000;
    font-family: 'Segoe UI';
}

.gridFila {
    background-color: #fff;
    color: #000;
    font-family: 'Segoe UI';
}

.gridEncabezado a {
    color: #fff;
}

/* MODAL POPUP EXTENDER AREAS
----------------------------------------------------------*/
.modalBackground {
    background-color: Black;
    filter: alpha(opacity=60);
    opacity: 0.6;
}

.modalPopup {
    background-color: #FFFFFF;
    width: 510px;
    border: 3px solid Highlight;
    padding: 0;
}

    .modalPopup .header {
        background-color: Highlight;
        height: 40px;
        color: White;
        line-height: 30px;
        text-align: center;
        font-weight: bold;
        font-size: large;
    }

    .modalPopup .body {
        min-height: 50px;
        line-height: 30px;
        text-align: center;
        font-weight: bold;
        margin-bottom: 5px;
    }

/* MODAL POPUP EXTENDER HOME
----------------------------------------------------------*/
.modalBackgroundGenerals {
    background-color: Black;
    filter: alpha(opacity=60);
    opacity: 0.6;
}

.modalPopupGenerals {
    background-color: #FFFFFF;
    width: 1250px;
    border: 3px solid Highlight;
    padding: 0;
}

    .modalPopupGenerals .header {
        background-color:Highlight;
        height: 40px;
        color: White;
        line-height: 30px;
        text-align: center;
        font-weight: bold;
        font-size: x-large;
    }

    .modalPopupGenerals .body {
        min-height: 50px;
        line-height: 30px;
        text-align: center;
        font-weight: bold;
        margin-bottom: 5px;
    }

/* MODAL POPUP EXTENDER FORMS
----------------------------------------------------------*/
.modalBackgroundForms {
    background-color: Black;
    filter: alpha(opacity=60);
    opacity: 0.6;
}

.modalPopupForms {
    background-color: #FFFFFF;
    width: 500px;
    border: 3px solid Highlight;
    padding: 0;
}

    .modalPopupForms .header {
        background-color: Highlight;
        height: 40px;
        color: White;
        line-height: 30px;
        text-align: center;
        font-weight: bold;
        font-size: x-large;
    }

    .modalPopupForms .body {
        min-height: 50px;
        line-height: 30px;
        text-align: center;
        font-weight: bold;
        font-size:larger;
        margin-bottom: 5px;
    }

/* ACCORDEON HORIZONTAL
----------------------------------------------------------*/
.encabezadoAcordeon {
    background-color: firebrick;
    color: #fff;
    padding: 5px;
    font-size: 1.1em;
    cursor: pointer;
    font-weight: bold;
    font-family: 'Segoe UI';
    border-radius: 7px;
}

.encabezadoSeleccionadoAcordeon {
    background-color: firebrick;
    color: #fff;
    padding: 5px;
    font-size: 1.1em;
    cursor: pointer;
    margin-bottom: 20px;
    font-weight: bold;
    font-family: 'Segoe UI';
    border-radius: 7px;
}


/*Repeater ZipCode Counties
----------------------------------------------------------*/

.indiceZipCodes {
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
}


    .indiceZipCodes a {
        color: white;
        font-size: 1.3em;
        font-weight: bold;
        text-decoration: none;
        padding: 2px 7.5px;
        margin-right: 5px;
        background-color: firebrick;
        border-radius: 7px;
        background-image: url('../Images/backgroundIndice.png');
    }

/*Panel para mostrar el pickupnumber
----------------------------------------------------------*/
.PanPickuNumber {
    background-color: #FFFFFF;
    width: 450px;
    height: auto;
    border: 3px solid Highlight;
    padding: 0;
}

.NameClient {
    box-sizing: border-box;
    text-align: center;
    margin-top: 10px;
}
.PickupNumber {
    margin-top: 20px;
    text-align:center;
}
.PickupDescription {
    margin-top: 20px;
    text-align: center;
    color:red;
}

.btnAccept {
    margin-top: 25px;
    text-align: center;
}
.InformationTimes {
    text-align: center;
    color: red;
    margin-top:20px;
    height:auto;
}


/*Panel para mostrar el ratequotenumber
----------------------------------------------------------*/
.PanRateQuote {
    background-color: #FFFFFF;
    width: 450px;
    height: auto;
    border: 3px solid Highlight;
    padding: 0;
}

.RateQuoteNumber {
    font-family: 'Segoe UI';
    font-size: x-large;
    box-sizing: border-box;
    text-align: center;
    margin-top: 10px;
}

.RateQuoteDescriptionOK {
    font-family: 'Segoe UI';
    font-size: large;
    margin-top: 20px;
    text-align: center;
    color: green;
}

.RateQuoteDescription {
    font-family: 'Segoe UI';
    font-size: large;
    margin-top: 20px;
    text-align: center;
    color: black;
}

.btnRateQuote {
    margin-top: 25px;
    text-align: center;
}

.btnRateQuoteClose {
    text-align:right;
}