body, html {
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
}
.logo_bar {
padding:20px;
white-space:normal;
padding-bottom:0;
}
.logo_bar img {
display: block;
margin: auto;
max-height: 120px;
width: auto;
height: auto;
}
.removeFilter {
cursor:pointer;
}
.removeFilter:hover {
opacity:.9;
}
.logo_bar h2 {
font-size:22px; font-weight:600;
text-align:center;
color:#333;
margin:0;
margin-top:10px;
margin-bottom:40px;
padding:10px;
padding-left:15px; padding-right:15px;
border-radius:4px;
background-color:#f8f8f8;
line-height:1.4;
}
.incomplete-number-count {
float: right;
background-color:#C00;
color: #fff;
border-radius: 100px;
height: 16px;
width: 16px;
margin-right:4%;
font-weight:700;
font-size:80%;
padding: 3px;
text-align: center;
margin-top: .7%;
}
.body_container {
background-image:none;
background-color: #ececec;
width:100vw;
height:100vh;
position:relative;
}
.admin {
background-image:none;
background-color: #ececec;
}
.user_details {
font-size:12px;
padding:10px;
background-color:#fff;
padding:20px;
}
.sidebar {
height:100vh;
width:18vw;
background-color:#fff;
position:fixed;
left:0;
top:0;
direction:rtl;
overflow:auto;
box-shadow:1px 0px 1px rgba(0,0,0,0.15);
}
.user-icon {
margin-right: 5px;
display: inline-block;
vertical-align: top;
font-size: 50px;
}
.user-name {
display: inline-block;
vertical-align: top;
margin-left: 8px;
}
.user_details_name {
font-size: 24px;
line-height: 1.3;
font-weight:700;
margin-bottom:4px;
}
.user_details_dept {
color: #888;
font-size: 14px;
}
.user_details_hire, .user_details_email, .user_details_id, .user_details_supervisor {
border: 1px solid #f0f0f0;
padding: 9px;
padding-left: 12px;
}
.user_details {
width:24%;
padding:0;
display:inline-block;
vertical-align:middle;
}
.progress_graph {
width:21%;
margin-left:4%;
}
.name_details {
vertical-align:middle;
width:24%;
margin-right:2%;
}
.content_holder {
border-radius:0px;
border:0px;
height:auto;
padding:0;
}
.details_header {
display:inline-block; vertical-align:middle; width:36%;
text-align:left;
margin-right:10px;
}
.details_header .fas {
margin-right:5px;
}
.details_result {
display:inline-block; vertical-align:middle;
}
.lowlight {
font-weight:bold;
color:#8f8f8f;
}
.tabbed_content {
display:none;
margin:auto;
margin-bottom:40px;
padding:30px;
padding-bottom:100px;
}
.tabbed_content .title {
border-bottom:1px solid #333;
font-size: 34px;
font-weight: 600;
text-align: left;
color: #464D4F;
margin: 0;
padding: 20px;
padding-left: 30px;
padding-right: 30px;
background-color: #f0f0f0;
border-radius:4px;
margin-bottom:20px;
}
.tabbed_content .title .fas {
margin-right:15px;
}
.tabbed-side {
position:fixed;
width:calc(100% - 300px);
height:100vh;
right:0;
top:0;
overflow:auto;
}
#dashboard-tab {
margin-bottom:10px;
}
.white-box {
border-radius:4px;
background-color:#fff;
box-shadow:0px 1px 1px rgba(0,0,0,0.15);
border:1px solid transparent;
}
.blue-box {
border:1px solid #6CF;
border-radius:4px;
}
.pad-20 {
padding:20px;
}
.tab-container {
padding:20px;
min-height:82vh;
position:relative;
padding-bottom:180px;
}
.admin .tab-container {
padding-top:0;
}
.footer-bottom {
position:fixed;
bottom:0;
height:5vh;
min-height:30px;
width:100vw;
overflow:hidden;
}
.footer-container {
position: absolute;
left: 50%;
bottom: 0;
transform: translate(-50%,0);
margin-right: 50%;
width: 75%;
max-width: 800px;
}
.tabbed_note {
margin-bottom:40px;
}
.tabbed_note h3 {
display:block;
color:#c3c3c3;
padding:8px; margin:0;
padding-left:30px;
padding-right:30px;
border-bottom:1px solid #ccc;
margin-bottom:15px;
font-size:18px;
}
.tabbed_note p {
font-size:14px;
padding-left:50px;
padding-right:30px;
line-height:1.5;
}
.tabbed_menu {
margin:0;
padding:0;
direction:ltr;
}
.tabbed_menu li ul {
margin:0;
padding:0;
direction:ltr;
transition:all 1s ease-out;
transition-delay: .2s;
}
.tabbed_menu li {
display:block;
width:auto;
position:relative;
border-radius:0px;
cursor:pointer;
top:auto !important;
margin:0 !important;
float:none !important;
}
.tabbed_menu li ul li a {
display:block;
width:auto;
padding:4%;
padding-left:8%;
background-color:#ffffff;
float:none !important;
font-size:16px;
border-radius:0px;
cursor:pointer;
height:100%;
border-top:1px solid #f0f0f0;
border-bottom:1px solid #f0f0f0;
text-decoration:none;
color:#333;
}
.tabbed_menu li a {
display:block;
width:auto;
padding:4%;
padding-left:8%;
background-color:#ffffff;
float:none !important;
font-size:16px;
border-radius:0px;
cursor:pointer;
height:100%;
border-top:1px solid #f0f0f0;
border-bottom:1px solid #f0f0f0;
text-decoration:none;
color:#333;
}
#tabsUL > li > a, #tabsUL > li {
}
.tabbed_menu li ul li a {
font-size:14px;
padding:5%;
padding-left:20%;
background-color:#fdfdfd;
}
.tabbed_menu li.mainList a {
height:auto !important;
font-size:.9em;
border-top:1px solid #f0f0f0 !important;
border-bottom:1px solid #f0f0f0 !important;
text-shadow:none !important;
padding:2%;
padding-left:4%;
padding-right:10%;
}
.tabbed_menu li ul li.subList a {
height:auto !important;
font-size:.9em;
border-top:1px solid #f0f0f0 !important;
border-bottom:1px solid #f0f0f0 !important;
text-shadow:none !important;
padding:2%;
padding-left:4%;
}
.subList_main {
list-style:none;
}
.ytplayer-center {
position:absolute; right:50%; transform:translateX(50%); top:20%; width:55%; height:60%; min-width:420px; min-height:270px;
}
.ytplayer-large {
top: 9%;
width: 82%;
height: 82%;
min-width:840px; min-height:540px;
}
.ytplayer-right {
position:absolute; right:5%; top:20%; width:55%; height:60%; min-width:420px; min-height:270px;
}
.pages_tabbed {
height:100%;
overflow-y:auto;
overflow-x:hidden;
border-radius:4px;
box-shadow:0px 1px 0px rgba(0,0,0,0.15);
border:3px solid #fff;
}
.tabbed_menu li.mainList {
height:auto;
}
.tabbed_menu li ul li.subList {
height:auto;
}
.tabbed_menu li ul {
height:0;
transition-delay:.5s;
}
.tabbed_menu li.active ul, .tabbed_menu li ul.selected {
height:auto;
}
.sidebar .tabbed_menu li.active ul, .sidebar .tabbed_menu li ul.selected {
height:auto;
}
.sidebar .tabbed_menu li a {
font-weight:700;
}
.tabbed_menu li.main_selected a {
background-color:#edf6fe;
}
#tabsUL .active ul {
height:auto;
}
.tabbed_menu li div.user_details_supervisor a {
display:inline-block;
width:auto;
padding:5px;
background-color:#ffffff;
font-size:inherit;
border-radius:0px;
cursor:pointer;
height:auto;
border:none;
text-decoration:none;
color:#333;
font-weight:bold;
}
.tabbed_menu li a .fas {
padding:5px;
color:#333;
height:16px;
width:16px;
text-align:center;
margin-right:10px;
transition:all .2s ease-out;
border:1px solid rgba(255,255,255,0);
}
.tabbed_menu li.menu-header .fas {
padding:5px;
height:16px;
width:16px;
text-align:center;
margin-right:10px;
}
.full-block {
width:auto !important;
display:block !important;
}
.tabbed_menu li a:hover .fas {
color:#00A0E0;
border:1px solid #00A0E0;
border-radius:100px;
}
.tabbed_menu li a:hover {
background-color:#f3f3f3;
color:#00A0E0;
}
.tabbed_menu li ul li a:hover {
background-color:#f3f3f3;
color:#0099FF;
padding-left:27%;
border-bottom:1px solid #aec7dc;
}
.tabbed_menu li ul li a:hover::before {
position:absolute;
left:20%;
content:'\25B8 ';
}
.tabbed_menu li ul li.subList a:hover::before {
position:relative;
display:none;
left:0%;
content:'';
}
.tabbed_menu li div.user_details_supervisor a:hover::before {
display:none;
}
.tabbed_menu li div.user_details_supervisor a {
padding:0;
}
.tabbed_menu li.blank {
background:none !important;
min-height:20px;
cursor:auto;
}
.tabbed_menu li a.active .fas {
color:#00A0E0;
border:1px solid #00A0E0;
border-radius:100px;
}
.tabbed_menu li a.active {
background-color:#f9f9f9;
color:#00A0E0;
border-top:1px solid #00A0E0;
border-bottom:1px solid #00A0E0;
border-right: 12px solid #00A0E0;
}
#tabsUL {
width:100%;
direction:ltr;
}
#tabsUL li {
width:100%;
height:auto;
}
.show {
display:block;
}
.list_icon, .module_list_info, .module_list_details {
display:inline-block;
vertical-align:top;
}
.list_icon {
width:5%;
text-align:center;
}
.module_list_title {
margin:0;
font-size:18px;
padding-bottom:10px;
border-bottom:1px solid #f3f3f3;
margin-bottom:15px;
}
.module_list_description {
font-size:14px;
color:#333;
}
.group-spacer {
padding:10px;
height:20px;
}
.group-title {
font-size: 22px;
font-weight: 600;
text-align: left;
color: #fff;
margin: 0;
padding: 10px;
padding-left: 30px;
text-shadow:#000 0px 0px 1px;
padding-right: 30px;
background-color: #00A0E0;
border-radius:4px 4px 0px 0px;
}
.report-title {
font-size: 18px;
color: #00A0E0;
text-shadow:none;
border:1px solid #00A0E0;
background-color: #fefefe;
border-radius:4px;
}
.module_list_container {
border:1px solid #00A0E0;
padding:2%;
border-top-width:0;
}
.module_list_container {
box-shadow:0px 1px 0px rgba(0,0,0,0.15);
}
.tiny-box {
display:inline-block; border:1px solid #ccc; background-color:rgba(255,255,255,0.5); padding:3px 8px 3px 8px; vertical-align:middle; border-radius:4px;
}
.report-ach-incomplete {
font-weight:600; display:inline-block; min-width:90px; color:#ff0000; text-align:center;
}
.report-ach-process {
font-weight:600; display:inline-block; min-width:90px; color:#586581; text-align:center;
}
.report-ach-scheduled {
font-weight:600; display:inline-block; min-width:90px; color:#666; text-align:center;
}
.report-ach-complete {
font-weight:600; display:inline-block; min-width:90px; color:#1a8103; text-align:center;
}
.module_list_container .pageLinks {
text-align: center;
display: block;
font-size: 16px;
}
#confirm_popup .button {
color:#fff !important;
}
#confirm_popup .cancel-button-link {
color:#f00 !Important;
}
#confirm_popup .cancel-button-link:hover {
color:#990000 !important;
}
.module_list_container .pageLinks a, .button {
display: inline-block;
padding: 10px;
background-color: #00A0E0;
border-radius: 8px;
padding-left: 25px;
padding-right: 25px;
font-size:16px;
color: #fff;
cursor:pointer;
text-decoration: none;
transition:all .2s ease-out;
}
.module_list_container .open_session a, .button {
background-color:#78B245;
}
.module_list_container .pageLinks a:hover {
background-color:#4b67d6;
}
.module_list_container .open_session a:hover, .button:hover {
background-color:#3C7704;
}
.report-table thead tr {
display:none;
}
.tablesorter thead tr {
display:table-row;
}
.module_list_time {
font-size: 14px;
margin-bottom: 5px;
border: 1px solid #f8f8f8;
padding: 9px;
padding-left: 12px;
text-align: center;
}
.module_list_info {
margin-left:3%;
width:70%
}
.list_icon img {
width:100%;
margin:auto;
}
.module_list_details {
margin-left:2%;
width:20%;
}
.progress_header, .chart-container {
display:inline-block; vertical-align:bottom;
height:70px;
}
.middleText {
font-size:12px;
font-weight:bold;
}
.progress_title {
color: #00A0E0;
font-weight: bold;
font-size: 20px;
margin-bottom: 5px;
padding-top:2px;
text-align: center;
}
.progress_info {
border: 1px solid #f0f0f0;
padding: 9px;
padding-left: 12px;
color: #888;
font-size: 14px;
font-weight:bold;
text-align:center;
}
#three-bar-loader,
#three-bar-loader:before,
#three-bar-loader:after {
background:#fff;
animation: threeBarLoad 1s infinite ease-in-out;
width: 1.2rem;
height: .5rem;
margin:auto;
}
.loader {
margin-top:8px;
height:30px;
position:relative;
overflow:hidden;
}
#three-bar-loader {
position: absolute;
left:0;
top:50%;
}
#three-bar-loader:before,
#three-bar-loader:after {
position: absolute;
content: '';
}
#three-bar-loader:before {
left: 2.2rem;
animation-delay: -0.3s;
}
#three-bar-loader:after {
left: 4.4rem;
}
@keyframes threeBarLoad {
0%,
80%,
100% {
box-shadow: 0 0;
height: .5rem;
}
40% {
box-shadow: 0 -1rem;
height: 1rem;
}
}
#loader_tab {
position:relative;
text-align:center;
display:block;
width:130px;
text-align:center;
margin:auto;
margin-top:200px;
margin-bottom:200px;
}
#loader_tab img {
margin:auto;
display:block;
width:90%;
}
#loader_tab .inside_tab {
font-size:20px;
font-weight:700;
color:#fff;
padding:25px;
padding-right:20px;
padding-left:20px;
display:block;
border-radius:14px;
width:90px;
margin:auto;
margin-bottom:20px;
background-color:rgba(0,0,0,0.2);
}
.tabbed_content .formLabel {
border: 1px solid #f0f0f0;
padding: 9px;
padding-left: 12px;
color: #464D4F;
background-color:#f0f0f0;
text-shadow:none;
font-size: 14px;
font-weight: bold;
text-align: left;
vertical-align:top;
display: inline-block;
width: 150px;
border-bottom: 1px solid #00A0E0;
}
.tabbed_content input[type=text], .tabbed_content input[type=number], .tabbed_content input[type=password], .tabbed_content select, .tabbed_content textarea, .tabbed_content .checkbox-field {
border: 1px solid #f0f0f0;
padding: 8.7px;
padding-left: 12px;
color: #000;
font-size: 14px;
font-weight: bold;
text-align: left;
display: inline-block;
min-width: 200px;
vertical-align:top;
width:calc(100% - 196px);
background-color: #fefefe;
border-bottom-color:#00A0E0;
border-radius:4px;
}
.tabbed_content input[type=submit] {
border: 0px;
font-size: 14px;
font-weight: bold;
display: block;
max-width: 200px;
margin:auto;
}
.tabbed_content .checkbox-field {
padding:8px;
width: calc(100% - 191px);
}
.tabbed_content select {
height:36px;
border-radius:0;
padding:0;
width: calc(100% - 173px);
}
.form_container {
margin-bottom:15px;
}
.width-50 {
display:inline-block;
width:49.8%;
vertical-align:top;
}
.width-70 {
display:inline-block;
width:69.8%;
vertical-align:top;
}
.width-90 {
display:inline-block;
width:89.8%;
vertical-align:top;
}
.width-60 {
display:inline-block;
width:59.8%;
vertical-align:top;
}
.width-75 {
display:inline-block;
width:74.7%;
vertical-align:top;
}
.width-95 {
display:inline-block;
width:94.7%;
vertical-align:top;
}
.width-85 {
display:inline-block;
width:84.7%;
vertical-align:top;
}
.width-65 {
display:inline-block;
width:64.7%;
vertical-align:top;
}
.width-30 {
display:inline-block;
width:29.8%;
vertical-align:top;
}
.width-40 {
display:inline-block;
width:39.8%;
vertical-align:top;
}
.width-35 {
display:inline-block;
width:34.7%;
vertical-align:top;
}
.width-45 {
display:inline-block;
width:44.7%;
vertical-align:top;
}
.width-80 {
display:inline-block;
width:79.8%;
vertical-align:top;
}
.width-20 {
display:inline-block;
width:19.8%;
vertical-align:top;
}
.width-25 {
display:inline-block;
width:24.7%;
vertical-align:top;
}
.width-10 {
display:inline-block;
width:9.8%;
vertical-align:top;
}
.width-5 {
display:inline-block;
width:4.7%;
vertical-align:top;
}
.no-margin-top {
margin-top:0 !important;
}
.button-active {
background-color:#00A0E0 !important;
color:#fff !important;
}
.blue-button {
background-color:#F5F9FC;
border:1px solid #00A0E0;
color:#00A0E0;
}
.blue-button:hover {
background-color:#00A0E0;
border-top:1px solid #00A0E0;
color:#fff;
}
.pad-5 {
padding:5px;
}
.unbox-instructions {
padding:0 !important;
margin:auto !important;
border:0px !important;
border-radius:0 !important;
box-shadow:none !important;
}
.pad-10 {
padding:10px;
}
.spacer-60 {
height:60px;
}
.spacer-30 {
height:30px;
}
.small {
font-size:11px;
}
div.filter-active {
display:inline-block;
font-size:8px;
font-variant: small-caps;
padding:2px;
padding-left:4px;
padding-rght:4px;
margin-left:8px;
border-radius:3px;
border:1px solid #FF0000;
background-color:#fefefe;
color:#ff0000;
vertical-align:middle;
}
table.tablesorter tbody tr::after {
position:absolute;
font-size:11px; color:#ccc;
font-variant: small-caps;
font-family:Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
left:-20px;
top:12px;
text-align:center;
width:16px; height:20px;
content:attr(data-counter);
}
table.tablesorter tbody tr {
position:relative;
}
.module_settings_confirmation_text {
padding: 18px;
padding-top:0px;
padding-bottom:40px;
width: 50%;
margin-left: 25%;
margin-top: 2%;
min-width:300px;
text-align: center;
border-radius: 8px;
border: 1px solid #ccc;
background-color: rgba(255,255,255,0.8);
box-shadow: 0px 0px 10px 0px #cfcfcf;
}
.module-setting-overlay {
box-sizing: border-box;
position: absolute;
height: 100%;
width: 100%;
background-color: rgba(255,255,255,0.9);
z-index: 2;
display: block;
}
.module_settings_confirmation_text h3 {
border-bottom: 1px solid #ccc;
color: #ff0000;
font-size: 190%;
padding-bottom: 10px;
}
.module_settings_confirmation_text p {
text-align:left;
color:#565555;
font-size: 90%;
padding-left:10%;
padding-right:10%;
line-height:1.35;
}
.module_settings_bar, .module_emails_bar, .tool_bar_reports {
position:relative;
z-index:10;
}
.tabbed_menu .fa-tachometer-alt:before {
font-size: 93%;
}
.dashboard-menu li {
border:1px solid rgba(0,0,0,0);
border-radius: 4px;
margin: 2%;
margin-bottom:2%;
margin-top:0;
transition: all .2s;
text-align: left;
box-sizing: border-box;
padding: 20px;
background-color:#fff;
}
.dashboard-menu li:hover {
border:1px solid #f9f9f9;
background-color:#f9f9f9;
box-shadow: 0px 2px 6px 0px #ccc;
}
.dashboard-menu li .db-button-icon {text-align:center;padding-right:8px;box-sizing:border-box;}
.dashboard-menu li a {
text-decoration: none !important;
display: block;
height: 100%;
width: 100%;
}
.dashboard-menu li .db-button-title {
font-size: 1em;
color:#00A0E0;
font-weight: bold;
padding-bottom:8px;
border-bottom:1px solid #ccc;
}
.dashboard-menu li p {
font-size:80%;
color:#5A5757;
line-height:1.5;
margin:0;
padding-top:5px;
}
.dashboard-menu li a .fas {
color: #666;
transition: color .2s;
font-size: 4.6em;
}
.dashboard-menu li:hover a .fas {
color: #00A0E0;
}
#module-settings-cont {
position:relative;
z-index:1;
}
.small-button {
padding-top:4px; padding-bottom:4px; font-size:100%; font-weight:bold;font-size:80%;
}
.descript_box {
box-sizing:border-box;
display:inline-block;
vertical-align:top;
width:29%;
padding:1%;
margin:1%;
margin-top:0;
border: 1px solid #f0f0f0;
padding: 9px;
padding-left: 12px;
}
.descript_box:first-child {
margin-left:0;
}
.descript_box:last-child {
margin-right:0;
}
.b_1, .b_2 {
width:24%;
}
.b_3 {
width:39%;
}
.setLinks a{
border: 1px solid #f0f0f0;
padding: 9px;
padding-left: 12px;
display: block;
text-decoration:none;
color:#00A0E0;
}
.setLinks a:hover {
background-color:#00A0E0;
color:#fff;
}
.setLinks a .fas, .setLinks a .far, .descript_box .fas, .descript_box .far {
margin-right:10px;
}
.module_list_score {
float:right;
color:#78B245;
font-size:110%;
}
.ach_details {
width:18%;
}
.ach_title {
margin-bottom:8px;
}
.descript_p {
margin-bottom:18px;
}
.row_stripe {
background-color:#fdfdfd;
}
.row_stripe .setLinks, .row_stripe .descript_box {
background-color:#fff;
}
.tab-list {
margin:0;
padding:0;
border:1px solid #f3f3f3;
transition-delay: .2s;
position:absolute;
z-index: 100;
width:100%;
}
.tab-list li {
display:block;
width:auto;
position:relative;
border-radius:0px;
cursor:pointer;
top:auto !important;
margin:0 !important;
float:none !important;
}
.tab-list li a {
display:block;
width:auto;
padding:4%;
padding-left:8%;
background-color:#ffffff;
float:none !important;
font-size:16px;
border-radius:0px;
cursor:pointer;
height:100%;
border-top:1px solid #f0f0f0;
border-bottom:1px solid #f0f0f0;
text-decoration:none;
color:#333;
font-weight:bold;
transition:padding .2s ease-out;
padding-top: 8.25px;
padding-bottom: 8.25px;
}
.report-links-cont {
position:relative;
height:33px; overflow:hidden;
padding:0 !important;
}
.report-links-cont:hover {
overflow:visible;
height:auto;
}
.lockHover:hover {
position: relative !important;
height: 33px !important;
overflow: hidden !important;
padding: 0 !important;
}
.lockHover .tab-list{
transition-delay: 0s !important;
transition:all 0s linear !important;
cursor:not-allowed !important;
opacity:.5 !important;
}
.tab-list li a {
font-size: 13px;
padding: 8px;
padding-left: 40px;
background-color: #fdfdfd;
display:block;
}
.tablist:hover {
box-shadow:0px 1px 3px -1px rgba(0,0,0,0.5);
}
.tab-list:hover li {
height:100%;
display:block !important;
}
.tab-list li a:hover {
background-color:#f3f3f3;
color:#0099FF;
padding-left:60px;
border-bottom:1px solid #aec7dc;
}
.tab-list li a:hover::before {
position:absolute;
left:40px;
content:'\25B8 ';
}
.td-box {
color: #383838;
font-weight: bold;
margin-left:10px;
text-align: center;
}
.tablist-icon {
position:absolute;
left:10px;
top:10px;
z-index:999;
color:#00A0E0;
pointer-events:none;
opacity:1;
transition:opacity .2s ease-out;
}
table.tablesorter thead tr th {
color: #fff;
background-color: #00A0E0;
text-shadow: rgba(0,0,0,0.8) 0px 0px 1px;
font-size: 14px;
font-weight: bold;
text-align: left;
padding:8px;
border:0;
border-bottom:1px solid #00A0E0;
}
table.tablesorter thead tr th .tablesorter-header-inner {
margin-right:5px;
}
table.tablesorter tbody td {
letter-spacing:.2px;
font-size:13px;
padding:10px !important;
}
table.tablesorter tbody tr .user_icon, .form_container .white-box .fa-user {
color:#0C0;
font-size:14px;
}
table.tablesorter tbody tr.inactive .user_icon, .form_container .white-box .fa-user-slash {
color:#F00;
font-size:14px;
}
table.tablesorter tbody td {
background-color:inherit;
}
table.tablesorter tbody tr.inactive {
opacity:.7;
}
table.tablesorter tbody .row-complete {
letter-spacing:.2px;
font-size:13px;
background-color:#ebfde9;
}
table.tablesorter tbody .row-inprocess {
letter-spacing:.2px;
font-size:13px;
background-color:#fdfbe9;
}
table.tablesorter tbody .row-incomplete {
letter-spacing:.2px;
font-size:13px;
background-color:#fde9e9;
}
table.tablesorter tbody .row-prior {
letter-spacing:.2px;
font-size:13px;
background-color:#FCFCFC;
}
table.tablesorter tbody .row-scheduled {
letter-spacing: .2px;
font-size: 13px;
background-color: #FCFCFC;
}
table.tablesorter tbody .row-complete td, table.tablesorter tbody .row-inprocess td, table.tablesorter tbody .row-incomplete td , table.tablesorter tbody .row-prior td {
background:none;
}
.small-inline-table {
margin-top:8px;
border:1px solid #cfcfcf;
border-radius:3px;
background-color:rgba(255,255,255,1);
padding:5px;
}
.small-inline-row th {
padding:10px;
font-weight:bold;
color:#fff;
background-color: #00A0E0;
text-shadow: rgba(0,0,0,0.8) 0px 0px 1px;
}
.small-inline-row {
border-bottom:1px solid #cfcfcf;
}
.legend table {
border-collapse:collapse;
}
.legend table tr td {
padding:3px !important; font-size:10px;
}
.legend table tr td a {
text-decoration:none;
}
.user-count-links {
float:right;
}
.user-count-links .fas {
margin-right:5px;
color:#838383;
display:inline-block;
vertical-align:middle;
}
.toggle-table-button {
font-size:15px;
padding:2px;
cursor:pointer;
margin-left:10px;
float:right;
opacity:.9;
}
.toggle-table-button i {
cursor:pointer;
}
.toggle-table-button:hover {
color:#00A0E0;
}
.user-count {
vertical-align: middle;
display: inline-block;
border-radius: 20px;
height: 10px;
width: 10px;
padding: 3px;
color: #fff;
font-size: 10px;
background-color: #838383;
text-align: center;
line-height: 1;
}
.color-blue {
color:#00A0E0;
}
.tab-list li.blank {
background:none !important;
min-height:20px;
cursor:auto;
}
.tab-list:hover .tablist-icon {
opacity:0;
}
.tab-list li a.active {
background-color:#f9f9f9;
color:#00A0E0;
border-top:1px solid #00A0E0;
border-bottom:1px solid #00A0E0;
border-right: 12px solid #00A0E0;
}
table.tablesorter thead tr .tablesorter-headerUnSorted {
background-image: url(../assets/tablesorter/white_bg.gif);
background-repeat: no-repeat;
background-position: center right;
cursor: pointer;
}
table.tablesorter tbody tr.odd td {
background-color:#F0F0F6;
}
table.tablesorter thead tr .tablesorter-headerAsc {
background-image: url(../assets/tablesorter/white_asc.gif);
background-repeat: no-repeat;
background-position: center right;
}
table.tablesorter thead tr .tablesorter-headerDesc {
background-image: url(../assets/tablesorter/white_desc.gif);
background-repeat: no-repeat;
background-position: center right;
}
table.tablesorter thead tr .sorter-false {
background-image:none;
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #4666e8;
}
table.tablesorter {
border:0;background:none;
margin:0;
}
table .tooltip i {
color:#4666e8;
margin-left:3px;
margin-right:3px;
font-size:14px;
}
table .tooltip a {
color:#4666e8;
font-size:14px;
}
.tools_column {
text-align:center !important;
}
.report-table .fa-exclamation-circle, .report_table .fa-exclamation-circle {
color:#F00;
margin-right:8px;
}
.report-table .fa-check-circle, .report_table .fa-check-circle, .report-table .fa-paper-plane, .report_table .fa-paper-plane {
color:#00a352;
margin-right:8px;
}
.report-table .fa-calendar, .report_table .fa-calendar {
color:#666;
margin-right:8px;
}
.report-table .fa-hourglass-half, .report_table .fa-hourglass-half {
color:#333;
margin-right:8px;
}
.width-100 {
display:block !important;
width:100% !Important;
box-sizing: border-box;
}
.comment {
text-align:right;
font-size:90%;
padding-top:3px;
height:18px;
}
.minicolors-swatch {
width:34px !important;
height:34px !important;
vertical-align:top !important;
}
.hide {
display:none;
}
.simple-link {
text-decoration:none;
font-weight:bold;
color:#4666e8;
}
.simple-link:hover {
color:#00A0E0;
}
.title_back {
border-radius: 4px;
font-size: 50%;
color: #09F;
cursor: pointer;
padding: 8px;
float: right;
background-color: #fefefe;
border: 2px solid #d3d3d3;
}
.title_back:hover {
color: #fefefe;
background-color: #09F;
border-color:#efefef;
}
.tabbed_menu li.menu-header {
background-color:#00A0E0 !important;
color:#fff;
padding: 4%;
padding-left: 8%;
font-size:110%;
border-bottom:1px solid #fff;
letter-spacing:.25px;
}
a.button-activate {
opacity:1;
cursor:pointer;
}
a.button-inactivate {
opacity:.3;
cursor:not-allowed;
background-color:#BCBFC9 !important;
color:#fff !important;
border:1px solid #bcbfc9 !important;
}
a.button-inactivate:hover {
background-color:#BCBFC9 !important;
color:#fff !important;
border:1px solid #bcbfc9 !important;
}
.save-button i {
background-color:#fff;
border:1px solid #0C0;
height:14px;
width:14px;
font-size:14px;
border-radius:14px;
padding:5px;
text-shadow:none;
text-align:center;
color:#0C0;
}
.save-button {
text-decoration:none;
color:#0C0;
}
.save-button:hover i {
background-color:#0C0;
text-shadow:none;
text-decoration:none;
border:1px solid #0C0;
color:#fff;
}
.inline-confirm-button {
display:block;
margin-top:5px;
}
#confirm_popup {
padding:0 !important;
}
.cancel-button-full {
background-color:#f00;
color:#fff;
text-decoration:none;
}
.cancel-button-full:hover {
background-color:#990000;
border-color:#990000;
color:#fff;
}
.cancel-button i {
background-color:#fff;
border:1px solid #FF0000;
height:14px;
width:14px;
font-size:14px;
border-radius:14px;
padding:5px;
text-shadow:none;
text-align:center;
color:#F00;
}
.cancel-button {
text-decoration:none;
color:#F00;
}
.cancel-button:hover i {
background-color:#F00;
text-shadow:none;
text-decoration:none;
border:1px solid #F00;
color:#fff;
}
.group-title .cancel-button i {
background-color:rgba(255,255,255,0.3);
height:15px;
width:15px;
text-shadow:none;
border:2px solid #fff;
font-size:15px;
border-radius:15px;
padding:5px;
text-align:center;
color:#fff;
}
.group-title .cancel-button:hover i {
background-color:#fff;
color:#00A0E0;
text-shadow:none;
border:2px solid #fff;
}
.popup_border {
border-width:2px;
}
#confirm_popup .group-title {
border-radius:4px 4px 0px 0px;
}
#confirm_popup .module_list_container {
border-radius:0px 0px 4px 4px;
}
.circle {
border-radius:100%;
padding:10px;
border:1px #666 solid;
line-height:normal;
display:inline-block;
}
a.tooltip{position:relative; z-index:24;}
a.tooltip:hover{z-index:25;}
a.tooltip span{display: none; font-weight:normal !important; }
a.tooltip:hover span{ /*display just on :hover state*/
display:block; text-decoration:none;
/* for text, you might want to add a width
to make the tooltip write within a box */
/*this positions it relative to the link (edit if you want)*/
position:absolute; top:-4em; left:1em;
white-space:nowrap;
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
/*edit anything below here to preference*/
font-size:11px;
opacity:.8;
padding:2px; padding-left:6px; padding-right:6px; border:1px solid #F60; background-color:#E9F2F4;}
.setLinks p {
border: 1px solid #f0f0f0;
padding: 9px;
padding-left: 12px;
display: block;
text-decoration: none;
}
.sidebar {
width:300px;
}
.center-window {
position: absolute;
left: 50%;
top: 25%;
transform: translate(-50%, -25%);
margin-right: 50%;
box-sizing:border-box;
border-radius:4px;
max-width:800px;
width:70%;
}
.mobile-menu-tab {
display:none;
}
.mobile-menu-close {
display:none;
}
.footer-container img {
max-width:200px;
}
.empty_module_container {
border-top:1px solid #00A0E0;
}
.cke_top, .cke_bottom {
background-image:none !important;
background-color:#f8f8f8 !important;
}
.form_loader_holder #loader_tab {
margin-top:0 !important;
margin-bottom:0 !important;
}
.form_overlay {
top: 0;
position: absolute;
z-index: 99999;
background-color: rgba(253,253,253,0.9);
pointer-events: none;
width: 100%;
height: 100%;
display: block;
left: 0;
}
form {
position:relative;
}
#message:empty {
display:none;
}
#message, .message {
border-radius:4px;
border:1px solid #78B245;
color:#78B245;
font-weight:bold;
padding:10px;
text-align:center;
font-size:1.1em;
background-color:#EEF7E7;
margin-bottom:20px;
margin-top:20px;
display:block;
}
#message.error, .error_message {
border-radius:4px;
border:1px solid #ff0000;
color:#ff0000;
font-weight:bold;
padding:10px;
text-align:center;
font-size:1.1em;
background-color:#F7E7E7;
}
.inner_mode_message {
border-radius:4px;
border:1px solid #ccc;
color:#333;
font-weight:bold;
padding:10px;
text-align:center;
background-color:#fcfcfc;
position:relative;
width:80%;
margin:auto;
margin-bottom:20px;
margin-top:20px;
}
.close_batch_functions {
cursor:pointer;
box-sizing: content-box;
line-height: .95;
display: block;
width: 20px;
height: 20px;
right: -5px;
top: -5px;
position: absolute;
border-radius: 100%;
border: 1px solid #fff;
color: #fff;
font-weight: bold;
padding: 4px;
text-align: center;
font-size: 1.1em;
box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.5);
background-color: #FF0000;
}
.close_batch_functions:hover {
background-color:#A10508;
}
#email_settings_container .error_message {
margin-top:0;
}
@media only screen and (max-width: 1100px) {
}
@media only screen and (max-width: 1008px) {
.hide-920 {
display:none;
}
#three-bar-loader {
position: relative;
left:auto;
top:auto;
margin:auto;
margin-top:5%;
margin-bottom:15%;
}
.body_container {
box-sizing: border-box;
background-image: none;
background-color: #ececec;
width: auto;
height: auto;
position: relative;
}
.sidebar {
position:fixed;
left:-300px;
top:0;
overflow:hidden;
z-index:99999;
transition:left .2s ease-out;
}
.active-sidebar {
left:0;
overflow:auto;
}
.active-sidebar .mobile-menu-close {
display: inline-block;
margin-left: 90%;
margin-top: 2%;
font-size: 1em;
padding: 5px;
color:#f00;
opacity:.5;
border: 1px solid #f00;
border-radius: 4px;
line-height: 1;
background-color: rgba(0,0,0,0.01);
padding-left: 7px;
padding-right: 7px;
cursor:pointer;
}
.mobile-menu-close:hover {
color:#fff;
background-color: rgba(255,0,0,0.85);
}
.mobile-menu-tab:hover {
color:#fff;
background-color:#00A0E0;
}
.mobile-menu-tab:hover, .mobile-menu-close:hover {
opacity:1;
}
.mobile-menu-tab {
display: block;
float: left;
font-size: 1em;
padding: 5px;
margin-right: 4%;
color:#00A0E0;
opacity:.5;
border: 1px solid #00A0E0;
border-radius: 4px;
line-height: 1;
background-color: rgba(0,0,0,0.05);
margin-top: 3%;
padding-left: 7px;
padding-right: 7px;
cursor:pointer;
}
.tabbed_side {
width:100vw;
}
.inline, .descript_box, .width-5, .width-10, .width-15, .width-20, .width-25, .width-30, .width-35, .width-40, .width-45, .width-50, .width-55, .width-60, .width-65, .width-70, .width-75, .width-80, .width-85, .width-90, .width-95, .width-100, .mobile-block {
display:block !important;
width:auto !important;
box-sizing:border-box;
}
.footer-container {
position: relative;
left:auto;
bottom:auto;
transform: translate(0,0);
margin-right: 0;
width: auto;
display:block;
box-sizing:border-box;
}
.footer-container .full-block {
padding:1em;
box-sizing:border-box;
}
.center-window {
position: relative;
left: auto;
top: auto;
transform: translate(0, 0);
margin-right: 0;
box-sizing:border-box;
border-radius:0px;
width:auto;
}
.tabbed-side {
position: relative;
width: auto;
height: auto;
right: auto;
top: auto;
overflow: auto;
}
.tabbed_content {
padding:10px;
padding-bottom:30px;
margin-bottom:10px;
}
.user_details, .name_details {
width: auto;
padding: 0;
display: block;
margin:0;
}
.name_details {
margin-bottom:20px;
}
.progress_graph {
margin-top:10px;
}
.tab-container {
padding: 0px;
min-height: auto;
position: relative;
padding-bottom: 20px;
}
.module_list_info {
margin-left:0;
width: auto;
display:block;
padding:1%;
line-height: 1.35;
}
.module_list_container {
position:relative;
}
.module_list_container .list_icon {
display:none;
}
.white-box {
border-radius: 0px;
}
.module_list_details {
margin-left: 0;
width: auto;
display:block;
}
.tabbed_note p {
font-size: .8em;
padding-left: 0;
padding-right: 0;
}
.module_list_description {
font-size:.8em;
line-height: 1.35;
}
.tabbed_content .title {
border-bottom: 1px solid #333;
font-size: 1.9em;
font-weight: 600;
text-align: left;
color: #464D4F;
margin: 0;
padding: 1px;
padding-left: 20px;
padding-right: 20px;
background-color: #f0f0f0;
border-radius: 0px;
margin-bottom: 20px;
}
.tabbed_note h3 {
padding: 8px;
border-bottom: 1px solid #ccc;
margin-bottom: 15px;
font-size: 1.6em;
}
.footer-container p {
padding:0 !important;
}
th[data-mobile=1], td[data-mobile=1] {
display:none;
}
}
@media only screen and (max-width: 580px) {
.hide-580 {
display:none;
}
th[data-mobile=2], td[data-mobile=2] {
display:none;
}
}
@media only screen and (max-width: 440px) {
.hide-440 {
display:none;
}
}