/* ------------------------------------------------------------ 
    Financial Statement Core
------------------------------------------------------------ */
.desktophide {
}

.mobilehide {
}

/* not sure if this is the right way to say: if desktop ? */
@media screen {
    .desktophide {
        display: none;
    }
}

@media screen and (max-width: 500px) {
    .mobilehide {
        display: none;
    }
}


.finTable > .dgHeader {
    font-weight: bolder;
}

/*.finTable tr th:first-of-type {
    max-width: 200px;
    width: 200px;
}*/

td.dgRowHeader {
    font-weight: bolder;
    max-width: 200px;
    width: 200px;
}

.finTable > .dgFooter {
    border-top: 1px solid black;
    font-weight: bold;
    text-align: center;
}

.finTable > .dgFooterHeader {
    font-weight: bolder;
}

th.finTableHeader a {
    /*text-align: center;*/
    white-space: nowrap;
}

.finTable > .finTableData {
    /*text-align: right;*/
}

.finTableHeader a {
    color: inherit;
    text-decoration: inherit;
}

.finStatement {
}

.fyedit > .finFySelect {
    display: none;
    padding-top: 30px; /* same as button panel*/
    overflow: hidden;
}

div.finDetail {
    display: none;
    overflow: hidden;
    margin-top: 20px !important;
}

span.finDetailRowHeading {
    font-weight: bold;
}

span.finDetailExplanatory {
    font-size: smaller;
    font-style: italic;
    display: block;
}

span.finDetailHeading {
    font-weight: bold;
    color: #000000;
    font-size: 15px;
}

input.finCurrency {
    text-align: right;
    margin: 4px;
    padding: 3px;
}

select.finSourceOfFinancials {
	text-align: right;
	margin: 4px;
	padding: 3px;
	margin-left: 10px;
}

.finValidationMessage {
    color: red;
}

.finRequired:after {
    color: red;
    content: " *";
}

.finRequiredLeft:before {
    color: red;
    content: "* ";
}
/* ------------------------------------------------------------ 
    Financial Statement Core
------------------------------------------------------------ */