.actionsHeader, .actionsMain {
    width: 580px;
}

.actionsHeader2,
.actionsMain2,
.actionsMain {
    width: 580px;
}

.actionsHeaderWide, .actionsMainWide {
    width: 100%;
}

.actionsHeaderLabel {
    color: #222;
    font-weight: bold;
}

.actionsHeader {
    background-color: #2e5984;
    /*#355874*/
    border: solid 1px #2e5984;
    /*#28465f*/
    overflow: hidden;
    color: #eee;
    font-weight: bold;
}

.actionsHeader2 {
    background-color: #333;
    border: 1px solid #2e2e2e;
    border-bottom: none;
    overflow: hidden;
    color: #E9E4B3;
    font-weight: bold;
}

/* same as existing style but no specified width */
.actionsHeader3 {
    background-color: #313131;
    border-color: grey;
    border-style: dotted dotted none;
    border-width: 1px 1px medium;
    color: #e9e4b3;
    font-weight: bold;
    overflow: hidden;
}

.actionsBody {
    background-color: #ddd;
    border: grey dotted 1px;
    overflow: hidden;
    color: #222;
    padding: 5px;
    font-weight: bold;
}

.actionsMain {
    background-color: #fff;
    border: solid 1px #bbb;
    overflow-x: hidden;
    overflow-y: scroll;
    height: 144px;
    color: black;
}

.actionsMain2 {
    background-color: #363636;
    overflow-x: hidden;
    overflow-y: scroll;
    height: 144px;
    color: #fff;
    border: 1px solid #2e2e2e;
    border-top: none;
}

/* TODO is actionsMain2 still in use? If not, remove it */
.actionsMain3 {
    background-color: #565656;
    overflow-x: hidden;
    overflow-y: scroll;
    height: 144px;
    color: #fff;
    border: 1px solid #4e4e4e;
    border-top: none;
}

.actionsHeader > span,
.actionsHeader2 > span {
    margin-left: 5px;
}

.actionsHeader .btn-long,
.actionsHeader .btn-long-disabled,
.actionsHeader2 .btn-long, 
.actionsHeader2 .btn-long-disabled {
    font-weight: normal;
}

.actionsHeader > table,
.actionsMain > table, 
.actionsHeader2 > table, 
.actionsMain2 > table,
.actionsMain3 > table 
{
    width: 100%;
    border-collapse: collapse !important;
    border-spacing: 0;
    text-align: left;
}

.actionsMain > table {
    width: 560px;
}

.actionsMain2 > table {
    width: 560px;
}

.actionsMainWide > table {
    width: 100%;
}

.actionsHeader > table tr,
.actionsMain > table tr,
.actionsMain3 > table tr {
    cursor: pointer;
}

.actionsHeader > table tr,
.actionsHeader2 > table tr {
    height: 28px;
    cursor: default;
}

.actionsMain > table tr,
.actionsMain2 > table tr,
.actionsMain3 > table tr {
    height: 24px;
}

.actionsMainWithTdDivider > td {
    border-bottom: 1px gray dotted;
}

.actionsMain > table tr:nth-child(odd) {
    background-color: #eee;
}

.actionsMain2 > table tr:nth-child(odd) {
    background-color: #404040;
}

.actionsMain3 > table tr:nth-child(odd) {
    background-color: #707070;
}

.actionsMain > table tr.headerRow,
.actionsMain2 > table tr.headerRow {
    background-color: #777;
    color: #fff;
    cursor: default;
}

.actionsMain3 > table tr.headerRow {
    background-color: #444;
    font-weight: bold;
    cursor: default;
    border: 1px solid #3e3e3e;
}

.actionsMain3 > table tr.headerRow > td {
    border-right: 1px solid #3e3e3e;
}

.smallFont {
    font-size: 10px;
}

.floatRight {
    float: right;
}

.actionsMain > table tr.disabledRow,
.actionsMain2 > table tr.disabledRow {
    background-color: #ddd;
    color: #777;
    cursor: default;
}

.actionsMain3 > table tr.disabledRow {
    background-color: #777;
    color: #fff;
    cursor: default;
}

.actionsMain > table tr.markedRow,
.actionsMain2 > table tr.markedRow {
    background-color: #f99;
}

.actionsMain > table tr.markedRow:nth-child(odd),
.actionsMain2 > table tr.markedRow:nth-child(odd) {
    background-color: #f77;
}

.actionsMain3 > table tr.markedRow {
    background-color: #1785eb;
}

.actionsMain3 > table tr.markedRow:nth-child(odd) {
    background-color: #39f;
}

.actionsMain > table tr.markedSingleRow,
.actionsMain2 > table tr.markedSingleRow {
    background-color: #f77;
}

.actionsMain3 > table tr.markedSingleRow {
    background-color: #d44;
}

.actionsMain > table tr.threatRow,
.actionsMain2 > table tr.threatRow {
    background-color: #f99;
}

.actionsMain3 > table tr.threatRow {
    background-color: #d66;
    color: #000;
}

.actionsMain > table tr.nonThreatRow,
.actionsMain2 > table tr.nonThreatRow {
    background-color: #9f9;
}

.actionsMain3 > table tr.nonThreatRow {
    background-color: #6d6;
    color: #000;
}

.actionsMain > table tr.nonAttributedRow,
.actionsMain2 > table tr.nonAttributedRow {
    background-color: #fff;
}

.actionsMain3 > table tr.nonAttributedRow {
    background-color: #777;
}

.defaultCursor {
    cursor: default;
}

.actionsHeader > table td,
.actionsMain > table td {
    padding: 0 5px 0 5px;
}

.actionsHeader2 > table td,
.actionsMain2 > table td,
.actionsMain3 > table td {
    padding: 1px 0 1px 5px;
}

.actionsHeader > table td + td.centred,
.actionsMain > table td + td.centred {
    padding: 0 5px 0 0;
    text-align: center;
    cursor: default;
}

.actionsHeader2 > table td + td.centred,
.actionsMain2 > table td + td.centred,
.actionsMain3 > table td + td.centred {
    padding: 1px 5px 1px 0;
    text-align: center;
    cursor: default;
}

.actionsHeader > table td + td,
.actionsMain > table td + td {
    padding: 0 5px 0 0;
    text-align: right;
    cursor: default;
}

.actionsHeader2 > table td + td,
.actionsMain2 > table td + td {
    padding: 1px 5px 1px 0;
    text-align: right;
    cursor: default;
}

actionsMain3 > table td + td {
    padding: 1px 5px 1px 0;
    text-align: center;
    cursor: default;
}

.actionsMain > table td.resultsCellDivided + td.resultsCellDivided {
    padding: 0 5px 0 0;
    border-left: 1px black solid;
    text-align: center;
    cursor: default;
}

.actionsMain2 > table td.resultsCellDivided + td.resultsCellDivided {
    padding: 1px 5px 1px 0;
    border-left: 1px black solid;
    text-align: center;
    cursor: default;
}

.actionsMain3 > table td.resultsCellDivided + td.resultsCellDivided {
    padding: 1px 5px 1px 0;
    border-left: 1px #333 solid;
    text-align: center;
    cursor: default;
}

.verticalControlElement {
    width: 45px;
    text-align: center;
    margin-top: 30px;
}

.verticalControlElement + .verticalControlElement {
    margin-top: 10px;
}

.seamlessHolderTable {
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%;
}

.seamlessHolderTableNarrow {
    border-spacing: 0;
    border-collapse: collapse;
}

.seamlessHolderTable td + td {
    padding-left: 10px;
}

.seamlessHolderTableNarrow td + td {
    padding-left: 10px;
}

.dashedHolderTable td {
    padding: 6px;
    border-style: dotted;
    border-width: 1px;
    border-color: #7f7f7f;
}

.seamlessHolderDiv + .seamlessHolderDiv {
    margin-top: 10px;
}

.generalSelect {
    margin: 0;
    padding: 0;
    border: grey solid 1px;
}

#dateRangeFrom, #dateRangeTo {
    width: 210px;
}

#sessionsPassingGrade, #bagsPassingGrade {
    width: 208px;
}

#dateRangeFromNarrow, #dateRangeToNarrow, #scoresRangeFromNarrow, #scoresRangeToNarrow {
    width: 100px;
}

#dateRangeHalf, #scoresRangeHalf {
    width: 417px;
}

#dateRangeHeaderHalf, #scoresRangeHeaderHalf {
    width: 427px;
}

#studentGroupsHeader {
    width: 393px;
}

#studentGroups {
    width: 395px;
}

#machinesHeader {
    width: 200px;
}

#machines {
    width: 202px;
}

#applicationsHeader {
    width: 350px;
}

#applications {
    width: 352px;
}

#dateRangeHeader {
    width: 293px;
}

#dateRange {
    width: 283px;
}

#machinesHeader1 {
    width: 150px;
}

#machines1 {
    width: 152px;
}

#applicationsHeader1 {
    width: 210px;
}

#applications1 {
    width: 212px;
}

#dateRangeHeader1 {
    width: 213px;
}

#dateRange1 {
    width: 203px;
}

#studentGroupsHeader1 {
    width: 260px;
}

#studentGroups1 {
    width: 262px;
}

#studentsSortingHeader {
    width: 250px;
}

#studentsSorting {
    width: 252px;
}

#studentsSearch, #studentsSearchHeader {
    width: 200px;
}

#groupSearchHeader {
    width: 385px;
}

#groupSearchBox {
    width: 387px;
}

#sessionMachinesHeader {
    width: 148px;
}

#sessionMachines {
    width: 150px;
}

#sessionLocationsHeader {
    width: 148px;
}

#sessionLocations {
    width: 150px;
}

#sessionTypesHeader {
    width: 88px;
}

#sessionTypes {
    width: 90px;
}

#sessionCoursesHeader {
    width: 235px;
}

#sessionCourses {
    width: 237px;
}

#sessionsSearch, #sessionsSearchHeader {
    width: 200px;
}

#studentGroupsHeader2,
#studentsSortingHeader2,
#sessionMachinesHeader2,
#sessionLocationsHeader2,
#sessionTypesHeader2,
#sessionCoursesHeader2 {
    width: 100%;
    width: -webkit-calc(100% - 2px);
    width: -moz-calc(100% - 2px);
    width: calc(100% - 2px);
}

#studentGroups2,
#studentsSorting2,
#studentsSearch2,
#sessionMachines2,
#sessionLocations2,
#sessionTypes2,
#sessionCourses2,
#sessionsSearch2 {
    width: 100%;
}

#studentsSearchHeader2,
#sessionsSearchHeader2,
#jobsSearchHeader2{
    width: calc(100% - 2px);
}

.inactiveSearch {
    color: #7f7f7f;
    font-style: italic;
}

#tipOperations, #tipOptions {
    width: 100%;
    margin-top: 10px;
}

#testRunHeader {
    width: 330px;
}

#testRun {
    width: 332px;
}

#sessionPerMonthHeader {
    width: 330px;
}

#sessionPerMonth {
    width: 332px;
}

#bagsRepetitionHeader {
    width: 672px;
}

#bagsRepetition {
    width: 674px;
}

#resultsHeader, #resultsMain, #resultsMainLong, #resultsMainLongStudent, #tipDataHeader, #tipDataMain, #tipDataFound {
    width: 866px;
}

#dateRangeFromTitle, #dateRangeToTitle {
    width: 208px;
}

#sessionsPassingGradeTitle, #bagsPassingGradeTitle {
    width: 208px;
}

#resultsMain, #tipDataMain, #tipDataFound {
    height: 148px;
}

#resultsMainLong {
    height: 250px;
}

#resultsMainLongStudent {
    height: 400px;
}

#resultsMain > table tr, #resultsMainLong > table tr, #resultsMainLongStudent > table tr, #tipDataMain > table tr {
    cursor: default;
}

#resultsMain > table, #resultsMainLong > table, #resultsMainLongStudent > table, #tipDataMain > table, #tipDataFound > table {
    width: 851px;
}

.resultsRowName {
    font-weight: bold;
    color: #333;
}

.resultsRowName2 {
    font-weight: bold;
    color: #eee;
}

.assignmentStatusIcon {
    padding: 0 10px 0 10px;
}

.tooltip {
    background-color: #eee;
    display: none;
    border: #ccc solid 1px;
    position: absolute;
    padding: 10px 15px 10px 15px;
    text-align: left;
    line-height: 18px;
    color: black;
    box-shadow: 3px 3px 6px #333;
}

.tooltipContent .tooltipLoading {
    color: grey;
}

.tooltipContent div + div {
    margin-top: 10px;
}

.tooltipContent div span + span {
    margin-left: 20px;
}

.clickableRow {
    text-decoration: underline;
    cursor: pointer;
}

.narrowLines {
    line-height: 18px;
}

.centred {
    text-align: center;
}

.attributedRowRight {
    text-align: right;
    font-weight: bold;
}

.tallTableHeader {
    width: 427px;
}

.tallTable {
    height: 300px;
    width: 427px;
}

.tallTable > table {
    width: 410px;
}

tr.threatRow td.attributedRowRight {
    color: #c33;
}

tr.nonThreatRow td.attributedRowRight {
    color: #383;
}

#gearApplicationsHeader, #tipApplicationsHeader {
    width: 427px;
}

#gearApplicationsHeader2, #tipApplicationsHeader2 {
    width: 336px;
}

#gearCategoriesHeader, #tipCategoriesHeader {
    width: 428px;
}

#gearDatabaseHeader, #tipDatabaseHeader {
    width: 178px;
}

#gearTypeHeader {
    width: 138px;
}

#gearMachinesHeader {
    width: 178px;
}

#gearSimfoxApplications, #tipSimfoxApplications {
    width: 429px;
}

#gearOpsemApplicationsHeader {
    width: 329px;
}

#gearOpSEMCategories, #tipTIPCategories {
    width: 430px;
}

#tipMachinesHeader {
    width: 168px;
}

#tipTypeHeader {
    width: 193px;
}

#tipApplicationToUseHeader {
    width: 218px;
}

#tipApplicationsList {
    width: 220px;
}

#tipMachinesList {
    width: 170px;
}

#tipTypesList {
    width: 195px;
}

#tipDateFromHeader, #tipDateToHeader {
    width: 120px;
}

#tipDateFromMonth, #tipDateToMonth {
    width: 52px;
}

#tipDateFromYear, #tipDateToYear {
    width: 67px;
}

#databaseToUse {
    width: 180px;
}

#applicationsList {
    width: 339px;
}

#dateRangeField {
    width: 200px;
}

#machinesList {
    width: 180px;
}

#typesList {
    width: 140px;
}

#opsemApplicationsList {
    width: 331px;
}

#simfoxApplicationsList {
    width: 331px;
}

.selectableTRTable tr {
    /* disable text selection: */
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    -khtml-user-select: none;
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
                             supported by Chrome and Opera */;
}

#freeSessions td:first-child,
#freeStudents td:first-child {
    width: 100%;
}

#certificationUseHeader {
    width: 180px;
}

#certificationUse {
    width: 182px;
}

#certificationTemplateHeader {
    width: 482px;
}

#certificationTemplate {
    width: 484px;
}

#certificationPassingGradeHeader {
    width: 180px;
}

#certificationPassingGrade {
    width: 180px;
}

.inactivePassingGrade {
    color: #7f7f7f;
}

.tipDateTable {
    border: 0;
    border-collapse: collapse;
    border-spacing: 0;
    padding: 0;
}

.tipDateTable td {
    border: 0;
    padding: 0;
    padding-left: 0;
}

.tipDateTable .td2 {
    padding-left: 2px;
}

/* minimal width block */
.minW {
    display: block;
    min-width: 70px;
    padding: 0;
}

.nullifiedRow {
    color: red;
    font-weight: bold;
}

.actionsMain4 
{
    background-color: #fff;
    border: solid 1px #bbb;
    overflow-x: hidden;
    overflow-y: scroll;
    height: 144px;
    color: black;
}

.actionsMain4 > table 
{
    width: 100%;
    border-collapse: collapse !important;
    border-spacing: 0;
    text-align: left;
}

actionsMain4 > table td + td 
{
    padding: 1px 5px 1px 0;
    text-align: left;
    cursor: default;
}

.actionsMain4 > table tr:nth-child(odd) 
{
    background-color: #eee;
}

.actionsMain4 > table td 
{
    padding: 0 5px 0 5px;
}

.actionsMain4 > table tr 
{
    cursor: pointer;
}

/* overriding default blue selection with the pinkish one */
.actionsMain4 > table tr.markedRow:nth-child(2n+1) 
{
    background-color: #f77;
}

/* overriding default blue selection with the pinkish one */
.actionsMain4 > table tr.markedRow 
{
    background-color: #f99;
}

.headerRow4
{
    background: #777 !important;
    cursor: auto !important;
    color: #fff;
}

.topRow4
{
    background: #ccc !important;
    font-weight: bold;
    cursor: auto !important;
}

.studentsSearch3
{
    width: 187px;
}