/* style to make text look like input labels */
.fixLabels
{
    display: inline-block;
    margin-bottom: .5rem;
    cursor: default;
    font-weight: 400;
    color: #aaa;
    line-height: 1.1;
    top: -10px;
    left: 0;
    font-size: .875rem;
}

/* style to fix a label that was doing a weird wrap */
.fixLabelDisplay
{
    white-space: nowrap !important;
    word-wrap: normal !important;
}

/* style to move column up where 2 columns were not aligned */
.colMoveUp
{
    margin-top: -.6em;
}

/* style to display forms that are just buttons inline */
.displayFormInline
{
    display: inline;
}

/* style to make sidebar background white when in smaller screen */
@media screen and (max-width: 991px)
{
    .off-canvas-sidebar nav .navbar-collapse:before, .sidebar:before
    {
        background-color: #fff;
    }
}

/* style to make nav drop down links hidden from sidebar on big screens */
@media screen and (min-width: 992px)
{
    .nav-small-screen
    {
        display: none !important;
    }
}

/* style to make entire sidebar show on mobile devices */
@media screen and (min-height: 451px) and (max-height: 740px) and (max-width: 991px)
{
    .sidebar .sidebar-wrapper
    {
        height: 77vh !important;
    }
}

/* style to make entire sidebar show on some mobile devices */
@media screen and (min-height: 800px) and (max-height: 830px)
{
    .sidebar .sidebar-wrapper
    {
        height: 87vh !important;
    }
}

/* style to make entire sidebar show on mobile devices */
@media screen and (max-height: 450px) and (max-width: 991px)
{
    .sidebar .sidebar-wrapper
    {
        height: 67vh !important;
    }
}

/* style to make entire sidebar show when screen is short */
@media screen and (max-height: 360px) and (min-width: 992px)
{
    .sidebar .sidebar-wrapper
    {
        height: 50vh !important;
    }
}

/* style to make entire sidebar show when screen is short */
@media screen and (min-height: 361px) and (max-height: 650px) and (min-width: 992px)
{
    .sidebar .sidebar-wrapper
    {
        height: 65vh !important;
    }
}

/* style to make entire sidebar show when screen is short */
@media screen and (min-height: 651px) and (max-height: 770px) and (min-width: 992px)
{
    .sidebar .sidebar-wrapper
    {
        height: 80vh !important;
    }
}

/* style to adjust labels and hide info buttons on smaller screens */
@media screen and (max-width: 770px)
{
    .smallerLabel
    {
        font-size: smaller !important;
        white-space: nowrap;
        margin-left: -1em;
    }

    .popover-hide
    {
        display: none;
    }
}

/* style to adjust labels on smaller screens */
@media screen and (max-width: 1600px) and (min-width: 770px)
{
    .smallLabel
    {
        font-size: smaller !important;
        white-space: nowrap;
        margin-left: -1em;
    }
}

/* style to adjust labels on smaller screens */
@media screen and (max-width: 769px)
{
    .lineItemLabel
    {
        font-size: smaller !important;
        white-space: nowrap;
        margin-left: -1em;
    }
}

/* style to adjust labels on smaller screens */
@media screen and (max-width: 1102px) and (min-width: 770px)
{
    .biggerLabel
    {
        white-space: nowrap;
        margin-left: -1em;
    }
}

/* style to adjust toggle switch size on smaller screens */
@media screen and (max-width: 1190px) and (min-width: 991px)
{
    .switch-field label {
        font-size: 1vw !important;
    }
}

@media screen and (max-width: 935px) and (min-width: 767px)
{
    .switch-field label {
        font-size: 1vw !important;
    }
}

/* toggle switch styles */
.switch-field {
    display: flex;
    margin-bottom: 36px;
    margin-top: 1em;
    overflow: hidden;
}

.switch-field input {
    position: absolute !important;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    width: 1px;
    border: 0;
    overflow: hidden;
}

.switch-field label {
    background-color: #fff;
    color: #aaa;
    font-size: 14px;
    line-height: 1;
    text-align: center;
    padding: 8px 8px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
    transition: all 0.1s ease-in-out;
}

.switch-field label:hover {
    cursor: pointer;
}

.switch-field input:checked + label {
    background-color: #22aeff;
    color: #fff;
    box-shadow: none;
}

.switch-field label:first-of-type {
    border-radius: 4px 0 0 4px;
    margin-right: -1px;
}

.switch-field label:last-of-type {
    border-radius: 0 4px 4px 0;
}

/* styles for view quote page */
.viewQuoteLogo {
    width: 50%;
}

.adjustTableRows {
    width: 16%;
}

.table td, .table th {
    border-top: none !important;
}

.lineItem, .hardware {
    padding: 10px;
}

.lineItems, .allHardware{
    padding: 1em;
}

.lineItemDetails {
    padding: 10px;
}

.lineItemPrice, .hardwareQuantity {
    float: right;
}

.extrasTitle {
    font-size: 14pt;
}

#coreLogo
{
    padding: 20px;
}

/* styles for create a quote view */
.coreMessage {
    font-size: 9pt;
}

.splitCorePrices {
    border-right-style: groove;
}

/* styles to truncate when Long Description is very long */
.textTruncate {
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    max-width: 60%;
    position: relative;
    top: 3px;
    overflow: hidden;
}

/* styles for searching and pagination in existing quotes view*/
div.dataTables_wrapper div.dataTables_filter input {
    width: 400px!important;
    display: inherit;
    margin: 20px 0 40px 10px;
}

table.dataTable thead th, table.dataTable.no-footer{
    font-weight: inherit!important;
    border-bottom: 1px solid #d2d2d2!important;
}

div.dataTables_wrapper div.dataTables_length select {
    width: 50px;
    display: inherit;
    margin: 20px 0 40px 10px;
}

.form-check .form-check-label .square{
    border-radius: 3%;
    top: 1%;
    width: 15px;
    height: 15px;
    border: 1px solid rgba(0,0,0,.54);
}

/* style to adjust searching and pagination on smaller screens */
@media screen and (min-width: 320px) and (max-width: 723px)
{
    div.dataTables_wrapper div.dataTables_length select, div.dataTables_wrapper div.dataTables_filter input {
        margin: 0 !important;
        width: 100% !important;
    }
}