/*
    this file gives you some general css, to let your custom pages look good as default
    to not change this for own custom pages, this will serve for all custom pages

    Created on : Sep 1, 2017, 1:33:07 PM
    Author     : guillaume
*/
/** 
 * Fonts the components can use 
 */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url('/portal/lightcss/fonts/SourceSansPro-Regular.ttf') format('truetype');
}

body .bootstrap { 
    /** bootstrap set some styles, overwite this, so styling van have a influense on it **/
    background: inherit;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
}
button {
    color: inherit;
    font-style: inherit;
    font-weight: inherit;
}
.bootstrap input[type="search"] {
    -webkit-appearance: searchfield;
}
.bootstrap .table > thead > tr > th {
    border-top: 0px;
}
.layoutComponent.nixps-cloudflow-ActivityBar {
    border-bottom: none;
}
.nixps_styling_constants_bodybackground {
    background: #fff;
}
body > .nixps-FreezeOverlay.modeCloud.onstartup {
    background-color: transparent;
}
.nixps-cloudflow-LayoutRenderer .componentElement.nixps-cloudflow-ErrorMessage {
    width: 100%; 
}
.nixps-cloudflow-LayoutRenderer .layoutRow.layoutRow_emptyRow {
    min-height: 38px;
}
.nixps-cloudflow-LayoutRenderer .layoutRow .layoutComponent:empty {
    z-index: -1;
}

.layouttype_tableGrid > table {
    width: 100%;
    table-layout: fixed;
    height: 1px; /* this is necessary to be able to set children to 100% height*/
}

.layouttype_tableGrid > table tr {
    height: 38px;
}

.layouttype_tableGrid > table tr td {
    vertical-align: middle; /* to make sure content stays within it's cell*/
}

.layouttype_tableGrid td.layoutComponent > div {
    overflow: hidden;
    height: 100%;
}

.layouttype_tableGrid td.skipCell {
    display: none; /* skipcells should be removed on save, but because of a bug with compass layout & tablegrid embedded, there might be pages where they haven't been removed!*/
}