body {
	font-size: 12px; 
  font-family: verdana, arial, helvetica, sans-serif;
  margin: 0px; 
}

/* javascript popup help */
#helper { 
  position:absolute; 
  visibility:hidden; 
  z-index:200;  
}
table.helper_table { 
  background-color:#fffdf2; 
  color:#666666; 
  border:1px solid #999999; 
  width:400px; 
  font-size:10px;
}
.help_button {
  position:relative;
  top:3px;
}

table {
	font-size: 12px; 
  font-family: verdana, arial, helvetica, sans-serif;
}

td {
  font-size: 12px; 
  font-family: verdana, arial, helvetica, sans-serif; 
}

td.dest_warning {
  color: #ff0000;
}

div.warning {
  font-weight: bold; 
  font-size: 24px; 
  color: #ff0000;
  text-align: center; 
}

td.side_bar {
  left:0px;
  background: #bac9da;
}

td.side_menu {
  background: #bdc2bd; 
  color: #ffffff; 
  border-style: solid; 
  border-left-style: none; 
  border-width: 1px; 
  border-color: #000000;
}

td.side_menu:hover {
  background: #888888; 
  color: #ffffff; 
  border-style: solid; 
  border-left-style: none; 
  border-width: 1px; 
  border-color: #000000;
}

td.side_menu_image {
  background: #efefef; 
  font-size: 12px; 
  color: #ffffff; 
  border-style: solid; border-right-style: none; 
  border-width: 1px; 
  border-color: #000000; 
  width:28px;
}

th.body_heading { 
	font-weight: bolder; 
  font-size: 14; 
  color: #000000; 
  word-spacing: 0; 
  margin-top: 0; 
  margin-bottom: 0; 
  text-decoration: none; 
}

td.body_heading { 
	font-weight: bold; 
  font-size: 12; 
  color: #ffffff; 
  word-spacing: 0; 
  margin-top: 0; 
  margin-bottom: 0; 
  text-decoration: none; 
  background: #4a4a4a;
}

td.area_heading {
  font-size: 13px; 
  font-weight: bold; 
  font-style: italic; 
  color: #ffffff; 
  background: #0a246a; 
  text-align:left;
  padding-left:5px;
}

td.report_heading {
  font-size: 13px; 
  font-weight: bold; 
  color: #000000; 
}

td.area {
  background: #ecf0f7;  
  font-weight: bold; 
  font-size: 11px; 
  color:#000000; 
  text-align: left;
  vertical-align:top;
  padding-left:5px;
}

h1.area {
  /*background: #ecf0f7;*/
  font-weight: bold; 
  font-size: 13px; 
  color:#000000; 
  text-align: left;
  vertical-align:top;
  padding-left:5px;
}

  li.file {
  background: #ecf0f7;*/
  font-weight: bold; 
  font-size: 12px; 
  color:#000000; 
  text-align: left;
  vertical-align:middle;
  padding-left:5px;
  list-style-type: none;  
  margin-bottom: 2px; 
}

div.area_heading {
  font-size: 13px; 
  font-weight: bold; 
  font-style: italic; 
  color: #ffffff; 
  background: #0a246a; 
  text-align:left;
  margin-left:20px;
  margin-bottom:2px;
  padding-left:5px;
  padding-top:0px;
  padding-bottom:0px;
}

div.wrapper {
  text-align:left;
  background: #bac9da;  
  margin-left:20px;
  margin-bottom:2px;
  padding-left:0px;
  padding-top:0px;
  padding-bottom:0px;
}


.expandedNode div{
display: block;
background: #ffffff; 
margin-left:0px;
border:2px solid #bac9da;
padding-left:5px;
padding-top:0px;
padding-bottom:0px;
}

.collapsedNode div{
margin-left:20px;
display:none;
}

td.link {
  background: #ffffff; 
  font-weight: bold; 
  font-size: 11px; 
  color:#000000; 
  text-align: center; 
  border: none; 
  border-width: 0px; 
  border-color:#ffffff;
}

th.link {
	background: #efefef;  
  font-weight: bold; 
  font-size: 11px; 
  color:#000000; 
  text-align: center; 
}

th.area {
	background: #bac9da;  
  font-weight: bold; 
  font-size: 11px; 
  color:#0a246a; 
  text-align: left;
  padding-left:5px;
}

td.search_even,
.search_even {
  background: #efefef;  
  font-size: 12px; 
  color:#000000;
  padding-left:5px;
}

td.search_odd,
.search_odd {
  background: #CFCFCF;  
  font-size: 12px; 
  color:#000000;
  padding-left:5px;
}

td.list_even {
  background: #efefef;  
  font-size: 12px; 
  color:#000000;
  padding-left:5px;
}

td.list_odd {
  background: #dedede;  
  font-size: 12px; 
  color:#000000;
  padding-left:5px;
}

.bar_heading {
	font-weight: bold; 
  font-size: 14pt; 
  margin-bottom: 0px; 
  color: white; 
}

.side_menu_heading {
  font-weight: bold; 
  font-size: 13pt; 
  margin-bottom: 0px; 
  color: #cb0101; 
}


a{
  font-weight: bold; 
  color: #003399; 
  font-size: 12px; 
  text-decoration: none;
}


a:hover {
	color: #003399; 
  text-decoration: underline; 
/*  color:#ff0000; */
  font-size: 12px;
}

a.menu {
	color: #000000; 
  text-decoration: none;
}

a.menu:hover {
	color: #888888; 
  text-decoration: none;
}


a.side_menu {
  font-weight: bold; 
  font-size: 11px; 
  color: #000000; 
  word-spacing: 0; 
  text-decoration: none;
  padding:5px;
}

a.side_menu:hover {
  text-decoration: none;
  color: #FFFFFF; 
  background: #888888; 
  padding:5px;
}

.side_menu a{
  display: block;
}

td.footer { 
	font-weight: bold; 
  font-size: 11px; 
  color: #ffffff; 
  word-spacing: 0; 
  margin-top: 0; 
  margin-bottom: 0; 
  text-decoration: none; 
  background-color: #061642;
}

a.footer { 
	font-weight: bold; 
  color: #fefefe; 
  word-spacing: 0; 
  margin-top: 0; 
  margin-bottom: 0; 
  text-decoration: none;
}

a.footer:hover { 
  color: #ff0000;
}

.tab-s {
  background: #ffffff; 
  font-weight: bold; 
  font-size: 12px; 
  color: #cb0101; 
  text-decoration: none;
}

.tab-s:hover {
  font-weight: bold; 
  font-size: 12px; 
  text-bottom; color: #000000; 
  text-decoration: underline;
}

.tab-u {
  background: #b3b3b3; 
  font-weight: bold; 
  font-size: 12px; 
  color: #000000; 
  text-decoration: none;
}

.tab-u:hover {
  color: #cb0101; 
  text-decoration: underline;
}

.header{
  font-weight: bold; 
  font-size: 12px; 
  color: #05102d; 
  text-decoration: none;
}

.header_control{
  font-weight: bold; 
  font-size: 11px; 
  color: #ffffff; 
  text-decoration: none;
}
.header_control:hover {
	font-weight: bold; 
  color: red; 
  text-decoration: none;
}

.header_dashboard{
  font-weight: bolder; 
  font-size: 15px; 
  color: #ffffff; 
  text-decoration: none;
}
.header_dashboard:hover {
  font-weight: bolder; 
  font-size: 15px; 
  color: red; 
  text-decoration: none;
}

/*$id: interface.css,v 1.21 2007/01/11 08:37:29 fabian exp $*/
div.content {
  background-color:rgb(255,255,255); 
  color: rgb(75,39,34); 
  padding: 10px;
}

a.dirs {
  padding:2px;
}
a.dirs:link {
  text-decoration: none; 
  color: rgb(75,39,34);
}
a.dirs:visited {
  text-decoration: none; 
  color: rgb(75,39,34); font-style:italic;
}
a.dirs:active {
  text-decoration: none; 
  color: rgb(255,255,255);
  background-color: rgb(75,39,34);
}
a.dirs:hover {
  text-decoration: none; 
  color: rgb(255,255,255); 
  background-color: rgb(75,39,34);
}

a.files {
  padding:2px;
}
a.files:link {
  text-decoration: none; 
  color: rgb(75,39,34);
}
a.files:visited {
  text-decoration: none; 
  color: rgb(75,39,34); 
  font-style:italic;
}
a.files:active {
  text-decoration: none; 
  color: rgb(255,255,255); 
  background-color: rgb(75,39,34);
}
a.files:hover {
  text-decoration: none; 
  color: rgb(255,255,255); 
  background-color: rgb(75,39,34);
}

a.help_link {
  text-decoration: none; 
  color: #000000; 
  font-weight:bolder; 
  border: solid 1px white; 
  background-color: #989898; 
  padding:1px 5px;
}
a.help_link:link {
  text-decoration: none; 
  color: #000000; 
  font-weight:bolder; 
  border: solid 1px white; 
  background-color: #989898; 
  padding:1px 5px;
}
a.help_link:visited {
  text-decoration: none; 
  color: #000000; 
  font-weight:bolder;
  border: solid 1px white; 
  background-color: #989898; 
  padding:1px 5px;
}
a.help_link:active {
  text-decoration: none; 
  color: blue; 
  background-color:#efefef; 
  border: solid 1px white;
}
a.help_link:hover {
  text-decoration: none; 
  color: blue; 
  background-color: #cdcdcd; 
  border: solid 1px blue;
}

.hidden, .hidden_table {
  display:none;
}

.hidden a {
  font-size:12px;
}

a.label_link {
  color: #FA981F; 
}

a.link {
  text-decoration: none; 
  color: #003399; 
  font-weight:bolder; 
  border: solid 1px #bdc2bd; 
  background-color: #efefef; 
  padding:1px; 
  width:100%; 
  text-align:center;
  white-space:nowrap;
}
a.link:visited {
  text-decoration: none; 
  color: #003399; 
}
a.link:active {
  text-decoration: none; 
  color: red; 
  background-color:#efefef; 
  border: solid 1px #676767; 
}
a.link:hover {
  text-decoration: none; 
  color: #FFFFFF; 
  background-color: #0A246A; 
  border: solid 1px #BAC9DA; 
}

.thisdircontains {
  padding:0px 0px 15px 0px; 
  font-weight: bold;
}
.dirslist {
  background-color:rgb(239,255,237); 
  padding:10px 10px;
}
.fileslist {
  color:rgb(110,0,0); 
  padding:10px 10px;
}
.fileslist td {
  border: 1px; 
  padding:1px 10px 1px 1px;
}
.dirdescription {}
td.filedescription {}

tr.spacerrow td {
  height:10px;
}

#dhtmltooltip { 
  position: absolute; 
  width: 300; 
  border: 1px solid black; 
  padding: 2px; 
  background-color: lightyellow; 
  visibility: hidden; 
  z-index: 100;
  /*remove below line to remove shadow. below line should always appear last within this css*/
  /* filter: progid:dximagetransform.microsoft.shadow(color=gray,direction=135); */
}

.showstate { /*definition for state toggling image */
  cursor:hand;
  cursor:pointer;
  float: right;
  margin-top: 2px;
  margin-right: 3px;
}

.switchcontent{
}

table.header_bg {
  background-color:#ffffff;
}
table.header_row_bg {
  background-color:#2b3d6e;
}
table.header_separator {
  background-color:#bac9da;
}
td.footer_separator {
  background-color:#0a3e6a;
}


div.search {
  position: relative;
	border-width: 2px;
	border-style: none;
	border-color: #000000;
	width: 99%;
	height: 200px;
	font-size: 9px;
	overflow: auto;
}

div.search_list {
  position: relative;
	border-width: 2px;
	border-style: none;
	border-color: #000000;
	width: 99%;
	height: 300;
	font-size: 9px;
	overflow: auto;
}

div.search table, div.pane table {
  width:100%;
}

div.search_list table, div.pane table {
  width:100%;
}

div.dynamic_height {
	height: auto;
	overflow: auto;
}

div.showunits {
  z-index: 99;
  position: relative;
  top: 1px;
  left: 1px;
}

div.showmain{
  z-index: 99;
  position: absolute;
  top: 1px;
  left: 1px;
}

/* Enrolment matrix styles */
.enrolment_completed {
    /*background: #aaffc8;*/
    background: #9cde9c;
    border-top: solid 0px #000000;
    border-bottom: solid 0px #000000;
    text-align: center;
    height:10em;
}
.enrolment_current {
    /*background: #c6d2ff;*/
    background: #bac9da;
    border-top: solid 0px #000000;
    border-bottom: solid 0px #000000;
    text-align: center;
    height:10em;
}
.enrolment_required {
    background: #ffffff;
    border-top: solid 0px #000000;
    border-bottom: solid 0px #000000;
    text-align: center;
    height:10em;
}
.enrolment_optional {
    background: #ffffff;
    border-top: solid 0px #000000;
    border-bottom: solid 0px #000000;
    text-align: center;
    height:10em;
}
.enrolment_disallowed {
    /*background: #e2e2e2;*/
    background: #eac36f;
    border-top: solid 0px #000000;
    border-bottom: solid 0px #000000;
    text-align: center;
    height:10em;
}
.enrolment_unscheduled {
    /*background: #e2e2e2;*/
    background: gray;
    border-top: solid 0px #000000;
    border-bottom: solid 0px #000000;
    text-align: center;
    height:10em;
}
.enrolment_other {
    background: #ffffff;
    border-top: solid 0px #000000;
    border-bottom: solid 0px #000000;
    text-align: center;
    height:10em;
}
.enrolment_alternative {
    background: #ffffff;
    border-top: solid 0px #000000;
    border-bottom: solid 0px #000000;
    text-align: center;
    height:3em;
}

.matrix {
    background: #efefef;
}
.matrix_row_head {
    text-align: center;
    background: #bac9da;
}
.matrix_row_C1 {
    background: #e2e2e2;
}
.matrix_row_C2 {
    background: #c1c1c1;
}
.matrix_row_C3 {
    background: #888888;
}
.matrix_row_E1 {
    background: #c6d2ff;
}

.plan {
    background: #efefef;
    height: 100%;
}
.plan_row_head {
    text-align: center;
    background: #bac9da;
    height: 100%;
}
.plan_row_C1 {
    background: #e2e2e2;
    height: 100%;
}
.plan_row_C2 {
    background: #c1c1c1;
    height: 100%;
}
.plan_row_C3 {
    background: #888888;
    height: 100%;
}
.plan_row_E1 {
    background: #c6d2ff;
    height: 100%;
}


/* mods by alex to switch from a nested table layout to a css based one */
div.pane {
  text-align:left;
  margin-top:5px;
  margin-bottom:10px;
  border:1px solid #999999;
  margin-left: 13px;
  margin-right: 13px; 
}

div.pane h1 {
  font-size: 13px; 
  font-weight: bold; 
  font-style: italic; 
  color: #ffffff; 
  background: #0a246a; 
  text-align:left;
  margin:3px;
  text-transform:uppercase;
  padding-left:3px;
}

div.pane table th {
	background: #ecf0f7;
  font-weight: bold; 
  font-size: 11px; 
  color:#000000; 
  text-align:left;
  vertical-align:top;
}

div.pane table td {
  vertical-align:top;
}

div.list table th {
	background: #bac9da;  
  font-weight: bold; 
  font-size: 11px; 
  color:#0a246a; 
  text-align: left;
}

div.message {
  margin-top:5px;
  width:98%;
  border:1px solid #999999;
  text-align:left;
  padding:5px 0px;
  background-color: #ffffff;
}

div.message h1 {
  font-size: 12px;
  text-align:left;
  margin:2px 10px;
  font-weight: normal;
}

div.message p {
  padding:0px 5px;
  background-color: #ffffff;
}


/* Alert styles for highlighting informational text*/
.name-emph { color: black; font-style: italic; }
.name-deemph { color: gray; font-style: normal; }
.alert-none { color: black; font-style: normal; }
.alert-normal { color: green; font-style: normal; }
.alert-notice { color: blue; font-style: normal; }
.alert-warning { color: orange; font-style: normal; }
.alert-severe { color: red; font-style: normal; }
.alert-final { color: purple; font-style: normal; }
.alert-removed { color: gray; font-style: normal; }
.alert-unknown { color: maroon; font-style: normal; }


/* Added for popup menu.  From: http://www.dynamicdrive.com/dynamicindex1/dropmenuindex.htm */

.selectedanchor{ /*CSS class that gets added to the currently selected anchor link (assuming it's a text link)*/
background: yellow;
}

/* ######### Default class for drop down menus ######### */

.anylinkmenu{
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid black;
border-bottom-width: 0;
font: normal 12px Verdana;
line-height: 18px;
z-index: 100; /* zIndex should be greater than that of shadow's below */
background: #E9E9E9; /*lightyellow;*/
width: 200px; /* default width for menu */
}

.anylinkmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.anylinkmenu ul li a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 2px 0;
text-decoration: none;
font-weight: bold;
text-indent: 5px;
}

.anylinkmenu a:hover{ /*hover background color*/
background: #0A246A; /*black;*/
color: white;
}

/* ######### Alternate multi-column class for drop down menus ######### */


.anylinkmenucols{
position: absolute;
width: 350px;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid black;
padding: 10px;
font: normal 12px Verdana;
z-index: 100; /*zIndex should be greater than that of shadow's below*/
background: #E9E9E9; 
}

.anylinkmenucols li{
padding-bottom: 3px;
}

.anylinkmenucols .column{
float: left;
padding: 5px 10px;
margin-right: 5px;
background: #E9E9E9; /*#E0E0E0;*/
}

.anylinkmenucols .column ul{
margin: 0;
padding: 0;
list-style-type: none;
}



/* ######### class for shadow DIV ######### */
.anylinkshadow{ /*CSS for shadow. Keep this as is */
position: absolute;
left: 0;
top: 0;
z-index: 99; /*zIndex for shadow*/
background: black;
visibility: hidden;
}
/* End popup menu. */

#dashboard-reports {
  overflow-y: scroll;
  overflow-x: hidden;
  height: 200px;
}

/* css for assessment bulk upload page */
#box_body,
.box_body {
  width:98%;
  float:center;
  border:1px solid #999999;
  padding:3px;
}

.box_body {
  margin-left:16px;
  margin-right:15px;
  margin-top:5px;
  margin-bottom:5px;
}

#box_heading,
.box_heading {
  background:#0a246a;
  font-size:13px;
  font-weight: bold;
  font-style:italic;
  text-align:left;
  color:#ffffff;
  padding-left:5px;
  padding-right:3px;
  overflow:auto;
}

#box_heading_text {
  float:left;
}

#box_heading_right {
  float:right;
}

#bulk_upload_body {
  overflow:auto;
  padding:3px;
  top:5px;
}

div.switchcontent {
  overflow:auto;
  padding:3px;
  top:5px;
  text-align:left;
}

#table_row,
.table_row {
  display:block;
  overflow:auto;
  padding-top:2px;
  text-align:left;
}

#table_row label,
.table_row label {
  float:left;
  background:#ecf0f7;
  font-weight:bold;
  font-size:11px;
  color: #000;
  text-align:left;
  padding-left:5px;
  padding-top:3px;
  padding-bottom:3px;
  width:150px;
}

#table_row input,
.table_row input {
  vertical-align:top;
}

.table_row.hidden {
  display:none;
}

.input_box {
  border: solid 1px;
  padding-left: 5px;
  padding-right: 5px;
  margin: 0 0 2px;
  display: block;
  height: 16px;
}

#table_heading_min {
  padding-top:5px;
  text-align:left;
}

#table_heading_min label {
  font-size:12px;
  font-weight:bold;
  padding-left:5px;
}

#table_label {
  float:left;
  background:#ecf0f7;
  font-weight:bold;
  font-size:11px;
  color: #000;
  text-align:left;
  padding-left:5px;
  padding-top:3px;
  padding-bottom:3px;
  width:150px;
}

#table_data {
  float:left;
  padding-left:3px;
  padding-top:2px;
}

.uploadProgress {
  display:block;
  overflow:auto;
  float:left;
}

.upload_frame {
  border:0px;
  height:40px;
  width:400px;
  display:none;
}

.assessmentReturned {
  background-color: #C4FFC6;
}

.assessmentExtension {
  background-color: #FFC690;
}

.assessmentOverdue {
  background-color: #FFF41C;
}

.validation-table {
  width: 14.3%;
}

#dashboard-reports {
  overflow-y: scroll;
  overflow-x: hidden;
  height: 200px;
}

.checkbox-list div label {
  width:88%;
  float:left;
}

.checkbox-list div input {
  width:10%;
  float:right;
}

.checkbox-list div:nth-child(odd) {
  overflow:hidden;
  background: #dedede;
}

.checkbox-list div:nth-child(even) {
  overflow:hidden;
  background: #efefef;
}

/* The following codes are used for both the student user_login_edit screen, and the admin user_login_edit screen */
#complexity,
#complexity2{
    width: 200px;
    color: #000;
    font-size: 11px;
    text-align: center;
    float:right;
    padding-top:3px;
    padding-bottom:3px;
    padding-left:5px;
}

#complexity.weak,
#complexity2.weak{
    background: #f00;
    font-weight: bold;
}

#complexity.average,
#complexity2.average{
    background: #AEB404;
    font-weight: bold;
}

#complexity.strong,
#complexity2.strong{
    background: #0101DF;
    color: #fff;
    font-weight: bold;
}

#complexity.secure,
#complexity2.secure{
    background: #0B610B;
    color: #fff;
    font-weight: bold;
}

#update_password,
#save_user_login{
    display: none;
}

#update_password.visible,
#save_user_login.visible{
    display:inline;
}

#update_password_location,
#save_login_location{
    height:18px;
}

#password_match #placeholder{
    width:150px;
    float:left;
    height:11px;
}

#password_match_message,
#password_match_message_new{
   display:none;
   background: #f00;
   font-weight: bold;
   float:right;
   width: 200px;
   padding-left: 5px;
   padding-top: 3px;
   padding-bottom: 3px;
   font-size: 11px;
   text-align: center;
}

#password_match_message.visible,
#password_match_message_new.visible{
  display:inline;
}
/* End css for student user_login_edit screen, and the admin user_login_edit screen */

.error {
  color:red;
}

/* Progression Status For ACA */
.progressionLevel div {
   display:inline;
}

table.container-fluid {
  width: 100%;
  border-collapse: collapse;
}
table.container-fluid>tbody>tr>td,table.container-fluid>tbody>tr>th {
  padding: 5px 13px;
  border: 0;
}

/* Tooltip CSS */
.ui-tooltip{
   border: 1px solid;
   background-color:rgb(249,246,190);
   display:inline-block;
}
/* End Tool Tip CSS */

/* Ul Style Action Menu */
.action-menu {
  background-color: #efefef;
  color: #003399;
  font-weight: bolder;
  border: 1px solid #bdc2bd;
/*  font: 300 12px 'Open Sans',Helvetica,Arial,sans-serif;
  padding: 2px 5px;*/
/*  height: 21px;*/
  padding: 3px 0px 3px 0px;
  width: 60px;
  list-style:none;
  text-align:center;
  vertical-align:middle;
}

li.action-menu ul{
   display:none;
}

.action-menu-root {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

.ui-menu .ui-menu-item{
  padding:0px 3px 0px 3px;
}

.ui-menu .ui-menu-item a,
.ui-menu .ui-menu-item a.ui-state-focus{
  white-space:normal;
  font-weight: bold;
  border-bottom: 1px solid black;
  color: #003399;
  display: block;
  padding: 2px .4em;
  line-height: 1.5;
  text-align:left;
}

.ui-menu-item a:hover{
  text-decoration:none;
  color:#fff;
  background:#296191;
}

.ui-menu {
  width:200px;
  background:rgb(239,239,239);
}
/* End Ul Style Action Menu */

.button-on,
input[type="button"]:hover.button-on,
input[type="button"].button-on {
  background: #BDC2BD;
}

.show_hidden {
  display: inline !important;
  visibility: visible !important;
}

.weekly-results tr.banded:nth-child(odd) td,
table.bulk-list tr.banded:nth-child(odd) td,
.data-scrollable tr.banded:nth-child(odd) td {
  background: #dedede;
}

.weekly-results tr.banded:nth-child(even) td,
table.bulk-list tr.banded:nth-child(even) td,
.data-scrollable tr.banded:nth-child(even) td{
  background: #efefef;
}

.error-enrolment {
  background-color: #FF0000;
}

.tooltip.fade.bottom.in, 
.tooltip.fade.bottom {
   background-color:#000000;
   display:inline-block;
   max-width: 300px;
   z-index:101;
   color: #ffffff;
   padding: 3px;
}

.data-scrollable {
  overflow: auto;
  max-height: 350px;
  width: 100%;
}

/* Smartadmin Timeline css */
.smart-timeline {
   position: relative;
   overflow:auto;
   height: 600px;
   width:100%;
}

.smart-timeline-list {
   list-style : none;
   margin: 0;
   padding: 0;
}

.smart-timeline-list li {
   position: relative;
   margin: 0;
   padding: 15px 0;
}

.smart-timeline-list:after {
  content: " ";
  background-color: #eeeeee;
  position: absolute;
  display: block;
  width: 2px;
  top: 0;
  left: 125px;
  bottom: 0;
  z-index: 1;
}

.smart-timeline-list > li:hover {
  background-color: #f4f4f4;
}
.smart-timeline-hover li:hover {
  background-color: #f9f9f9;
}

.smart-timeline-icon {
   background: #3276b1;
   color: #fff;
   border-radius: 50%;
   position: absolute;
   width: 32px;
   height: 32px;
   line-height: 28px;
   font-size: 14px;
   text-align: center;
   left: 110px;
   top: 10px;
   z-index: 100;
   padding: 8px;
}

.smart-timeline-icon>img {
   height: 32px;
   width: 32px;
   border-radius: 50%;
   margin-top: -2px;
   margin-left: -2px;
   border: 2px solid #3276b1;
   vertical-align: middle;
}

.smart-timeline-icon>a {
   color: #fff;
   font-weight: normal;
   font-size: 14px;
}

.smart-timeline-time {
   float: left;
   width: 100px;
   text-align: right;
}

.smart-timeline-time>small {
   font-style: italic;
   font-size: 12px;
   font-weight: bold;
}

.smart-timeline-content {
   margin-left:155px;
   position: relative;
   top: -10px;
}

.smart-timeline-content a.btn {
   color: #fff;
   background-color: #3276b1;
   border-color: #2c699d;
   padding: 1px 5px;
   font-size:12px;
   font-weight:400;
   margin-bottom: 0;
   text-align: center;
   vertical-align: middle;
   white-space: nowrap;
   line-height:1.5;
   -webkit-tap-highlight-color: rgbs(169,3,41,.2);
   -webkit-border-radius: 2px;
   -webkit-box-shadow: inset 0 -2px 0 rgba(0,0,0,.05);
}

.smart-timeline-content p a:hover {
   text-decoration: none;
}

.smart-timeline-content a.btn:hover {
   text-decoration: none;
}

.smart-timeline-control {
  width:100%;
  overflow: auto;
  border: 1px solid;
  padding: 3px 3px 3px 3px;
}

.smart-timeline-control ul{
   padding: 0px;
   margin: 0px;
}

.smart-timeline-control li{
   display: inline;
   padding-right: 20px;
   white-space: nowrap;
   float:left;
}

.smart-timeline-control label.area,
.rule_row .rule_no {
   background: #ecf0f7;
   font-weight: bold;
   font-size: 14px;
   color: #000;
   text-align: left;
   vertical-align: top;
   padding-left: 5px;
}

.btn-default:hover {
   color: #333;
   background-color: #e6e6e6;
   border-color: #adadad;
   text-decoration: none;
}

/* SmartAdmin color schemes */
.bg-color-blue {
  background-color: #57889c !important;
}
.bg-color-blueLight {
  background-color: #92a2a8 !important;
}
.bg-color-blueDark {
  background-color: #4c4f53 !important;
}
.bg-color-green {
  background-color: #356e35 !important;
}
.bg-color-greenLight {
  background-color: #71843f !important;
}
.bg-color-greenDark {
  background-color: #496949 !important;
}
.bg-color-red {
  background-color: #a90329 !important;
}
.bg-color-yellow {
  background-color: #b09b5b !important;
}
.bg-color-orange {
  background-color: #c79121 !important;
}
.bg-color-orangeDark {
  background-color: #a57225 !important;
}
.bg-color-pink {
  background-color: #ac5287 !important;
}
.bg-color-pinkDark {
  background-color: #a8829f !important;
}
.bg-color-purple {
  background-color: #6e587a !important;
}
.bg-color-darken {
  background-color: #404040 !important;
}
.bg-color-lighten {
  background-color: #d5e7ec !important;
}
.bg-color-white {
  background-color: #ffffff !important;
}
.bg-color-grayDark {
  background-color: #525252 !important;
}
.bg-color-magenta {
  background-color: #6e3671 !important;
}
.bg-color-teal {
  background-color: #568a89 !important;
}
.bg-color-redLight {
  background-color: #a65858 !important;
}
.txt-color-blueLight {
  color: #92a2a8 !important;
}
.txt-color-blueDark {
  color: #4c4f53 !important;
}
.txt-color-green {
  color: #356e35 !important;
}
.txt-color-greenLight {
  color: #71843f !important;
}
.txt-color-greenDark {
  color: #496949 !important;
}
.txt-color-red {
  color: #a90329 !important;
}
.txt-color-yellow {
  color: #b09b5b !important;
}
.txt-color-orange {
  color: #b19a6b !important;
}
.txt-color-orangeDark {
  color: #a57225 !important;
}
.txt-color-pink {
  color: #ac5287 !important;
}
.txt-color-pinkDark {
  color: #a8829f !important;
}
.txt-color-purple {
  color: #6e587a !important;
}
.txt-color-darken {
  color: #404040 !important;
}
.txt-color-lighten {
  color: #d5e7ec !important;
}
.txt-color-white {
  color: #ffffff !important;
}
.txt-color-grayDark {
  color: #525252 !important;
}
.txt-color-magenta {
  color: #6e3671 !important;
}
.txt-color-teal {
  color: #568a89 !important;
}
.txt-color-redLight {
  color: #a65858 !important;
}
.txt-color-blue {
  color: #57889c !important;
}
/* End SmartAdmin color schemes */
/* End Smartadmin Timeline css */

div.row {
   margin-left: 0px;
   margin-right: 0px;
}

a.jarviswidget-toggle-btn i {
   padding-top: 10px;
   color: #ffffff;
}

div.jarviswidget header {
   background-color: #2b3d6e;
}

div.jarviswidget header h2 {
   color: #ffffff;
   font-weight: bold;
}

div.jarviswidget div.widget-body table tr td {
   padding: initial;
}

div.jarviswidget div.widget-body table {
   border-collapse: initial;
   border-spacing: 1px;
}

#widget-grid {
  padding-top: 5px;
}

input[type="submit"],
input[type="button"],
ul.action-menu-root li.action-menu,
a.link,
a.link:visited {
  margin: 1px 1px 1px 1px;
  background-color: #296191;
  color: #FFF;
  font: 300 12px 'Open Sans', Helvetica, Arial,sans-serif;
  font-weight:bold;
}

input[type="submit"],
input[type="button"] {
  padding: 0px 6px 0px;
}

input[type="submit"]:hover,
input[type="button"]:hover,
a.link:hover,
ul.action-menu-root li.action-menu:hover
 {
  background-color: #0A246A;
}

.jarviswidget>div {
	padding: 5px 5px;	
}

.alert .close {
	position: relative;
	top: -2px;
}

.jarviswidget .widget-body {
	min-height:0px;
	padding-bottom:0px;
}


.jarviswidget header:first-child .nav-tabs li {
	background-color: #202D52;
}

.nav-tabs>li a,
.jarviswidget header:first-child .nav-tabs li a{
	color: #ffffff;
}

.jarviswidget header:first-child .nav-tabs li.active a{
	color: #555;
	padding:7px 15px;
}

.nav-tabs>li a:hover,
.jarviswidget header:first-child .nav-tabs li a:hover{
	color: #000;
}

@media (max-width: 979px){
   .jarviswidget header:first-child .nav-tabs li a{
      height:32px;
   }

   .jarviswidget header:first-child .nav-tabs li a:hover{
	   height:31px;
   }
}

table.paradigm-layout {
	min-height: 700px;
}

.nav-tabs {
	border-bottom: 0px;
}

.ui-autocomplete li.ui-state-focus {
	background: #296191;
	color: #fff;
}

.widget-body.no-padding {
  margin: initial;
}

.ui-autocomplete li.ui-state-focus {
	background: #296191;
	color: #fff;
}

#permissionlist div {
	display:inline-block;
	width:500px;	
}

.permLevelList #list {
	min-height:200px;
}

.rule_row .rule_no {
   min-width: 40px;
   display:inline-block;
   margin-right: 5px;
}

.dynamic-search-table {
  width:100%;
  padding-top: 30px;
}

.dynamic-search-table .header,
.dynamic-search-table .records .dst-row,·
.smart-timeline-control ul,
.smart-timeline-control .emailFilter {
  display:block;
  overflow:hidden;
}


.dynamic-search-table .dst-column{
  position:relative;
  float:left;
}

.dynamic-search-table .header .dst-column {
  padding-bottom:10px;
  border-bottom: 1px solid #c9c9c9;
}

.dynamic-search-table .header .dst-column:nth-child(1),
.dynamic-search-table .records .dst-row .dst-column:nth-child(2) {
  width:30%;
}

.dynamic-search-table .header .dst-column:nth-child(2),
.dynamic-search-table .records .dst-row .dst-column:nth-child(3) {
  width:15%;
}

.dynamic-search-table .header .dst-column:nth-child(3) {
  width:55%;
}

.dynamic-search-table .records .dst-row .dst-column:nth-child(4) {
  width:30%;
}

.dynamic-search-table .dst-content {
  position:relative;
  z-index: 2;
}

.dynamic-search-table .dst-content .dst-details {
  display:none;
  position:relative;
  padding-left: 25px;
  float:left;
  clear:both;
}

.dynamic-search-table .dst-row:nth-child(odd) {
  background-color: #f9f9f9;
}

.dynamic-search-table .dst-row:hover {
  background-color: rgb(130, 165, 180);
}

.dynamic-search-table .dst-content .dst-details p {
  margin: 0px 0px 0px 0px;
}

.dynamic-search-table .dst-content .dst-details p strong {
  text-transform: capitalize;
}

.dynamic-search-table .dst-content .dst-details ul.category {
  list-style:none;
}

.dynamic-search-table .dst-content .log-expand {   
  float:right;
  position:relative;
  display:block;
  width:25%;
}

.dynamic-search-table .dst-content .log-expand i{
  padding-top:5px;
}

.dynamic-search-table .records {
  max-height:500px;
  overflow-y:scroll;
}

.dynamic-search-table .dst-content i {
  float:left;
  display:block;
  padding-right:10px;
}

#loadingDiv {
  position: fixed;
  top: 30%;
  left: 50%;
  width: 150px;
  height: 150px;
  background-color: #f3f3f3;
  z-index: 100000;
}

#loadingDiv img {
  position: relative;
  left: 40%;
  top: 40%;
}

#table_import_list th {
  text-align:left;
}

.credit_note {
  background-color: #7d97b7;
}

.search_even.credit_note{
  background-color: #c4d0da;
}