body {
    background-color: #f3f3f4;
}

footer {
    margin: 50px 0;
}

h1, h2, h3, h4, h5, h6 { margin: none; }

h1 { font-weight:200 !important; }

input:disabled { color:#000000; }

input[type=file] { display: none; }

textarea { resize: vertical; }


/***** Navbar styling (tabs) *****/
/***** Navbar styling (tabs) *****/
.navbar {
    border-bottom:0 !important;
}

.navbar li { cursor:pointer; }

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    background-color:#e7e7e7;
}

.nav-icon {
    display:none;
}

/***** Navbar styling (tabs) *****/


/***** Additional table styling *****/

.table {
    background-color:#fff;
}
.table-j-fix {
    margin: 0;
    border-bottom: 0 !important;
}
.table-j-fix.table-no-results {
    padding: 15px;
    margin-bottom: 0 !important;
    border-top: 1px solid #ddd;
}
.table-j-fix th a {
    color: #000;
}

.table:not(.table-condensed) > tbody > tr > td {
    height:41px;
    line-height: 20px;
    padding: 10px 15px;
}

.table:not(.panel-default) > tbody > tr > th {
    background-color:#0580cb !important;
    color:#f6f6f6;
    font-weight: 400;
    text-shadow: 1px 1px rgba(0, 0, 0, .1);
}

.table:not(.table-condensed) > tbody > tr > th {
    height:42px;
    line-height: 20px;
    padding: 10px 15px;
}

.table.table-condensed > tbody > tr > td,
.table.table-condensed > tbody > tr > th {
    padding: 5px 15px;
}

.table:not(.panel-default) > tbody > tr > th > a {
    color:#ffffff;
    font-weight:normal;
}

.table-hover > tbody > tr:hover > td {
    background-color: #e4e9ee !important;
    cursor:pointer !important;
}

/*.table-hover > tbody > tr:hover > th {*/
    /*background-color:#0580cb !important;*/
    /*color:#ffffff;*/
/*}*/
/***** Additional table styling *****/

.required
{
    border-left: 2px solid #a94442 !important;
    font-weight:bold;
}

.required::-webkit-input-placeholder,
.required:-moz-placeholder,
.required::-moz-placeholder,
.required:-ms-input-placeholder {
    color: #a94442;
}

.requireOneOf
{
    border-left: 2px dashed #a94442 !important;
    font-weight:bold;
}


/***** Validation Style *****/
:not(.input-block) > .error:not(label) {
    background-color: #FFEBEE;
    border: 1px solid #a94442 !important;
    border-left-width: 2px !important;
    font-weight:bold;
}
.input-block > .error:not(label) {
    background-color: #FFEBEE;
    border: 1px solid #a94442 !important;
    border-left-width: 2px !important;
    font-weight:bold;
}
label.error { color: #a94442; margin-left: 0px; }

/*.error::-webkit-input-placeholder {*/
    /*color: #CD908E;*/
/*}*/

/*.error:-moz-placeholder {*/
    /*color: #CD908E;*/
/*}*/

/*.error::-moz-placeholder {*/
    /*color: #CD908E;*/
/*}*/

/*.error:-ms-input-placeholder {*/
    /*color: #CD908E;*/
/*}*/


.error::-webkit-input-placeholder,
.error:-moz-placeholder,
.error::-moz-placeholder,
.error:-ms-input-placeholder {
    color: #a94442;
}
/***** Validation Style *****/



/***** Input Blocks Style *****/
.input-block > input[type='text']:not(:first-of-type):not(:last-of-type),
.input-block > span:not(:first-of-type):not(:last-of-type),
.input-block > .input-group:not(:first-of-type):not(:last-of-type) > input[type='text'],
.input-block > .input-group:not(:first-of-type):not(:last-of-type) > .input-group-addon {
    border-bottom: 0px !important;
    border-top: 0px !important;
    border-radius: 0px !important;
}

.input-block > input[type='text']:first-of-type,
.input-block > span:first-of-type,
.input-block > .input-group:first-of-type > input[type='text'],
.input-block > .input-group:first-of-type > .input-group-addon {
    border-bottom: 0px !important;
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.input-block > input[type='text']:last-of-type,
.input-block > span:last-of-type,
.input-block > .input-group:last-of-type > input[type='text'],
.input-block > .input-group:last-of-type > .input-group-addon {
    border-top: 0px !important;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}

.input-block > .input-group {
    width: 100%;
}

.input-block > .input-group > .input-group-addon {
    width: 40px;
    text-align: center;
}
/***** Input Blocks Style *****/



/***** Textarea counters *****/
.textarea-counters {
    color: rgba(0,0,0,0.45);
    font-size: 0.8em;
}

.textarea-counters > .word-count {
    float: left;
}

.textarea-counters > .character-count {
    float: right;
}
/***** Textarea counters *****/



/***** Screen Cover for loading screens css *****/
.cover {
    background-color: rgba(120,120,120,0.5);
    height: 100%;
    left: 0px;
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 1000;
}

.cover > div {
    animation: colorchange 30s;
    -webkit-animation: colorchange 30s;
    background-color: #eee;
    border-radius: 10px;
    height: 140px;
    padding: 20px;
    position: absolute;
    left: calc((100% - 140px) / 2);
    left: -moz-calc((100% - 140px) / 2);
    left: -o-calc((100% - 140px) / 2);
    left: -webkit-calc((100% - 140px) / 2);
    text-align: center;
    top: calc((100% - 140px) / 2);
    top: -o-calc((100% - 140px) / 2);
    top: -moz-calc((100% - 140px) / 2);
    top: -webkit-calc((100% - 140px) / 2);
    width: 140px;
}

.cover > div > span {
    margin-bottom: 10px;
}
/***** Screen Cover for loading screens css *****/



/* Ribbon */
.ribbon {
    margin-top:-20px;
    /*border-bottom:solid 1px #d1d1d1;*/
    background-color:#e7e7e7;
    padding-top:4px;
    padding-bottom:4px;
    display:flex;
    overflow-x:auto;
}
.ribbon::-webkit-scrollbar { display: none; }

.ribbon > div,
.ribbon > a {
    min-width:90px;
    border:solid 1px #e7e7e7;
    border-radius:3px;
    text-align:center;
    margin-left:4px;
    font-size:0.8em;
    padding-top:4px;
    padding-bottom:4px;
    display:inline-block;
    padding-left:4px;
    padding-right:4px;
    position: relative;
    color:#0580cb;
}

.ribbon > div > span.badge,
.ribbon > a > span.badge {
    position:absolute;
    top:1px;
    right:1px;
    background-color:#d9534f;
}

.ribbon > div > span.label,
.ribbon > a > span.label {
    position:absolute;
    top:1px;
    right:1px;
}

.ribbon > div > span.badge.green,
.ribbon > a > span.badge.green {
    background-color:#5cb85c;
}

.ribbon > div:hover,
.ribbon > a:hover {
    background-color:#0580cb;
    border:solid 1px #0580cb;
    color:#ffffff;
    text-shadow:1px 1px rgba(0, 0, 0, 0.1);
    cursor:pointer;
    text-decoration: none;
}


.ribbon i {
    font-size: 3em;
    margin: 0 auto;
    display: table;
    padding-bottom: 5px;
}

.ribbonItemSelected {
    position:absolute;
    width:30px;
    height:3px !important;
    background-color: white;
    padding:0px;
    margin-left: calc((100% - 38px)/2);
    margin-left: -moz-calc((100% - 38px)/2);
    margin-left: -o-calc((100% - 38px)/2);
    margin-left: -webkit-calc((100% - 38px)/2);
    margin-top:2px;
    border-top-left-radius:2px;
    border-top-right-radius:2px;
}

.ribbon div.ribbon-divider {
    border-left: 1px solid #d1d1d1;
    border-radius: 0px;
    border-right: 1px solid #ffffff;
    box-sizing: border-box;
    display: inline-block;
    height: 46px;
    min-width: 2px;
    margin-top: 8px;
    padding: 0px;
    width: 2px;
}

/* Ribbon */



/*.datepicker, .shortInput, .timepicker, input[type="date"] {*/
/*    width:200px;*/
/*}*/

.ui-datepicker,
.ui-timepicker {
    background-image: none;
    background-color: #dddddd;
}

.ui-datepicker {
    z-index:100000001;
}

.ui-timepicker td {
    padding:4px 1px 2px 1px;
}

.ui-timepicker td a {
    padding:3px;
}

.ui-timepicker .periods{
    padding-right:3px;
}

[data-href] {
    cursor:pointer;
}

/* Required styling for panels with multiple sections. */
.panel > .panel-heading:not(:first-child) {
    border-radius: 0px;
    background-color:#f5f5f5;
    color:black;
    border-bottom-color:#dddddd;
    border-top:1px solid #dddddd;
}

.panel > .panel-body.panel-full .table > tbody > tr > th,
.panel > .panel-body .table > tbody > tr > th {
    border-radius: 0px;
    background-color:#e7e7e7 !important;
    color:black;
    border-bottom-color:#d1d1d1 !important;
    border-top:0;
}
.panel > .panel-body .table > tbody > tr > th > a {

    color:black !important;
}

#modal-cover {
    background-color: rgba(120,120,120,0.5);
    height: 100%;
    left: 0px;
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 1000;
}


#modal {
    min-width: 320px;
    width:auto;
    border: 1px solid #bababa;
    border-radius: 5px;
    padding:1em;
    background-color: #ffffff;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.modal-danger {
    border-bottom: 5px solid #d9534f !important;
}

.modal-success {
    border-bottom: 5px solid #5cb85c !important;
}

.modal-primary {
    border-bottom: 5px solid #337ab7 !important;
}

.modal-warning {
    border-bottom: 5px solid #ec971f !important;
}

#modal-title {
    font-size: 1.6em;
}

#modal-controls {
    margin-top: 1em;
}

.badge-danger {
    background-color:#d9534f !important;
    color:white !important;
}

.badge-success {
    background-color:#5cb85c !important;
    color:white !important;
}

.badge-warning {
    background-color:#f0ad4e !important;
    color:white !important;
}

.badge-info {
    background-color:#5bc0de !important;
    color:white !important;
}

.badge-primary {
    background-color:#337ab7 !important;
    color:white !important;
}


/* LHS Menu items */

.lhs
{
    border-bottom:0;
}

/*.lhs.menu.menu-fixed > li:first-child {*/
    /*left: 30px;*/
    /*position: fixed;*/
    /*top: 30px;*/
/*}*/

.lhs > .list-group-item.active {
    border-left:none;
    border-radius:0 !important;
    border-right:none;
    overflow:hidden !important;
    text-overflow: ellipsis;
    background-color:#0580cb;
}

.lhs > .list-group-item.active > .btn-xs {
    margin-bottom: -1px;
    margin-top: -1px;
}

.lhs > .list-group-item:not(.active) {
    background-color:#f9f9f9;
    border-left:none;
    border-radius:0 !important;
    border-right:none;
    overflow:hidden !important;
    text-overflow: ellipsis;
}

.lhs > .list-group-item a {
    white-space:nowrap;
}

.lhs > .list-group-item.selected {
    background-color:#e4e9ee;
}

.lhs > .list-group-item.selected:before {
    border-left:4px solid #0580cb !important;
    content:'';
    height:100%;
    left:0;
    position:absolute;
    top:0;
}

.lhs > .search
{
    padding:3px 15px;
    margin-top:1px;
    height:42px;
    line-height:42px;
}

.lhs > .search input
{
    border:0;
    box-shadow:none;
    padding-left:0;
    background-color:#f9f9f9;
}

.lhs > .search button
{
    padding-right:0;
    margin-top:-1px;
}

.lhs > .list-group-item.selected > span.fa-chevron-down
{
    display:none;
}

/* End LHS menu items */


/* LHS sub-menu items */

.lhs > .list-group-item:not(.selected) > .lhs-sub
{
    display:none;
}

.lhs-sub
{
    margin-bottom:0;
}

.lhs-sub > .list-group-item.active {
    border-left:none;
    border-radius:0 !important;
    border-right:none;
    overflow:hidden !important;
    text-overflow: ellipsis;
    font-size:0.9em;
    font-weight:bold;
}

.lhs-sub > .list-group-item:not(.active) {
    background-color:#e4e9ee;
    border:none;
    border-radius:0 !important;
    overflow:hidden !important;
    text-overflow: ellipsis;
    font-size:0.9em;
    color:#333333;
}

.lhs-sub > .list-group-item a {
    white-space:nowrap;
}

.lhs-sub > .list-group-item.selected {
    font-weight:bold;
}

.lhs-sub > .list-group-item:last-child {
    padding-bottom:0;
}

/* End LHS sub-menu items */

.list-group-item-help
{
    background-color:#f3f3f4 !important;
    border-bottom:0;
    padding-left:0;
    padding-right:0;
}

.list-group-item-help > div
{
    padding:8px 15px;
    border:1px dotted #888888;
    font-size:0.9em;
}


.content-container {
    background-color: white;
    border: 1px solid rgb(221, 221, 221);
    padding: 15px;
}



/* ISArc styling to over-ride bootstrap defaults for panels */

.panel-group .panel
{
    border-radius:0;
}

.panel
{
    border-radius:0;
    border-left:0;
    border-right:0;
    border-bottom-color:rgb(221,221,221);
}

.panel-primary > .panel-heading
{
    background-color:#0580cb;
}

.panel-heading
{
    border-radius:0;
}

.panel-footer
{
    border-radius:0;
    background-color:#f9f9f9;
    text-align:center;
}

.panel-full
{
    padding-left:0;
    padding-right:0;
}

.panel-full .table-no-results
{
    margin-left:15px;
}


.panel-full-text{
    margin: 0 1em 1em;
}

.container-fluid > .row-fluid:first-child {
    margin-top: 30px;
}

.clearfix + .row-fluid,
.clearfix + .row {
    margin-top: 1em;
}

/* Grey arrow for LHS menu expanding items */

.greyArrow
{
    color:rgb(221,221,221);
}


.button-bar-bottom {
    background-color: #444444;
    border-top: 1px solid #9c9c9c;
    padding: 10px;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 100;
    width:100%;
    text-align:center;
}

.button-bar-top {
    background-color: #444444;
    border-top: 1px solid #9c9c9c;
    padding: 10px;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100;
    width:100%;
    text-align:center;
}

/* Allows the use of labels as badges for you can have coloured badges. */
.label-as-badge {
    border-radius: 10px;
    display: inline-block;
    font-size: 12px;
    padding-top: 4px;
}
/* Allows the use of labels as badges for you can have coloured badges. */


.alert.alert-condensed {
    padding: 3px 10px;
}

.alert.alert-attached-bottom {
    border-bottom:0;
    border-bottom-left-radius:0;
    border-bottom-right-radius:0;
}

.alert.alert-attached-top {
    border-top:0;
    border-top-left-radius:0;
    border-top-right-radius:0;
}

.input-no-bottom-radius {
    border-bottom-left-radius:0;
    border-bottom-right-radius:0;
}

.input-no-top-radius {
    border-top-left-radius:0;
    border-top-right-radius:0;
}


/* add yellow as a colour to badges or any other item */

.text-yellow
{
    color:#FFB300;
}

.background-yellow
{
    background-color:#FFCA28;
}


/* add RAG colours */

.text-rag-red
{
    color:#e53935;
}

.text-rag-amber
{
    color:#FFB300;
}

.text-rag-green
{
    color:#43A047;
}

.text-rag-blue
{
    color:#355ae5;
}



/***** Media query for print/noprint *****/
@media screen, projection
{
    .noprint {display:default;}
    .printonly{display:none;}
}

@media print
{
    .noprint, .ribbon, .navbar, footer, .button-bar-bottom, .button-bar-top { display:none; }
    .printonly {display:default;}
}


/***** Media query for print/noprint *****/

.timeline-table {
    width: 100%;
}

.timeline-table > tbody > tr > td {
    vertical-align: top;
}

.timeline-table > tbody > tr > th:not(:last-child),
.timeline-table > tbody > tr > td:not(:last-child) {
    white-space: nowrap;
}

.timeline-table > tbody > tr > th:last-child,
.timeline-table > tbody > tr > td:last-child {
    width: 100%;
}

#providerBar
{
    font-size:0.7em;
    background-color:#0580cb;
    color:#ffffff;
    border-bottom-left-radius:1em;
    border-bottom-right-radius:1em;
    position:absolute;
    top:0;
    padding:1px 20px 1px;
    right:200px;
    text-align:center;
    overflow:hidden;
}

.input-error-box {
    background-color: #eeeeee;
    border: 1px solid #a94442;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top: none;
    color: #a94442;
    margin-top: -3px;
    padding: 6px 12px;
}


/*****  Table row classes *******/
.max_row_1,
.max_row_2,
.max_row_3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    transition: 0.2s;
}

.max_row_1 {
    -webkit-line-clamp: 1;
}
.max_row_2 {
    -webkit-line-clamp: 2;
}
.max_rows_3 {
    -webkit-line-clamp: 3;
}



.panel-task
{
    border-top-color:#512DA8;
}

.panel-task > .panel-heading
{
    background-color:#673AB7;
    border-bottom-color:#512DA8;
    color:#ffffff;
}

.file-upload-list {
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin: 5px -5px;
}
.file-upload-list li {
    margin: 5px;
    padding: 5px;
    background: #f4f4f4;
    border: 1px solid #ccc;
    border-radius: 5px;
    display: flex;
    align-items: flex-start;
}
.file-upload-list li .remove {
    margin-right: 10px;
}

select.ui-datepicker-month,
select.ui-datepicker-year{
    color: #333;
}

.notificationsBar
{
    background-color:rgba(255, 255, 255, 0.6);
}

.notificationsBar .list-group-item
{
    border-radius:0 !important;
    border:0;
    background-color:inherit;
}

.notificationsBar .list-group-item-danger
{
    left:100%;
    animation-name: systemNotificationSlideIn;
    animation-duration: 500ms;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
    animation-delay: 125ms;
}

.notificationsBar .list-group-item-warning
{
    left:100%;
    animation-name: systemNotificationSlideIn;
    animation-duration: 500ms;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}

.notificationsBar .list-group-item-heading
{
    color:#444444;
}

.date-warning {
    margin-top: 5px;
    display: block;
}

/* Dropdown button css */
.table-dropdown-menu {
    top: 0;
    border: none;
    background: none;
    box-shadow: none;
    text-align: right;
    padding: 0;
    margin: 0;
    flex-direction: column;
    min-width: auto;
}
.open > .table-dropdown-menu {
    display: flex;
}
.table-dropdown-menu > button {
    border-radius: 0;
    width: 100%;
    border-bottom-width: 0;
    margin: 0 !important;
    text-align: left;

    display: flex;
    align-items: center;
    padding: 0.5em 0.5em 0.5em 0.25em;
}
.table-dropdown-menu > button:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.table-dropdown-menu > button:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-width: 1px;
}
.table-pull-right > .dropdown-menu {
    left: auto;
    right: calc(100% + 10px);
}
.table-dropdown-menu > button > span:first-child {
    width: 1.5em;
    text-align: center;
    margin-right: 0.25em;
}

@keyframes systemNotificationSlideIn {
    from {
        left: 100%;
    }
    to {
        left: 0;
    }
}



.flashit{
    color:#c95c54;
    -webkit-animation: flash linear 1s infinite;
    animation: flash linear 1s infinite;
}
@-webkit-keyframes flash {
    0% { opacity: 1; }
    50% { opacity: .1; }
    100% { opacity: 1; }
}
@keyframes flash {
    0% { opacity: 1; }
    50% { opacity: .1; }
    100% { opacity: 1; }
}


.providerName
{
    color:#444444;
}


.dd-btn-j .dropdown-menu {
    top: 0;
    border: none;
    background: none;
    box-shadow: none;
    text-align: right;
    padding: 0;
    margin: 0;
    flex-direction: column;
    min-width: auto;
}
.dd-btn-j .open > .dropdown-menu {
    display: flex;
}
.dd-btn-j .dropdown-menu > button {
    border-radius: 0;
    width: 100%;
    border-bottom-width: 0;
    margin: 0 !important;
    text-align: left;

    display: flex;
    align-items: center;
    padding: 0.5em 0.5em 0.5em 0.25em;
}
.dd-btn-j .dropdown-menu > button:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.dd-btn-j .dropdown-menu > button:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-width: 1px;
}
.dd-btn-j.pull-right > .dropdown-menu {
    left: auto;
    right: calc(100% + 10px);
}
.dd-btn-j .dropdown-menu > button > span:first-child {
    width: 1.5em;
    text-align: center;
    margin-right: 0.25em;
}

.dd-btn-j .dropdown-menu > button.btn-default:disabled {
    opacity: 1;
    background: #eee;
    color: #888;
}

/* Stats table with breakdown */
.table-stats-expander tr > th:not(:first-child) {
    text-align: center;
}

.table-stats-expander > tbody > tr > td:not(:first-child) {
    text-align: center;
}

.table-stats-expander > tbody > tr > td.hover:not(.td-selected) {
    cursor: pointer;
}

.table-stats-expander > tbody > tr > td.hover:hover {
    background-color: #ddd;
}

.table-stats-expander > tbody > tr > td.td-selected {
    background-color: #ddd;
    font-weight: bolder;
}

.span-delete-button {
    font-size: 1.6em;
    float: right;
    cursor: pointer;
}
/*End stats table with breakdown */


/* Home Page Courses */
.border-vertical {
    border-right:1px solid #444444;
}




@media (max-width: 767px) {
    .body, .container-fluid, .row,
    .row-fluid,
    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-md-1,
    .col-md-10,
    .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
        padding:0 !important;
        margin:0 !important;
    }
    .navbar-header {
        margin:0 !important;
    }
}