/*------------------------------------
            IMPORTED FONTS
--------------------------------------*/
@font-face {
    font-family: 'Corbel_Regular';
    src: url(fonts/corbel.woff) format('woff');
    src: url('fonts/Corbel.ttf') format('truetype'), url(../Content/fonts/corbel.eot) format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Allura';
    src: url('fonts/Allura-Regular.otf') format('opentype');
    src: url('fonts/allura-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/allura-regular-webfont.ttf') format('truetype'), url('fonts/allura-regular-webfont.svg#alluraregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Open_Sans';
    src: url('fonts/opensans-regular-webfont.eot');
    src: url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/opensans-regular-webfont.ttf') format('truetype'), url('fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*Not Finished Class "overlay" */
.overlay {
    border: 5px solid rgba(131, 44, 44, 1) !important;
    background-color: rgba(131, 44, 44, 0.3) !important;
}

    .overlay * {
        color: rgba(131, 44, 44, 1) !important;
    }

/*Display Table*/

.displaytable {
    width: 100%;
    text-align: left;
}

    .displaytable thead,
    .displaytable thead tr,
    .displaytable thead th,
    .displaytable tfoot td {
        background-color: #444c63;
        /*background-color: #32384b;*/
        color: #fff;
        outline: none;
    }

    .displaytable th,
    .displaytable td {
        padding: 10px;
    }

    .displaytable tbody tr {
        background-color: #fff;
        border-bottom: 1px solid #d7d8d8;
        font-size: 0.75em;
    }

    .displaytable thead tr {
        font-size: 0.85em;
    }

    .displaytable select {
        font-size: 10pt;
        height: 25px;
    }

.dataTables_batchButtons {
    background-color: #444c63;
    padding: 5px;
}

    .dataTables_batchButtons > input,
    .dataTables_batchButtons > a {
        margin: 5px;
    }

    .dataTables_batchButtons #btnMessageChecked {
        width: 128px;
        text-align: center;
    }

.dataTables_processing {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 0;
    top: 0;
    font-size: 1.2em;
    z-index: 1;
    font-weight: bold;
    line-height: 255px;
    background-color: rgba(233, 235, 237, 0.5);
}

.dataTables_apply {
    padding: 5px;
}

.dataTables_wrapper {
    position: relative;
}

.displaytable label.no-results,
td.dataTables_empty {
    line-height: 100px;
    font-size: 1.3em;
}

label.no-results {
    display: block;
}

label.no-results,
td.dataTables_empty {
    background-color: #f4f2f2;
    line-height: 150px;
    text-align: center;
}

.dataTables_verify {
    display: inline-block;
    float: right;
    padding: 8px;
}

table.dataTable tbody tr {
    background-color: #ffffff;
}

    table.dataTable tbody tr.selected {
        background-color: #B0BED9;
    }

    table.dataTable.stripe tbody tr.odd,
    table.dataTable tbody tr.odd {
        background-color: #f9f9f9;
    }

        table.dataTable.stripe tbody tr.odd.selected,
        table.dataTable tbody tr.odd.selected {
            background-color: #acbad4;
        }

    table.dataTable.hover tbody tr:hover,
    table.dataTable tbody tr:hover {
        background-color: #f6f6f6;
    }

        table.dataTable.hover tbody tr:hover.selected,
        table.dataTable tbody tr:hover.selected {
            background-color: #aab7d1;
        }

    table.dataTable.order-column tbody tr > .sorting_1,
    table.dataTable.order-column tbody tr > .sorting_2,
    table.dataTable.order-column tbody tr > .sorting_3,
    table.dataTable tbody tr > .sorting_1,
    table.dataTable tbody tr > .sorting_2,
    table.dataTable tbody tr > .sorting_3 {
        /*background-color: #f1f1f1;*/
    }

    table.dataTable.order-column tbody tr.selected > .sorting_1,
    table.dataTable.order-column tbody tr.selected > .sorting_2,
    table.dataTable.order-column tbody tr.selected > .sorting_3,
    table.dataTable tbody tr.selected > .sorting_1,
    table.dataTable tbody tr.selected > .sorting_2,
    table.dataTable tbody tr.selected > .sorting_3 {
        background-color: #acbad5;
    }

    table.dataTable tbody tr.odd > .sorting_1,
    table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
        /*background-color: #f1f1f1;*/
    }

    table.dataTable tbody tr.odd > .sorting_2,
    table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 {
        background-color: #f3f3f3;
    }

    table.dataTable tbody tr.odd > .sorting_3,
    table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 {
        background-color: whitesmoke;
    }

    table.dataTable tbody tr.odd.selected > .sorting_1,
    table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
        background-color: #a6b4cd;
    }

    table.dataTable tbody tr.odd.selected > .sorting_2,
    table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 {
        background-color: #a8b5cf;
    }

    table.dataTable tbody tr.odd.selected > .sorting_3,
    table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {
        background-color: #a9b7d1;
    }

    table.dataTable tbody tr.even > .sorting_1,
    table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
        /*background-color: #f1f1f1;*/
    }

    table.dataTable tbody tr.even > .sorting_2,
    table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {
        background-color: #fcfcfc;
    }

    table.dataTable tbody tr.even > .sorting_3,
    table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {
        background-color: #fefefe;
    }

    table.dataTable tbody tr.even.selected > .sorting_1,
    table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
        background-color: #acbad5;
    }

    table.dataTable tbody tr.even.selected > .sorting_2,
    table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 {
        background-color: #aebcd6;
    }

    table.dataTable tbody tr.even.selected > .sorting_3,
    table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 {
        background-color: #afbdd8;
    }

    table.dataTable tbody tr:hover > .sorting_1,
    table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
        /*background-color: #eaeaea;*/
    }

    table.dataTable tbody tr:hover > .sorting_2,
    table.dataTable.order-column.hover tbody tr:hover > .sorting_2 {
        background-color: #ececec;
    }

    table.dataTable tbody tr:hover > .sorting_3,
    table.dataTable.order-column.hover tbody tr:hover > .sorting_3 {
        background-color: #efefef;
    }

    table.dataTable tbody tr:hover.selected > .sorting_1,
    table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 {
        background-color: #a2aec7;
    }

    table.dataTable tbody tr:hover.selected > .sorting_2,
    table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 {
        background-color: #a3b0c9;
    }

    table.dataTable tbody tr:hover.selected > .sorting_3,
    table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 {
        background-color: #a5b2cb;
    }

table.dataTable:not(.report-Table) tr.shown + tr > td {
    /*padding: 0;*/
    background-color: #fff;
}

table.extended-reportTable {
    width: 100%;
    -webkit-box-shadow: 0px -1px 2px 0px rgba(132, 132, 132, 0.75);
    -moz-box-shadow: 0px -1px 2px 0px rgba(132, 132, 132, 0.75);
    box-shadow: 0px -1px 2px 0px rgba(132, 132, 132, 0.75);
}

    table.extended-reportTable thead,
    table.extended-reportTable thead tr,
    table.extended-reportTable thead th {
        background-color: #eaeaea;
        color: #6f6e6e;
        border: 1px solid #a1a4a8;
        outline: none;
        text-align: left;
    }

    table.extended-reportTable tbody,
    table.extended-reportTable tbody tr:last-child {
        border: 1px solid #a1a4a8;
    }

    table.extended-reportTable tr.shown + tr > td {
        padding: 0;
        background-color: #eaeaea;
    }

div.extended-row-container {
    padding: 10px;
    margin: 5px;
    border: 1px solid #a1a4a8;
    background-color: #fff;
}

    div.extended-row-container.hide {
        display: none;
    }

/*Formatting*/

.display-none {
    display: none !important;
}

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

.display-block {
    display: block;
}

.display-inline {
    display: inline;
}

.border-radius5 {
    border-radius: 5px;
}

.border-box {
    box-sizing: border-box;
}

.clear-both {
    clear: both;
}

.clear-right {
    clear: right;
}

.float-right {
    float: right;
}

.float-left {
    float: left;
}

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

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

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

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

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

.valign-middle {
    vertical-align: middle;
}

.uppercase {
    text-transform: uppercase;
}

.lowercase {
    text-transform: lowercase;
}

.capitalize {
    text-transform: capitalize;
}

.small-caps {
    font-variant: small-caps;
}

.underline {
    text-decoration: underline;
}

.text-italic {
    font-style: italic;
}

.text-nowrap {
    white-space: nowrap;
}

.cursor-pointer {
    cursor: pointer;
}

.no-padding {
    padding: 0;
}

span.mask-currency {
    position: relative;
    left: 15px;
}

    span.mask-currency + input {
        padding-left: 15px;
        width: 100px;
    }

/*Fonts*/

.menu-font {
    font-family: Corbel_Regular;
}

.body-font {
    font-family: Open_Sans;
}

/*Colors*/

.body-font {
    color: #6f6e6e;
}

.text-white {
    color: #fff;
}

.text-black {
    color: #000;
}

.files-section-header,
.section-header,
.menu-background {
    background-color: #444c63;
}

.gray-background {
    background-color: #8b93a9;
}

.light-gray-background {
    background-color: #d7d8d8;
}

.white-background {
    background-color: #fff;
}

.PT-background {
    background-color: #2dbf3e;
}

.OT-background {
    background-color: #fc8301;
}

.ST-background {
    background-color: #28b8ec;
}

.SW-background {
    background-color: #e93e2c;
}

.MQ-color {
    color: #02237E;
}

div[class$='Missed-background'],
.important-background {
    background-color: #dd5555;
}

.important-color {
    color: #dd5555 !important;
}

.important-border {
    border: 1px solid #dd5555;
}

.green-color {
    color: #54c983;
}

.blue-color {
    color: #2892ec;
}

.yellew-color {
    color: #FF7100 !important;
}


.link-Color,
.link-Color:visited {
    color: #2892ec;
    outline: none;
}

    .link-Color:hover {
        text-decoration: underline;
    }

#BackLink {
    margin-bottom: 10px;
}

.notification-background {
    background-color: #fdb901;
    color: #fff;
}

.notification-container {
    width: 100%;
    padding: 10px;
}

/*Elements*/

h1,
h2,
h3,
h5,
h6 {
    clear: both;
}

h1 { /*Login Page & Nav Company Name*/
    font-family: Allura;
    color: #fff;
    font-weight: 300;
    font-size: 30pt;
    margin: 0;
}

h2 { /*Page Titles or Secondary*/
    font-weight: normal;
    color: #4f5974;
    font-size: 20pt;
    display: inline-block;
    margin: 0;
}

#PageHeader h2 { /*Page Titles*/
    font-size: 22pt;
}

h3 { /*Nav Titles*/
    font-size: 16px;
    opacity: .6;
    font-weight: bold;
    color: white;
    padding-left: 20px;
}

h4 { /*Form Section Headers*/
    color: #646464;
    font-size: 14pt;
    text-transform: uppercase;
    margin: 0;
    font-weight: normal;
    letter-spacing: 1px;
}

h5 {
    font-size: 1em;
    text-decoration: underline;
    margin-bottom: 0;
    margin-top: 20px;
}

h6 {
}

a {
    color: inherit;
    text-decoration: none;
    cursor: pointer;
}

/*a:visited {
        color: initial;
    }*/

select {
    font-size: 10pt;
}

/***** Leader Lists *****/

ol.leaders,
ul.leaders {
    overflow-x: hidden;
}


.leaders li:before {
    float: left;
    width: 0;
    white-space: nowrap;
    content: ". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .";
}

.leaders li.no-leader:before,
.leaders li.no-leader-space:before {
    float: none;
    width: auto;
    white-space: normal;
    content: "";
}

.leaders li:not(.no-leader-space) > span:first-child,
.leaders li:not(.no-leader-space) h3:first-child {
    padding-right: 0.33em;
    background: white;
}

.leaders li:not(.no-leader-space) span + span,
.leaders li:not(.no-leader-space) h3 + span {
    float: right;
    padding-left: 0.33em;
    background: white;
}

/*OPTION BOX*/

.optionbox-container {
    background-color: rgba(95,96,98,0.1);
    height: 38px;
    width: 100%;
    border: 1px solid #5f6062;
}

    .optionbox-container > div {
        height: 100%;
        float: left;
    }

        .optionbox-container > div > a {
            display: block;
            text-align: center;
            vertical-align: middle;
            height: 100%;
        }

        .optionbox-container > div:not(:last-child) > a {
            border-right: 1px solid #5f6062;
        }

/*SEARCH BOX*/

div.search-box {
    padding: 5px;
}

    div.search-box > label {
        font-style: italic;
    }

    div.search-box > div {
        /*margin-bottom: -15px;
        margin-top: 10px;*/
        max-width: 600px;
    }

        div.search-box > div > div {
            display: inline-block;
        }

    div.search-box div > a {
        padding: 10px;
        background-color: #fff;
        color: #939393;
        font-size: 8pt;
        border: 1px solid #939393;
        display: block;
        text-align: center;
    }

        div.search-box div > a:hover {
            background-color: rgba(233,235,237,0.75);
        }

        div.search-box div > a.search-item-active {
            background-color: #939393;
            color: #fff;
            font-weight: 600;
        }

/*Confirmation & Quick Confirmation*/

.confirmation-wrapper {
    position: fixed;
    z-index: 250;
    right: 0;
    left: 0;
    bottom: 40%;
    margin: 0 auto;
    min-height: 10em;
    width: 90%;
    max-width: 650px;
    color: #fff;
}

    .confirmation-wrapper > label.confirmation-header {
        display: block;
        background-color: #32384b;
        font-size: 1.5em;
        padding: 20px;
    }

.confirmation-content-wrapper {
    padding: 0 20px 20px;
}

div.confirmation-message {
    margin: 10px;
    color: #CCC;
}


div.confirmation-message,
div.confirmation-links {
    margin: 0;
}

    div.confirmation-message > p {
        padding: 10px 0;
    }

    div.confirmation-links > div {
        border: 4px solid rgba(255,255,255,.1);
    }

div.confirmation-wrapper h3 {
    font-size: 1.20em;
    margin: 0;
    padding: 0;
}

div.confirmation-links > div > div {
    padding: 10px 0;
    vertical-align: middle;
    text-align: center;
}

.quickconfirmation-wrapper {
    margin: 5px;
    padding: 5px;
}

    .quickconfirmation-wrapper > label {
        display: block;
        margin-left: 5px;
    }

        .quickconfirmation-wrapper > label.quickconfirmation-header {
            font-size: 1.25em;
        }

    .quickconfirmation-wrapper > div {
        display: block;
        margin: 0 5px;
        width: 30%;
    }

    .quickconfirmation-wrapper div.quickconfirmation-close {
        text-align: right;
    }

    .quickconfirmation-wrapper p {
        margin-left: 5px;
    }

div.quickconfirmation-close > div {
    border-radius: 50%;
    width: 25px;
    height: 25px;
    background-color: #fff;
    text-align: center;
    color: #000;
}

div.quickconfirmation-close a {
    display: block;
    color: #000;
    height: 100%;
}

/* MISC ********************/

.wait-cursor {
    cursor: wait !important;
}

.stretch {
    width: 100%;
    display: inline-block;
    font-size: 0;
    line-height: 0;
}

.width-100 {
    width: 100%;
}

.width-70 {
    width: 70%;
}

.width-50 {
    width: 50%;
}

.spacer {
    min-height: 62px;
}

.section {
    padding: 0.65em;
    background-color: rgba(233, 235, 237, 0.4);
}

.section-MQ,
.section-emphasize {
    padding: 0.5em;
}

.section-MQ {
    background-color: rgba(161, 164, 168, 0.25);
}

.section-emphasize {
    background-color: rgba(161, 164, 168, 0.1);
}

.files-section-header,
.section-header {
    color: #fff;
    min-height: 40px;
}

    .section-header > img,
    .section-header > label {
        vertical-align: middle;
    }

    .section-header > img {
        margin: 5px;
    }

    .files-section-header > label:first-child {
        line-height: 40px;
        margin: 0 10px;
    }

    .section-header > label:first-child {
        line-height: 40px;
        margin: 0 10px;
    }

    .files-section-header > div {
        background-color: rgba(113,128,169, 0.24);
        line-height: 40px;
    }

    .section-header > div {
        background-color: rgba(113,128,169, 0.24);
        line-height: 40px;
    }

    .section-header a {
        padding: 10px;
    }

    .section-header div.record-general-options > a:not(.opened):hover,
    .section-header div.record-medical-options > a:not(.opened):hover,
    .section-header div.record-message-all > a:not(.opened):hover {
        padding: 10px 10px 4px 10px;
        font-weight: bold;
    }

.view-options > label {
    padding-left: 10px;
    padding-right: 5px;
}

.view-options > select {
    height: 34px;
    margin-right: 2px;
}

.view-options > a {
    display: inline-block;
    padding: 5px;
    min-width: 27px;
    text-align: center;
    line-height: 30px;
}

    .view-options > a:hover,
    .view-options > a.active {
        padding: 5px;
        font-weight: bold;
    }

    .view-options > a:hover,
    .view-options > a.active,
    .section-header > div > a:not(.opened):hover {
        border-bottom: 5px solid #dd5555;
        line-height: 20px;
    }

    .view-options > a:not(:only-child):first-of-type {
        margin-left: 10px;
    }

    .view-options > a:not(:only-child):last-child {
        margin-right: 10px;
    }

.view-options.freq:first-of-type {
    margin-bottom: 10px;
}

.view-options.freq > a,
.view-options.view-sortbar > a {
    line-height: 20px;
}

    .view-options.freq > a:last-child,
    .view-options.view-sortbar > a:last-child {
        margin-right: 0px;
    }

    .view-options.freq > a:hover,
    .view-options.freq > a.active,
    .view-options.view-sortbar > a:hover,
    .view-options.view-sortbar > a.active {
        line-height: 20px;
        color: inherit;
        text-decoration: none;
        font-weight: bold;
    }

.section-divider {
    width: 85%;
    margin: 20px auto;
}

.table-format {
    font-size: 0.85em;
}

    .table-format th,
    .table-format td {
        border: 1px solid #000;
    }

.table-header,
.table-header h4,
.table-leftheading td:first-child {
    font-weight: bold;
}

.table-header {
    background: #6f6e6e;
    text-align: center;
}

    .table-header h4 {
        color: #fff;
    }

.table-subheader-background {
    background-color: #D8D8D8;
}

.table-leftheading td:first-child {
    background: #fff;
    padding-left: 10px;
}

#PainAssessment tbody td:first-of-type {
}

.div-table {
    display: table;
}

    .div-table > div {
        display: table-row;
    }

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

.patient-name {
    font-size: 16pt;
    padding-bottom: 10px;
}

select.patient-name {
    display: inline-block;
    font-size: 1em;
    padding-bottom: 0;
    /*margin-bottom: 10px;*/
    width: 80%;
    max-width: 600px;
}

    select.patient-name.jquery-enabled {
        width: 100%;
    }

    select.patient-name + input[type='submit'] {
        width: 18%;
        min-height: 40px;
        margin-bottom: 10px;
        padding: 0;
    }

/*.schedule-green-button,
.schedule-red-button,
.schedule-blue-button {
    border: 0;
    padding: 10px 0px;
    color: #fff;
    text-decoration: none;
    width: 80px !important;
    text-overflow: clip;
    text-align: center;
}

.schedule-green-button {
    background-color: #54c983;
}

.schedule-red-button {
    background-color: #dd5555;
}

.schedule-blue-button {
    background-color: #2892ec;
}*/

.green-button,
.blue-button,
.gray-button,
.red-button,
.yellow-button,
.button-format {
    position: relative;
    border: 0;
    padding: 10px 15px;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 5px;
    -webkit-transition: all 0.15s;
    -moz-transition: all 0.15s;
    transition: all 0.15s;
    outline: none;
}

    .green-button:active,
    .blue-button:active,
    .gray-button:active,
    .red-button:active,
    .yellow-button:active,
    .button-format:active {
        position: relative;
        top: 2px;
        -webkit-box-shadow: 0px 0px 0px #84261a;
        -moz-box-shadow: 0px 0px 0px #84261a;
        box-shadow: 0px 0px 0px #84261a;
    }

.button-format-small {
    font-size: 12px !important;
    padding: 5px 8px !important;
}

.button-format-small-map {
    font-size: 12px !important;
    padding: 5px 8px !important;
    margin-top: 2px;
    margin-bottom: 5px;
}

.red-button,
.green-button,
.blue-button {
    color: #fff;
}

.red-button {
    background-color: #dd5555;
    border: solid 1px #843333;
    -webkit-box-shadow: 0px 2px 0px #843333;
    -moz-box-shadow: 0px 2px 0px #843333;
    box-shadow: 0px 2px 0px #843333;
}

.green-button {
    color: #fff;
    background-color: #54c983;
    border: solid 1px #32784e;
    -webkit-box-shadow: 0px 2px 0px #32784e;
    -moz-box-shadow: 0px 2px 0px #32784e;
    box-shadow: 0px 2px 0px #32784e;
}

.blue-button {
    background-color: #2892ec;
    color: #fff;
    border: solid 1px #1c66a5;
    -webkit-box-shadow: 0px 2px 0px #1c66a5;
    -moz-box-shadow: 0px 2px 0px #1c66a5;
    box-shadow: 0px 2px 0px #1c66a5;
}

.yellow-button {
    background-color: #fdb901;
    color: #fff;
    border: solid 1px #CD9B1D;
    -webkit-box-shadow: 0px 2px 0px #CD9B1D;
    -moz-box-shadow: 0px 2px 0px #CD9B1D;
    box-shadow: 0px 2px 0px #CD9B1D;
}

.gray-button {
    background-color: #ebecee;
    color: #818387;
}

.text-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.red-bubble,
.green-bubble {
    border-radius: 50%;
    width: 15px;
    height: 15px;
    display: inline-block;
}

.red-bubble {
    background-color: #dd5555;
}

.green-bubble {
    background-color: #54c983;
}


/*Signatures*/

div.signature-section,
div.signature-resign {
    position: relative;
    min-width: 840px;
}

div.canvas-wrapper {
    width: 800px;
    height: 300px;
    position: relative;
    margin: 0 auto;
}

    div.canvas-wrapper > canvas {
        width: 794px;
        height: 294px;
        border: 3px dotted #000;
        cursor: crosshair;
        display: block;
        margin: 0 auto;
    }

    div.canvas-wrapper > div {
        margin: -70px 30px 0;
    }

div.signature-section.mobile,
div.signature-resign.mobile {
    min-width: 590px;
}

    div.signature-section.mobile div.canvas-wrapper,
    div.signature-resign.mobile div.canvas-wrapper,
    div.canvas-wrapper.cosign-canvas {
        width: 550px;
        height: 300px;
    }

        div.signature-section.mobile div.canvas-wrapper > canvas,
        div.signature-resign.mobile div.canvas-wrapper > canvas,
        div.canvas-wrapper.cosign-canvas > canvas {
            width: 544px;
            height: 294px;
        }

div.saved-signature {
    width: 70%;
    margin: 0 auto;
    text-align: center;
}

div.saved-signature {
    margin-bottom: 40px;
}

    div.saved-signature > img {
        margin-top: 50px;
    }

div.clear-signature-wrapper {
    padding-top: 20px;
    text-align: center;
}

label.signature-captured-outside {
    display: block;
    padding: 60px 0;
    font-size: 1.25em;
    font-weight: bold;
}

/*Modal background*/
div.modal-contents-div {
    background-color: #FFF;
    padding: 15px;
}

div.modal-contents-div-dark {
    background-color: #454d63;
    padding: 15px;
}

div.modal-form-wrapper {
    padding: 10px;
    background-color: #eff0f2;
}

/*Message Modal*/

#FormTherapistMessage {
    width: 100%;
    max-width: 600px;
}

    #FormTherapistMessage label:first-child {
        float: left;
        text-align: right;
        width: 65px;
    }

    #FormTherapistMessage label:nth-child(2) {
        display: block;
        padding-left: 80px;
    }

    #FormTherapistMessage > div:last-of-type {
        margin-top: 10px;
    }

    #FormTherapistMessage input[type='text'] {
        margin-bottom: 10px;
    }

/*Message Modal*/
.LMFullName {
    cursor: pointer;
}

    .LMFullName:hover {
        text-decoration: underline;
    }

/* Hide Placeholder On Focus*/
/* WebKit browsers */
.placeholder-focus-hide:focus::-webkit-input-placeholder {
    color: transparent;
}

/* Mozilla Firefox 4 to 18 */
.placeholder-focus-hide:focus:-moz-placeholder {
    color: transparent;
}

/* Mozilla Firefox 19+ */
.placeholder-focus-hide:focus::-moz-placeholder {
    color: transparent;
}

/* Internet Explorer 10+ */
.placeholder-focus-hide:focus:-ms-input-placeholder {
    color: transparent;
}