/******************************************************************************
*
* CSS Utilities
*
* AUTHOR: Mindgruve.com
* CONTRIBUTORS: TTenoever, MStacy, CKihneman, AGray
*
******************************************************************************/

/******************************************************************************
    $ TABLE WRAP
******************************************************************************/

.table-wrap {
    display: table;
    height: 100%;
    vertical-align: middle;
    width: 100%;
}

.table-cell {
    display: table-cell;
    vertical-align: middle;
}


/******************************************************************************
    $ SYMBOLSET ICON FONTS
******************************************************************************/

.ss-icon,
.ss-gizmo,
.ss-social,
.ss-standard,
.ss-symbolicons-block {
    /* For DW reference only. Apply no styles here. -- TTenoever */
}

.ss-icon {
    /* Enables use of top/right/bottom/left preoperties to nudge icon into place */
    position: relative;
}


/******************************************************************************
    $ POSITIONING
******************************************************************************/

/* EXAMPLE: Add the class "text-right" to the columns DIV if you want the elements within that column to be right-aligned. */
.text-center { text-align: center;}

.text-left { text-align: left;}

.text-right { text-align: right;}

.left {
    float: left;
}

.right {
    float: right;
}

/******************************************************************************
    $ HORIZONTAL MENUS AND LISTS <ul> and <ol>
******************************************************************************/

/* NOTE: Also add .clearfix to UL to clear floats */
.list-inline {
    margin: 0;
    padding: 0;
}
.list-inline > li {
    display: inline;
    float: left;
    line-height: 1;
    margin: 0 10px 0.5em 0;
    padding: 0;
    position: relative;
}

/******************************************************************************
    $ TOOLTIPS / HELP BALLOONS
******************************************************************************/

.tooltip {
    position: relative;
    width: 15px;
}

/***** BUTTON / ICON *****/
.tooltip-btn {
    color: #da7514;
    cursor: pointer;
    font-size: 14px;
}

.tooltip-btn:hover {
    color: #444444;
}

/***** CONTENT BOX *****/
.tooltip-box {
    background-color: #ffffff;
    border: 1px solid #d0d0d0;
    bottom: 30px;
    color: #444444;
    display: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    left: -142px;
    line-height: 20px;
    padding: 22px;
    position: absolute;
    width: 248px;
    z-index: 9999;
    /* Rounded Corners */
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    /* Box-shadow */
    -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.20);
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.20);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.20);
}

.tooltip-pointer {
    /* Use .ss-icon &#x25BE; */
    bottom: -10px;
    color: #ffffff;
    font-size: 40px;
    left: 50%;
    margin-left: -10px;
    position: absolute;
    text-shadow: 0 3px 0 rgba(0, 0, 0, 0.20);
    top: auto;
}

.tooltip:hover .tooltip-box {
    display: block;
}

/***** CONTENT *****/
.tooltip-box h6 {
    color: #444444;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.1;
    margin-bottom: 10px;
}

.tooltip-box p {
    margin: 0;
    padding: 0;
}

/******************************************************************************
    $ TEXT TRUNCATION
    This only works for single line elements
******************************************************************************/

.ellipsis,
.text-ellipsis {
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

/******************************************************************************
    $ TEXT WRAPPING
******************************************************************************/

.text-wrap {
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word; /* Webkit */
}

.no-wrap {
    white-space: nowrap;
}

/******************************************************************************

All the styles below provide functionality that is already in Bootstrap v3.2.0
See http://getbootstrap.com/css/#responsive-utilities-print

@media screen {
    .noprint {
        display: block;
    }

    .print-only {
        display: none;
    }
}

@media only screen and (min-width: 768px) {
    .desktop {
        display: block !important;
    }

    .mobile {
        display: none !important;
    }
}

@media only screen and (max-width: 767px) {
    .desktop {
        display: none !important;
    }

    .mobile {
        display: block;
    }
}

@media only screen and (min-width: 1200px) {
    .desktop-full {
        display: block !important;
    }
}

@media only screen and (max-width: 1200px) {
    .desktop-full {
        display: none !important;
    }
}

******************************************************************************/