/* Put css styles for home view here */
.home-view p {
	padding: 5px;
}
/* Modify Improper Open Source Styles */
.dx-widget{
    /* Windows Phone */
    color:initial;
}
.dx-toolbar {
    background-image: url('../images/header.png');
    background-size: cover;
    box-shadow: 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 transparent;
}
.dx-toolbar .dx-toolbar-label {
    font-weight: bold;
    color:black;
    width:90%;
}
.dx-toolbar .dx-button .dx-icon{
    /* Android */
    color:initial;
}
.dx-content-background,
.search-page-background,
.result-page-background {
    background: white;
    background: -webkit-linear-gradient(white, lightyellow);
    background: -0-linear-gradient(white, lightyellow);
    background: -moz-linear-gradient(white, lightyellow);
    background: linear-gradient(white, lightyellow);
}
.dx-tab.dx-nav-item {
    background-color: #d3f5d7;
}
.dx-tab.dx-nav-item.dx-tab-selected{
    background-color:lightyellow;
}
.dx-icon,
.dx-tab-text,
.dx-navbar .dx-nav-item .dx-icon,
.dx-tab-selected .dx-icon,
.dx-tab-selected .dx-tab-text {
    /* Android */
    color: darkslategray;
}
.dx-button {
}
.dx-clear-button-area .dx-icon-clear {
    right: 0;
}
/* General css styles */
/* Home Page with Square Buttons */
.button-panel {
    display: block;
    text-align: left;
    /* Calculated layout of 3 buttons in 1 line 
	padding: 5px 2%;*/
    /* Calculated layout of 2 buttons in 1 line */
    padding: 15px 5%;
}
.square-button {
    display: inline-block;
    font-size: normal;
    /* Default format, which unfits. */
    background-color: transparent;
    border-width: 0px;
    box-shadow: 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 transparent;
    /* Calculated layout of 3 buttons in 1 line 
	margin: 5px 2%;
	width: 28%;*/
    /* Calculated layout of 2 buttons in 1 line */
    margin: 0px 4%;
    width: 41%;
}
.square-button .dx-button-content .dx-icon {
    display: block;
    vertical-align: initial;
    margin: 10px auto;
    width: 80px;
    height: 80px;
    padding: 10px;
    border: 5px solid #6df1fd;
    border-radius: 10px;
}
.square-button .dx-button-content .dx-button-text {
    display: block;
    vertical-align: inital;
    margin: 10px auto;
    color: navy;
}
/* Search Page */
.search-page-background {
    text-align: center;
}
.search-page-header {
    font-size: x-large;
    font-weight: bold;
    padding-top: 25px;
    padding-bottom: 10px;
    display: block;
}
.search-page-background .dx-field-label,
.search-page-background .dx-field-value {
    font-size: large;
}
.search-page-background .short-field-label,
.search-page-background .short-field-value {
    font-size: large;
}
.search-page-background .long-field-label,
.search-page-background .long-field-value {
    font-size: large;
    display: block;
    padding: 2px;
}
.search-page-bottom {
    display: block;
    padding-top: 5px;
    padding-bottom: 30px;
}
    .search-page-bottom .dx-button-text {
        font-size: large;
    }
/* Result Page */
.result-page-header {
    font-size: large;
    font-weight: bold;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 5px;
    display: block;
}
.result-page-background .dx-list {
    font-size: large;
}
/* Detail Page */
.detail-page-header {
    font-size: large;
    font-weight: bold;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 5px;
    display: block;
}
.detail-table {
    display: block;
    text-align: center;
    margin: 10px;
}
.detail-table tbody {
    font-size: large;
    display: inline-block;
}

.detail-table .cover {
    display: block;
    margin: 15px auto;
    max-width:100%;
    max-height:260px;
}

.detail-table .detail-label {
    text-align: right;
    width: 40%;
}

.detail-table .detail-value {
    text-align: left;
}

/*2015/11/27*/
.layout-header .dx-toolbar-items-container {
    background: url(../images/Logo.png) no-repeat;
    background-position: 10%;
    background-size: auto 56px;
    vertical-align: top;
    padding: 2px;
}