/*
Theme Name: LMS
Theme URI: http://newberyconsulting.com.au
Description: A theme for Joe.
Version: 0.0.1
Author: Dave Spencer
Author URI: http://noosawebdesign.com
*/

.signature-style {
	cursor: pointer;
	border: 1px solid #aaa;
}

.theme ul.theme-ul {
	padding-left: 16px;
}

.theme ul.theme-ul li {
	padding-bottom: 4px;
}

.fetching-events {
	position: absolute;
	top: -4px;
	right: 18px;
}

.date-filters {
	position: absolute;
	top: -54px;
	right: 100px;
}
.date-filters .filter-start,
.date-filters .filter-end {
	width: 200px;
	display: inline-block;
}

.date-filters .filter-results,
.date-filters .remove-filter {
	font-size: 24px;
	margin-left: 6px;
}

.theme .colorpicker {
	width: 248px;
}

.theme .colorpicker .colorpicker-saturation {
	width: 200px;
    height: 200px;
}

.theme .colorpicker .colorpicker-hue {
	width: 30px;
	height: 200px;
}

.switch {
  position: relative;
  width: 50px;
}

.switch label {
  width: 44px;
  height: 23px;
  background-color: #999;
  position: absolute;
  top: 6px;
  left: 6px;
  border-radius: 50px;
}

.switch input[type="checkbox"] {
  visibility: hidden;
}

.switch label:after {
  content: '';
  width: 21px;
  height: 21px;
  border-radius: 50px;
  position: absolute;
  top: 1px;
  left: 1px;
  transition: 100ms;
  background-color: white;
}

.switch .slide-check:checked + label:after,
.switch .slide-header:checked + label:after {
  left: 22px;
}

.switch .slide-check:checked + label,
.switch .slide-header:checked + label {
  background-color: #6ad873;
}

.switch .slide-check.slide-disable:checked + label {
  background-color: #f1f1f1;
}

.tooltip {
	opacity: inherit !important;
}

.header-logo {
	height: auto; 
	max-width: 100%;
}

.svg-header-logo {
	height:100%; 
	max-height: 120px;
}

.tutorial-actions {
	position: absolute; 
	bottom: 20px; 
	right: 20px; 
	background-color: #eee;
	padding: 8px 10px 6px;
	border: 1px solid #bbb;
	border-radius: 6px;
	color: #333;
	cursor: pointer;
}

.tutorial-actions:hover,
.tutorial-actions:focus {
	color: #bbb;
	background-color: #333;
}

.tutorial-info {
	position: absolute; 
	top: 4px; 
	left: 14px; 
	color: #fff;
	font-size: 24px;
	text-shadow: 2px 2px 2px #777;
}

.tutorial-info:hover,
.tutorial-info:focus {
	color: #eee;
}

[contenteditable] {
  outline: 0px solid transparent;
}

.theme .login-form .btn,
.theme .mfa-form .btn,
.theme .pswd-form .btn {
	background-color: #31708f; border-color: #31708f;
}	

.theme .progress {
	margin-bottom: 0;
	background-color: #e7e7e7;
}

.theme h3 small {
	font-size: 80%;
}

.theme checked {
	color: #aaa;
}

.number-circle {
    width: 36px;
    line-height: 36px;
    border-radius: 50%;
    text-align: center;
    font-size: 16px;
    border: 1px solid #999;
    background-color: #3e6465;
    color: #fff;
}

tr:hover td {
	background-color: #fafafa;
}

.view-message,
.show-dialog {
	cursor: pointer;
}

.lms-dialogs {
	display: none;
	padding: 14px;
}

.search-container {
	width:438px; 
	padding-top: 6px;
}

.search-input {
	position: absolute; 
	display: inline-block; 
	right: 45px; 
	width:38px;
	transition: width 0.5s ease-out;
}

.search-button {
	width:38px; 
	font-size: 14px; 
	padding: 6px 12px; 
	border: 1px solid #ccc; 
	height: 36px;
	border-radius: 4px; 
	background-color: #eee; 
	position: absolute; 
	right: 45px;
}

.folders li {
	padding: 8px;
	background-color: #fafafa;
	border-bottom: 1px solid #ddd;
}

.folders li:hover,
.folders li:focus,
.folders li.active {
	background-color: #fff;
}

.theme .nav-sticky {
	position: sticky;
	top: 142px;
}

.lms.row,
.container-fluid > .row.title-row,
.container-fluid > .row.block-row,
.theme .container-fluid > .navbar-collapse {
	margin: 0 10px
}

.scroll-left {
	display:none;
	position: absolute;
	left:15px;
	width:30px;
	height:100%;
	background-image: linear-gradient(to left, rgba(224, 224, 224, 0), rgba(224, 224, 224, 1));
}

.scroll-right {
	display:none;
	position: absolute;
	right:15px;
	width:30px;
	height:100%;
	background-image: linear-gradient(to right, rgba(224, 224, 224, 0), rgba(224, 224, 224, 1));
}

.theme .text-success {
    color: #3e6465;
}

.theme .text-warning {
    color: #b37b7a;
}

.theme .text-green {
    color: #60cf64;
}

.theme .text-orange {
    color: #f8a24c;
}

.theme .text-red {
    color: #f96056;
}

.theme .text-grey {
    color: #aaa;
}

.theme .text-yellow {
	color: #F0E68C;
}

.theme .text-default {
	color:#333;
}

.scrollbox {
	overflow: auto;
}

.condensed-row > div[class^="col-"] {
    padding-right: 5px;
    padding-left: 5px;
}

.theme .input-group-addon:not(:first-child):not(:last-child) {
	border-radius: 0 4px 4px 0;
	border-left: none;
}

.theme .tab-content b, 
.theme .tab-content strong {
    font-weight: 500;
}

.theme .tab-content .activity-container strong,
.theme .tab-content .template-content strong,
.theme .tab-content table td strong,
.theme .tab-content table th strong,
.theme .tab-content p strong,
.theme .tab-content .dropdown-menu strong,
.theme .tab-content .activity-container b,
.theme .tab-content .template-content b,
.theme .tab-content table td b,
.theme .tab-content table th b,
.theme .tab-content p b {
    font-weight: 700;
}

.theme .activity-element img {
    vertical-align: top;
    /*padding: 4px;*/
}

body {
	padding-top:30px;
}


html, body {
	height: 100%;
} 

body.theme {
	font-size:16px;
    padding-top: 130px;
    font-family: 'Open Sans', sans-serif;
    color:#555;
}

.theme h3 {
    font-size: 16px;
    font-weight: 700;
    margin-top: 12px;
	margin-bottom: 18px;
	color: #3e6465;
}

.theme h4 {
	margin-top: 12px;
    font-size: 16px;
    font-weight: 700;
    color: #3e6465;
}

.theme h5 {
    font-weight: 700;
}

.theme .tab-pane h4 {
   /* margin-bottom: 24px;*/
   margin-top: 0px;
}

.theme .not-shown,
.theme .row.not-shown {
    display:none;
}

.form-control.text-area {
	height:auto;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}

.theme a, 
.text-newbery, 
.text-rtodata {
	color:#980017;
}

.theme td > a,
.theme td > div a,
.theme .folder-row > td > a,
.theme .folder-row a.show-contents,
.theme .folder-row a.show-library,
.grid-content a {
	color:#3e6465;
}

.theme td > a:hover,
.theme td > a:focus,
.theme td > div > a:hover,
.theme td > div > a:focus,
.theme .folder-row > td > a:hover,
.theme .folder-row > td > a:focus,
.theme .folder-row a.show-contents:hover,
.theme .folder-row a.show-contents:focus,
.theme .folder-row a.show-library:hover,
.theme .folder-row a.show-library:focus,
.theme .grid-content a:hover,
.theme .grid-content a:focus {
	color:#980017;
}

.theme a.show-help{
	color:#3e6465;
}

.theme a.show-help:hover,
.theme a.show-help:focus {
	color:#b37b7a;
}

.theme a:hover, 
.theme a:focus {
	color:#3e6465;
	outline: none;
}

.upload-image {
	cursor: pointer;
}

/* drag drop styles */
.drag-drop {
	background-repeat:no-repeat;
	background-position: center center;
	background-size: contain;
	height: 150px;
	width: 100%;
	border-radius: 8px;
	border: 1px solid #ddd;
	margin: 10px 0;
	display: flex;
	align-items: center;
	position: inherit;
}

.drop-text {
	padding: 8px 12px;
	background-color: #f8f8f8;
	overflow: hidden;
}

.drag-text {
	padding: 8px 12px;
	background-color: rgba(49, 112, 143, 0.18);
	border: 1px solid #31708f;
	user-select: none;
	overflow: hidden;
}

.drag-image {
	border: 1px solid #31708f;
	user-select: none;
}

.drop-target {
	color: #31708f;
	border: 1px dashed #31708f;
	justify-content: center;
}

.drop-here {
	position: absolute;
	top: calc(50% - 11px);
	left: calc(50% - 45px);
}

.theme .ui-state-hover {
	border: inherit;
	background-color: rgba(49, 112, 143, 0.38);
	background-image: none;
}

.theme .correct-hover {
	background-color: rgba(222, 255, 223, 1);
	background-image: none;
}

.theme .correct-border {
	border-style: solid; 
	border-width: 2px;
	border-color: #60cf64;
}

.theme .incorrect-hover {
	background-color: rgba(255, 237, 236, 1);
	background-image: none;
}

.theme .incorrect-border {
	border-width: 2px;
	border-style: solid; 
	border-color: #f96056;
}

.square-image{
	background-repeat:no-repeat;
	background-position: center center;
	background-size: cover;
	margin-bottom: 16px;
}

.dropdown-menu span.type-span, 
.dropdown-menu li.new-modal { 
	font-size: 16px;
	display: inline-block;
	padding: 0 8px;
	cursor: pointer;
}

.dropdown-menu span.type-span:hover,
.dropdown-menu span.type-span:focus{
	text-decoration: underline;
}

.colorpicker .add-on {
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	padding:8px;
}

.colorpicker.dropdown-menu {
	z-index: 9999;
}

.theme option {
	padding:2px 8px
}

.option-divider {
	border-top: 1px solid #ccc;
    margin-top: 6px;
    padding-top: 4px;
}

.theme .select {
	border: 1px solid #ccc;
	border-radius: 4px;
	background-color: #fff;
}

.nav-tabs .dropdown-menu > li > a {
	padding: 3px 20px 3px 6px;
}	

.theme .select > li > ul {
	width:100%;
}

.theme .nav.select > li > a {
	padding: 6px 8px;
	color: #555;
}

.theme .select > li > ul > li {
	cursor: pointer;
}
.theme .select > li > ul > li:hover {
	background-color:#f4f4f4;
}

.theme progress {
	display:none;
	width:100%;
	padding: 10px;
}

.theme video {
	width:100%;
}

.cell-input {
	border:none; 
}

input[type="checkbox"], 
input[type="radio"] {
    line-height: normal;
    margin: 3px 0 0;
}

.input-stacked {
	margin-bottom: 6px;
}

.theme .form-control[readonly] {
    background-color: #fff;
}

.theme input[type="date"].form-control {
	line-height: initial;
	padding-left: 8px;
}
.theme .input-group .form-control {
	z-index: auto;
}

.theme .row.toggle-target,
.theme .toggle-target {
	display:none;
}

.theme .toggle-targets {
	margin:10px -10px;
	width:100%;
	text-align: right;
	color: #337ab7;
}

.theme .toggle-targets i {
	margin-left: 4px;
}	

.theme .toggle-targets i:hover,
.theme .toggle-targets i:focus {
	color: #333;
	cursor: pointer;
}

.theme .toggle-text {
	display:none;
	margin-top:10px;	
}

.theme .row {
	align-items: center;
    display: flex;
    margin-bottom: 4px;
}

.theme .row.block-row {
    display: block;
    margin-bottom: 4px;
}

.theme .row.condensed-row {
    display: block;
}

.theme .row.default {
    margin-bottom: 0px;
}

.theme .title-row {
    margin-bottom: 1px;
	margin-top: 5px;
	display: block;
}

.theme .alert-row {
    margin: 0 0 10px 0;
    padding:16px 8px;
    background-color: #fafafa;
    border:1px solid rgba(138, 109, 59, .5);
    border-radius: 4px 4px 4px 4px;
}

.theme .alert-row p,
.theme .sync-update p {
    margin-top: 0;
    margin-bottom: 0;
}

.theme .input-row {
    min-height: 34px;
}

.theme .input-row label {
    line-height: normal;
    margin:3px 0;
}

.theme .input-row span {
    /*line-height: 34px;*/
}

.theme .input-row th {
    border: none;
    background: none;
}

.theme .input-row td {
    border: none;
    padding: 0 2px 0 0;
}

.theme .input-row td:last-child {
    padding-left: 4px;
}

.theme .form-control.slim {
	padding-top:3px;
	padding-bottom:3px;
	font-size: 12px;
	height: auto;
}

.form-inline {
	padding-top: 3px;
	padding-bottom: 3px;
}

form p {
	margin: 5px auto;
}

.theme  optgroup {
    margin-left: 8px;
    margin-top: 3px;
}

.row-group {
	background-color: #fff;
	padding: 10px 10px 6px 12px;
	border:1px solid #ddd;
	margin: 12px 0;
}

.row-group.row-subgroup {
	background-color: #fcfcfc;
}

.hr-bottom {
	margin-top:0;
}

.login-form a {
	margin-top: 8px;
	color: #31708f;
}

.decor {
	position: absolute; 
	bottom:0; 
	right:0; 
	width: 50%;
}

.teal {
	color: #31708f;	
}

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

div.ellipsis i.fa-circle,
div.ellipsis i.fa-check,
div.ellipsis i.fa-hourglass-end,
div.ellipsis i.fa-times,
div.ellipsis i.fa-lock,
div.ellipsis i.fa-refresh {
	position: absolute;
	right:8px;
	margin-right: 3px;
}

div.ellipsis i.fa-book,
div.ellipsis i.fa-edit {
	position: absolute;
	right:38px;
	margin-top: 3px;
}

td p:last-of-type {
	margin-bottom: 0;
}

td > div.ellipsis {
  width: 140px;
}

td > div.ellipsis-lg {
  width: 760px;
}

@media (max-width: 1600px) {
	td > div.ellipsis-lg {
	  width: 480px;
	}
}

@media (max-width: 1200px) {
	td > div.ellipsis-lg {
	  width: 320px;
	}
}

@media (max-width: 991px) {
	td > div.ellipsis-lg {
	  width: 180px;
	}
}

.theme .btn {
    border-radius: 3px;
    padding: 6px 12px;
    background-color: #980017;
    border-color: #7b1117;
    color: #fff;
}

.theme .btn:hover,
.theme .btn:focus {
    background-color: #999;
    border-color: #777;
    color: #fff;
}

.theme .btn:hover:disabled,
.theme .btn:focus:disabled {
    background-color: inherit;
    border-color: inherit;
    color: inherit;
}


.theme .btn.active:enabled, 
.theme .btn:active:enabled {
    background-color: #777;
    border-color: #555;
    color: #fff;
}

.theme .btn-default {
    color: #333;
    background-color: #eee;
    border-color: #ccc;
}

.theme .btn.pull-right {
    margin-left: 6px;
}

.theme .tab-subcontent .btn {
   margin-top: -10px;
}

.theme .btn-floating {
	position: absolute;
	top: -38px;
	right: 104px;
}

/* Table Styles */

.lms table {
	width:100%;
}

.lms table.fixed {
	margin-bottom: 16px;
}

.lms th {
	background-color: #eee;
	border:1px solid #e0e0e0;
	padding:6px;
	position: relative;
}

.lms th div {
	padding-right: 14px;
}

.lms .table-sub-header td {
	background-color: #fafafa;
	border:1px solid #e0e0e0;
	border-top: none;
	padding:6px;
}

.lms td {
	background-color: #fff;
	border: 1px solid #e0e0e0;
	padding: 6px 8px;
	vertical-align: top;
	display: table-cell
}

.lms .api td {
	border: none;
	padding: 2px 8px;
}

.lms .api td h3 {
	margin-bottom: 12px;
}

.lms td.middle {
	vertical-align: middle;
}

.theme .conversations-table td {
	background-color: #eee;
}

.theme .conversations-table td > a:hover,
.theme .conversations-table td > a:focus {
	text-decoration: none;
}

.conversations-table tr.active td {
	background-color: #ffffff;
}

.lms td.file-row > div > a,
.lms td.file-row > div > span  {
	overflow: hidden; 
	text-overflow: ellipsis;
	white-space: nowrap;
	display: inline-block; 
	width:90%;
}

.lms table.icon-column tr td:first-child {
	border-right-style: none;
}

.lms table.icon-column tr td:nth-child(2) {
	border-left-style: none;
}

.sub-table-row {
	margin-left:8px;
	border-top: 1px solid #eee;
	display:none;
}

.sub-table-row a {
	line-height: 28px
}

.sub-table-row span {
	line-height: 32px
}

th .nav > li > a {
    padding: 4px 0px;
    display: inline-block;
}

.theme  td .nav > li > a {
    padding: 0px;
}

.fixed-column-1 {
	width:30px;
	text-align: center;
}

.fixed-column-2 {
	width:150px;
}

.fixed-column-slide {
	width:60px;
}

.float-column-5 {
	width:5%;
	display: inline-block;
}

.float-column-10 {
	width:10%;
	display: inline-block;
}

.float-column-15 {
	width:15%;
	display: inline-block;
}

.float-column-20 {
	width:20%;
	display: inline-block;
}

.float-column-30 {
	width:30%;
	display: inline-block;
}

.fixed-column-quarter {
	width:25%;
}

.fixed-column-half {
	width:50%;
}

.grid-header {
	font-weight: bold;
	background-color: #eee;
}

.grid-header, 
.grid-container {
	border: 1px solid #e0e0e0;
	
}

.grid-header {
	border-bottom: 0;
}

.grid-container {
	background-color: #fff;
}

.grid-container .grid-container {
	border: 0;
}

.grid-container .table-rows {
	border-top: 1px solid #e0e0e0;
}

.grid-container .grid-container .table-rows {
    
}

.grid-content {
	width: calc(100% - 104px);
	display: inline-block;
	padding: 5px;
}

.activities .grid-content, .modules .grid-content {
	width: calc(100% - 70px);
	display: inline-block;
	padding: 5px;
}

.enrolment .grid-content {
	width: calc(40% - 118px);
	display: inline-block;
	padding: 5px;
}

.grid-container .grid-container .grid-content i {
	margin-left: 20px;
}	

.grid-container .grid-container .grid-container .grid-content i {
	margin-left: 40px;
}

.grid-container .grid-container .grid-container .grid-container .grid-content i {
	margin-left: 60px;
}

.grid-header .fixed-column-1,
.grid-container .fixed-column-1 {
	border-left: 1px solid #e0e0e0;
	display: inline-block;
}

.text-label {
	min-width: 60px;
	display: inline-block;
}

.theme .tab-button-group {
	position: absolute;
	top:-50px;
	right:0;
}

.relative {
	position: relative;
}

.widget-heading {
    background-color: #f5f5f5;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding: 10px;
}

.theme h4.widget-title {
    font-size: 16px;
    margin-bottom: 0px;
    margin-top: 0px;
}

.theme .panel th {
    background-color: #fff;
}

/* Banner Styles */

.banner-container {
    background-color: #f7f7f7;
    color:#aaa;
}

/* Breadcrumb Styles */

.breadcrumb-container {
    padding-top: 6px;
    padding-bottom: 6px;
    color:#aaa;
    font-size: 12px;
    line-height: 34px;
}

.breadcrumb-container span {
    color:#666;
    padding:4px 0;
}

.breadcrumb-container a {
	color:#980017;
}	

.breadcrumb-container a:hover {
    color:#666;
}

.breadcrumb-container i {
    font-size: 10px;
    margin: 0 4px;
}

.breadcrumb-container .input-group i,
.search-input i {
    font-size: 14px;
    margin: 0px;
}

/* Menu Styles */

.theme .nav > li > a {
    padding: 5px 10px;
}

.theme .col-fix .nav > li > a {
    background-color: #fafafa;
}



.theme .col-fix .nav > li > a:hover,
.theme .col-fix .nav > li > a:focus  {
    background-color: #f3f3f3;
}

.navbar-nav {
    float: left;
    margin: 8px 0 0;
    text-transform: uppercase;
    padding: 0;
    color:#980017;
}

.theme .navbar-fixed-top .navbar-toggle {
    border-radius: 0;
    margin: 0;
    padding: 8px;
	position: absolute;
	top:24px;
	right:16px;
    color: #980017;
    border:none;
    background-color:transparent;
    font-size: 18px;
}
.theme .navbar-fixed-top .navbar-toggle:hover {
    color: #286090;
}

.theme .navbar  {
    background-color: #fff;
}

.theme .navbar .navbar-brand {
    padding-top: 10px;
}

.theme .navbar .navbar-brand:hover {
    color: #ddd;
}

.theme .navbar-nav > li > a {
    color: #222;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-right: 32px;
    font-size: 15px;
}

.theme .navbar-nav > li > a:hover {
    color: #980017;
}

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

.theme .dropdown-menu  {
	padding:6px;
}

.theme .dropdown-menu > li > a {
	padding: 8px 20px;
	font-size: 16px;
}

.theme .dropdown-menu > li > a.text-muted {
	color: #777;
}

.theme .dropdown-menu > li > a:hover,
.theme .dropdown-menu > li > a:focus {
	background-color: rgba(139, 24, 31, 0.05);
}

.dropdown-menu > li > span {
	font-size: 13px;
	white-space: nowrap;
	padding-right:12px;
}

.dropdown-menu > li > span.wrap {
	white-space: normal;
}

.dropdown > a > span {
	padding-right:12px;
}

.dropdown-menu > .active > a, 
.dropdown-menu > .active > a:focus, 
.dropdown-menu > .active > a:hover {
    background-color: #555;
}

.btn-group .dropdown-menu > li > a,
.fixed-column-1 .dropdown-menu > li > a {
    padding: 3px 10px;
}

.detail-content .btn-group {
	margin-top: -8px;
}

.theme .nav-pills > li.active > a, 
.theme .nav-pills > li.active > a:focus, 
.theme .nav-pills > li.active > a:hover {
    background-color: #980017;
}

.shortcodes,
.folders {
	list-style: none;
	padding-left: 0;
}

.right-nav {
	list-style: none;
	text-transform: uppercase;
	margin-top: 30px;
	margin-bottom: 24px;
}

.right-nav > li > a {
    color:#980017;
    padding: 12px 15px;
    line-height: 20px;
	padding-right: 24px;
}

.right-nav > li > a:hover,
.right-nav > li > a:focus {
    color:#222;
    text-decoration: none;
    background-color: #eee;
}

/* Dialog layout */

#help-text .modal-dialog {
	transition: all 0.5s ease 0s;
}
.modal-dialog.modal-dialog-md {
    width: 768px;
}

.modal-dialog.modal-dialog-lg {
    width: 1024px;
}

.modal-dialog.modal-dialog-max {
    width: 96%;
}

/* More */

.ui-button:focus { 
	outline:none !important 
}

.ui-autocomplete { 
	max-height: 300px; 
	overflow-y: scroll; 
	overflow-x: hidden;
}

.theme .ui-widget {
    font-family: inherit;
    font-size: 14px;
    line-height: 20px;
}

.ui-sortable .table-rows {
    cursor:grab;
}

.loading {
	text-align: center;
	width:100%;
	display:none;
	z-index: 99;
	box-shadow: 0 5px 15px rgba(200, 200, 200, 0.3);
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	top: 0;
}

.loading > div {
	background-color:rgba(255, 255, 255, 0.85);
	padding:28px;
	border-radius: 14px;
}

.loading span {
	border-radius: 4px;
	color:#fff;
	padding:16px 48px;
	box-shadow: 3px 3px 4px 0px rgba(128, 128, 128, 0.75);
}

.process {
	background-color: #980017;
    border-color: #7b1117;
}
.theme .success {
	background-color: #3e6465;
	border-color: #3e6465;
}

.theme .warning {
	background-color: #FCF8E3 !important;
    border-color: #FFCC00 !important;
}

.theme .required {
	background-color: rgba(139, 24, 31, 0.1);
}

.theme .text-middle td {
    vertical-align: middle;
}

.container-fluid .text-muted,  {
    color: #aaa;
}

.container-fluid .progress-bar-muted {
    background-color: #aaa;
    border-right:1px solid #fff;
}

.progress .progress-bar-satisfactory {
    background-color: #3e6465;
}

.progress .progress-bar-not-satisfactory {
    background-color: #a94442;
}

.progress .progress-bar-complete {
    background-color: #f0ad4e;
}

.progress .progress-bar-resubmit {
    background-color: #337ab7;
}

.progress .progress-bar-commenced {
    background-color: #aaa;
}

.progress .progress-bar-not-required {
    background-color: #e8e194;
}

.btn-link.btn-danger, .btn-link.btn-danger:hover {
	color: #D9534F;
	background-color: #fff;
    border-color: #D9534F;
}

.btn-link.btn-warning, .btn-link.btn-warning:hover {
	color: #f0ad4e;
}

/* icons */

.fa {
	cursor: pointer;
}

.fa.fa-no-cursor {
	cursor: default;
}

.fa.fa-hand-paper-o {
	cursor: grab;
}

.fa.fa-hourglass {
	font-size: 14px;
}

.fa.column-sort,
.fa.date-sort {
	font-size:11px;
	color:#999;
	position: absolute;
	right:4px;
	top:11px;
}

.fa.main-menu {
	font-size:11px;
	color:inherit;
	position: absolute;
	top: 16px;
	margin-left: 4px;
	right: 16px;
}

.fa.ribbon-menu {
	font-size:11px;
	color:inherit;
	position: absolute;
	top: 4px;
	margin-left: 4px;
}

button .fa.fa-chevron-down {
	color:#fff;
	margin-left: 4px;
	font-size: 11px;
	position: absolute;
	top: 10px;
	right: 6px;
}

.lms .btn-group button {
	padding-right:28px;
}

.fa-tasks {
	color:#3e6465;
}

.fa-left {
	margin-left: 8px;
}

.fa-right {
	margin-right: 8px;
	width:16px;
	text-align: center;
}

.fa.table-expand,
.fa-hourglass-end,
.fa-circle {
	float:right;
	margin-top: 3px;
	margin-right: 3px;
}

.fa-center {
	width:26px;
	text-align: center;
}

.fa.fa-nav {
	width:16px;
	text-align: center;
	font-size: 15px;
}

.fa-eye {
	position: absolute;
	right: 8px;
	top: 10px;
}

.fa-eye:hover,
.fa-eye:focus {
	color:#3e6465;
}

.fa-url {
	position: absolute;
	right: 28px;
    top: 4px;
    cursor: pointer;
    font-size: 16px;
}

.container-fluid .fa-searching,
.modal .fa-searching,
.search-container .fa-searching {
	position: absolute;
	right: 50px;
	top: 10px;
	font-size: 14px;
	z-index: 99;
}

.container .fa-select {
	right: 38px;
}

.fa-url:hover {
	color:#666;
}

.fa-exclamation-triangle,
.fa-pencil-square-o,
.fa-thumb-tack {
	margin-top: 3px;
}

.fa-dialog {
	float:left; 
	margin:12px 22px 50px 4px;
}

.confirm-body .fa-dialog {
	font-size: 24px;
}

.no-dropdown {
	position: relative;
	padding:4px 0;
}

/* Widget styles */

#widget-container {
	margin-bottom: 20px;
	width:100%;
}

.show-help  {
	position: absolute;
	right:0;
	top:-30px;
}

.upload-evidence  {
	position: absolute;
	right: 70px;
	top: -30px;
}

.group-instructions {
	position: absolute;
	right: 35px;
	top: -30px;
}

.quick-links  {
	position: absolute;
	right: 26px;
	top: -30px;
}

.remove-links {
    position: absolute;
    right: -6px;
    top: 0px;
}

.pill-content .show-help  {
	position: absolute;
	right:16px;
	top:6px;
}

.pill-content .quick-links  {
	position: absolute;
	right:42px;
	top:6px;
}

.show-help i,
.quick-links i, 
.widget-close i,
.upload-evidence i,
.group-instructions i {
	font-size: 24px;
}

.widget-heading .show-help  {
	position: absolute;
	right:50px;
	top:7px;
}
.widget-heading .widget-close  {
	position: absolute;
	right:24px;
	top:7px;
}

h3 button {
	margin: 0 2px;
}

#footer {
	background-color: #f7f7f7;
	border-top: 1px solid #e7e7e7;
	bottom:0;
	position: fixed;
    width: 100%;
}

.close {
    line-height: 13px !important;
}

.credit {
	margin:14px;
}

.theme .form-control {
    padding: 6px 8px;
    font-size: 16px;
    height: auto;
}

.theme input.form-control {
    padding-left: 11px;
}

.tab-content {
	background-color: #f7f7f7;
	position: relative;
    padding: 12px;
    border-left:1px solid #ddd;
    border-bottom:1px solid #ddd;
    border-right:1px solid #ddd;
}

.pill-content {
    border:none;
    border-radius: 4px;
}

.pane-content {
	background-color: #fff;
	position: relative;
    padding: 16px;
    border:1px solid #ddd;
    margin-bottom: 32px;
}

.page-content {
    border:none;
    background-color: transparent;
    overflow-x: scroll;
    overflow-x:  visible;
    border:1px solid #e0e0e0;
    height: 100%;
    background-color: #fafafa;
    transition: all 0.5s ease 0s;
    margin-bottom: 30px;
}


.theme .nav-tabs > li.active > a, 
.theme .nav-tabs > li.active > a:focus, 
.theme .nav-tabs > li.active > a:hover {
    background-color: #fcfcfc;
}

.tab-content.tab-subcontent {
    padding: 16px;
    background-color: #fff;
}

.theme .tab-pane .nav-tabs > li.active > a, 
.theme .tab-pane .nav-tabs > li.active > a:focus, 
.theme .tab-pane .nav-tabs > li.active > a:hover {
    background-color: #fff;
}

.tab-nav {
	background-color: #f7f7f7;
	padding:6px;
}

.detail-content {
	padding:10px;
}

.attention {
	background-color: #FCF8E3 !important;
    border-color: #FF0000 !important;
}

.text-muted a {
	color:#999 !important;
}

.context-menu {
    display: none;
    position: absolute;
    overflow: hidden;
    border: 1px solid #ccc;
    white-space: nowrap;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 5px;
    list-style: none;
    padding-left: 0;
}

.context-menu li {
    padding: 4px 8px;
    cursor: pointer;
}

.context-menu li:hover,
.context-menu li:focus {
    background-color: #def;
}

.context-menu li a {
    color:#444;
}

.context-menu li a:hover,
.context-menu li a:focus {
    color:#222;
    text-decoration: none;
}

.context-menu li.divider {
    padding:0;
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}

.strike {
	width: 100%; 
	height: 12px; 
	border-bottom: 1px solid #eee; 
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
}

.strike span {
	font-size: 16px;
	padding:10px;
	background-color: #fff;
	color: #666;
}

/* TinyMCE */

.wp-editor-container {
    border: 1px solid #dedede;
    margin:0 0 1rem;
}

.wp-switch-editor {
    height: 24px !important;
}

.abn-results {
	display:none;
	list-style: outside none none;
	padding: 0 40px 0 0;
	position: absolute;
	left: 15px;
    top: 35px;
}

.abn-results > li {
	padding: 6px;
	cursor: pointer;
}

.abn-results > li:hover {
	background-color: #f7f7f7;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu > a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #666;
    margin-top: 6px;
    margin-right: -14px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #ccc;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

.theme .ui-widget input, 
.theme .ui-widget select, 
.theme .ui-widget textarea, 
.theme .ui-widget button {
	font-family: inherit;
}

.table-container {
	width: 100%; 
	overflow-x:scroll;
}

.folder-row {
	padding-left: 12px;
	padding-top: 4px;
	padding-right: 4px
}

.detail-content > .folder-row {
	padding-left: 0px;
}

.grid-container .folder-row {
	padding-right: 0px;
}

/*
*   CSS file with Bootstrap grid classes for screens bigger than 1600px. Just add this file after the Bootstrap CSS file and you will be able to juse col-xl, col-xl-push, hidden-xl, etc.
*
*   Author: Marc van Nieuwenhuijzen
*   Company: WebVakman
*   Site: WebVakman.nl
*
*/
	

@media (min-width: 1200px) and (max-width: 1599px) {
    .hidden-lg {
        display: none !important;
    }
}


.visible-xl-block,
.visible-xl-inline,
.visible-xl-inline-block,
.visible-xl{
    display: none !important;
}



@media (min-width: 1600px) {
    .theme .container {
        width: 1570px;
    }

    .theme .col-xl-1, .theme .col-xl-2, .theme .col-xl-3, .theme .col-xl-4, .theme .col-xl-5, .theme .col-xl-6, .theme .col-xl-7, .theme .col-xl-8, .theme .col-xl-9, .theme .col-xl-10, .theme .col-xl-11, .theme .col-xl-12 {
        float: left;
    }

    .theme .col-hex-1, .theme .col-hex-2, .theme .col-hex-3, .theme .col-hex-4, .theme .col-hex-5, .theme .col-hex-6, .theme .col-hex-7, .theme .col-hex-8, 
    .theme .col-hex-9, .theme .col-hex-10, .theme .col-hex-11, .theme .col-hex-12, .theme .col-hex-13, .theme .col-hex-14, .theme .col-hex-15, .theme .col-hex-16 {
        float: left;
    }

    .theme .col-xl-12 {
        width: 100%;
    }

    .theme .col-xl-11 {
        width: 91.66666667%;
    }

    .theme .col-xl-10 {
        width: 83.33333333%;
    }

    .theme .col-xl-9 {
        width: 75%;
    }
    
    .theme .col-xl-offset-3 {
        margin-left: 25%;
    }

    .theme .col-xl-8 {
        width: 66.66666667%;
    }

    .theme .col-xl-7 {
        width: 58.33333333%;
    }

   .theme  .col-xl-6 {
        width: 50%;
    }

    .theme .col-xl-5 {
        width: 41.66666667%;
    }

    .theme .col-xl-4 {
        width: 33.33333333%;
    }

    .theme .col-xl-3 {
        width: 25%;
    }

    .theme .col-xl-2 {
        width: 16.66666667%;
    }

    .theme .col-xl-1 {
        width: 8.33333333%;
    }
    
    .theme .col-hex-16 {
        width: 100%;
    }

    .theme .col-hex-15 {
        width: 93.75%;
    }

    .theme .col-hex-14 {
        width: 87.5%;
    }

    .theme .col-hex-13 {
        width: 81.25%;
    }

    .theme .col-hex-12 {
        width: 75%;
    }

    .theme .col-hex-11 {
        width: 68.75%;
    }

    .theme .col-hex-10 {
        width: 62.5%;
    }

    .theme .col-hex-9 {
        width: 56.25%;
    }

    .theme .col-hex-8 {
        width: 50%;
    }

    .theme .col-hex-7 {
        width: 43.75%;
    }

   .theme  .col-hex-6 {
        width: 37.5%;
    }

    .theme .col-hex-5 {
        width: 31.25%;
    }

    .theme .col-hex-4 {
        width: 25%;
    }

    .theme .col-hex-3 {
        width: 18.75%;
    }

    .theme .col-hex-2 {
        width: 12.50%;
    }

    .theme .col-hex-1 {
        width: 6.25%;
    }

    .col-xl-pull-12 {
        right: 100%;
    }

    .col-xl-pull-11 {
        right: 91.66666667%;
    }

    .col-xl-pull-10 {
        right: 83.33333333%;
    }

    .col-xl-pull-9 {
        right: 75%;
    }

    .col-xl-pull-8 {
        right: 66.66666667%;
    }

    .col-xl-pull-7 {
        right: 58.33333333%;
    }

    .col-xl-pull-6 {
        right: 50%;
    }

    .col-xl-pull-5 {
        right: 41.66666667%;
    }

    .col-xl-pull-4 {
        right: 33.33333333%;
    }

    .col-xl-pull-3 {
        right: 25%;
    }

    .col-xl-pull-2 {
        right: 16.66666667%;
    }

    .col-xl-pull-1 {
        right: 8.33333333%;
    }

    .col-xl-pull-0 {
        right: auto;
    }

    .col-xl-push-12 {
        left: 100%;
    }

    .col-xl-push-11 {
        left: 91.66666667%;
    }

    .col-xl-push-10 {
        left: 83.33333333%;
    }

    .col-xl-push-9 {
        left: 75%;
    }

    .col-xl-push-8 {
        left: 66.66666667%;
    }

    .col-xl-push-7 {
        left: 58.33333333%;
    }

    .col-xl-push-6 {
        left: 50%;
    }

    .col-xl-push-5 {
        left: 41.66666667%;
    }

    .col-xl-push-4 {
        left: 33.33333333%;
    }

    .col-xl-push-3 {
        left: 25%;
    }

    .col-xl-push-2 {
        left: 16.66666667%;
    }

    .col-xl-push-1 {
        left: 8.33333333%;
    }

    .col-xl-push-0 {
        left: auto;
    }

    .col-xl-offset-12 {
        margin-left: 100%;
    }

    .col-xl-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-xl-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-xl-offset-9 {
        margin-left: 75%;
    }

    .col-xl-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-xl-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-xl-offset-6 {
        margin-left: 50%;
    }

    .col-xl-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-xl-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-xl-offset-3 {
        margin-left: 25%;
    }

    .col-xl-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-xl-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-xl-offset-0 {
        margin-left: 0;
    }

    .visible-xl {
        display: block !important;
    }

    table.visible-xl {
        display: table;
    }

    tr.visible-xl {
        display: table-row !important;
    }

    th.visible-xl, td.visible-xl {
        display: table-cell !important;
    }

    .visible-xl-block {
        display: block !important;
    }

    .visible-xl-inline {
        display: inline !important;
    }

    .visible-xl-inline-block {
        display: inline-block !important;
    }

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