@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(../resources/fonts/MaterialIcons/MaterialIcons-Regular.eot); /* For IE6-8 */
    src: local('Material Icons'),
    local('MaterialIcons-Regular'),
    url(../resources/fonts/MaterialIcons/MaterialIcons-Regular.woff2) format('woff2'),
    url(../resources/fonts/MaterialIcons/MaterialIcons-Regular.woff) format('woff'),
    url(../resources/fonts/MaterialIcons/MaterialIcons-Regular.ttf) format('truetype');
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;

    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;

    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;

    /* Support for IE. */
    font-feature-settings: 'liga';
}

.material-icons.md-10 { font-size: 10px; }
.material-icons.md-12 { font-size: 12px; }
.material-icons.md-14 { font-size: 14px; }
.material-icons.md-16 { font-size: 16px; }
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }


@font-face {
    font-family: 'Roboto';
    src: url('../resources/fonts/Roboto-Regular.ttf?v=4.0.3') format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Roboto';
    src: url('../resources/fonts/Roboto-Bold.ttf?v=4.0.3') format('truetype');
    font-weight: bold;
    font-style: normal
}

@font-face {
    font-family: 'Roboto condensed';
    src: url('../resources/fonts/RobotoCondensed-Regular.ttf?v=4.0.3') format('truetype');
    font-weight: normal;
    font-style: normal
}

body {
    background-color: #F0F0F0;
    font-family: Roboto;
    font-size: 10pt;
    height: 100%;
}

.footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    border-top:2px solid #dc006c;
    padding-top: 20px;
    height: 60px;
    background-color: #f7f7f7;
    opacity: 0.8;
    filter: alpha(opacity=80);
    box-shadow: 0 0 30px black;
    font-size: 0.8em;
}

.btn, input[type="submit"] {
    padding: 0px 8px 0px 8px;
    font-size: 10pt;
    height: 22px;
    border: 1px solid #CFCFCF;
    background: #FFFFFF linear-gradient(to bottom, #FFFFFF, #F0F0F0);
    color: #2980b9;
    text-shadow: none;
    border-radius: 0;
    /*background: #c00 none;*/
    background: #dc006c none;
    border-radius: 2px !important;
    text-shadow: -1px -1px 1px rgba(05, 05, 05, 0.35) !important;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
    border: none !important;
    color: white !important;
    font-size: 12px !important;
}

.btn-lg {
    height: 30px;
}

a[role="button"] {
    padding: 2px 8px 0px 8px;
    font-size: 10pt;
    height: 22px !important;
    border: 1px solid #CFCFCF;
    background: #FFFFFF linear-gradient(to bottom, #FFFFFF, #F0F0F0);
    color: #2980b9;
    text-shadow: none;
    border-radius: 0;
    /*background: #c00 none;*/
    background: #dc006c none;
    border-radius: 2px !important;
    text-shadow: -1px -1px 1px rgba(05, 05, 05, 0.35) !important;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
    border: none !important;
    color: white !important;
    font-size: 12px !important;
}

.form-control {
    border-radius: 2px;
    height: 30px;
}

.panel-heading {
    padding: 7px 10px;
}

.panel-heading input[type="submit"] {
    margin-top: -2px;
}

.panel-heading a {
    margin-top: -2px;
}

.panel-heading span {
    font-weight: bold;
    font-variant: small-caps;
}

.emphasize {
    /*color:#c00;*/
    color: #dc006c;
}

.emphasize2 {
    /*color:#c00;*/
    color: #dc006c;
}

.s-anchor {
    /*color:#c00;*/
    color: #dc006c;
    font-family: Roboto;
    font-size: 9pt;
    font-weight: bold;
}

.s-label {
    color: #000;
    font-family: Roboto;
    font-size: 9pt;
    font-weight: bold;
}

.s-value {
    color: #000;
    font-family: Roboto;
    font-size: 9pt;
}

.panel-heading[aria-expanded="false"] .fa-minus {
    display: none;
}

.panel-heading[aria-expanded="false"] .fa-angle-up {
    display: none;
}
.panel-heading[aria-expanded="true"] .fa-plus {
    display: none;
}

.panel-heading[aria-expanded="true"] .fa-angle-down {
    display: none;
}

.fa-angle-right.emphasize {
    font-weight: bold;
}

.row {
    margin: 0;
}

input[required="true"] {
    border-left: 3px solid #dc006c !important;
}