//*****************************************************************************
//*****************************************************************************
// Helper Styles
//*****************************************************************************
//*****************************************************************************

//=============================================================================
// Displays
//=============================================================================
.display-block              { display: block; }
.display-inline-block       { display: inline-block; }
.display-flex               { display: flex; }
.display-inline-flex        { display: inline-flex; }
.display-inline             { display: inline; }
.display-none               { display: none; }

//=============================================================================
// Font Weight
//=============================================================================
.fw-100    { font-weight: 100; }
.fw-200    { font-weight: 200; }
.fw-300    { font-weight: 300; }
.fw-400    { font-weight: 400; }
.fw-500    { font-weight: 500; }
.fw-600    { font-weight: 600; }
.fw-700    { font-weight: 700; }
.fw-800    { font-weight: 800; }
.fw-900    { font-weight: 900; }

//=============================================================================
// Margin
//=============================================================================
.margin-top-5px         { margin-top: 5px; }
.margin-top-10px        { margin-top: 10px; }
.margin-top-15px        { margin-top: 15px; }
.margin-top-20px        { margin-top: 20px; }
.margin-bottom-5px      { margin-bottom: 5px; }
.margin-bottom-10px     { margin-bottom: 10px; }
.margin-bottom-15px     { margin-bottom: 15px; }
.margin-bottom-20px     { margin-bottom: 20px; }
.no-margin {
    margin: 0px !important;
}

//=============================================================================
// Padding
//=============================================================================
.padding-top-5px            { padding-top: 5px; }
.padding-top-10px           { padding-top: 10px; }
.padding-top-15px           { padding-top: 15px; }
.padding-top-20px           { padding-top: 20px; }
.padding-bottom-5px         { padding-bottom: 5px; }
.padding-bottom-10px        { padding-bottom: 10px; }
.padding-bottom-15px        { padding-bottom: 15px; }
.padding-bottom-20px        { padding-bottom: 20px; }
.no-padding {
    padding: 0px !important;
}

//=============================================================================
// Responsive Table
//=============================================================================
.table-responsive {
    min-height: .01%;
    overflow-x: auto;
}

//=============================================================================
// Borders
//=============================================================================
.bordered {
    border: 1px #e0e0e0 solid;
}
.bordered-medium {
    border: 2px #e0e0e0 solid;
}
.bordered-heavy {
    border: 3px #e0e0e0 solid;
}
.bordered-thick {
    border: 5px #e0e0e0 solid;
}

//=============================================================================
// Border Radius
//=============================================================================
.border-radius1 {
    border-radius: 1px;
}
.border-radius2 {
    border-radius: 2px;
}
.border-radius3 {
    border-radius: 3px;
}
.border-radius4 {
    border-radius: 4px;
}
.border-radius5 {
    border-radius: 5px;
}
.border-radius6 {
    border-radius: 6px;
}
.border-radius7 {
    border-radius: 7px;
}

//=============================================================================
// Wrapping Styles
//=============================================================================
.sc-no-wrap {
    white-space: nowrap;
}