/*
Notes: 
    position: relative; An element with position: relative is positioned relative to its normal position:

*/


.sh-main-titlebar {
    width: auto;
    color: white;
    border: none!important;
}
.sh-main-titlebar span {
    color: white;
    font-size: larger;
}
.sh-main-layout-content-override {
    height: calc(100vh - 65px);
    width: calc(100% - 0px);
    padding: 0px!important;
    position: relative;
}

.sh-main-tooltip-300 {
    max-width: 300px;
    text-align: justify;
}

/*
* Sets the CSS to max space.
David: removed !important as sh-main-fill is repeated at many different levels, not just the top level and !important cant be overrriden.
*/
.sh-main-fill {
    width: 100%;
    width: -moz-available;
    width: -webkit-fill-available;
    height: 100%;
    height: -moz-available;
    height: -webkit-fill-available;
}
.sh-main-fill-width {
    width: 100%;
}
.sh-main-fill-height {
    height: 100%;
    min-height: 100%
}

.sh-main-fill-area {
    display: inline-block;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
}

/*
* Use this when you intend to display content inside a frame (eg: panel) using relative (top, left, bottom, right) offsets.
*/
.sh-main-frame {
    position: relative;
}


.sh-main-datatable-noheader.ui-datatable table thead tr {
    display: none;
}

.sh-main-panel-nospacing.ui-panel .ui-panel-content {
    padding: 0;
    position: relative;
}
.sh-main-panel-noborder.ui-panel .ui-panel-content {
    padding: 0;
    position: relative;
}
.sh-main-panelgrid-nospacing.ui-panelgrid .ui-panelgrid-cell{
    border: none;
}
.sh-main-datagrid-noborder .ui-datagrid-content {
    border: none;
}

.sh-main-column-twenty-percent {
    width: 20%;
}
.sh-main-column-hundred-pixels {
    width: 100px;
}
.sh-main-column-2hundred-pixels {
    width: 200px;
}
.sh-main-column-3hundred-pixels {
    width: 300px!important;
}
.sh-main-column-4hundred-pixels {
    width: 400px!important;
}

/*
* TABLE VERTICAL ALIGN - TOP: For use with Tables to set column alignment.
*/
.sh-main-verticalalign-top {
    vertical-align: top;
}