.skip {
    color:#000;
    background-color: #fff
}
.skip:focus {
    color: #000;
    background-color: #fff;
    border:1px solid #000;
}


/*background colors*/
.bg-white {
    background-color:#fff;
}
/*resuable notification div to insert alerts into*/
.notification {
    position:relative;
    z-index: 9999;
    height: auto;
}

/*requirement view styles*/
.requirement-wrapper {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    background: #fff;
    margin-left: -10px;
    margin-right: -10px;
}

    .requirement-wrapper > * {
        flex: 1 1 400px;
    }

.requirement-inner {
    border: 1px solid #3a5266;
    margin: 8px;
}

.requirement-header {
    background: #eaf4ff;
    border-bottom: 1px solid #2e2e2e;
}

    .requirement-header h3 {
        font-size: 18px;
        color: #1e1e1e;
    }

.requirement-required_by_system {
    background-color: #5C9FFF;
    padding-left: 10px;
    color: #020202;
}

.requirement-required_by_hospital {
    background-color: #000;
    padding-left: 10px;
    color: #ffffff;
}

.requirement-needs_review {
    background-color: #d9534f;
    padding-left: 10px;
    color: #ffffff;
}

.requirement-body {
    padding: 10px;
}

.requirement-title {
    font-size: 22px;
    color: #2b3d4c;
}

.requirement-footer {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
}

    .requirement-footer > * {
        flex: 1 1 120px;
    }

/*positions*/
.position-static {
    position: static !important;
}

.position-relative {
    position: relative !important;
}

.position-absolute {
    position: absolute !important;
}

.position-fixed {
    position: fixed !important;
}

.position-sticky {
    position: -webkit-sticky !important;
    position: sticky !important;
}

.fixed-top, .sb-nav-fixed #layoutSidenav #layoutSidenav_nav, .sb-nav-fixed .sb-topnav {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030;
}
/* /positions*/
.screen-reader-text {
    background-color:#000;
    color:#fff;
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

    .screen-reader-text:focus {
        background-color: #000;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
        box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
        clip: auto !important;
        color: #fff;
        display: block;
        font-size: 12px!important;
        font-size: 0.875rem;
        font-weight: 700;
        height: auto;
        left: 5px;
        line-height: normal;
        padding: 10px 17px 9px;
        text-decoration: none;
        top: 10px;
        width: auto;
        z-index: 100000;
    }
/*Fieldset*/


.flex-fieldset {
    display: flex !important;
    align-content: space-between;
    align-items:center;
}

.flex-fieldset-style1 {
    border: 1px solid #ccc;
    background-color: #fafafa;
    border-radius: 10px;
    padding:10px 15px;
}

.flex-legend {
    display: inline-flex;
    align-content: center;
}
.flex-legend-style1 {
    font-size: 12px;
    font-weight: 600;
    border: none;
    margin: 0;
    padding: 0;
}
.flex-legend-visible-none {
    visibility:hidden;
    height:0;
}

.flex-ml-auto {
    margin-left: auto !important;
}

.flex-mr-auto {
    margin-right: auto !important;
}

.group-container {
    float: left !important;
    width: 100%;
}
/*flex add ons*/
.flex {
    display:flex;
}
.justify-content-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
}
.justify-content-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}
.align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}

@media (min-width: 410px) {
    fieldset > legend {
        flex-wrap:wrap;
    }

    .group-container {
        float: left;
        width: 100%;
    }
}


@media (min-width: 768px) {
    /*fieldset > legend {
        width: 25%;
        float: left !important;
        text-align: right;
        padding-right: 15px;
        padding-left: 15px;
    }*/

    .group-container {
        float: left;
        width: 75%;
        padding-right: 15px;
        padding-left: 15px;
    }
}


@media (min-width: 992px) {
    fieldset > legend {
        flex-wrap: wrap;
        /*width: 16.66666667%;
        float: left !important;
        text-align: right;
        padding-right: 15px;
        padding-left: 15px;
        padding-left: 15px;*/
    }

    .group-container {
        float: left;
        width: 66.666%;
        padding-right: 15px;
        padding-left: 15px;
    }
}


.border-bottom {
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}
/*Display*/
.d-inline-block {
    display:inline-block;
}

/* utilities */
.rounded-10 {
    border-radius: 10px;
}

/*10px Margin*/
.m-t-10 {
    margin-top: 10px;
}

.m-b-10 {
    margin-bottom:10px;
}

.m-l-10 {
    margin-left:10px;
}

.m-10 {
    margin:10px;
}

.m-r-10 {
    margin-right:10px;
}
/* / 10px margin*/

/* 20px margin*/
.m-t-20 {
    margin-top: 20px;
}

.m-b-20 {
    margin-bottom: 20px;
}

.m-l-20 {
    margin-left: 20px;
}

.m-20 {
    margin: 20px;
}

.m-r-20 {
    margin-right: 20px;
}

.m-x-20 {
    margin-right: 20px;
    margin-left: 20px;
}
/* /20px margin*/


@media (max-width:1199px) {
    /* 20px margin small screens*/
    .m-t-20-sm {
        margin-top: 20px;
    }

    .m-b-20-sm {
        margin-bottom: 20px;
    }

    .m-l-20-sm {
        margin-left: 20px;
    }

    .m-20-sm {
        margin: 20px;
    }

    .m-r-20-sm {
        margin-right: 20px;
    }

    .m-x-20-sm {
        margin-right: 20px;
        margin-left: 20px;
    }
    /* /20px margin*/
}


@media (max-width:1199px) {
    /* 20px margin small screens*/
    .m-t-20-sm {
        margin-top: 20px;
    }

    .m-b-20-sm {
        margin-bottom: 20px;
    }

    .m-l-20-sm {
        margin-left: 20px;
    }

    .m-20-sm {
        margin: 20px;
    }

    .m-r-20-sm {
        margin-right: 20px;
    }

    .m-x-20-sm {
        margin-right: 20px;
        margin-left: 20px;
    }
    /* /20px margin*/
}

/* 30px margin*/
.m-t-30 {
    margin-top: 30px;
}

.m-b-30 {
    margin-bottom: 30px;
}

.m-l-30 {
    margin-left: 30px;
}

.m-30 {
    margin: 30px;
}

.m-r-30 {
    margin-right: 30px;
}

.m-x-30 {
    margin-right: 30px;
    margin-left: 30px;
}
/* /30px margin*/

.m-x-10 {
    margin-right:10px;
    margin-left:10px;
}


.p-y-10 {
    margin-bottom: 10px;
    margin-top: 10px;
}


.p-t-10 {
    padding-top: 10px;
}

.p-b-10 {
    padding-bottom: 10px;
}

.p-l-10 {
    padding-left: 10px;
}

.p-10 {
    padding: 10px;
}

.p-r-10 {
    padding-right: 10px;
}

.p-x-10 {
    padding-right: 10px;
    padding-left: 10px;
}

.p-y-10 {
    padding-bottom: 10px;
    padding-top: 10px;
}

.p-r-30 {
    padding-right:30px;
}

.float-right {
    float:right;
}

.text-light-blue {
    color: #33739d
}

.text-white {
    color:#ffffff;
}
#page-signin-bg {
    background: url(/Content/admin2/img/login-bg.jpg) no-repeat;
    background-size: 100%;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -1;
    /*background:#ffd800;
    border:2px solid red;*/
}

.page-signin .signin-container {
    border-radius: 2px;
    display: block;
    margin: 20px 14px;
    position: relative;
    z-index: 999;
}
/*Left side login*/
.page-signin .signin-info, .page-signup .signup-header {
    background: #62a1cc;
    background: rgba(98, 161, 204, .8)
}
/*Right side login*/
.page-signin .signin-form {
    background: #fff;
    background:rgba(255,255,255,.8);
    display: block;
    padding: 30px;
    position: relative;
}

@media (min-width:768px) {
    .page-signin .signin-container {
        display: table;
        margin: 10px auto;
        width: 650px;
        table-layout: fixed;
    }

    .page-signin .signin-info {
        display: table-cell;
        padding: 30px;
        text-align: left;
        vertical-align: top;
        width: 40%;
    }

        .page-signin .signin-info ul {
            color: #fff;
            display: block;
            font-size: 13px;
            font-weight: 300;
            margin: 30px 0 0;
            padding: 0;
        }

            .page-signin .signin-info ul li {
                list-style: none;
                margin: 0;
                padding: 7px 0;
            }

            .page-signin .signin-info ul .signin-icon {
                display: block;
                float: left;
                font-size: 14px;
                line-height: 18px;
                margin-right: 6px;
                text-align: center;
                width: 24px;
            }

    .page-signin .signin-form {
        display: table-cell;
        vertical-align: top;
        width: 60%;
    }

    .page-signin .not-a-member {
        margin: -10px 0 80px;
    }
}


#page-signup-bg {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 20;
}

    #page-signup-bg img {
        width: 100%;
    }

    #page-signup-bg .overlay {
        background: rgba(0,0,0,.5);
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
    }

.page-signup .signup-container {
    border-radius: 2px;
    display: block;
    margin: 20px 14px;
    position: relative;
    z-index: 999;
}

.page-signup .signup-header {
    background: #444;
    display: block;
    overflow: hidden;
    padding: 20px 30px;
    text-align: center;
}

    .page-signup .signup-header .logo {
        color: #fff;
        font-size: 22px;
        font-weight: 700;
        opacity: 1;
    }

        .page-signup .signup-header .logo[href]:hover {
            opacity: .7;
        }

    .page-signup .signup-header .slogan {
        color: #fff;
        font-size: 16px;
        font-weight: 300;
        margin-top: 5px;
    }

.page-signup .signup-form {
    background: #fff;
    display: block;
    padding: 30px 20px;
    position: relative;
}

.page-signup .form-actions {
    margin-top: 15px;
}

    .page-signup .form-actions .signup-btn {
        border: none;
        border-radius: 999999px;
        font-size: 13px;
        font-weight: 600;
        line-height: 19px;
        outline: 0 !important;
        padding: 10px 0;
        text-align: center;
        width: 100%;
        -webkit-transition: all .3s;
        transition: all .3s;
    }

        .page-signup .form-actions .signup-btn:hover {
            background: #444 !important;
        }

    .page-signup .form-actions a.forgot-password {
        border-bottom: 1px dashed #bbb;
        color: #999;
        display: inline-block;
        font-size: 11px;
        margin-left: 10px;
        padding-bottom: 1px;
    }

        .page-signup .form-actions a.forgot-password:hover {
            color: #555;
            text-decoration: none;
        }

.page-signup .form-group {
    margin: 0;
    position: relative;
}

    .page-signup .form-group + .form-group {
        margin: 10px 0 0;
    }

    .page-signup .form-group.w-icon .signup-form-icon {
        border-right: 1px solid #d6d6d6;
        bottom: 9px;
        color: #d6d6d6;
        display: block;
        font-size: 14px;
        left: 0;
        line-height: 27px;
        position: absolute;
        text-align: center;
        top: 9px;
        width: 40px;
        z-index: 1002;
        -webkit-transition: all .3s;
        transition: all .3s;
    }

    .page-signup .form-group.w-icon input[type=password], .page-signup .form-group.w-icon input[type=text] {
        font-size: 15px;
        padding-left: 56px;
    }

        .page-signup .form-group.w-icon input[type=password]:focus + .signup-form-icon, .page-signup .form-group.w-icon input[type=text]:focus + .signup-form-icon {
            color: #888;
        }

.page-signup .signup-text {
    color: #777;
    display: block;
    font-size: 15px;
    font-style: italic;
    margin-bottom: 25px;
    position: relative;
    text-align: center;
}

    .page-signup .signup-text span {
        background: #fff;
        display: inline-block;
        padding: 0 20px;
        position: relative;
    }

    .page-signup .signup-text:before {
        background: #e4e4e4;
        content: "";
        display: block;
        height: 1px;
        left: 0;
        position: absolute;
        right: 0;
        top: 50%;
    }

.page-signup .signup-with {
    background: #f4f4f4;
    border-top: 1px solid #ddd;
    margin: 30px -20px -30px;
    padding: 20px;
}

.page-signup .signup-with-btn {
    border-radius: 2px;
    color: #fff;
    display: block;
    font-weight: 300;
    padding: 10px 0;
    text-align: center;
    -webkit-transition: all .3s;
    transition: all .3s;
}

    .page-signup .signup-with-btn span {
        font-weight: 600;
    }

    .page-signup .signup-with-btn + .signup-with-btn {
        margin-top: 10px;
    }

    .page-signup .signup-with-btn:hover {
        background: #444 !important;
    }



.page-signup .have-account {
    color: #fff;
    display: block;
    font-size: 14px;
    margin: -20px 0 0;
    padding: 20px 0;
    position: relative;
    text-align: center;
    z-index: 999;
}

    .page-signup .have-account a {
        color: #fff;
        text-decoration: underline;
        transition: all .3s;
    }

    .page-signup .have-account a:hover {
        opacity: .6;
    }

    .report li
    {
       border:1px solid #000;
    }
@media (min-width:480px) {
    .page-signup .signup-container {
        width: 380px;
        margin: 80px auto;
    }

    .page-signup .signup-form {
        padding: 30px;
    }

    .page-signup .signup-with {
        margin-left: -30px;
        margin-right: -30px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .page-signup .have-account {
        margin: -80px 0 20px;
    }
}



.dropdown-menu {
    left:-45px;
}


input[type=checkbox] + span {
  /*color: #ccc;*/
  font-style: normal;
}
input[type=checkbox]:checked + span {
  color: #6685a4;
  font-style: normal;
  font-weight: bold;
}
input[type=checkbox]:disabled + span {
    text-decoration: line-through;
    color: #525252;
    font-style: italic;
}

.alert a {
    color: #fff;
    text-decoration: underline;
}

/*Dashboard Stats*/
.dash-item{
   background: #ffffff;
  }

.dash-item:hover {
    transition: 0.9s;
    -webkit-transition: opacity 0.3s;
    background: #fafafa;
    opacity: 0.9;
}

.strike-through {
text-decoration:line-through;
}

.label,
.type-label{
    font-size: 1.2rem;
}

/*Labels and badges*/
.label {
    display: inline-block;
    font-size: 1.2rem;
}

.label-danger,
.badge-danger {
    background-color: #8F0400;
    color: #fff;
}

.label-danger-reversed {
    background-color: #ffffff;
    color: #8F0400;
    border: 1px solid #8F0400;
}

.label-info {
    background-color: #337ab7 !important
}

.label-success,
.label-complete
{
    background-color: #387f38;
}

.label-warning,
.label-incomplete {
    background-color: #FFB64F;
    color: #000;
}

.label-historical {
    background-color: #7C6439;
    color: #ffffff;
}

.label-preceptor {
    background-color: #4C9ED9;
    color: #000;
}

.label-cohort {
    background-color: #a25c1d;
    color: #ffffff;
}

.label-allied-health {
    background-color: #15308e;
    color: #ffffff;
}

.label-default,
.label-inprogress,
.label-inreview {
    color: #fcf8e3;
    background-color: #585858;
}

.label-tertiary {
    background-color: #757575;
}

.label-pause {
    background-color: #fafafa;
    color: #000;
    border: 1px solid #444;
}

.label-pause:hover {
    background-color: #fafafa !important;
    color: #3a5266 !important;
    border: 1px solid #666;
}

.badge-provider {
    background-color: #2e2e2e;
    color: #ffffff;
    float:right;
}
.badge-info {
    background: #337ab7;
    border: 1px solid #337ab7;
}

#ReportBody table ul {
    margin: 0;
    padding: 0;
    list-style-position: inside;
    list-style-type: none;
}

#ReportBody table .btn {
    margin-bottom:.75rem;
}

#ReportBody ul.list-none {
    list-style-type:none;
}

.consolidate-locations {
    color: #24516f;
}

.no-padding {
padding-top:0;
padding-right:0;
padding-bottom:0;
padding-left:0;
}

.focused {
    border: solid 1px red;
}


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

    .annotated-list .list {
        padding-top: 20px;
    }

        .annotated-list .list > div {
            padding: 10px 0;
            border-top: solid 1px rgba(255, 255, 255, 0.1);
        }

    .annotated-list .avatar {
        max-width: 150px;
    }

        .annotated-list .avatar img {
            max-width: 100%;
        }

    .annotated-list h3 {
        font-size: 16px;
        font-size: 1.6rem;
        margin: 0 0 3px;
        font-weight: bold;
    }

    .annotated-list p {
        margin: 0;
    }

    .annotated-list input {
        border-radius: 25px;
        padding: 7px 14px;
        background-color: transparent;
        border: solid 1px rgba(0, 0, 0, 0.2);
        width: 200px;
        box-sizing: border-box;
        color: #2e2e2e;
        margin-bottom: 5px;
    }

        .annotated-list input:focus {
            outline: none;
            border-color: #aaa;
        }

    .annotated-list .sort {
        font-size: 12px;
        font-size: 1.2rem;
        padding: 5px 15px;
        border-radius: 25px;
        border: none;
        display: inline-block;
        color: #2e2e2e;
        text-decoration: none;
        background-color: rgba(0, 0, 0, 0.05);
        margin: 2px 0;
    }

        .annotated-list .sort:hover {
            text-decoration: none;
            background-color: rgba(0, 0, 0, 0.1);
        }

        .annotated-list .sort:focus {
            outline: none;
        }

        .annotated-list .sort:after {
            width: 0;
            height: 0;
            border-left: 4px solid transparent;
            border-right: 4px solid transparent;
            border-bottom: 4px solid transparent;
            content: "";
            position: relative;
            top: -10px;
            right: -4px;
        }

        .annotated-list .sort.asc:after {
            width: 0;
            height: 0;
            border-left: 4px solid transparent;
            border-right: 4px solid transparent;
            border-top: 4px solid #2e2e2e;
            content: "";
            position: relative;
            top: 11px;
            right: -4px;
        }

        .annotated-list .sort.desc:after {
            width: 0;
            height: 0;
            border-left: 4px solid transparent;
            border-right: 4px solid transparent;
            border-bottom: 4px solid #2e2e2e;
            content: "";
            position: relative;
            top: -9px;
            right: -4px;
        }
.field-validation-error {
    padding: 3px 12px;
    color: #a94442;
    background-color: #f2dede;
    border-radius: 10px;
}

.dash-body {
    height: 120px;
}

.integrationClientContainer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;
    background-color: #f5f5f5;
    border: 1px solid #10415e;
    padding: 8px;
}

    .integrationClientContainer > .integrationClientLogo {
        width: 150px; /* A fixed width as the default */
    }

    .integrationClientContainer > .integrationClientName {
        width: 16%;
        text-align: left;
        padding-left: 24px;
        flex-grow: 1; /* Set the middle element to grow and stretch */
    }

    .integrationClientContainer > .integrationClientConnect {
        margin-left: 2%;
        width: 16%;
    }

.hideTableRow {
    visibility: collapse;
    background-color: #d00;
}

.showTableRow {
    visibility: visible;
}

.pull-right {
    float: right !important;
}

.dash-body {
    height:120px;
}
/*use this for when we want to display items in a row equally */


.flexbox-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 2;
    flex-wrap: wrap;
}
.flex-item {
    align-self: flex-end;
    justify-content: space-around;
    flex-grow: 2;
    margin: 4px;
    
}

.flex-item-pr {
    min-height: 120px;
    height: auto;
    min-width: 230px;
    width: auto;
    margin: 4px;
    /*background-color: #fff;*/
    padding: 4px 8px;
    /*border: 1px solid #ccc;
    border-radius: 6px;*/
    flex-grow: 4;
    flex: 1 1 0px;
}
.flex-item-end {
    margin-left:auto!important;
}
.no-margin {
    margin:0px!important;
}

.clinreqcomplete {
    font-size:1.7rem;
}

.clinreqcomplete.fa-check {
    color:green;
}

.clinreqcomplete.fa-check-circle {
    color: green;
}

    .clinreqcomplete.fa-exclamation-circle {
        color: #d00;
    }

.clinreqcomplete.fa-close {
    color: #090909;
}

.form-control.setDates {
    max-height:14px;
}

.input-group .datepicker1, .input-group.date {
    background: transparent;
    border-right: 0;
    z-index: 1;
    cursor:pointer;
}

.input-group-addon, .input-group-addon:last-child {
    z-index: 0;
    border-left: 1px solid #ccc;
}

.card-body {
    background: #f9f9f9;
    border: 1px solid #3a5266;
    border-radius: 5px;
    padding: 1rem;
}

.fa-circle {
    color: #f0ad4e;
}

.rotation-details, .provider-requirement-comments {
    width: 100%;
    margin-bottom: 2rem;
    background: #fff;
}

    .rotation-details th, .rotation-details td, .provider-requirement-comments {
        border: 1px solid #3a5266;
        padding: .5rem;
    }

.rotation-details th {
    width:10%;
}

    .rotation-details th:first-child {
        width:60%;
    }

    .rotation-details th:last-child {
        width: 20%;
    }

.bold {
    font-weight:bold;
}

.btn-outline-danger {
    color: #000000;
    background-color: transparent;
    background-image: none;
    border-color: #000000;
}

.btn-link {
    color: #1f496e;
}

.student-list {
    margin-top: 30px;
    background: #fafafa;
    border: 1px solid #ccc;
}

    .student-list > .sort-row {
        margin-bottom: 20px;
        padding-top: 20px;
        padding-bottom: 20px;
    }

.modal-xxl {
    width: 90%;
}

/*Preview student ready upload documents - fills available modal width automatically without need for zoom */
.modal-document-preview {
    width: 100%;
    width: -moz-available; /* WebKit-based browsers will ignore this. */
    width: -webkit-fill-available; /* Mozilla-based browsers will ignore this. */
    width: fill-available;
}

.pdf-canvas {
    border:1px solid #ccc;
    margin:0 auto;
}

@media (min-width:680px) {
    #pend-table select, #loc-table select {
        width: 90px !important;
        margin: 0;
        padding: 2px;
        font-size: 12px;
    }
}
@media (min-width:1366px) {
    #pend-table select, #loc-table select {
        width: 90px !important;
        margin: 0;
        padding: 2px;
        font-size: 12px;
    }
}
ul.linksOnLogin {
    list-style: none;
}

    ul.linksOnLogin li {
        display: inline-block;
        padding: 0 2px;
        position: relative;
    }

        ul.linksOnLogin li:not(:last-child)::after {
            content: "";
            border: 1px solid #e2e2e2;
            border-width: 1px 1px 0 0;
            position: absolute;
            right: -3px;
            top: 0;
            height: 100%;
        }