/* -------------------------------------------------------------- */
/*	GENERAL
/* -------------------------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6 {
    text-rendering: optimizelegibility;
}

.strong {
    font-weight: bold;
}

.color-cta-orange {
    color: #F0810A;
}

.bg-ctc-darkblue {
    background-color: #07587C;
    color: #fff;
}

.color-red {
    color: red;
}

.color-blue-bold {
    color: #1882dd;
    font-size: 20px;
    font-weight: bold;
}

h4.no-items {
    margin: 100px 0 200px 0;
    text-align: center;
    color: #555555;
}

.bottom {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
}

@media (min-width: 768px) {
    th.no-mobile,
    td.no-mobile {
        display: table-cell;
    }
}

.sidebar span.label {
    padding: 1px 2px;
}
/* Override form field placeholder text color */
.form-control::-webkit-input-placeholder {
    color: #BBB;
}
/* WebKit, Blink, Edge */
.form-control:-moz-placeholder {
    color: #BBB;
}
/* Mozilla Firefox 4 to 18 */
.form-control::-moz-placeholder {
    color: #BBB;
}
/* Mozilla Firefox 19+ */
.form-control:-ms-input-placeholder {
    color: #BBB;
}
/* Internet Explorer 10-11 */
.form-control::-ms-input-placeholder {
    color: #BBB;
}
/* Microsoft Edge */
/* -------------------------------------------------------------- */
/*	NOTIFICATION
/* -------------------------------------------------------------- */
#notification-modal .modal-dialog .modal-content .modal-body p {
    word-wrap: break-word;
}
/* -------------------------------------------------------------- */
/*	FORM
/* -------------------------------------------------------------- */
form label.error {
    float: right;
    margin: 5px 200px 0 0;
    font-weight: bold;
    font-size: 12px;
    color: red;
}

form label.errorSmall {
    float: right;
    margin: 5px 5px 0 0;
    font-weight: bold;
    font-size: 12px;
    color: red;
}

form.left-label-error label.error {
    float: initial;
    margin: initial;
}

form .required-indicator {
    color: red;
    margin-right: 3px;
}

form .required-message {
    clear: both;
    margin-top: 15px;
    font-size: 14px;
}

.form-box .logo {
    text-align: center;
    margin-bottom: 15px;
}

.form-box .logo-poweredby {
    text-align: center;
    margin-top: 5px;
}
/* -------------------------------------------------------------- */
/*	TABLE
/* -------------------------------------------------------------- */
.table > thead > tr > th, .table > tbody > tr > th,
.table > tfoot > tr > th, .table > thead > tr > td,
.table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 14px 8px;
}

th.no-mobile,
td.no-mobile {
    display: none;
}

.table-overflow {
    overflow: auto;
}

.table.table-cta td.table-icon {
    width: 40px;
    text-align: left;
}

.table.table-cta td.table-badge {
    width: 80px;
    text-align: left;
}

.table.table-cta td.table-label {
    text-align: left;
}

    .table.table-cta td.table-label .label {
        margin-right: 3px;
    }

.table.table-cta th.text-center {
    text-align: center;
}

.table.table-cta td.text-center {
    text-align: center;
}

.table.table-cta td.vertical-middle {
    vertical-align: middle
}

.table.table-cta > tbody > tr > td.table-actions {
    text-align: left;
    font-size: 16px;
}

.table.table-cta > tbody > tr > td.table-actions-1,
.table.table-cta > tbody > tr > td.table-actions-2 {
    width: 50px;
}

.table.table-cta > tbody > tr > td.table-actions-3 {
    width: 80px;
}

.table.table-cta > tbody > tr > td.table-actions-4 {
    width: 110px;
}

.table.table-cta tbody tr td i.fa {
    margin-right: 5px;
}

.table.table-cta tbody tr td i.fa-eye,
.table.table-cta tbody tr td i.fa-pencil,
.table.table-cta tbody tr td i.fa-list,
.table.table-cta tbody tr td i.fa-calendar,
.table.table-cta tbody tr td i.fa-calendar-plus-o {
    color: #497D04;
}

.table.table-cta tbody tr td i.fa-trash,
.table.table-cta tbody tr td i.fa-remove {
    color: #B12628;
}

.table.table-cta tbody tr td i.fa-clock-o {
    color: #444444;
}

.table.table-cta i.fa-ellipsis-h {
    color: #000000;
}

    .table.table-cta tbody tr td a i.fa-eye:hover,
    .table.table-cta tbody tr td a i.fa-pencil:hover,
    .table.table-cta tbody tr td a i.fa-trash:hover,
    .table.table-cta tbody tr td a i.fa-download:hover,
    .table.table-cta tbody tr td a i.fa-clock-o:hover,
    .table.table-cta tbody tr td a i.fa-list:hover,
    .table.table-cta i.fa-ellipsis-h:hover {
        color: #0F6194;
    }

.table.table-cta > tbody > tr > td {
    border-top: 0;
}

.table.table-cta > tbody > tr {
    border-top: 1px solid #ddd;
}

    .table.table-cta > tbody > tr:hover {
        background-color: #D0E8ED;
        border-top: 1px solid #73BAE6;
        border-bottom: 1px solid #73BAE6;
    }

.table.table-cta.table-cta-no-hover > tbody > tr:hover {
    background-color: #ffffff;
    border-top: 1px solid #ddd;
    border-bottom: none;
}

tr.row-highlight td {
    background-color: #999;
    color: #fff;
}

.table-borderless > tbody > tr > td,
.table-borderless > tbody > tr > th,
.table-borderless > tfoot > tr > td,
.table-borderless > tfoot > tr > th,
.table-borderless > thead > tr > td,
.table-borderless > thead > tr > th {
    border: none;
}
/* Table CTA Small */
.table-cta-small th,
.table-cta-small td {
    font-size: 14px;
}

    .table-cta-small td:first-child {
        font-size: 16px;
    }
/* -------------------------------------------------------------- */
/*	TOOLTIPS
/* -------------------------------------------------------------- */
.small-box a.cta-tooltip-question {
    color: white;
    float: right;
    margin: 1px 5px;
}

    .small-box a.cta-tooltip-question:hover {
        color: antiquewhite;
    }

.form-group a.cta-tooltip-question {
    color: #666;
    margin: 1px 5px;
}

    .form-group a.cta-tooltip-question:hover {
        color: #333;
    }
/* -------------------------------------------------------------- */
/*	APP BADGES
/* -------------------------------------------------------------- */
#appbadges {
    margin: 15px 0;
    text-align: center;
}

.appbadge-small {
    width: 100px;
}
/* -------------------------------------------------------------- */
/*	BUTTONS
/* -------------------------------------------------------------- */
.btn-ctaorange {
    color: #ffffff;
    background-color: #F0810A;
    border-color: #F0810A;
}

    .btn-ctaorange:hover,
    .btn-ctaorange:focus,
    .btn-ctaorange:active,
    .btn-ctaorange.active {
        color: #ffffff;
        background-color: #d87409;
        border-color: #bf6708;
    }

    .btn-ctaorange.disabled:hover,
    .btn-ctaorange.disabled:focus,
    .btn-ctaorange.disabled:active,
    .btn-ctaorange.disabled.active,
    .btn-ctaorange[disabled]:hover,
    .btn-ctaorange[disabled]:focus,
    .btn-ctaorange[disabled]:active,
    .btn-ctaorange[disabled].active,
    fieldset[disabled] .btn-ctaorange:hover,
    fieldset[disabled] .btn-ctaorange:focus,
    fieldset[disabled] .btn-ctaorange:active,
    fieldset[disabled] .btn-ctaorange.active {
        color: #ffffff;
        background-color: #F0810A;
        border-color: #F0810A;
    }
/* -------------------------------------------------------------- */
/*	Icons
/* -------------------------------------------------------------- */
.fa.fa-trash {
    color: #B12628;
}

    .fa.fa-trash:hover {
        color: #d23639;
    }
/* -------------------------------------------------------------- */
/*	Register
/* -------------------------------------------------------------- */
#account-register #register .form-group,
#account-register-invite #register .form-group,
#account-register-study #register .form-group {
    margin: 10px 0;
}

#account-register #register hr,
#account-register-invite #register hr,
#account-register-study #register hr {
    margin: 20px 0;
}
/* -------------------------------------------------------------- */
/*	Contact Us
/* -------------------------------------------------------------- */
#account-contactus .contact-details {
    margin-top: 100px;
}
/* -------------------------------------------------------------- */
/*	Welcome
/* -------------------------------------------------------------- */
#manage-welcome #welcome-title {
    text-align: center;
    margin-bottom: 40px;
}

#manage-welcome #welcome-button {
    text-align: center;
    margin-bottom: 200px;
}
/* -------------------------------------------------------------- */
/*	Study
/* -------------------------------------------------------------- */
/*@media (min-width: 992px) { 
    #admin-study #box-community,
    #manage-study #box-community,
    #view-study #box-community {
     height: 411px;
    }
    #view-site-study #box-community {
        height: 269px;
    }
    #admin-study #box-community .small-box-footer,
    #manage-study #box-community .small-box-footer,
    #view-study #box-community .small-box-footer {
        margin-top: 263px;
    }
    #view-site-study #box-community .small-box-footer {
        margin-top: 123px;
    }
}*/
/* -------------------------------------------------------------- */
/*	TOURS
/* -------------------------------------------------------------- */
#tour-startsiteview,
#tour-startsiteview,
#tour-startstudyview,
#tour-startsitemanage,
#tour-startstudymanage {
    float: right;
    margin-bottom: 5px;
}
/* -------------------------------------------------------------- */
/*	Hopscotch - http://linkedin.github.io/hopscotch/
/* -------------------------------------------------------------- */
div.hopscotch-bubble .hopscotch-bubble-number {
    padding: 0 2px 0 0;
}

div.hopscotch-bubble .hopscotch-bubble-close {
    padding: 11px;
}

div.hopscotch-bubble-container .note {
    font-size: 11px;
    font-style: italic;
}

#message {
    max-width: 600px;
}

#account-forgotpassword #message,
#account-login #message,
#account-accept-new-agreements #message,
#account-register #message,
#account-register-invite #message,
#account-resetpassword #message,
#account-resetpasswordexpired #message,
#account-sendverify #message,
#account-verify #message,
#account-resend-confirm-email #message,
#account-register-site #message,
#account-verify-code #message {
    margin: 0 auto;
}
/* -------------------------------------------------------------- */
/*	Contact Us
/* -------------------------------------------------------------- */
#account-contactus .contact-details {
    margin-top: 100px;
}
/* -------------------------------------------------------------- */
/*	Welcome
/* -------------------------------------------------------------- */
#manage-welcome #welcome-title {
    text-align: center;
    margin-bottom: 40px;
}

#manage-welcome #welcome-button {
    text-align: center;
    margin-bottom: 200px;
}
/* -------------------------------------------------------------- */
/*	Study Devices
/* -------------------------------------------------------------- */
.digitalEndpointInput {
    border: none;
    background: none;
}
/* -------------------------------------------------------------- */
/*	Study Document
/* -------------------------------------------------------------- */
#site-document-version.table,
#site-document-version.table select {
    font-size: 13px;
}

    #site-document-version.table select {
        padding: 3px 6px;
        height: 26px;
    }
/* -------------------------------------------------------------- */
/*	Study Resource
/* -------------------------------------------------------------- */
#manage-study-resource .dataTables_filter {
    float: left;
}

#manage-study-resource .video,
#view-study-resource .video,
#view-site-study-resource .video {
    padding: 25px 0 15px 0;
    border-bottom: 1px dashed #E5E5E5;
}

    #manage-study-resource .video img,
    #view-study-resource .video img,
    #view-site-study-resource .video img {
        max-width: 100%;
    }

    #manage-study-resource .video:last-of-type,
    #view-study-resource .video:last-of-type,
    #view-site-study-resource .video:last-of-type {
        border-bottom: none;
    }

#manage-study-resource .video-description,
#view-study-resource .video-description,
#view-site-study-resource .video-description {
    padding-left: 25px;
}

#manage-study-resource .video-description-title,
#view-study-resource .video-description-title,
#view-site-study-resource .video-description-title {
    font-size: 18px;
    font-weight: bold;
}

#manage-study-resource .video-description p,
#view-study-resource .video-description p,
#view-site-study-resource .video-description p {
    color: #9C9C9C;
}

#manage-study-resource .video .video-footnote,
#view-study-resource .video .video-footnote,
#view-site-study-resource .video .video-footnote {
    position: absolute;
    bottom: 0;
    left: 15;
}
/* -------------------------------------------------------------- */
/*	Forum
/* -------------------------------------------------------------- */
.forum {
    background: #e9f2f1;
    padding: 0;
    font-family: 'Open Sans';
    font-size: 16px;
    line-height: 22px;
}

.forum-title {
    margin-bottom: 15px;
    margin-left: 5px;
}

    .forum-title a {
        font-size: 25px;
        color: #6F6F6F;
        transition: all 0.4s ease;
    }

        .forum-title a:hover {
            text-decoration: none;
            color: #333333;
        }

.forum-user-directory-btn {
    float: left;
    width: 100%;
    margin-bottom: 15px;
}

    .forum-user-directory-btn a {
        text-align: right;
        display: block;
        font-weight: bold;
    }

.forum-pagination {
    float: right;
    line-height: 40px;
    height: 1%;
    margin-right: 15px;
}

.forum-postbtn {
    float: right;
}

.forum-topics,
.forum-post {
    background-color: #FFFFFF;
    border: 1px solid #ECECEC;
}

.forum-topics-header {
    height: 35px;
    padding: 5px 0;
    font-weight: bold;
    border-bottom: 1px solid #E5E5E5;
    display: none;
}

.forum-post {
    padding: 20px 15px;
}

.forum-topic {
    padding: 25px 0 15px 0;
    border-bottom: 1px dashed #E5E5E5;
}

    .forum-topic:last-of-type {
        border-bottom: none;
    }

.forum-topic-sticky {
    border: 1px dashed #FF851B;
}

.forum-topic-icon {
    width: 57px;
    min-height: 1px;
    padding-left: 30px;
    font-size: 35px;
    color: #BCBDC0;
    display: none;
}

.forum-topic-description {
    padding-left: 25px;
}

.forum-topic-description-title {
    font-size: 18px;
    font-weight: bold;
}

.forum-topic-description p {
    color: black;
}

.forum-topic-stat {
    color: #717171;
    font-size: 16px;
    text-align: center;
    padding-top: 10px;
    display: none;
}

.forum-topic-lastpost {
    text-align: right;
    padding-right: 25px;
    display: none;
}

    .forum-topic-lastpost .tooltip-inner {
        width: 100px;
    }

.forum-post-title {
    margin-bottom: 15px;
    font-size: 18px;
}

.forum-user-fullname,
.forum-user-fullname:hover {
    color: #AA0000;
    font-weight: bold;
}

.forum-post-body {
    min-height: 75px;
}

.forum-post-content {
    color: #333333;
    font-size: 16px;
    padding-bottom: 40px;
}

.forum-post-divider {
    height: 0;
    margin: 10px 0;
    clear: both;
    border: none;
}

.forum-user-profile {
    border-left: 1px dashed #E5E5E5;
    margin-top: 5px;
    min-height: 172px;
    padding: 15px;
    display: none;
}

.forum-user-profile-name {
    text-align: center;
    font-size: 16px;
    margin-bottom: 15px;
}

    .forum-user-profile-name img {
        -webkit-border-radius: 50%;
        border-radius: 50%;
        object-fit: cover;
        width: 85px;
        height: 85px;
        margin-bottom: 10px;
    }

.forum-user-profile .forum-user-title,
.forum-user-profile .forum-user-email {
    text-align: center;
    font-size: 16px;
}

.forum-user-email {
    display: none;
}

.forum-user-profile-stat {
    font-size: 16px;
}

    .forum-user-profile-stat span {
        font-weight: bold;
    }

.forum-modal-header {
    float: right;
    width: 100%;
}

#forum-user-profile-modal .forum-user-email {
    display: block;
}

.forum-post-footnote {
    margin: 0;
    font-size: 12px;
}

.forum-post .forum-post-footnote {
    position: absolute;
    bottom: -20px;
    left: 15;
}

.forum-post-document {
    margin-top: 25px;
    text-align: center;
}

    .forum-post-document a i {
        font-size: 24px;
    }

@media (min-width: 992px) {
    .forum-user-profile,
    .forum-topics-header,
    .forum-topic-icon,
    .forum-topic-stat {
        display: block;
    }

    .forum-topic-description {
        padding-left: 15px;
    }

    .forum-topic-lastpost {
        padding-right: 15px;
    }

    .forum-post-body {
        min-height: 220px;
    }
}

@media (min-width: 768px) {
    .forum-topic-lastpost {
        display: block;
    }
}
/* -------------------------------------------------------------- */
/*	Tabbable
/* -------------------------------------------------------------- */
.tabbable-line > .nav-tabs {
    border: none;
    margin: 0px;
}

    .tabbable-line > .nav-tabs > li {
        margin-right: 2px;
    }

        .tabbable-line > .nav-tabs > li > a {
            border: 0;
            margin-right: 0;
            color: #737373;
        }

            .tabbable-line > .nav-tabs > li > a > i {
                color: #a6a6a6;
            }

        .tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {
            border-bottom: 4px solid #fbcdcf;
        }

            .tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {
                border: 0;
                background: none !important;
                color: #333333;
            }

                .tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i {
                    color: #a6a6a6;
                }

            .tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu {
                margin-top: 0px;
            }

        .tabbable-line > .nav-tabs > li.active {
            border-bottom: 4px solid #f3565d;
            position: relative;
        }

            .tabbable-line > .nav-tabs > li.active > a {
                border: 0;
                color: #333333;
            }

                .tabbable-line > .nav-tabs > li.active > a > i {
                    color: #404040;
                }

            .tabbable-line > .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
                background-color: transparent;
            }

.tabbable-line > .tab-content {
    border: 0;
    border-top: 1px solid #eee;
    padding: 20px 0 15px 0;
}

.portlet .tabbable-line > .tab-content {
    padding-bottom: 0;
}
/* Below tabs mode */
.tabbable-line.tabs-below > .nav-tabs > li {
    border-top: 4px solid transparent;
}

    .tabbable-line.tabs-below > .nav-tabs > li > a {
        margin-top: 0;
    }

    .tabbable-line.tabs-below > .nav-tabs > li:hover {
        border-bottom: 0;
        border-top: 4px solid #fbcdcf;
    }

    .tabbable-line.tabs-below > .nav-tabs > li.active {
        margin-bottom: -2px;
        border-bottom: 0;
        border-top: 4px solid #f3565d;
    }

.tabbable-line.tabs-below > .tab-content {
    margin-top: -10px;
    border-top: 0;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
}

ul#sidebar-menu-studies {
    height: 968px;
    overflow: auto;
    max-height: 968px;
}

.sidebar-menu input {
    height: 30px !important;
    width: 100% !important;
    font-size: 12px !important;
    padding: 2px 2px 2px 10px;
    background-color: #FFF;
    border: none;
}

/* -------------------------------------------------------------- */
/*	Contact
/* -------------------------------------------------------------- */
#guest-contact p {
    font-size: 16px;
}

#guest-contact .divider {
    margin: 80px 0;
}
/* -------------------------------------------------------------- */
/*	Inverse Labels
/* -------------------------------------------------------------- */
.label-default-inverse {
    border: 1px solid #999999;
    color: #999999;
}

.label-primary-inverse {
    border: 1px solid #428bca;
    color: #428bca;
}

.label-success-inverse {
    border: 1px solid #5cb85c;
    color: #5cb85c;
}

.label-info-inverse {
    border: 1px solid #5bc0de;
    color: #5bc0de;
}

.label-warning-inverse {
    border: 1px solid #f0ad4e;
    color: #f0ad4e;
}

.label-danger-inverse {
    border: 1px solid #d9534f;
    color: #d9534f;
}
/* -------------------------------------------------------------- */
/*	Boostrap
/* -------------------------------------------------------------- */
body,
.btn,
.form-control {
    font-size: 16px;
}

body {
    line-height: 26.12228571428571px;
    color: #666;
}

.list-group.list-group-links .list-group-item:hover {
    cursor: pointer;
}

.form-group {
    margin-bottom: 20px;
}

.form-control {
    height: 38px;
}

.btn-sm,
.btn-xs {
    font-size: 14px;
}
/* -------------------------------------------------------------- */
/*	Dev styling
/* -------------------------------------------------------------- */
.dev-environment .bg-clinone,
.dev-environment.skin-cta .logo,
.dev-environment.skin-cta .navbar {
    background-color: #ff0000 !important;
}

.dev-environment .dev-environment-heading,
.demo-environment .demo-environment-heading {
    text-align: center;
    color: #ffffff;
    font-size: 40px;
    padding-top: 10px;
}

#sidebar-menu-studies .tooltip-inner {
    max-width: 200px;
    width: 200px;
    text-align: left;
}
/* -------------------------------------------------------------- */
/*	Study AE
/* -------------------------------------------------------------- */
#view-study-ae .box .box-tools {
    float: right;
}

#view-study-ae .ae-search-holder {
    margin: 20px 0;
    line-height: normal;
}

    #view-study-ae .ae-search-holder input[type="text"] {
        padding-left: 5px;
        width: 250px;
    }

#view-study-ae .ae-table {
    font-size: 18px;
    min-width: 350px;
    max-width: 700px;
}

    #view-study-ae .ae-table td {
        cursor: pointer;
    }

#view-study-ae .ae-main-table {
    border: 1px solid #ddd;
    background-color: #ffffff;
}

    #view-study-ae .ae-main-table .ae-main-row td {
        padding: 20px;
        border-bottom: 1px solid #ddd;
    }

#view-study-ae .ae-child-table .ae-main-row td {
    border: none;
}

#view-study-ae .ae-main-row td:hover,
#view-study-ae .ae-main-row.active {
    background-color: #D0E8ED;
}

#view-study-ae .ae-control-column {
    width: 20px !important;
    max-width: 20px !important;
}

#view-study-ae .ae-child-table {
    padding: 0 20px 10px 20px;
    background-color: #ecf4ff;
    font-size: 16px;
}

#view-study-ae table.dataTable {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

#view-study-ae .child-table-wrapper {
    border-top: none;
    background-color: #ffffff;
}

    #view-study-ae .child-table-wrapper .ae-main-row td {
        border-bottom: 1px solid #ddd;
    }

#view-study-ae .dataTables_filter {
    display: none;
    float: left !important;
    margin-left: 10px;
}

    #view-study-ae .dataTables_filter input {
        height: 25px;
    }

#view-study-ae .action-wrapper {
    font-size: 16px;
    line-height: 26px;
}

    #view-study-ae .action-wrapper ul li {
        margin-bottom: 10px;
    }

    #view-study-ae .action-wrapper .aw-category-name small {
        font-size: 85%;
    }

    #view-study-ae .action-wrapper .aw-footnote {
        margin: 20px 0 10px 0;
        font-size: 14px;
        line-height: 16px;
    }

#view-study-ae .bold-term {
    font-weight: bold;
}

#view-study-ae .ae-row-plus {
    display: inline-block;
    width: 10px;
    font-size: 12px;
}

#view-study-ae .ae-row-minus {
    display: inline-block;
    width: 10px;
    font-size: 12px;
}

@media (max-width: 992px) {
    #view-study-ae .ae-header {
        padding: 10px;
    }

    #view-study-ae .dataTables_info {
        padding: 10px;
    }

    #view-study-ae .action-wrapper {
        padding: 0;
    }

    #view-study-ae .ae-search-holder input[type="text"] {
        max-width: 100%;
    }

    html, body {
        background-color: #E3E3E5;
        font-size: 15px;
    }

    #view-study-ae h2 {
        margin: 15px;
        font-size: 15px;
        font-family: "Arial";
        font-style: bold;
        text-transform: uppercase;
        color: black;
    }

    #view-study-ae .box {
        border-top: none;
    }

        #view-study-ae .box .box-header {
            font-size: 15px;
        }

        #view-study-ae .box .box-tools {
            float: left;
        }

        #view-study-ae .box .box-body {
            padding: 0;
        }

    #view-study-ae .ae-main-table .ae-main-row td {
        padding: 15px 10px;
    }

    #view-study-ae .ae-table {
        font-size: 15px;
        min-width: 320px;
    }

    #view-study-ae .aw-back-button {
        text-align: center;
    }

    #view-study-ae ul {
        padding-left: 20px;
    }
}
/* -------------------------------------------------------------- */
/*	Study SOE
/* -------------------------------------------------------------- */
.study-soe .footnote-value-holder {
    display: inline;
    position: relative;
    color: #ffffff;
    cursor: default;
}

.study-soe .footnote-value {
    display: none;
    position: absolute;
    top: 20px;
    left: 20px;
    color: #000;
    background-color: #FFF;
    padding: 20px;
    z-index: 99999;
    border: solid #CCC 1px;
    font-size: 14px;
}

.study-soe .footnote-value-holder:hover .footnote-value {
    display: block;
}

.study-soe .soe-radio-button label.error {
    float: right !important;
    margin: 0 0 40px 0 !important;
    position: absolute !important;
    right: -300px;
    top: 0;
    max-width: 150px;
}

.study-soe .footnotes-holder {
    max-height: 200px;
    overflow: auto;
}

.study-soe .procedures-holder {
    max-height: 400px;
    overflow: auto;
}

.study-soe .form-controller {
    height: 15px;
}

.study-soe .box-footer i {
    font-size: 22px;
    margin-right: 10px;
    vertical-align: middle;
}

.study-soe-procedures .box {
    padding: 10px;
}

    .study-soe-procedures .box .box-header {
        padding: 2px !important;
    }

    /*.study-soe-procedures .box .box-body {*/
        /*padding: 2px !important;*/
    /*}*/

    .study-soe-procedures .box .box-title {
        padding: 2px !important;
        font-size: 22px !important;
    }

.study-soe-procedures dl {
    margin: 2px 2px 10px 2px !important;
}

.study-soe-procedures .soe-details-tab-holder {
    max-height: 200px;
    overflow: auto;
}

.study-soe-procedures .tabbable-line > .tab-content {
    padding: 0px;
}

.study-soe-procedures .tab-footnote-holder {
    margin: 6px;
}

.study-soe-procedures .footnote-click:hover .footnote-value {
    display: block;
    position: absolute;
    z-index: 999;
    background-color: #FFF;
    padding: 10px;
    border: solid 1px #777;
    margin-top: 10px;
}

.study-soe-procedures .footnote-key {
    background-color: #777;
    display: inline-block;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    -webkit-border-radius: .25em;
    -moz-border-radius: .25em;
    border-radius: .25em;
    cursor: pointer;
}

.study-soe-procedures .footnote-value {
    display: none;
}

.study-soe-procedures .soe-modal {
    padding: 4px !important;
}

.study-soe-procedures .soe-modal-wrapper {
    position: relative;
}

    .study-soe-procedures .soe-modal-wrapper .close-modal {
        position: absolute;
        top: 0;
        right: 0;
        border: none;
        font-weight: 700;
        background-color: transparent;
    }

    .study-soe-procedures .soe-modal-wrapper .footnote-details-popup {
        padding: 20px;
        max-height: 400px;
        overflow: auto;
    }

    .study-soe-procedures .soe-modal-wrapper .video-modal-popup {
        padding-top: 25px;
    }

.study-soe-procedures .soe-resources-tabs a {
    font-size: 12px;
}

.study-soe-procedures .soe-resources-toggle {
    cursor: pointer;
    border: 1px #ccc solid;
    display: inline-block;
    padding: 4px 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    display: none;
}

@media screen and (max-width: 480px) {
    .study-soe-procedures .soe-resources-toggle {
        display: inline-block;
    }

    .study-soe-procedures .footnote-key {
        font-size: 18px;
    }
}

.study-soe-procedures .soe-resources-toggle span {
    vertical-align: top;
}

.study-soe-procedures .soe-resources-toggle i {
    font-size: 24px;
    margin-right: 5px;
}

.study-soe-procedures .procedure-text {
    font-size: 12px;
    line-height: 18px;
}

.study-soe-procedures .day-period-holder {
    border: solid 1px #AAA !important;
}

.study-soe-procedures .box-white {
    background-color: #ffffff;
    border: none;
    box-shadow: none;
}

.study-soe-procedures h5 {
    font-size: 18px !important;
    font-weight: 700;
}

.study-soe-procedures .box-procedure {
    border: solid 1px #f2f2f2 !important;
}

.study-soe-sites .subject-holder {
    padding: 20px !important;
}




.manage-study-resource-documents .document-wrapper {
    display: table;
    width: 100%;
}

.manage-study-resource-documents .document-holder {
    display: table-row;
}

.manage-study-resource-documents .document-controls {
    display: table-cell;
    background-color: #FFF;
    padding: 15px 15px 15px 5px;
    border-right: 1px solid #CCC;
}

    .manage-study-resource-documents .document-controls a {
        margin-bottom: 12px;
        width: 100%;
    }

    .manage-study-resource-documents .document-controls input[type=text] {
        padding: 4px 0px 4px 10px;
        width: 100%;
        min-width: 150px;
        border: 1px solid #AAA;
    }

.manage-study-resource-documents .document-list {
    display: table-cell;
    padding: 0 !important;
    vertical-align: top;
    width: 100%;
}

.manage-study-resource-documents .document-categories {
    margin-top: 10px;
    max-height: 400px;
    overflow: auto;
    width: 200px;
}

    .manage-study-resource-documents .document-categories label {
        font-weight: 100;
    }

.manage-study-resource-documents .document-categories-mobile {
    display: none;
}

@media screen and (max-width: 992px) {
    .manage-study-resource-documents .document-wrapper {
        display: inline-block;
        width: 100%;
        max-width: 400px;
    }

    .manage-study-resource-documents .document-holder {
        display: inline-block;
        width: 100%;
    }

    .manage-study-resource-documents .document-controls {
        display: inline-block;
        width: 100%;
        border-right: none;
        padding: 15px;
    }

        .manage-study-resource-documents .document-controls a {
            margin-bottom: 6px;
        }

    .manage-study-resource-documents .document-categories {
        display: none;
    }

    .manage-study-resource-documents .document-categories-mobile {
        display: inline-block;
    }

    .manage-study-resource-documents .document-list {
        display: inline-block;
    }
}

#view-site-soe-subjects #pre-screening-subjects,
#view-site-soe-subjects #screening-subjects,
#view-site-soe-subjects #on-study-subjects {
    font-size: 14px;
}

#view-site-soe-subjects #confirm-remove-subject .modal-dialog {
    width: 425px;
}

    #view-site-soe-subjects #confirm-remove-subject .modal-dialog #confirm-reason-option {
        width: 100%;
    }

    #view-site-soe-subjects #confirm-remove-subject .modal-dialog #ConfirmReason {
        display: none;
    }

#view-site-soe-subjects #confirm-remove-subject .modal-body {
    padding-bottom: 50px;
}

.referring-specialist .address-panel {
    padding: 10px;
    margin-top: 20px;
    overflow: auto;
    border: 1px solid #CCC;
    min-height: 250px;
}

.referring-specialist .address-panel-header {
    font-size: 18px;
    font-weight: 700;
}

.referring-specialist .primary-address-label {
    float: right;
    font-size: 22px;
}

.specilaty-list,
.sites-list,
.language-list,
.organization-list {
    max-height: 300px;
    overflow: auto;
}

.manage-notifcation input[type=checkbox] {
    height: 25px;
    width: 25px;
}

.legal-text {
    font-size: 12px;
    line-height: 14px;
}

.patient-message .attachment-holder {
    width: 60%;
    border: 1px solid #ccc;
    padding: 15px;
    margin-bottom: 10px;
}

    .patient-message .attachment-holder .form-group {
        margin-bottom: 10px;
    }

    .patient-message .attachment-holder label {
        margin-bottom: 0;
    }

    .patient-message .attachment-holder .form-control {
        height: 30px;
        font-size: 14px;
    }

    .patient-message .attachment-holder .remove-attachment {
        font-size: 12px;
        margin-right: -14px;
        margin-top: -14px;
    }

.patient-message .attachment-controls {
    padding: 5px 0;
}
/* Resources */
.resources-table-links-title,
.resources-table-links-url {
    max-width: 320px;
}

/* ZenDesk Widget */
.zEWidget-launcher {
    opacity: .85 !important;
}

/* Avatar */
.header-avatar {
    height: 30px;
    width: 30px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    display: inline-block;
}

.medium-avatar {
    -webkit-border-radius: 50%;
    border-radius: 50%;
    object-fit: cover;
    width: 85px;
    height: 85px;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
}

.small-avatar {
    -webkit-border-radius: 50%;
    border-radius: 50%;
    object-fit: cover;
    width: 25px;
    height: 25px;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
}

/* IE Scroll Fix https://github.com/twbs/bootstrap/issues/18543 */
@-ms-viewport {
    width: auto !important;
}


/* iPad Styles */

/* Non-Retina iPad in portrait & landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    .table.table-cta i {
        font-size: 42px !important;
    }

    .table.table-cta > tbody > tr > td.table-actions-1,
    .table.table-cta > tbody > tr > td.table-actions-2 {
        width: 100px;
    }

    .table.table-cta > tbody > tr > td.table-actions-3 {
        width: 160px;
    }

    .table.table-cta > tbody > tr > td.table-actions-4 {
        width: 220px;
    }
}

/* Retina iPad in portrait & landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2) {
    .table.table-cta i {
        font-size: 42px !important;
    }

    .table.table-cta > tbody > tr > td.table-actions-1,
    .table.table-cta > tbody > tr > td.table-actions-2 {
        width: 100px;
    }

    .table.table-cta > tbody > tr > td.table-actions-3 {
        width: 160px;
    }

    .table.table-cta > tbody > tr > td.table-actions-4 {
        width: 220px;
    }
}
/* -------------------------------------------------------------- */
/*	Google Map
/* -------------------------------------------------------------- */
#siteStudyMap {
    height: 200px;
    width: 100%;
    max-width: 350px;
    margin: 0 auto 15px auto;
}

.notification-unread {
    border-left: 4px solid #f3565d;
}
/* -------------------------------------------------------------- */
/*	Accordian overrides
/* -------------------------------------------------------------- */
.box .box-header > .fa, .box .box-header > p.box-title {
    font-size: 22px;
    margin-top: 5px;
}

.box .box-header > .fa, .box .box-header > .box-header-expand {
    float: right;
    margin-top: 10px;
    margin-right: 10px;
}
/* -------------------------------------------------------------- */
/*	Admin Studies
/* -------------------------------------------------------------- */
#admin-studies .table-filter-wrapper,
#admin-studies .table-filter-wrapper .form-control,
#admin-studies .table-cta th,
#admin-studies .table-cta td {
    font-size: 14px;
}

    #admin-studies .table-cta td:first-child {
        font-size: 16px;
    }

.validation-summary-errors {
    color: red;
}

/* -------------------------------------------------------------- */
/*	Alert
/* -------------------------------------------------------------- */
.alert-status {
    display: inline-block;
    padding: 3px 9px;
    margin-left: 5px;
}

/* -------------------------------------------------------------- */
/*	Survey
/* -------------------------------------------------------------- */
.multi-language-tabs .nav > li > a {
    padding: 2px 5px !important;
}

.survey-preview {
    font-family: Merriweather, Arial, sans-serif;
    color: #000000;
}

    .survey-preview .survey-preview-title {
        margin: 20px 0px;
    }

        .survey-preview .survey-preview-title div {
            font-size: 26px;
            font-weight: 700;
            margin-bottom: 10px;
        }

        .survey-preview .survey-preview-title p {
            margin-bottom: 25px;
        }

    .survey-preview .survey-preview-section {
        width: 100%;
        border: 1px solid #ccc;
        margin-bottom: 20px;
    }

.survey-preview-section-header {
    padding: 5px 15px;
    background-color: #F5F5F5;
    border-bottom: 1px solid #c1c1c1;
}

    .survey-preview-section-header p {
        margin: 0;
        font-size: 14px;
    }

.survey-preview .survey-preview-section .survey-preview-section-question {
    margin: 20px 20px 30px 20px;
}

    .survey-preview .survey-preview-section .survey-preview-section-question p {
        margin: 0;
        font-weight: 700;
    }

    .survey-preview .survey-preview-section .survey-preview-section-question .survey-preview-section-question-inputtype-text input {
        margin-left: 20px;
        padding: 5px;
        width: 97%;
    }

    .survey-preview .survey-preview-section .survey-preview-section-question .survey-preview-section-question-inputtype-vertical {
        margin-left: 20px;
    }

    .survey-preview .survey-preview-section .survey-preview-section-question .survey-preview-section-question-inputtype-horizontal {
        margin-left: 20px;
        width: 100%;
    }

    .survey-preview .survey-preview-section .survey-preview-section-question .survey-preview-section-question-inputtype-translation {
        padding: 8px;
        border: 1px solid #ccc;
        background-color: #F5F5F5;
        font-weight: 700;
        text-align: center;
    }

    .survey-preview .survey-preview-section .survey-preview-section-question .survey-preview-section-question-inputtype-vertical .survey-preview-section-question-inputtype-translation {
        width: 175px;
    }

    .survey-preview .survey-preview-section .survey-preview-section-question .survey-preview-section-question-inputtype-horizontal .survey-preview-section-question-inputtype-translation {
        width: 175px;
    }


.fixed-column-table th, .fixed-column-table td {
    white-space: nowrap;
}

.fixed-column-table div.dataTables_wrapper {
    margin: 0 auto;
}

.fixed-column-table table.DTFC_Cloned thead, .fixed-column-table table.DTFC_Cloned tfoot {
    background-color: white
}

.fixed-column-table div.DTFC_Blocker {
    background-color: white
}

.fixed-column-table div.DTFC_LeftWrapper table.dataTable, .fixed-column-table div.DTFC_RightWrapper table.dataTable {
    margin-bottom: 0;
    z-index: 2
}

    .fixed-column-table div.DTFC_LeftWrapper table.dataTable.no-footer, .fixed-column-table div.DTFC_RightWrapper table.dataTable.no-footer {
        border-bottom: none
    }

@media only screen and (max-width: 650px) {
    .fixed-column-table .DTFC_LeftWrapper {
        display: none !important;
    }
}

.fixed-column-table .DTFC_LeftBodyLiner td {
    background-color: white !important;
}

.fixed-column-table .DTFC_Cloned {
    margin: 0 !important;
}

    .fixed-column-table .DTFC_Cloned td {
        padding: 6px 8px;
        vertical-align: top;
    }

.fixed-column-table table td, .fixed-column-table table th {
    padding: 14px 8px;
    font-size: 13px;
}

.fixed-column-table table td {
    border-bottom: 1px solid #ccc;
}

.fixed-column-table table th {
    font-size: 14px;
    border-bottom: 2px solid #ddd;
}

.fixed-column-table table .form-control {
    font-size: 13px !important;
    height: 30px;
}

.fixed-column-table .DTFC_RightWrapper {
    overflow: hidden;
}

.fixed-column-table .DTFC_RightBodyLiner {
    overflow: hidden !important;
}

.fixed-column-table .DTFC_LeftBodyLiner {
    height: 428px !important;
}

.fixed-column-table .DTFC_LeftHeadWrapper {
    background-color: white !important;
    margin-top: 6px;
}

.fixed-column-table .fixed-left-row {
    vertical-align: middle;
    padding: 14px 8px !important;
}

.positive-green-check {
    color: #00FF00;
    font-size: 28px;
}

.negative-red-check {
    color: #FF0000;
    font-size: 28px;
}

.label-warning {
    font-size: 100% !important;
}

.audit-modal-dialog .modal-content {
    overflow: auto !important;
    max-height: 700px !important;
}

/* -------------------------------------------------------------- */
/*	On-Boarding Ads
/* -------------------------------------------------------------- */
.onBoardingAds a {
    color: black;
    font-weight: bold;
}

.onBoardingAds :hover {
    color: #33A9FD;
    text-decoration: underline;
}

/* -------------------------------------------------------------- */
/*	Loading button with spin
/* -------------------------------------------------------------- */
.load-button:disabled .loading-spin {
    display: inherit;
}

.load-button .loading-spin {
    display: none;
}
.required-indicator-red {
    color: red;
    margin-right: 3px;
}
/* -------------------------------------------------------------- */
/*	HR with text
/* -------------------------------------------------------------- */
div .hr-text {
    line-height: 1em;
    position: relative;
    outline: 0;
    border: 0;
    text-align: center;
    height: 1.5em;
    opacity: .5;
    &:before {
        content: '';
        background: #666;
        position: absolute;
        left: 0;
        top: 50%;
        width: 100%;
        height: 1px;
    }
    &:after {
        content: attr(data-content);
        position: relative;
        display: inline-block;
        padding: 0 .5em;
        line-height: 1.5em;
        color: #666;
        background-color: #fcfcfa;
    }
}