/**************************\
    Most css content moved to App.scss except for situations where scss won't compile /~/ how we want for asset urls.
    Don't use this if you don't need to.
\**************************/

body.enumerate .check-font {
    font-family: 'micrenc';
    font-size: 12pt !important;
}

@font-face {
    font-family: 'micrenc';
    src: url("/~/fonts/micrenc.ttf") format('truetype');
}

body.enumerate .recording:after {
    position: absolute;
    top: 0;
    left: 0;
    content: ' ';
    background-image: url(images/record.svg);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 18px 18px;
    height: 18px;
    width: 18px;
}

body.enumerate .btn-bar {
    background: url("/~/content/images/bg-small-title-bar-lt-gray.png") center left repeat-x;
}

body.enumerate .panel-body h2.header-2 {
    background: url("/~/content/images/bg-small-title-bar-lt-blue-2.png") 0 12px repeat-x;
    color: #333;
    font-size: 18px;
    font-weight: 400;
    height: 20px;
    margin-top: 0;
    margin-bottom: 20px;
    padding: 0;
    text-transform: uppercase;
}

body.enumerate .panel-filter h2.header-2 {
    background: url("/~/content/images/bg-small-title-bar-lt-gray.png") bottom left repeat-x;
    color: #333;
    font-size: 20px;
    height: 18px;
    margin-top: 0;
    margin-bottom: 20px;
    padding: 0;
    text-transform: uppercase;
}

body.enumerate .panel-group h2.header-2 {
    background: url("/~/content/images/bg-small-title-bar-lt-gray.png") bottom left repeat-x;
}

body.enumerate .date-divider {
    background: url("/~/content/images/bg-small-title-bar-lt-gray.png") center left repeat-x;

    span {
        background-color: #FFF;
        font-weight: bold;
        line-height: 20px;
        padding-right: 10px;
        text-transform: uppercase;
    }
}

body.enumerate .modal-header h2 {
    background: url("/~/content/images/bg-small-title-bar-lt-blue-2.png") bottom left repeat-x;
    color: #333;
    font-size: 20px;
    font-weight: 400;
    height: 18px;
    margin-top: 0;
    margin-bottom: 20px;
    padding: 0;
    text-transform: uppercase;
}

body.enumerate .modal-body h3 {
    background: url("/~/content/images/bg-small-title-bar-lt-gray.png") bottom left repeat-x;
    color: #333;
    font-size: 16px;
    font-weight: 400;
    height: 18px;
    margin-top: 0;
    margin-bottom: 20px;
    padding: 0;
    text-transform: uppercase;
}

body.enumerate .modal-body h3.header-3 {
    background: url("/~/content/images/bg-small-title-bar-lt-blue-2.png") bottom left repeat-x;
    color: #333;
    font-size: 16px;
    font-weight: 400;
    height: 18px;
    margin-top: 0;
    margin-bottom: 20px;
    padding: 0;
    text-transform: uppercase;
}

body.enumerate .wizard h2.header-2 {
    background: url("/~/content/images/bg-small-title-bar-lt-gray.png") bottom left repeat-x;
    color: #333;
    font-size: 18px;
    font-weight: 400;
    height: 18px;
    margin-top: 0;
    margin-bottom: 20px;
    padding: 0;
    text-transform: uppercase;
}

body.enumerate .introjs-tooltiptext h3 {
    background: url("/~/content/images/bg-small-title-bar-lt-gray.png") bottom left repeat-x;
    color: #333;
    font-size: 18px;
    font-weight: 400;
    height: 18px;
    margin-top: 0;
    margin-bottom: 20px;
    padding: 0;
    text-transform: uppercase;
}