/* common bootstrap table padding rewrites */
td, th { padding: 2px; } 
th { text-align: center; }

.dob_day {
    color: green;
}

.big
{
   color: #555555;
   font-weight: bold;
}

.blue
{
    color : #1a80ba;
}

.black
{
    color : #000000;
}

.bold,
.text-bold
{
  font-weight: bold;    
}

.italic,
.text-italic,
.text-italic * {
    font-style: italic !important;
}

.text-weight-normal,
.text-weight-normal * {
    font-weight: normal !important;
}

.hidden
{
  display: none;    
}

.inline,
label.inline
{
  display: inline;    
}

.inline-block {
    display: inline-block;
}

.table-cell {
    display: table-cell;
}

.no-min-width,
.min-width-clear
{
    min-width: 0px !important;
}

.no-max-width,
.max-width-clear
{
    max-width: none !important;
}

.fullWidth,
.full-width
{
    width: 100% !important;
}

.auto-width,
.autoWidth
{
  width: auto !important;   
  min-width: 0px !important;  
  max-width: none !important;
}

.auto-height,
.autoHeight
{
  height: auto !important;   
  min-height: 0px !important;  
  max-height: none !important;
}

@media all and (min-width:769px) {
    .auto-width-wide-only {
        width: auto !important;
        min-width: 0px !important;
        max-width: none !important;
    }

    .inline-block-wide-only {
        display: inline-block;
        display*: inline;
    }

    .padding-left-20-wide-only {
        padding-left: 2em;
    }

    .pull-right-wide-only {
        float: right;
    }
}

.no-borders,
.noBorder
{
    border:none !important;
}

/* SPACES Vertical and horizontal paddings and margins special styles */

.level2
{
    padding-left:2em !important;
}
.level3 {
    padding-left: 3em !important;
}
.level4 {
    padding-left: 4em !important;
}
.level5 {
    padding-left: 5em !important;
}

.indent10,
.indent-10
{
    margin-left:1em !important;
}

.indent20,
.indent-20
{
    margin-left:2em !important;
}

.content-truncate {
    position: relative;
}

.content-truncate:before {
    content: ' ';
    visibility: hidden;
}

.content-truncate span {
    position: absolute;
    left: 0;
    right: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.no-float {
    float: none;
    clear: both;
}

.separator, .spacer {
    height: 20px;
}

.spacer05 {
  height: 10px;    
  /*height: 5px; SG todo: compare with 10px */
}

.clear-left {
    clear:left;
}

div.no-padding,
td.no-padding {
    padding: 0px !important;
}

table.no-padding > tbody > tr > td {
    padding: 0px;
}

table.padding-right-2 > tbody > tr > td {
    padding-right: 2px;
}

.h-spacer-20 {
    padding-left: 2em;
}

.padding-2 {
    padding: 2px;
}

.padding-5 {
    padding: 5px;
}

.padding-10 {
    padding: 1em;
}

.padding-left-20 {
    padding-left: 2em;
}

.padding-left-10 {
    padding-left: 1em;
}

.padding-right-10 {
    padding-right: 1em;
}

.padding-right-5 {
    padding-right: 5px;
}

.padding-top-5 {
    padding-top: 5px;
}

.padding-bottom-5 {
    padding-bottom: 5px;
}

.padding-bottom-10 {
    padding-bottom: 10px;
}

.margin-top-10,
.marginTop10 {
    margin-top: 1em;
}

.margin-right-10 {
    margin-right: 1em;
}

.margin-right-20 {
    margin-right: 2em;
}

.no-margin {
    margin: 0px;
}

@media all and (max-width:768px) {
    .auto-width-narrow-only {
        width: auto !important;
        min-width: 0px !important;
        max-width: none !important;
    }

    .width-100p-narrow-only {
        width: 100%;
    }

    .block-narrow-only {
        display: block !important;
    }

    .padding-top-10-narrow {
        padding-top: 10px;
    }

    .padding-top-20-narrow {
        padding-top: 20px; 
    }

    .padding-right-20-narrow {
        padding-right: 20px;
    }

    .padding-left-20-narrow {
        padding-left: 2em;
    }

    .padding-left-10-narrow {
        padding-left: 10px;
    }

    .no-max-height-narrow-only {
        max-height: none !important;
    }
}

/* 
    Use bootstrap limits for the below styles
*/
@media all and (max-width:767px) {
    .xs-pull-right {
        display: block;
        float: right;
    }

    .xs-padding-left-20 {
        padding-left: 2em;
    }

    .xs-padding-left-10 {
        padding-left: 1em;
    }

    .xs-margin-left-10 {
        margin-left: 1em;
    }

    .xs-margin-left-20 {
        margin-left: 2em;
    }

    .xs-padding-top-20 {
        padding-top: 20px !important;
    }

    .xs-padding-right-20 {
        padding-right: 20px;
    }

    .xs-no-padding-top,
    .xs-padding-top-clear {
        padding-top: 0px !important;
    }

}

@media all and (min-width:768px) {
    .sm-auto-width  {
        width: auto !important;   
        min-width: 0px !important;  
        max-width: none !important;
    }

    .sm-padding-right-10 {
        padding-right: 1em;
    }

    .sm-padding-left-10 {
        padding-left: 1em;
    }

    .sm-pull-right {
        float: right;
    }

    .sm-pull-left {
        float: left;
    }

    .sm-padding-top-10 {
        padding-top: 10px !important;
    }

    .sm-min-width-140   {
        min-width: 140px !important;     
    }
}

@media all and (min-width:970px) {
    .md-padding-right-10 {
        padding-right: 1em;
    }

    .md-pull-right {
        float: right;
    }

    .md-pull-left {
        float: left;
    }
}

/* scrolling content in TD */

.scrollableContent {
    overflow: auto;
}