/**
 * Analyzer: Public CSS
 */

/* Generic CSS starts -------------------------------------------------------- */

/* Font Awesome buttons need margin */
i.fa {
    margin-right: .5em;
}

button.disabled {
    cursor: not-allowed;
}

a.link {
    cursor: pointer;
}

/* Generic CSS ends -------------------------------------------------------- */


/* Table specific CSS starts -------------------------------------------------------- */
div.staticHeight table.analyzer {
    max-height: 300px;
    text-align: center;
}

table.analyzer {
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    border: 1px solid #000000;
    max-width: 100%;
    overflow: auto;
    display: block;
}
/* Table specific CSS ends ---------------------------------------------------------- */

/* Message box CSS starts ------------------------------------------------------------*/
div.msg_box {
    margin: 10px 0px;
    padding:15px;
}

div.msg_info, div.msg_info i {
    color: #00529B;
    background-color: #BDE5F8;
}

div.msg_success, div.msg_success i {
    color: #4F8A10;
    background-color: #DFF2BF;
}

div.msg_warning, div.msg_warning i {
    color: #9F6000;
    background-color: #FEEFB3;
}

div.msg_error, div.msg_error i {
    color: #D8000C;
    background-color: #FFD2D2;
}

div.msg_box i {
    margin: 10px 25px;
    font-size: 2rem;
    vertical-align: middle;
}

/* Message box CSS ends --------------------------------------------------------------*/


/* Form CSS starts ------------------------------------------------------------*/
form.pure-form div.no-margin-top {
    margin-top: 0;
}

form.pure-form div.pure-control-group select.pure-input-1-4,
form.pure-form div.pure-control-group select.pure-input-1-3 {
    height: 2.5em;
}

/* Link buttons like buttons */
a.pure-button {
    margin-bottom: 1em;
    min-height: 2.5em;
    font-weight: 700;
}

/* Form CSS ends ------------------------------------------------------------*/


/* Quadrant CSS starts ------------------------------------------------------------*/
canvas#quadrant {
    background-image: url('../images/quadrant-white.png');
    background-repeat: no-repeat;
    background-size: cover;
}

/* Quadrant CSS ends ------------------------------------------------------------*/


/* Region CSS starts ------------------------------------------------------------*/
h3.inline-header {
    display: inline;
    margin: 10px 0;
}

div.div-postcodes {
    border-bottom: 1px solid #dbdad6;
    margin-left: 1em;
    margin-bottom: 1em;
}

div.div-postcodes label {
	display: inline-block;
	margin-left: 10px;
}

div.div-postcodes input {
	margin-right: 5px;
}

/* Region CSS ends ------------------------------------------------------------*/


/* Browse data CSS starts -----------------------------------------------------*/

#select-container,
#select-region-container {
    margin: 2rem 6rem;
}

#content > p { 
    margin: 2rem 6rem;
}

/* Browse data CSS ends -------------------------------------------------------*/