﻿
.pdf-body {
    padding: 30px;
}

.pdf-body hr {
    background-color: #00346B;
    border-top-width: 3px;
    margin-top: 6px;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
    text-transform:none;
}

/******************* general ******************/

.section-header {
    color: #323b42;
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 20px;
}

.opacity-4,
button.opacity-4,
div.opacity-4 {
    opacity: .4;
}


.input-group-prepend .input-group-text {
    background-color: #FFF;
}

.input-group-prepend i {
    color: #3397c8;
}


.button-panel .btn.admin, .btn.admin {
    background-color: #e1e1e1!important;
}

    .btn.admin:hover  {
        color: #666666 !important;
        border-color: #666666 !important;
    }


    /*.btn.admin:focus {
        box-shadow: 0 0 0 0.2rem rgb(142, 140, 132 / 50%)!important;
    }*/

input.admin,
input.admin:focus,
select.admin,
select.admin:focus,
textarea.admin,
textarea.admin:focus,
li.admin,
.subfield-admin
/*,div.admin .tox .tox-edit-area__iframe*/ {
    background-color: #f1f1f1;
}

.subfield-admin {
    padding:10px;
}

.badge-view-draft, .badge-view-final,
.badge-view-draft i, .badge-view-final i,
.badge-edit-draft, .badge-edit-final,
.badge-edit-draft i, .badge-edit-final i {
    background-color: #FFF;
    color: #3397c8;
}

.badge.badge-edit-final.admin,
.badge.badge-edit-final.admin i,
.ip-button-secondary.admin,
.ip-button-primary.admin {
    color: #3397c8;
    background-color: #e1e1e1
}


.badge-view-draft, .badge-view-final,
.badge-edit-draft, .badge-edit-final {
    border: 1px solid #cccccc;
    padding: 6px 10px 6px 10px;
    margin-bottom: 0;
}


.badge-list-view {
    padding: 7px;
    margin-bottom: 3px;
}

.badge-submission-general {
    color: #FFF;
    background-color: #3b1;
}

.badge-submission-consultation {
    color: #FFF;
    background-color: #371;
}

.badge-submission-request {
    color: #FFF;
    background-color: #351;
}

.badge-submission-request-recurring {
    color: #FFF;
    background-color: #00346B;
}

#progress li.active {
    font-size: 1.5rem;
    font-weight: 900;
}

#progress li.badge-draft:after {
    /*    border-left-color: #ffd800;
*/
    border-left-color: #e9b52b;
}
#progress li.badge-testing:after {
    border-left-color: #FDAD4E;
}

#progress li.badge-pending:after {
    border-left-color: #fd8a03;
}

#progress li.badge-open:after {
    border-left-color: #018695;
}

#progress li.badge-closed:after {
    border-left-color: #4e0a1c;
}
.badge-draft,
.badge.badge-new {
    /*    background: #ffd800;
*/
    background: #e9b52b;
}

.badge-testing {
    color: #FFF;
    background: #FDAD4E;
}

.badge-pending {
    color: #FFF;
    background: /*#ff6a00;*/ #fd8a03;
}

.badge-open {
    color: #FFF;
    background: #018695;
    /*    background: #3b1;
*/
}

.badge-closed {
    color: #FFF;
    background: red;
}

.badge-archived {
    color: #FFF;
    background-color: #e1e1e1;
}

.badge-live {
    color: #FFF;
    background-color: #3b1;
}

.badge-pending-publish {
    color: #FFF;
    background-color: #fd8a03;
}

.badge-closed {
    color: #FFF;
    background-color: #4e0a1c;
}

.badge-archived {
    background-color: #e1e1e1;
}

.badge-unpublished {
    background-color: #ffd800;
}

.badge-new {
    color: #FFF;
    background-color: #3397c8;
}

.table .badge-view-draft, .table .badge-view-final,
.table .badge-edit-draft, .table .badge-edit-final {
    padding: 3px;
}

.badge-time-remaining {
    background-color: red;
    color: #FFF;
}

.badge-more-info:hover {
    cursor:pointer;
}

.ip-general-header,
.ip-record-data-header,
.ip-view-data-header {
    margin-top: 50px;
}

.header-area.card {
    border-radius: 0;
    /*border-top: 3px solid #018695 !important;*/
    margin-bottom: 0;
    padding-top: 20px;
    padding-bottom: 10px;
    border-bottom: 0px hidden;
    /*background-color: #f9f9f9;*/
}



@media (min-width:960px) {
    .ip-general-body .card, .ip-record-data-header .card-body, .ip-record-data-description .card-body, .ip-record-data-dataentry .card-body {
        padding-left: 30px;
        padding-right: 30px;
    }
}

.ip-general-body .card-body {
}

.modal-content {
    padding-left: 15px;
    padding-right: 15px;
}

.js-embedded-content a {
    color: #14767B;
    text-decoration: underline;
}

a {
    cursor: pointer;
}

    a:hover {
        text-decoration: none;
        cursor: pointer;
    }

    a.ip-filter i {
        color: #FFF;
    }

  /*  .fa-trash,
    a i {
        color: #000;
    }*/

i, .btn {
    cursor: pointer;
}

.custom-file-input {
    cursor: pointer;
}

i.disabled {
    color: #808080;
    cursor: not-allowed;
}

.modal .btn {
    margin-top: 10px;
}


.table.raw-data {
    margin-top: 20px;
}

    /*.table th {
    border-top: none;
}*/

    .table.raw-data th {
        border-top: 1px;
        border-top-style: solid;
        vertical-align: bottom;
        text-align: center;
    }

        .table.raw-data th span {
            -ms-writing-mode: tb-rl;
            -webkit-writing-mode: vertical-rl;
            writing-mode: vertical-rl;
            transform: rotate(210deg);
            white-space: nowrap;
        }

h6 {
    margin-top: 6px;
}


hr.end-of-fields {
    margin-top: 40px;
    margin-bottom: 5px;
}


/********************** SQUARE EDGES ***************************************************/
/*button.btn:not(.dropdown-toggle), a.btn, span:not(.fa-layers-counter, .badge-pill, .rounded-circle), .jumbotron, .dropdown-menu, .modal-content, .card, div.alert, .nav-link*/ /*, .case-search .input-group-text, .case-search typeahead*/ /*{
    border-radius: 0 !important;
}*/

.btn.dropdown-toggle .fa-ellipsis {
    margin-left: -2px;
    margin-top: -3px;
}

/*.case-search .input-group-text, .case-search typeahead {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    }
*/
.input-group .input-group-append:last-of-type .input-group-text {
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}
/*
.jumbotron {
    box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.16);
}*/
/************ validation *********************/

.csv-upload-errors-wrapper {
    margin-top: 4px;
    margin-bottom: 10px;
}

.csv-upload-errors {
    background: #fff6f5;
    padding: 10px;
    border: 1px solid red;
    border-radius: 5px;
}

    .csv-upload-errors .badge {
        margin-top: 10px;
        cursor: pointer;
    }

.field-validation-valid {
    display: none;
}

.field-validation-error, .error {
    color: red;
    font-size: smaller;
    font-style: italic;
}

textarea.input-validation-error {
    border: 1px solid #e80c4d;
}

/************* file uploads */

.uploadSuccess {
    position: absolute;
    right: 0;
}

.press-upload-please {
    background: #ededed;
    border: 1px solid #ccc;
    padding: 10px 30px;
    border-radius: 3px;
    cursor: pointer;
}


/******************* filter ******************/
.js-searchBox {
    background: aliceblue;
    border: #d2e5f0;
    border-width: 1px;
    border-style: solid;
    border-radius: 0 0 5px 5px;
    margin-left: 15px;
}

h6.js-search-header {
    margin-left: 15px;
}

span.js-search-header {
    background: aliceblue;
    padding: 10px 10px 10px 20px;
    border: #d2e5f0;
    border-width: 1px;
    border-style: solid;
    border-radius: 5px;
    margin-left: -15px;
}

    span.js-search-header.expanded {
        border-radius: 5px 5px 0px 0px;
    }

    span.js-search-header i {
        margin-left: 5px;
    }

.js-searchBox .js-largeSearchRow {
    margin-bottom: 6px;
}

.js-searchBox .form-group {
    margin-bottom: 6px;
}

.js-searchBox.expanded {
    margin-bottom: 6px;
}

/*.js-toolbar span {
    margin-left: 6px;
    background: aliceblue;
    border: #d2e5f0;
    border-width: 1px;
    border-style: solid;
    border-radius: 5px;
    cursor: pointer;
}*/

.js-results .no-results {
    margin-top: 30px;
}

/************** admin *********************/

.js-columnData, .js-technicalData, .js-selectUsers {
    margin-top: 30px;
}


.js-formOptions, .js-csvOptions, .js-reportingOptions {
    padding-left: 20px;
    padding-right: 20px;
}

i.accessLevel {
    /*color: #007bff;*/
    color: #3397c8;
    font-size: 14px;
    margin-left: 6px;
}

div.manage i {
    margin-left: 3px;
}

select {
    padding: 4px;
    width: 100%;
}

.badge.admin {
    background-color: #3b1;
    color: white;
}

.badge.moderation {
    background-color: orange;
    color: black;
}

/*    .adminFooter {
        border-radius: 5px 5px 0 0;        
        position: fixed;
        bottom: 0;
        right: 30px;
        background: #3b1;
        color: white;
        height: 80px;
        font-size: 30px;
        padding: 15px;
        z-index: 1000;
    }
*/
.adminFooter {
    border-radius: 5px 5px 0 0;
    position: fixed;
    bottom: 0;
    right: 30px;
    background: black;
    color: white;
    height: 90px;
    font-size: 16px;
    padding: 15px;
    padding-top: 5px;
    padding-bottom: 15px;
    z-index: 1000;
}
    .adminFooter .large {
        font-size: 24px;
        margin-bottom:4px;
    }

.moderationFooter {
    border-radius: 5px 5px 0 0;
    position: fixed;
    bottom: 0;
    right: 30px;
    background: rgb(241, 90, 41);
    color: white;
    height: 90px;
    font-size: 16px;
    padding: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    z-index: 1000;
}
    .moderationFooter .large {
        font-size: 24px;
        margin-bottom: 4px;
    }

    .testingFooter {
        border-radius: 5px 5px 0 0;
        position: fixed;
        bottom: 0;
        right: 30px;
        background: #FDAD4E;
        color: black;
        height: 70px;
        font-size: 30px;
        padding: 15px;
        z-index: 1000;
    }

.ip-submissions-due i {
    font-size: 20px;
    color: #3397c8 !Important;
}

.ip-submissions-due .col {
    border-left: 1px solid #e1e1e1;
}

.ip-quicklinks {
    padding: 0;
    margin-right: -10px;
    color: #3397c8 !Important;
}

@media (min-width:0px) {
    .ip-quicklinks-item {
        width: 100%;
        float: left;
        padding: 0 10px 10px 0;
    }

    .long-quicklink {
        display: none;
    }

    .short-quicklink {
        display: initial;
    }
}

@media (min-width:600px) {

    .long-quicklink {
        display: initial;
    }

    .short-quicklink {
        display: none;
    }
}

@media (min-width:960px) {

    .ip-quicklinks-item {
        width: 50%;
        float: left;
        padding: 0 10px 10px 0;
    }

    .long-quicklink {
        display: none;
    }

    .short-quicklink {
        display: initial;
    }
}

@media (min-width:1200px) {

    .long-quicklink {
        display: initial;
    }

    .short-quicklink {
        display: none;
    }
}

.ip-quicklinks-item a {
    border: 1px solid #e1e1e1;
    padding: 10px 10px 8px 0;
    width: 100%;
    display: block;
    font-size: 15px;
    font-weight: bold;
}

    .ip-quicklinks-item a:hover {
        text-decoration: none;
    }

    .ip-quicklinks-item a i {
        margin-right: 7px;
        font-size: 20px;
        margin-top: -10px;
        padding: 10px;
        border-right: 1px solid #e1e1e1;
        float: left;
        color: #3397c8 !Important;
    }


@media (min-width:0px) {
    .mobile-only {
        display: initial;
    }

    .desktop-only {
        display: none;
    }
}

@media (min-width:960px) {
    .mobile-only {
        display: none;
    }

    .desktop-only {
        display: initial;
    }
}

@media (min-width:0px) {
    img {
        max-width: 300px;
    }

   /* .impersonation-badge {
        padding: 10px;
        border-radius: 0;
    }*/

    .button-panel-wrapper {
        text-align: center;
        margin-bottom: 10px;
    }
}


@media (min-width:960px) {

    h4.with-button-panel {
        margin-right: 240px;
        margin-left: 240px;
    }

    img {
        max-width: none;
    }

    /*.card-body {
        width: 28rem;
    }*/

    .submissions .card-body,
    .contacts .card-body,
    .users .card-body,
    .organisations .card-body {
        width: auto;
    }

  /*  .impersonation-badge {
        border-radius: 0px 0px 5px 5px;
        padding: 10px;
        position: fixed;
        top: 0;
        left: 300px;
    }*/


    .button-panel-wrapper {
        position: relative;
    }

    .button-panel {
        position: absolute;
        left: 0;
    }

        .button-panel.right {
            left: auto;
            right: 0;
        }

        .button-panel .btn {
            margin-top: 0px;
        }

        .button-panel.right .btn {
            margin-top: 0px;
            /*margin-left:6px;*/
        }
}


.cr-p {
    cursor: pointer;
}

.tabbed.breadcrumb {
    background-color: transparent;
    font-size: 10px;
}

.tagged-field-0 {
    background-color: #28a745
}

.tagged-field-1 {
    background-color: #2dbc4e
}

.tagged-field-2 {
    background-color: #34ce57
}

.tagged-field-3 {
    background-color: #48d368
}

/*********************** PAGINATION****************/

.page-item.active .page-link {
    background-color: #3b1;
    border-color: #391;
}

.toggle-handle:hover {
    cursor: pointer;
}

button.ip-button-primary.close-immediately,
button.ip-button-primary.close-immediately:active,
button.ip-button-primary.close-immediately:visited,
button.ip-button-primary.close-immediately:focus {
    background-color: red;
    color: #fff;
    border-color: red;
}

    button.ip-button-primary.close-immediately:hover,
    button.ip-button-primary.close-immediately:focus,
    button.ip-button-primary.close-immediately:active {
        color: #fff;
        box-shadow: 0 0 0 0.2rem rgba(242,7,30,0.25);
    }

button.ip-button-primary.redraft,
button.ip-button-primary.redraft:active,
button.ip-button-primary.redraft:visited,
button.ip-button-primary.redraft:focus {
    background-color: #ffd800;
    color: #fff;
    border-color: #ffd800;
}

    button.ip-button-primary.redraft:active,
    button.ip-button-primary.redraft:hover,
    button.ip-button-primary.redraft:focus {
        color: #fff;
        box-shadow: 0 0 0 0.2rem rgba(231,215,18,0.25);
    }


.box {
    /*width: 200px;
        height: 300px;*/
    position: relative;
    border: 1px solid #BBB;
    background: #eee;
}

.ribbon-wrapper {
    position: relative;
    margin: -49px;
    padding: 49px;
    padding-bottom: 0;
    margin-bottom: 0px;
}

.ribbon.small {
    /*right: 0px;
    top: 0px;*/
}

.ribbon.small span {
    line-height: 15px;
}
.ribbon.left {
    top: -4px;
    left: -6px;
    right: auto;
}
    .ribbon.left span {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg); /* Needed for Safari */
        box-shadow: 0 3px 7px -5px rgba(0, 0, 0, 1);
        position: absolute;
        top: 19px;
        right: -18px;
        width:120px;
    }

.ribbon {
    position: absolute;
    /* right: -5px;
    top: -5px;*/
    right: 57px;
    top: 8px;
    z-index: 1;
    overflow: hidden;
    width: 100px;
    height: 20px;
    /*height: 75px;*/
    /*text-align: right;*/
}

    .ribbon span {
        font-size: 10px;
        color: #fff;
        text-transform: uppercase;
        text-align: center;
        font-weight: bold;
        line-height: 20px;
        /*transform: rotate(45deg);
        -webkit-transform: rotate(45deg);*/ /* Needed for Safari */
        width: 100px;
        display: block;
        /*background: #79A70A;*/
        /*background: linear-gradient(#9BC90D 0%, #79A70A 100%);*/
        box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
        /* position: absolute;*/
        /*top: 19px;
        right: -21px;*/
        /*top: 0;
        right:0;*/
    }

        .ribbon span.draft {
            background: #e9b52b;
        }
        .ribbon span.testing {
            background: #FDAD4E;
        }

        .ribbon span.pending {
            background: #ff6a00;
            /*            background: rgb(131,58,180);
            background: linear-gradient(90deg, rgba(131,58,180,1) 0%, rgba(253,138,3,1) 0%, rgba(252,176,69,1) 52%);
*/
        }

        .ribbon span.open {
            background: limegreen;
            /*background: #018695;*/
            /*background: #79A70A;*/
            /*background: linear-gradient(#9BC90D 0%, #79A70A 100%);*/
        }

        .ribbon span.closed {
            background: #700f28;
            /*background: linear-gradient(to right, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 19%, rgba(246,41,12,1) 64%, rgba(240,47,23,1) 86%, rgba(231,56,39,1) 100%);*/
        }
        .ribbon span.overdue {
            background: #e21d00;
            /*background: linear-gradient(to right, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 19%, rgba(246,41,12,1) 64%, rgba(240,47,23,1) 86%, rgba(231,56,39,1) 100%);*/
        }

        .ribbon span.extension {
            background: #de5d7e;
            /*background: linear-gradient(to right, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 19%, rgba(246,41,12,1) 64%, rgba(240,47,23,1) 86%, rgba(231,56,39,1) 100%);*/
        }

        .ribbon span.archived {
            background: #e1e1e1;
        }

.js-request-extension {
    color: #e21d00;
    background: #fff;
    border: 1px solid #e21d00;
}
    .js-request-extension:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(89 11 0 / 25%);
}
    .js-request-extension:hover {
        color: white;
        background: #e21d00
    }

.badge-overdue {
    color: #fff;
    background: red;
}

.badge-duesoon {
    color: #fff;
    background: #ff6a00;
}

.badge-duelater {
    color: #fff;
    background: #3b1;
}

.with-side-border {
    border-left: 4px solid #e1e1e1;
    padding-left: 30px;
}

/*********************** color for drggable uploads ***********/
.info-prov-draggable-upload {
    border-radius:16px;
    font-size: 0.75rem; /* 20 */
    background-color: #DEEFF1;
    position: relative;
    padding: 20px 20px;
    outline: 1px dashed #4daab4;
    outline-offset: -10px;
    -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
    transition: outline-offset .15s ease-in-out, background-color .15s linear;
}

    .info-prov-draggable-upload.is-dragover {
        outline-color: #c8dadf;
        background-color: #fff;
        border: 1px solid #92b0b3;
    }

/********************** ... drop down menu ********************/

.more-info .dropdown-toggle:after {
    content: none
}

.more-info .btn {
    border-radius: 100%;
    /*    height: 30px;
*/
    width: 39px;
    height: 39px;
    margin: 0 0 0px 10px;
    padding: 17px 9px;
    border: solid 1px #dfdfdf;
    background-color: #ffffff;
    position: relative;
}

    .more-info .btn .fa-ellipsis-h {
        position: absolute;
        top: 12px;
        right: 12px;
    }


.more-info .dropdown-menu .dropdown-item {
    text-transform: none;
    cursor: pointer;
}

    .more-info .dropdown-menu .dropdown-item:hover {
        cursor: pointer;
    }


.more-info-small .dropdown-toggle:after {
    content: none
}
.more-info-small .btn {
    border-radius: 100%;
    /* height: 30px; */
    width: 25px;
    height: 25px;
    /* margin: 0 0 0px 10px; */
    /* padding: 5px 5px; */
    border: solid 1px #dfdfdf;
    background-color: #ffffff;
    position: relative;
}

    .more-info-small .btn .fa-ellipsis-h {
        position: absolute;
        top: 6px;
        right: 6px;
    }

@media (min-width: 768px) {
    .border-md-left {
        border-left: 1px solid #f2f2f2 !important;
    }
}

/************* external content *******************/
.external-content-padding {
    padding:0!important; /* we have our own padding*/
}

/********* impersonation badge ********/

.impersonation-badge {
    /*bottom: 0;*/
    top: 0;
    /*right: 220px;*/
    /*    left: 0;
*/
    background-color: #e21d00;
}

    .impersonation-badge a {
        border: #e21d00;
        color: #e21d00;
    }

        .impersonation-badge a:focus {
            outline:0;
            box-shadow: 0 0 0 0.2rem rgba(89 11 0 / 25%);
        }


/****** testiing buttons */
.testing .btn.btn-outline-primary, .testing .btn.btn-outline-secondary {
    background: white;
}

    .testing .btn.btn-outline-primary:hover {
        background: #018695 !important;
        color: white;
    }

.testing .btn.btn-outline-secondary:hover {
    background: #8e8c84 !important;
    color: white;
}

/************* User tabs need some padding *****************/
#userTabContent {
    padding: 30px;
    padding-top: 20px;
}

.section-header.small {
    font-size: 1rem;
}
.section-header.large {
    font-size: 1.4rem;
}

.grey-background-class {
    background: #e1e1e1;
}

/**************** drop downs ***********************/

/*ul.dropdown-menu li:first-child .dropdown-item:hover, ul.dropdown-menu li:first-child .dropdown-item:focus {
    border-top-left-radius: 17px;
    border-top-right-radius: 17px;
}

ul.dropdown-menu li:last-child .dropdown-item:hover, ul.dropdown-menu li:last-child .dropdown-item:focus {
    border-bottom-left-radius: 17px;
    border-bottom-right-radius: 17px;
}

.dropdown-menu > a.dropdown-item:first-child:hover, ul.dropdown-menu > a.dropdown-item:first-child:focus {
    border-top-left-radius: 17px;
    border-top-right-radius: 17px;
}
.dropdown-menu > a.dropdown-item:last-child:hover, ul.dropdown-menu > a.dropdown-item:last-child:focus {
    border-bottom-left-radius: 17px;
    border-bottom-right-radius: 17px;
}

.dropdown-menu > a.dropdown-item {
    padding-top:8px;
    padding-bottom:8px;
}*/


/*************** Modal paragraphs *************/

:not(#EMailBody) .modal p {
    margin-bottom: 6px !important;
}

table tbody tr td.remove-padding {
    padding: 0 !important;
    border: none !important;
    border-bottom-style: none !important;
}

table tbody tr td.remove-border {
    border: none !important;
    border-bottom-style: none !important;
}
table tbody tr td.add-padding {
    padding: 15px!important;

}


/****************** User forms **********************/

.label-wrapper a {
    text-decoration: underline;
}


/**************** embedded content ******************/

.js-embedded-content ul {
    list-style-type: disc;
    padding-left: 30px;
    margin-bottom: 15px;
}

.js-embedded-content p {
    margin-bottom:15px;
}


/******************** External links pseudo element ****************/
.data-set-information a::after {
    display: inline-block;
    font: var(--fa-font-light);
    /*content: '\f08e';*/
    content: '\e09f';
    margin: 0px 5px 0px 7px;
    text-decoration: none;
}

a.external-link::after {
    display: inline-block;
    font: var(--fa-font-light);
    /*content: '\f08e';*/
    content: '\e09f';
    margin: 0px 5px 0px 7px;
    text-decoration: none;
}

/******************** Dropdown caret pseudo element ****************/
/*.input-group:has(select) {
    position:relative;
}
    .input-group:has(select)::after {
        display: inline-block;
        position: absolute;
        font: var(--fa-font-thin);
        content: '\f107';*/
        /*margin: 10px 0px -10px 7px;*/
        /*text-decoration: none;*/
        /*z-index:10000;*/
        /*top: 10px;
        right: 10px;
    }*/


/******************* Likert Scale Mobile vs Desktop *************/
input[type="radio"]:hover {
    cursor: pointer;
}

@media(min-width:1000px) {


    .js-likert input[type="radio"]:not(.pdf), .js-likert input[type="checkbox"]:not(.pdf) {
        width: 20px;
        height: 20px;
    }

        .js-likert .form-check-label {
            margin-left: 0px;
            margin-right: 6px;
            font-size: 1.2rem;
        }

        .js-likert input[type="radio"] {
            margin-left: 3px;
        }

        .js-likert .form-check {
            margin-right: 6px;
            padding-left: 0px;
        }

        .js-likert .form-check-input {
            margin-left: 0;
        }
    }

@media(max-width:1000px) {

    .js-likert input[type="radio"], .js-likert input[type="checkbox"] {
        width: 15px;
        height: 15px;
    }

    .js-likert input[type="radio"] {
        margin-left:3px;
    }

    .js-likert .form-check-label {
        margin-left: 0px;
        margin-right: 6px;
        font-size: 1rem;
    }

    .js-likert .form-check {
        margin-right: 6px;
        padding-left:0px;
    }

    .js-likert .form-check-input {
        margin-left: 0;
    }
}

.tox-statusbar__text-container.tox-statusbar__text-container--flex-start {
    display:none!important;
}
.tox .tox-statusbar__text-container {
    /*height: 0px!important;*/
}

.tox .tox-statusbar {
    border-top:none;
}

.tox .tox-toolbar__primary {
    margin-bottom:-25px;
}
.tox .tox-statusbar__resize-handle {
    height: 15px;
    z-index: 1000;
    margin-top:10px;
}

.isp-body-style {
    font-size: 0.95rem;
}

    .isp-body-style p {
        margin-bottom: 6px;
    }

    .isp-body-style.small {
        font-size: 0.85rem;
    }

    .isp-body-style.muted {
        color: #8e8c84 !important;
    }

.isp-display-only-style {
    color: #1bb4b9 !important;
    padding-left: 15px;
    padding-bottom: 5px;
    font-weight: 600;
}

.isp-response-style {
    color: #1bb4b9!important;
    padding-left: 15px;
    padding-bottom: 5px;
    font-style: italic;
}



.js-reviewer-area .custom-editor-wrapper {
    padding: 0px !important;
    border-radius: 8px !important;
    box-shadow: 0 3px 0px -1px rgba(0, 0, 0, .05);
}

    .js-reviewer-area .custom-editor-wrapper .tox-tinymce {
        border: 1px solid #e1e1e1;
    }

.js-reviewer-area .info-prov-draggable-upload {
    background-color: white !important;
}

.js-field-definition-content-wrapper input[type="checkbox"] {
    font-size: 1.4rem;
    margin-left: -1rem !important;
}

.js-field-definition-content-wrapper label.form-check-label {
    font-size: 14px;
    margin-top: 4px;
    margin-left: 1rem !important;
}

/* Cards on make a submission */
.response-summary a {
    text-decoration:underline;
}
