/*div.checkbox, select#comparewhat, div#numonlystuff, div#oneline, div#textstuff {
	white-space:nowrap;
	/*border: rgba(4, 4, 4, 0.26) solid 1px;*/
/*	margin-right: 10px;
}*/

:root {
    --main-blue: #0078d4 /*#00188f*/; /*blue*/
    --main-red: #e81123 /*#a80000*/; /*red*/
    --main-green: #0f9d58; /*#004b1c;*/ /*green*/
    --main-green2: #0f9d59/*#004b1c*/;  /*#0f9d58*/
    --main-green-widget: rgb(205, 232, 219); /*rgb(205, 232, 219)*/
    --main-green-tab-selected: #0f9d5A; /*rgb(205, 232, 219)*/
    --main-font-family: "Segoe UI Web (West European)",Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif;

}



div.recipedialog {
    background-color: #DCE8C2 !important;
    /*/!*width:800px !important;*!/  SEE recipesetuptest(recipenumber)*/
    /*height:300px !important;*/

    width: 90% !important;
    padding: 2px;
}

div.recipedialog textarea {
    height: 150px;
    width: 300px;
    display: block;
}

div.recipedialog button {
    display: block;
}

div.recipedialog div {
    display: block;
}

div.recipedialog div.learnmore {
    display: block;
    position: absolute;
    right: 50px;
    top: 5px;
}

#recipes button {
    display: block;
    margin-bottom: 20px;
}

div.recipeout {
    height: 46px;
    color: white;
    /* margin-left: 3px; */
    width: 176px;
    white-space: nowrap;
    overflow-x: auto;
}

#learnmorehtmldownload {
    background-color: yellow;
}

#divhtmlexport1 a, #divhtmlexport2 a {
    text-decoration: underline;
    color: #0078d4;
    cursor: pointer;
}

table.dataTable tbody td, table.dataTable tfoot td, table.dataTable thead th {
    padding: 1px;
    border: 0;
}

table.dataTable thead th {
    text-align: left;
    border-bottom: 1px solid;
}

#includerows {
    padding: 1px
}

#includerows #formrowsdiv {
    overflow: auto;
    /*height: 91px;*/
    overflow-x: hidden;
    position: absolute;
    left: 125px;
    /* bottom: 0px; */
    width: 770px;
    top: 60px;
}

#includerows #formrowsdiv select {
    margin-right: 5px;
}

#includerows #formrowsdiv span.RowConditionText {
    font-style: italic;
    margin-right: 3px;
}

#includerows #formrowsdiv span.RowRemove {
    margin-left: 3px;
    margin-right: 3px;
    padding-left: 3px;
    padding-right: 3px;
    background-color: #e81123;
    color: yellow;
    cursor: pointer;
}

#includerows #formrowsdiv span.RowStatusOK {
    margin-left: 3px;
    margin-right: 3px;
    background-color: #0f9d58;
    color: white;
    font-weight: bold;
    padding-left: 3px;
    padding-right: 3px;
}

#includerows #formrowsdiv span.RowStatusBad {
    margin-left: 3px;
    margin-right: 3px;
    background-color: #e81123;
    color: yellow;
    font-weight: bold;
    padding-left: 3px;
    padding-right: 3px;
}

#includerows #formrowsdiv select.column {
    width: 67px;
}

#includerows p {
    padding: 0px;
    margin: 0px;
}

#includerows #includerowbuttons {
    position: absolute;
    top: 62px;
    left: 5px;
    width: 130px;
    overflow: hidden;
}

#includerows #includerowbuttons button {
    margin-bottom: 5px;
    display: block;
    overflow-wrap: normal;
}

#includerows #includerowbuttons button#addrows {
    background-color: lightgreen;
    color: black;
}

#includerows #includerowbuttons button#clearall {
    background-color: #e81123;
    color: white;
}

#includerows #includerowbuttons button#processrows {
    background-color: #55ACEE;
    color: white;
}

span.diffred {
    color: #e81123;
    font-size: 90%;
}

span.diffgreen {
    color: #0f9d58;
    font-size: 90%;
}

span.diffgrey {
    color: black;
    font-size: 100%;
}

span.redline {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    width: 50px;
    text-overflow: ellipsis;
}

span.fuzzyscore {
    font-weight: bold;
    color: #0078d4;
    margin-left: 8px;
}

td.row, th.rownumber {
    width: 20px
}

div.ui-tabs, div.ui-tabs-panel {
    margin: 0px!important;
    padding: 7px!important;/* 2018-12-17*/
    /* padding-bottom: 63px!important; */
}
div.ui-tabs {
    /*border: #358451 solid 1px;
	!*box-shadow: 10px 12px 50px #293F4D*!
	box-shadow: 4px 4px 6px #358451;
	overflow:hidden;*/
    border: 0px;
}

#TopMyTable1, #TopMyTable2 {
    max-width: 494px;
    overflow: auto !important;
}

div#myTable_filter {
    padding-right: 20px
}

body {
    font-family: "Segoe UI Web (West European)",Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif !important; /*, Arial, sans-serif !important;*/
    background-color: white;
}

div#landingpagetour {
    margin: 4px 5px 13px 0px;
    border: rgba(4, 4, 4, 0.26) solid 1px;
    padding: 14px;
    font-style: italic;
    line-height: 24px;
    text-align: justify;
}

form.demo td.free img {
    padding-left: 5px
}

div#tour {
    padding-left: 15px;
    padding-right: 0px;
    display: inline;
}

div#demomessage {
    /*display: block;
    width: 100%;
    white-space: nowrap;
    padding-top: 3px;
    color: #0f9d59;
    !* text-align: left; *!
    !* height: 15px; *!
    font-weight: bold;
    font-size: 90%;
    text-shadow: 2px 5px 14px #db4437;
    padding-bottom: 7px;
    !* padding-right: 10px; *!*/
}

div#demomessage {
    display: block;
    width: 100%;
    white-space: nowrap;
    /* padding-top: 3px; */
    color: #0f9d59;
    text-align: left;
    /* height: 15px; */
    /* font-weight: bold; */
    font-size: 90%;
    /* text-shadow: 2px 5px 14px #db4437; */
    /* padding-bottom: 7px; */
    /* padding-right: 10px; */
}

span.diff {
    color: #e81123;
    font-style: italic;
    background-color: yellow;
    font-weight: bold;
}

div#demomessage strong {
    text-decoration: underline;
    color: #C76B05;
    background-color: yellow;
}

p.calc {
    font-weight: bold;
    font-size: 120%;
    color: #C76B05;
}

td.free {
    color: #C76B05;
    font-weight: bold;
}

a.warningspaces {
    font-size: 80%;
    color: #C76B05;
    padding-left: 5px;
}

a.trns {
    text-decoration: underline;
}

form#eofformform#eofform table {
    padding-top: 10px
}

/*div.checkbox, div.checkbox input, div.checkbox label, div#filters div, div#filters select, div#filters  {
	display:inline}*/

/*div.checkbox {white-space:nowrap; }*/

/*div#checkboxhead input {margin-left:20px}*/

form#eofform label, form#eofform select {
    font-size: 15px;
    color: #0078d4
}

#myTable td {
    max-width: 50px
}

#myTable tfoot td, #myTable thead th {
    font-weight: bold;
    vertical-align: top;
    font-style: italic;
    background-color: rgb(240, 240, 240)
}

a.more, a.less, a.zero {
    font-weight: normal;
    padding-left: 0px;
    padding-right: 0px;
    white-space: nowrap;
}

/*!*table#big_dispfulltable2 td.more {background-color:#0FC; }*!
table#big_dispfulltable2 td.less {background-color:orange; }
table#big_dispfulltable2 td.zero {background-color:yellow; }*/

table#sidebysideresults td span.more:before,
table#sidebysideresults td span.less:before,
table#sidebysideresults td span.zero:before,
table#big_dispfulltable2 td.more:before,
table#big_dispfulltable2 td.less:before,
table#big_dispfulltable2 td.zero:before {
    font-weight: bold;
    font-size: 120%;
    padding-right: 5px;
    font-family: FontAwesome;
}

table#sidebysideresults td span.more:before, table#big_dispfulltable2 td.more:before {
    content: "\f062";
    background-color: #0FC;
}

table#sidebysideresults td span.less:before, table#big_dispfulltable2 td.less:before {
    content: "\f063";
    background-color: orange;
}

table#sidebysideresults td span.zero:before, table#big_dispfulltable2 td.zero:before {
    content: "\f0ec";
    background-color: yellow;
}

table#sidebysideresults td span.more:hover, table#big_dispfulltable2 td.more:hover {
    background-color: #0FC;
}

table#sidebysideresults td span.less:hover, table#big_dispfulltable2 td.less:hover {
    background-color: orange;
}

table#sidebysideresults td span.zero:hover, table#big_dispfulltable2 td.zero:hover {
    background-color: yellow;
}

span.note {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    width: 50px;
    padding-left: 2px;
    padding-right: 2px;
    font-style: italic;
    font-size: 90%;
    text-overflow: ellipsis;
}

a.headers {
    display: block;
    font-size: 20px;
    color: white;
    height: 21px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    margin-top: 5px;
    border-top: 2px black solid;
    width: 99%;
    background-color: rgba(29, 29, 23, 0.75);
}

/*#sidebysideresults th span.head/!* , table#myTable1 th span.head , table#myTable2 th span.head *!/{
	font-size: 90%;
	font-family: monospace;
	vertical-align: bottom;
	text-overflow: ellipsis;
	/!* width: 80%; *!/
	overflow: hidden;
	display: inline-block;
	/!* white-space: nowrap; *!/
	max-width: 77px;
	max-height: 29px;*/

/*a.headers {background-color: rgba(29,29,23,0.75); color: white; padding-left:10px; border:0px;
	font-size:20px; height: 21px; margin-top: 10px; }

a.headers {width:99%;}*/

/*span.fieldheader span.keyclass, span.fieldheader_N span.keyclass  {
	position:absolute;
	/!*left: 20px;*!/
	top: -1px;
	font-size: 11px;
	text-transform: uppercase;
	text-decoration: underline;
	padding-left: 5px;

}*/

/*span.fieldheader span.head, span.fieldheader_N span.head {
	position: absolute;
	/!* left: 20px; *!/
	bottom: -3px;
	font-size: 8px;
	font-size: 14px;
	font-family: monospace;
	/!* vertical-align: bottom; *!/
	text-overflow: ellipsis;
	/!* width: 80%; *!/
	overflow: hidden;
	/!* display: inline-block; *!/
	white-space: nowrap;
	max-width: 92px;
	font-weight: normal;
	padding-left: 2px;
	/!* max-height: 29px; *!/
	overflow: hidden;
	text-overflow: ellipsis;
	color: black;
}*/

#myTable td, #myTable tr {
    margin: 0px;
    padding: 1px;
}

sup {
    display: inline;
    font-size: 8px
}

div.row {
    font-size: 90%;
    color: #0078d4;
}

/* Data Input panel */

#eofform {
    /*font-size: 12px;*/
    font-weight: normal;
}

/* Text boxes (single line) for Name and Start At */
#eofform input[type="text"] {
    border-width: 1px;
    font-weight: 600;
    padding: 0px;
    padding-left: 2px;
    text-align: left;
    /*font-size: 14px !important;*/
    height: 20px;
    color: black !important;
}

/* Start at Row/Column text boxes */
#colheadA, #rowheadA, #colheadB, #rowheadB {
    width: 1.8em;
}

/* Table Name */
#describeA, #describeB {
    width: 8.5em; /*120px;*/ /* unlike px, em scales with font resizing/zoom */
    padding-left: 3px !important;
}

/* Data Panel Left & Right side's Header and Body Row Border
    TODO: Stop inlining the Left vs. Right colors in so many places. Just have .left and .right classes and apply them just to parent elements so inherited. */
#tdHeadA, #tdTextAreaA, #tdHeadB, #tdTextAreaB /* #eofform th, #eofform td */ {
    border-width: 1px;
    border-style: solid;
    border-left-width: 1px; /* Colored bar on left of table */
}

/* Colored border around Left vs. Right side
    TODO: Combine into single box for header + body, with text area max width */
#tdHeadA, #tdTextAreaA, #popup_all_table_1 {
    border-color: #0078d4;
}

#tdHeadB, #tdTextAreaB, #popup_all_table_2 {
    border-color: #e81123;
}

#popup_all_table_1, #popup_all_table_2 {
    font-weight: 600;
}

#popup_all_table_1, #tdHeadA /*.tablenametext*/, #leftmessage button, button#tablenote1
{
    color: #0078d4;
}

#popup_all_table_2, #tdHeadB /*.tablenametext*/, #rightmessage button, button#tablenote2
{
    color: #e81123;
}

#tdHeadA, #tdHeadB {
    border-top-width: 4px !important; /* Thick color band at top of Left/Right side */
    /* Merge so looks like single section with border around merged header + table row */
    border-bottom-width: 0px !important;
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
    font-weight: 500;
}

#tdTextAreaA, #tdTextAreaB {
    /* Merge so looks like single section with border around merged header + table row */
    border-top-width: 0px !important;
    padding-top: 0px !important;
    margin-top: 0px !important;
}

/* Browse to upload button + filename input.
TODO: Use label + hide to use custom button appearance like: https://stackoverflow.com/questions/572768/styling-an-input-type-file-button
*/
#eofform input[type="file"] {
    font-size: 10px;
}

sup {
    padding-left: 2px
}

form#eofform table th, form#eofform table td {
    width: 50%;
    vertical-align: top;
    text-align: left;
}

form#eofform table th {
    white-space: nowrap;
    overflow: hidden;
}

/*Data Input Panel multi-line text areas */
/*TODO: Use multiple backgrounds, or edit the Excel image, so have a gray or colored background for the header row: https://www.w3schools.com/css/css3_backgrounds.asp */
#TextAreaA, #TextAreaB {
    height: 180px; /* Height of Data Input panels */
    width: 100%;
    border: 3px solid #cccccc;
    padding: 0px;
    padding-bottom: 2px;
    margin: 0px;
    font-family: monospace; /*Tahoma, sans-serif;*/
    /*font-weight:bold;*/
    line-height: 20px;
    font-size: 15px;
    background-color: #ffffff;
    background-image: url(excelbackground.png);
    background-position-y: 7px;
    -moz-tab-size: 12;
    -o-tab-size: 12;
    tab-size: 12;
    border-radius: 4px;
}

div#samplebuttons {
    padding-top: 6px;
    padding-bottom: 6px;
}

div#outdiv {
    padding-top: 2px;
    overflow: auto;
    padding-bottom: 30px;
    padding-right: 20px;
    clear: both;
    text-align:left;
}

/*div#checkboxes input{margin-left:20px; margin-bottom:10px;}*/

tr#tr_horizbar {
    height: 10px;
    display: none;
}

tr#tr_horizbar img {
    padding: 0px;
    width: 83px;
    margin: 0px;
}

/* Buttons - defaults for all types
    NOTE: Selector includes 'body' and #tabs to make more specific / higher priority, in order to override .ui-widget rules from jquery-ui.min.css
    Based on .dt-button for datatables rules.
    TODO: Remove ui-widget class from div#tabs to avoid it being applied without body specified below */
body button, body .button, body #tabs button {
    margin-right: 0.333em;
    padding: 0.5em 1em;
    font-size: 0.88em;
    background-image: -webkit-linear-gradient(top, #fff 0%, #e9e9e9 100%);
    background-image: -moz-linear-gradient(top, #fff 0%, #e9e9e9 100%);
    background-image: -ms-linear-gradient(top, #fff 0%, #e9e9e9 100%);
    background-image: -o-linear-gradient(top, #fff 0%, #e9e9e9 100%);
    background-image: linear-gradient(to bottom, #fff 0%, #e9e9e9 100%);
    background-image: linear-gradient(to bottom, #fff 0%, #e9e9e9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='white', EndColorStr='#e9e9e9');
    background-color: #e9e9e9;
    border: 1px solid #999;
    border-radius: 2px;
    /*color: #333; changed 2019-05-30*/
    text-decoration: none;
    text-shadow: none;
    outline: none;
    cursor: pointer;
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

body button:hover:not(.disabled), body .button:hover:not(.disabled) {
    background-image: linear-gradient(to bottom, #f9f9f9 0%, #e0e0e0 100%);
    background-color: #e0e0e0;
    border: 1px solid #666;
}

body button:focus:not(.disabled), body .button:focus:not(.disabled) {
    background-image: linear-gradient(to bottom, #bddef4 0%, #79ace9 100%);
    background-color: #79ace9;
    border: 1px solid #426c9e;
    text-shadow: 0 1px 0 #c4def1;
    outline: none;
}

body button:active:not(.disabled), body .button:active:not(.disabled) {
    background-image: linear-gradient(to bottom, #f3f3f3 0%, #e2e2e2 100%);
    background-color: #e2e2e2;
    box-shadow: inset 1px 1px 3px #999999;
}

body button.disabled, body .button.disabled {
    color: #999;
    border: 1px solid #d0d0d0;
    cursor: default;
    background-color: #f9f9f9;
    background-image: linear-gradient(to bottom, #fff 0%, #f9f9f9 100%);
}

/* Green buttons (only Analyze and Power left) */

button#starthere, #power_btn {
    background: #3498db;
    background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
    background-image: -moz-linear-gradient(top, #3498db, #2980b9);
    background-image: -ms-linear-gradient(top, #3498db, #2980b9);
    background-image: -o-linear-gradient(top, #3498db, #2980b9);
    background-image: linear-gradient(to bottom, #3498db, #2980b9);
    -webkit-border-radius: 19px;
    -moz-border-radius: 19px;
    border-radius: 19px;
    text-shadow: 1px 1px 3px #666666;
    font-family: "Segoe UI Web (West European)",Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif /*Calibri, Arial*/;
    color: #ffffff;
    font-size: 15px;
    /* 	padding: 10px 20px 10px 20px; */
    padding: 7px 15px 7px 15px;
    text-decoration: none;
}

/*div#buttons {
	position: absolute;
	top: -8px;
	left: 109px;
}*/

/* Saved View Tab-like Buttons (vs. div.dt-buttons a.dt-button for data table toolbar buttons) */

/*div#buttons {
    position: absolute;
    top: -8px;
    left: 451px; !* 109px *!
    white-space: nowrap;
}*/

div#buttons {
    /* position: absolute; */
    top: -9px;
    /* left: 451px; */ /* 109px */
    white-space: nowrap;
    float: left;
    padding-top: -16px;
    vertical-align: top;
    margin-top: -8px;
}

/* Analyze button (#starthere) */

button#starthere {
    width: 100px;
    float: left;
}

button#starthere:enabled {
    /* background-image: url(crush_compare_enabled_gb.gif); */
    background-repeat: no-repeat;
    cursor: pointer;
    /*font-size: 0px;*/
    height: 37px;
    background-color: #28404f;
    background-position: center;
    background-size: initial;
    /*background-size: cover;*/
    white-space: nowrap;
    /* padding-left: 8px; */
    /* margin-left: 0px; */
    /* margin-bottom: 0px; */
    width: 111px;
    text-align: center;
}

button#starthere:disabled {
    /*background-image: url(assets/avalanche.gif) !important;*/

    /*background-image: none ;*/
    background-repeat: no-repeat;
    font-size: 0px;
    height: 40px;
    background-color: #28404f;
    background-position: center;
    background-size: initial;
    opacity: 1;
    box-shadow: inset 0px 00px 0px 1px #e81123;
}

button#starthere:disabled:hover {
    opacity: .5;
}


.demo select.option3 {
    border-radius: 10px 0;
}

#demo select {
    padding: 3px;
    border: 1px #0f9d58 solid;
    color: #0f9d58;
    border-radius: 4px;
}

#demo select:focus {
    background-color: #0f9d58;
    color: white;
}
/*#filtersection {*/

/*position:relative;*/
/*height:0px;*/
/*}*/

#filters {
    /* border: 1px solid rgba(15, 157, 88, 0.3); */
    /*background-color: rgba(213, 248, 255, 0.23);*/
    /* background-image: none; */
    /* width: 902px; */
    /* height: 151px; */
    /*float:left;*/
    /* position:absolute; */
    /* top:0; */
    /* right:0; */
    /*right:27px;*/
    font-size: .8em;
    /*-webkit-box-shadow: inset 4px 3px 10px -2px rgba(0,0,0,0.75);*/
    /*-moz-box-shadow: inset 4px 3px 10px -2px rgba(0,0,0,0.75);*/
    /* box-shadow: 4px 3px 10px -2px rgba(15, 157, 88, 0.19); */
    white-space: nowrap;
    /* margin:2px; */
    border: 0px;
    box-shadow: none;
}

#filters div.checkbox {
    /*background-color:white*/
}

#filters select {
    /*background-color: "silver" !important*/
}

#filters #geekformdiv {
    /*position: absolute;*/
    /*right:5px;*/
    /*bottom: 2px;*/
    padding: 2px;
    /*background-color: #C0C0C0;*/
    /*color:#FFF;*/
}

#filters ul.ui-widget-header {
    border: #000 solid 0px;
    /*background-color: rgba(246, 168, 40, 0.45) ;*/
    background-color: transparent;
    background-image: none;
    background-image: url(controlpanel.png);
    background-repeat: no-repeat;
    background-position: 100% 50%
    /*background-position-x: right; !*847px;*!*/
}

#filters .ui-state-active, #filters .ui-widget-content .ui-state-active, #filters .ui-widget-header .ui-state-active {
    /*background-color: rgba(232, 240, 241, 1)*/
    /*background-image: none;*/
}

#filters #comparewhat, #filters #onelineform {
    position: absolute;
    left: 5px;
    top: 75px; /*bottom: 39px;*/
    font-weight: bold;
    font-size: 1.05em;
}

#filters #onelineform {
    font-size: 1.4em;
}

#filters #comparewhat, #numonlystuff, #textstuff, #oneline, #onelinesum {
    /*background-color:white;*/
    overflow: hidden;
    padding: 2px;
    /*border: 1px black solid;*/
    /*-webkit-box-shadow: 4px 3px 10px -2px rgba(0,0,0,0.75);*/
    /*-moz-box-shadow: 4px 3px 10px -2px rgba(0,0,0,0.75);*/
    /*box-shadow: 4px 3px 10px -2px rgba(0,0,0,0.75);*/
    /*http://www.cssmatic.com/box-shadow*/
    margin: 2px;
}

#filters #numonlystuff {
    position: absolute;
    right: 2px;
    /* bottom: 0px; */
    /*width: 240px;*/

}

#progressdiv {
    text-align: center;
    display: none;
    cursor: progress;
    z-index: 1000000;
    position: relative;
}

#progressdiv #pb {
    width: 50%;
    display: inline;
    box-shadow: 1px 1px 1px #FFF;
    box-shadow: 2px 2px 1px #FFF;
    box-shadow: -1px -1px 1px #FFF;
    box-shadow: -2px -2px 1px #FFF;
}

#progressdiv #pbtext {
    display: block;
    text-shadow: 1px 1px 1px #FFF;
    text-shadow: 2px 2px 1px #FFF;
    text-shadow: -1px -1px 1px #FFF;
    text-shadow: -2px -2px 1px #FFF;
    font-weight: bold;

}

#progressdiv #pb {
    width: 50%;
    display: inline;
}

#progressdiv #pbtext {
    display: block;
}

#numonlystuffhead span.head {
    position: absolute;
    right: 246px;
    width: 87px;
    white-space: normal;
    /*bottom: 5px;*/
    font-weight: bold;
}

#leftmessage, #rightmessage {
    display: inline;
    padding-left: 8px;
    text-decoration: underline;
    font-size: 80%;
}

#filters #numonlystuff .head, #filters #textstuff .head, #filters #onelinesum .head, #filters #oneline .head, #sum .head {
    font-weight: bold;
    display: block;
}

#filters #textstuff {
    position: absolute;
    left: 318px;
    /*bottom: 1px;*/
    width: 200px;
    overflow: visible;
    white-space: normal;
}

#filters #oneline {
    /*position: absolute;*/
    /*left: 564px;*/
    /*top: 7px;*/
    /*width: 148px;*/
}

#filters #onelineformkeycount {
    position: absolute;
    left: 363px;
    bottom: 17px;
    font-weight: bold;
}

#filters #sum {
    position: absolute;
    left: 637px;
    bottom: 11px;
}

#filters #onelineformkeycount, #filters #onelinesum, #filters #sum {
    display: none;
}

#filters #columnsdetail {
    position: absolute;
    top: 88px;
    max-width: 800px;
    overflow: auto;
    overflow-y: hidden;
}

#filters #DupeDiv {
    position: absolute;
    top: 56px;
    right: 0px;
    font-weight: bold;
    white-space: normal;
    width: 76px
}

#filters #columnsdetail th {
    padding-right: 11px;
    text-align: left;
}

#filters #columnsdetail th.Left {
    color: #0078d4;
    text-shadow: 4px 0px 8px #55F;
}

#filters #columnsdetail th.Right {
    color: #e81123;
    text-shadow: 4px 0px 8px #F55;
}

#filters #columnsdetail input[type="radio"] {
    margin: 0px 0px 0px 0px;
}

#filters #columnsdetail td.reg {
    background: #EEE;
}

#filters #columnsdetail td.key, #filters #columnsdetail td.ignore {
    background: #DDD;
}

#filters #columnsdetail td.sum {
    background: #EEE;
}

#filters #columnsdetail td div.blankcol {
    width: 20px;
}

#filters #columnsdetail td div.colmessage1 {
    width: 100px;
}

#filters #columnsdetail th.leftcol {
    /*width:100px;*/
}

#filters #columnsdetail div.sumcol {
    width: 20px;
    text-align: center;
    font-weight: bold;
}

#filters #columnsdetail #colmessage1,
#filters #columnsdetail #colmessage3,
#filters #columnsdetail #colmessage4 {
    color: #e81123;
    font-weight: bold;
}

#reclass2_all_message {
    position: absolute;
    top: 65px;
    left: 590px;
    /* width:300px; */
    /* height:200px; */
    color: #e81123;
    font-weight: bold;
}

div.keyimage {
    display: inline-block;
    background-image: url("keyicon.png");
    background-repeat: no-repeat;
    width: 35px;
    height: 18px;
    padding: 2px;
    background-position: center;
    background-size: 27px;
    transform: rotate(0deg);
    border-radius: 10px;
    box-shadow: 7px -4px 12px #888;
    border: 1px gray solid;
    border-right: 1px black solid;
}

#filters #onelinesum {

    position: absolute;
    left: 500px;
    bottom: 7px;
}

#outdiv td {
    font-family: "Segoe UI Web (West European)",Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif /*Calibri, "Times New Roman", Times, serif*/;
    font-size: 1em; /*2019-03-20*/
}

#outdiv td { /*#outdiv th,*/
    /*text-align: right; // dont do this because not lined up with decimals cirrectly*/
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 131px;
    overflow: hidden;
    padding-right: 2px;
}

#outdiv td strong, span.rownum {
    text-decoration: underline;
    /*color:#55ACEE;*/
    color: #6b2d05;
    font-weight: bold;
    padding-left: 2px;
    padding-right: 2px;
    text-overflow: ellipsis;
    cursor: pointer;
}

#outdiv td strong.rowlist {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    width: 50px;
    text-align: left;
}
#demo {display:block} /*2018-12-18 reversed 12-26*/
#demo .free #loadtour {
    /*    font-size: 80%;
        height: 39px;*/
}

.crushpopupLeft, .crushpopupRight, .crushpopFuzzy, .crushpopFuzzy_FuzzyDupeBoth, .crushpopFuzzy_FuzzyDupeLeft, .crushpopFuzzy_FuzzyDupeRight {
    font-family: "Segoe UI Web (West European)",Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif /*Calibri, "Times New Roman", Times, serif*/ !important;
    font-size: .9em !important;

}

/*.crushpopupRight {background-color: rgb(85, 172, 238) !important;}
.crushpopupLeft {background-color: rgb(199, 107, 5) !important;}*/


.crushpopGraphic1 {
    background-image: url(bluebox.gif) !important;
    background-position: left !important;
    background-repeat: repeat-y !important;
}
.crushpopGraphic2 {
    background-image: url(redbox.gif) !important;
    background-position: right !important;
    background-repeat: repeat-y !important;
}

.crushpopupLeft {
    background-color: #DDEFFF !important;
}

.crushpopupRight {
    background-color: #FFEFDD !important;
}


.crushpopFuzzy {
    background-color: rgb(175, 199, 180) !important;
}

.crushpopFuzzy_FuzzyDupeBoth {
    background-color: rgb(162, 186, 167) !important;
}

.crushpopFuzzy_FuzzyDupeLeft {
    background-color: rgb(135, 157, 139) !important;
}

.crushpopFuzzy_FuzzyDupeRight {
    background-color: rgb(204, 232, 206) !important;
}

.crushpopupfuzzydetail {
    background-color: rgb(255, 232, 224) !important;
}

.ui-dialog-title {
    font-size: 80%;
}

#tryfuzzy.showfuzzyexample {
    display: none;
    /*background-image: url(tryfuzzy.gif);*/
    height: 38px;
    width: 100px;
    margin-bottom: -13px;
    overflow: hidden;
    margin-left: 10px;
    /*document.getElementById("tryfuzzy").setAttribute("class","showfuzzyexample");*/
}

.ui-dialog .ui-dialog-titlebar {
    padding: 1px !important;
}

.headerSort {
    width: 30px !important;
    font-size: 90% !important;
}

.headerRowA {
    width: 30px !important;
    color: #0078d4 !important;
    font-size: 90% !important;
}

.headerRowB {
    width: 30px !important;
    color: #e81123 !important;
    font-size: 90% !important;
}

.headerNoteA {
    width: 30px !important;
    color: #0078d4 !important; /*font-size:90% !important;*/
}

.headerNoteB {
    width: 30px !important;
    color: #e81123 !important; /*font-size:90% !important;*/
}

.fieldheader, .fieldheader_N, .keyspecial1, .keyspecial2, .keyspecial {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.keyspecial1 {
    border-top: solid #0078d4 4px !important;
}

.keyspecial2 {
    border-bottom: solid #e81123 4px !important;
}

th.standard_side1 {
    border-top: solid #0078d4 4px !important;
    border-bottom: solid #0078d4 4px !important;
}
th.standard_side2 {
    border-top: solid #e81123 4px !important;
    border-bottom: solid #e81123 4px !important;
}

.keyspecial {
    border-top: double #0078d4 4px !important;
    border-bottom: double #e81123 4px !important;
}

.fieldheader, .fieldheader_N {
    overflow: hidden !important;
}

.fieldheader_N {
    text-align: right !important;
}

#wizard textarea {
    font-family: monospace;
    width: 600px;
    height: 200px !important;

    padding: 10px;
}

#wizard #TextAreaA {
    background-image: url(bluebox.gif);
    background-repeat: no-repeat;
    background-position: top left;
}

#wizard #TextAreaB {
    background-image: url(redbox.gif);
    background-repeat: no-repeat;
    background-position: top right;
}

#WizHeadA, #WizHeadB {
    margin-bottom: 10px;
}

.wiztabA {
    background-image: url(bluebox.gif) !important;
    background-position: top left;
    background-repeat: repeat-y
}

.wiztabB {
    background-image: url(redbox.gif) !important;
    background-position: top right;
    background-repeat: repeat-y
}

#wizard span.instruction {
    font-weight: bold;
    margin-top: 25px;
    margin-bottom: 8px;
    display: block;
}

#wiztaskbar {
    /*margin-bottom:10px;
	margin-top:10px;
	display:block;
	height:40px;
	white-space: nowrap;*/
    margin-bottom: 10px;
    margin-top: 10px;
    display: block;
    width: 111px;
    position: absolute;
    right: 12px;
    z-index: 4;
    background-color: white;
    padding: 7px;
    box-shadow: 7px 7px 19px #333;
    border-radius: 5px;
}

#wiztaskbar span {
    /*padding:2px;
	padding-left:10px;
	padding-right:10px;
	/!*background-color: #DDD;*!/
	margin:2px;
	border:#AAA 1px dotted;*/

    padding: 2px;
    padding-left: 10px;
    padding-right: 10px;
    /* background-color: #DDD; */
    margin: 2px;
    border: #AAA 1px dotted;
    display: block;
    background-color: #EEE;

}

#wiztaskbar span.left {
    /*color:#0078d4;*/
    background-image: url(bluebox.gif) !important;
    background-position: top left;
    background-repeat: no-repeat;
}

#wiztaskbar span.right {
    background-image: url(redbox.gif) !important;
    background-position: top right;
    background-repeat: no-repeat;

    /*color:#e81123;*/
}

#wiztaskbar span.selected {
    font-weight: bold;
    border: black 1px solid;
    background-color: #FFF;
    color: #eb8f00;
}

/*WIZ DRAG AND DROP*/

/*#3-keys {position: relative; width: 500px; display:inline-block;}*/

#draganddropkeydiv {
    position: relative;
    height: 805px;
}

#draganddropinstructions {
    /*margin-bottom:30px;*/
    height: 200px;
    padding-right: 100px;
}

#draganddropinstructions p {
    margin-top: 0px;
}

#draganddropinstructions ol#wizerrorol {
    overflow: hidden;
    height: 76px;
    margin-bottom: 0px;
    margin-top: 6px;
}

#draganddropinstructions ol#wizerrorol li {
    color: #e81123;
    margin: 0px;
}

div.wiztestresults {
    background-color: #cefff5 !important;
}

div.wiztestresults table.keysreplace {
    padding-bottom: 10px;
}

div.wiztestresults table.keysreplace th, div.wiztestresults table.keysreplace td {
    padding-left: 0;
    padding-right: 5px;
    text-align: left;
}

div.wiztestresults table th, div.wiztestresults table td {
    font-weight: bold;
    text-decoration: underline;
    text-align: right;
    padding-left: 15px;
    white-space: nowrap;
}

div.wiztestresults table td {
    font-weight: normal;
    text-decoration: none;
}

div.wiztestresults p.wiztestwarning {
    color: #e81123;
}

#draganddropboxes {
    position: relative;
}

div.wiz1, div.wiz2 {
    width: 150px;
    height: 100px;
    position: absolute;
    display: inline-block;
    top: 42px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 10px;
    box-shadow: 15px 13px 17px 0px #888;
    background-color: honeydew;
}

div.wiz1 {
    border: 2px solid #0078d4;
    left: 0;
}

div.wiz2 {
    border: 2px solid #e81123;;
    left: 160px;
}

#wizsums, #wizignores, #wizkeys {
    position: absolute;
}

#wizsums p, #wizignores p, #wizkeys p {
    margin-top: -11px;
}

#wizreg1, #wizreg2 {
    position: absolute;
    top: 25px;
}

#wizreg1 a, #wizreg2 a, #wizkeys p span, a.wizresultspopupa {
    text-decoration: underline;
    color: #0063dc;
    font-size: 80%;
}

a.wizresultspopupa {
    cursor: pointer;
}

#wizregsub1, #wizregsub2 {
    width: 200px;
    height: 400px;
    /* background-color: #feffd9; */
    left: 0px;
    top: 0px;
    position: relative;
    border-radius: 10px;
    background: linear-gradient(
        rgba(0, 66, 255, 0.04),
        rgba(161, 255, 0, 0.1));
}

#wizreg1 {
    left: 000px;
}

#wizreg2 {
    left: 600px;
}

#wizignores, #wizkeys, #wizsums {
    left: 250px;
}

#wizkeys {
    top: 050px;
}

#wizsums {
    top: 265px;
}

#wizignores {
    top: 410px;
}

#wizsum1, #wizsum2 {
    height: 30px;
}

#wizsum1, #wizsum2 {
    height: 30px;
}

span.wizdrag {
    white-space: nowrap;
    font-family: monospace;
    font-size: 14px;
    display: block;
    margin: 0px;
    margin-left: 5px;
    border-bottom: 1px dotted #999;
    cursor: move;
    text-overflow: ellipsis;
    overflow: hidden;
}

span.wizdrag1 {
    border-color: #0078d4;
}

span.wizdrag2 {
    border-color: #e81123;
}

#wizard button.next {
    border-radius: 8px;
    font-size: 20px;
    padding: 5px 20px 5px 20px;
    font-weight: bold;
    box-shadow: 3px 4px 5px #888888;

}

#wiztaskbar span.next {
    /*background-image: url("comparebuttonanimatedbackground.gif");*/
    /*color:white;*/
    /*font-weight: bold;*/
}

#wizard button {
    font-weight: bold;
}

#wizard button.next:enabled {
    background-image: url("comparebuttonanimatedbackground.gif");
    cursor: pointer;
}

#wizard button:hover:enabled {
    background-image: none;
    background-image: linear-gradient(to bottom, #3498db, #2980b9);
    text-shadow: 1px 1px 6px #000;
    font-weight: bold;
    cursor: pointer;
}

div#tableft1, #tabright2 {
    border: 0px;
    box-shadow: none;
}

#tableft1 ul, #tabright2 ul {
    background-image: none;
    background-color: transparent;
    border: 0px solid #e81123;
    text-align: center;
}

#tableft1 ul a, #tabright2 ul a {
    /*border: #0078d4 1px dotted;*/
    padding: 6px;
    width: 175px;
    padding-top: 10px;
}

button#butwizsave:enabled {
    background-image: url("comparebuttonanimatedbackground.gif");
    cursor: pointer;
}

span.pleasewait {
    font-weight: bold;
    text-decoration: blink;
    color: #e81123;
    text-decoration: underline;
    box-shadow: 3px 4px 5px #888888;
}

#filtervalues p {
    white-space: normal;
    margin: 0px;
    margin-top: -7px;
    margin-bottom: 5px;
}

div.selecttype {
    border-bottom: 1px dashed gray;
    width: 100%;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

div.selecttype label {
    padding-right: 16px;
    padding-left: 1px;
    white-space: nowrap;
}

div.selecttype div.popupckbox {
    white-space: nowrap;
    display: inline-table;
}

th.pophead1col, th.pophead1col_row {
    /*white-space: nowrap;*/
    /*display: inline;*/
    /*padding-right: 2px;*/
}

td.sumfield, th.sumfield {
    text-align: right !important;
    padding-right: 15px !important;
}

td.sumfieldleft, th.sumfieldleft {
    text-align: left !important;
}

label.keyfield:before, th.keyfield:before {
    font-family: FontAwesome;
    /*content: "\f084"; KEY*/
    content: "\f2b5";  /*handshake*/
    margin-right: 2px;
}

/* fa-key [&#xf084;] */
label.hiddenfield:before, th.hiddenfield:before {
    font-family: FontAwesome;
    content: "\f070";
    margin-right: 2px;
}

/* fa-eye-slash [&#xf070;]*/
label.regularfield:before, th.regularfield:before {
    font-family: FontAwesome;
    content: "\f06e";
    margin-right: 2px;
}

/* fa-eye [&#xf06e;] */
label.sumfield:before, th.sumfield:before, div.pop1sum {
    content: "\03a3";
    margin-right: 2px;
}

/*sigma*/
th.sumfieldleft:before, td.sumfieldleft:before, div.pophead1colsum:before {
    content: "\03a3";
    margin-right: 4px;
}

/*sigma*/
th.hiddenfield, td.hiddenfield {
    color: rgba(51, 51, 51, 0.82);
}

div.pophead1colsum {
    font-weight: bold;
}

div.selecttype input[type="checkbox"]:disabled + label {
    color: gray;
}

/* fix all checkboxes to be vertically centered. fixes so checkbox doesn't always appear above it's label.
fixes main toolbar spacing for maximized use and avoids it wasting space. */
input[type="checkbox"] {
  vertical-align: middle !important;
}

#showfiltersdiv span, span#requestfs, span#closeallpopups, #labelfortogglehints, #labelforshowfilters, #showshortcuts_checkbox_label{
    cursor: pointer;
    margin-left: 0px;
    /* text-decoration: underline; */
    color: #0f9d59;
    /* margin-bottom: -23px; */
    padding-bottom: -29px; /* display: block; *//* position: absolute; *//* top: 0px; *//* right: 0px; */
}

#labelfortogglehints, #labelforshowfilters, #showshortcuts_checkbox_label, #invokeNavByText {
    margin-left: -5px;
    margin-right: 0px;
}

#showfiltersdiv span:hover, span#requestfs:hover, span#closeallpopups:hover {
    background-color: yellow;
}

div#wizard {
    min-height: 352px;
    border: 0px;
    box-shadow: none;
}

#wizard #1LC button, #2RC button {
    padding: 5px;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    text-shadow: none;
    font-size: 17px;
    font-family: "Segoe UI Web (West European)",Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif; /*'Trebuchet MS', Tahoma, Verdana, Arial, sans-serif*/;
}

#wizard #1LC table, #2RC table {
    width: 600px;
}

#wizard table.wizaddcolumns {
    width: 710px;
}

#wizard table.wizaddcolumns strong {
    font-weight: bold;
    color: #e81123;
    white-space: nowrap;
}

#wizard table.wizaddcolumns button, #wizard table.wizaddcolumns button,
#wizard table.wizaddfilterrows button {
    font-weight: bold;
    border-radius: 0 px;
    font-size: 14px;
    padding: 4px;
    white-space: normal;
    margin: 5px;
    width: 200px;
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
}

#wizard table.wizaddfilterrows td {
    padding-right: 20px;
}

span.wizD, td.wizD {
    font-style: italic
}

td.wizN, span.wizN {
    color: darkgreen;
    background-color: white;
    font-weight: bold;
    background-image: url(greenbox.gif);
    background-position: bottom right;
    background-repeat: no-repeat;
}

td.wizT, span.wizT {
    color: #6b2d05;
    background-color: white;
    font-weight: normal;
}

td.wizEmpty, span.wizEmpty {
    font-size: 80%;
    color: gray;
}

/*span.wizsplits {border-bottom: dashed 1px  ;}*/

span.wizadded {
    background-color: white;
    font-weight: bold;
    border-bottom: orange 1px solid;
    /* padding-left: 5px; */
    background-image: url(orangebox.gif);
    background-position: top right;
    background-repeat: no-repeat;
}

td.wizFieldMatch, span.wizFieldMatch {
    background-color: #f1f100;
    font-weight: bold;
}

#columns td.wizMatch, #columns td.wizSum, #columns td.wizKey {
    border-width: 0px 2px 2px 0px !important;
}

td.wizMatch {
    border-color: gray;
    border: dotted;
}

td.wizSum {
    border-color: black;
    border: dashed;
}

td.wizKey {
    border-color: #e81123;
    border: solid
}

span.sumcol1header, span.sumcol2header {
    font-size: 110%;
    font-weight: bold;
    color: yellow;
    padding-left: 6px;
    padding-right: 3px;
    border-radius: 10px;
    border-right: yellow 6px solid;
    /*box-shadow: 7px -4px 12px #888888;*/

}

span.sumcol1header {
    background-color: #0078d4;
}

span.sumcol2header {
    background-color: #e81123;
}


th.rowheader1, th.rowheader2 {
    text-align: center !important;
    width: 50px ;
    /*display:block;  2019-04-01*/
}

td.rowheader1, td.rowheader2 {
    text-align: left !important;
}

th.rowheader1 {
    background-color: #0078d4;
    color: white;
    border: 1px solid white !important;
    padding-right: 17px !important;
}

th.rowheader2 {
    background-color: #e81123;
    color: white;
    border: 1px solid white !important;
    padding-right: 17px !important;
}

td.rowheader1 {
    border-left: 3px #0078d4 solid !important;
    border-right: 3px #0078d4 solid !important;
    text-shadow: 3px 10px 13px #0078d4;
}

td.rowheader2 {
    border-left: 3px #e81123 solid !important;
    border-right: 3px #e81123 solid !important;
    text-shadow: 3px 10px 13px #e81123;

}


th.sumcol1header {
    background-color: #0078d4;
    color: white;
    border: 1px solid white !important;
    padding-right: 17px !important;
    text-align: right!important;
}

th.sumcol2header {
    background-color: #e81123;
    color: white;
    border: 1px solid white !important;
    padding-right: 17px !important;
    text-align: right!important;
}

th.sumcol1header, th.sumcol2header, th.standard_side1, th.standard_side2 {
    background-color: white;
}

th.sumcol1header, th.side_use_1, th.standard_side1 {
    color: #0078d4;
    border-bottom-color: #0078d4 !important;
}

td.side_use_1, td.sumcol1header, td.standard_side1 {
    color: #0078d4
}

th.sumcol2header, th.side_use_2, th.standard_side2 {
    color: #e81123;
    border-bottom-color: #e81123 !important;
}

td.side_use_2, td.sumcol2header, td.standard_side2 {
    color: #e81123
}

.ui-dialog {
    box-shadow: -5px -5px 30px #555, 5px 5px 30px #555;
    /*box-shadow: 0 4px 8px 0 #0078d4, 0 6px 20px 0 #e81123;*/
}

.ui-dialog:hover {
    box-shadow: -5px -5px 30px #222, 5px 5px 30px #222;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    /*box-shadow: 5px 5px 16px #c46b00;*/
    box-shadow: 8px 8px 18px #C46B00;
}

#outdiv p, table.display p {
    text-align: right;
    /* padding: 0; */
    margin: 0 !important;
    margin-right: 4px;
    padding-right: 5px;
}

#outdiv p.sumdifference {
    background-color: yellow;
}

#outdiv span.sumhead {
    text-align: right;
    width: 90%;
    display: block;
}

select.filtrowsselect {
    width: 200px;
}

/*span.FieldName {font-family: monospace; font-size: 14px;}*/

table.paired {
    text-align: left;
}

table.paired tr:nth-child(even) {
    background-color: #f2f2f2
}

table.paired th, table.paired td {
    border-bottom: 1px solid #ddd;
    padding-right: 20px;
}

table.paired a {
    text-decoration: underline;
}

table.paired a:hover {
    background-color: yellow;
    cursor: pointer;
}

table#sidebysideresults a.combos {
    display: block;
    /* width: 115px; */
    /* height: 25px; */
    background: #0f9d59;
    padding: 4px;
    text-align: center;
    border-radius: 13px;
    color: white;
    /* font-weight: bold; */
    cursor: pointer;
    padding-top: 0;
    padding-bottom: 0;
    text-shadow: 1px 1px 3px #666;
    font-family: "Segoe UI Web (West European)",Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif /*Calibri, "Helvetica Neue", Helvetica, Arial, sans-serif*/;
    /*font-size: 14px;*/
    text-decoration: none !important;
}

table#sidebysideresults a.combos:hover {
    background: #0e7940;
    text-shadow: 1px 1px 3px #000;
}

table#sidebysideresults a.combos::after {
    content: " Combo";
    font-family: FontAwesome;
    content: "\f002  Combo";
    content: "\f002 ";
    font-size: 102%;
    /* color: yellow; */
    font-weight: normal;
    /* font-family: monospace; */
    padding-left: 4px;

}

#columnsdetail input:enabled {
    cursor: pointer;
}

div.selecttype input:enabled + label,
div.selecttype button:enabled {
    cursor: pointer;
}

table.prefilter {
    margin-bottom: 20px;
}

table.prefilter th {
    text-align: left;
}

table.prefilter td {
    padding-right: 20px
}

span.prefilter {
    display: block;
    margin-bottom: 6px;
    font-weight: bold;
    margin-top: 31px;
}

/*input#file1, input#file2, textarea#createdApp, textarea#createdlink  {width: 700px;}*/

#apps input[type="text"] {
    width: 700px !important;
}

#apps input#short0[type="text"],
#apps input#short1[type="text"],
#apps input#short2[type="text"] {
    width: 139px !important;
}

textarea#createdApp, textarea#createdlink {
    height: 200px;
}

#convert2App p.warning {
    background-color: yellow;
}

div.ui-tabs div#apps, div.ui-tabs div#makeapps {
    border: 0px solid #CCC;
    box-shadow: 0 0 0;
}

#apps_tabs {
    top: 175px;
    border: #293F4D solid 1px;
    box-shadow: 10px 12px 50px #293F4D;
    box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.38);
    box-shadow: 0 0 0;
    border: none;
    position: absolute;
    width: 90%;
}

#apps_tabs .ui-widget-header {
    /* border: 1px solid #e78f08; */
    /* background: #f6a828 url("images/ui-bg_gloss-wave_35_f6a828_500x100.png") 50% 50% repeat-x; */
    /* color: #fff; */
    /* font-weight: bold; */
    background: #DCE8C2;
    border: none;
}

div.appversion div.title {
    position: absolute;
    top: 22px;
    /* white-space: nowrap; */
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold;
    width: 241px;
}

div.appversion div.backgroundimage {
    width: 200px;
    height: 200px;
    background-repeat: no-repeat;
    position: absolute;
    right: 10px;
    top: 40px;
}

div.appversion textarea {
    /* font-size: 13px; */
    font-weight: normal;
    /* position: absolute; */
    /*top: 120px;*/
    width: 100%;
    font-family: monospace;
    height: 60px;
}

div.appversion div.app_creator {
    font-style: italic;
    position: absolute;
    bottom: 40px;
    width: 500px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 90%;
}

div.appversion div.created {
    font-size: 10px;
    font-weight: normal;
    position: absolute;
    bottom: 10px;

}

div.appversion div.recipeout {
    height: 41px;
    color: #0f9d59;
    /* margin-left: 3px; */
    width: 300px;
    white-space: nowrap;
    overflow-x: auto;
    position: absolute;
    top: 123px;
    left: 166px;
}

div.appversion button.runBtn {
    position: absolute;
    top: 74px;
    height: 41px;
    width: 205px;
    /*box-shadow: 10px 12px 50px #293F4D;*/
    box-shadow: 5px 5px 5px #ccc;
}

div.appversion button.descriptionBtn {
    position: absolute;
    right: 10px;
    top: 240px;
}

div.appversion a.learnmore {
    /*position: absolute;
	right: 10px;
	bottom: 10px;
	font-size:80%;*/
    text-align: right;
    width: 100%;
    display: block;
    font-size: 90%;
    font-style: italic;
}

div.combo_1, div.combo_3, div.combo_4, div.combo_5 {
    width: 90%;
    overflow-x: auto;
}

/*span.group, span.found {display:block; font-weight: bold; background-color: yellow;}*/
span.dashhead {
    display: block;
    font-weight: bold;
    text-decoration: underline;
    text-transform: capitalize;
}

div.dashblock {
    display: inline-block;
    /* height: 100px; */
    /* width: 200px; */
    border: 1px solid black;
    margin: 2px;
    /* height: 39px; */
    padding: 5px;
    vertical-align: top;
    height: 50px;
    margin-top: 10px;
}

span.billions, span.trillions {
    color: #e81123;
    background-color: yellow;
    font-size: 80%
}

div.nearresults button {
    margin-left: 10px;
}

div.nearresults {
    height: 300px;
    overflow-y: auto;
    overflow-x: auto;
    width: 100%;
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 10px;
    height: 200px;
}

div.nearresults button {
    background: #0f9d58 !important;
}

div.nearTable1, div.nearTable2 {
    min-height: 100px;
    display: inline-block;
    width: 46%;
}

div.nearTable1 {
    margin-right: 4px;
    border-top: 5px solid #0078d4;
}

div.nearTable2 {
    border-top: 5px solid #e81123;
}

span.nearinstruction_red {
    color: #e81123
}

span.nearinstruction_blue {
    color: #0078d4
}

div#parkapphere {
    display: block;
    overflow: auto;
    position: relative;
    /* background: #0f9d58 !important; */
    padding: 0px;
    margin: 20px;
    /*border: rgba(15, 157, 88, 0.51) solid 1px ;*/
    width: 80%;
    /* height: 100%; */
}

div.ui-widget-content {
    /*background:#F3F9F4;*/
}

.tablenote {
    display: inline;
}

form#eofform button  {
    /*font-size: 15px;*/
    white-space: normal;
    margin:0px;
    padding: 1px 5px 1px 5px;
}

#leftmessage button, button#tablenote1 {
    background: #0078d4;
}

#rightmessage button, button#tablenote2 {
    background: #e81123;
}

button#tablenote1:disabled, button#tablenote2:disabled {
    background: #CCC;
}

span.SEtimestamp {
    margin-right: 10px;
}

.sourceedit {
    font-family: monospace;
}

span.SEtext {
    font-weight: bold;
}

td.SErowwas {
    white-space: pre;
    /* color: rgba(68, 68, 68, 0.72); */
    /* vertical-align: top; */
    border: 1px solid black;
    width: 250px;
    overflow: auto;
    display: inline-block;
    background: #CCC;
}

td.SErownow {
    /* white-space: pre; */
    /* color: rgba(68, 68, 68, 0.72); */
    /* vertical-align: top; */
    border: 1px solid black;
    width: 250px;
    overflow: auto;
    display: inline-block;
    background: white;
    /* position: relative; */
    margin-left: 10px;
}

.sourceedit td {
    vertical-align: top !important;
}

input[type="file"] {
    display: block;
}

#appTA input[type="file"] {
    margin-top: 1px;
    margin-left: 10px;
}

#appTA textarea {
    height: 140px !important;
}

div#appTA {
    /*height: 195px;*/
}

#appTA_Head {
    margin: 10px;
    border-top: dashed #555 2px;
    padding-top: 13px;
    border-bottom: 3px solid #888;
    padding-bottom: 13px;
}

#app_load_controls a {
    font-size: 13px;
    margin: 10px;
    white-space: nowrap;
}

div#app_load_controls {
    margin: 10px;
    min-height: 70px;
}

div#app_load_controls button {
    margin: 3px;
}

div#app_load_controls button:enabled {
    background: #0f9d58;
    color: white;
}

button#load_loadedNewArr_btn {
    margin-bottom: 10px;
    font-weight: bold;
}

button#load_loadedNewArr_btn:enabled {
    background-color: #0f9d58;
    color: white
}

button#app_load_cancel {
    font-size: 14px;
    position: absolute;
    display: block;
    bottom: 0px;
    right: 0px;
}

.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable {
    border: 1px solid #0f9d59;
    border-top: 5px solid #0f9d59;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: rgb(205, 232, 219);
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    background: #0f9d5A !important;
}
div#AppCkBoxes {
    display: block;
    position: absolute;
    top: 121px;
    left: 24px;
    /* white-space: nowrap; */
    width: 131px;
    font-size: 80%;
}

div#AppCkBoxes input[type=checkbox][disabled] + label {
    color: #999;
    white-space: nowrap;
}

/* 3 Panels in Data tab, reduce top/bottom padding */
#demo, #eofform, #tourB
{
    padding-top: 2px;
    padding-bottom: 2px;
}
div#tabs {

    padding: 2px;
    min-height: 800px;

}

.q {
    margin-top: 10px;
    font-weight: bold;
    font-style: italic;
}

.appquestions select {
    min-width: 100px;
}

#makeapps-Basics input[type="url"] {
    min-width: 700px;
}

button#app_load_nextstep {
    position: absolute;
    bottom: 0px;
    left: 27px;
}

.caption {
    font-size: 110%;
    font-weight: bold;
}

img#applogo {
    position: absolute;
    right: 9px;
    top: 9px;
    border: 1px #ccc solid;
    box-shadow: 5px 5px 6px #ccc;
    max-width: 138px;
    max-height: 138px;
}

div#tableinfo1, div#tableinfo2 {
    display: inline;
}

div.combosetup button.calc_butt_Stop:enabled {
    background-color: #e81123
}

button#app_load_confirmmanualchange {
    position: absolute;
    bottom: 0px;
    left: 174px;
}

div.combosetup {
    width: 98%;
    overflow: auto;
    height: 98%;
    border: none;
    /*background: transparent;*/
    background-color: rgba(213, 248, 255, 0.23);
    box-shadow: none;
}

input#fileApp {
    width: 100%;
}

select.monosmall {
    font-family: monospace;
    font-size: 12px;
}

.app {
    display: inline-block;
    width: 130px;
    height: 200px;
    padding: 10px;
    margin: 11px;
    border: 2px #0e6432 solid;
    vertical-align: bottom;
    position: relative;
    box-shadow: 5px 5px 8px #0e6432;
    background-color: aquamarine;
    cursor: pointer;
    transition: box-shadow .1s;
}

.app:hover {
    box-shadow: 12px 12px 20px black;
    border: black solid 2px;
}

.app_name {
    background: #0e6432;
    color: white;
    font-weight: bold;
    margin: -4px;
    padding: 5px;
    font-size: 12px;
    position: absolute;
    top: 5px;
    width: 86%;
}

.app_tags {
    bottom: 1px;
    color: black;
    /* text-shadow: 1px 1px 0px #FFF; */
    /* background: white; */
    margin: 0px;
    padding: 0px;
    font-size: 10px;
    left: 3px;
    width: 68px !important;
}

.app button, .app .app_tags {
    position: absolute;
    display: block;
    /* right: 7px; */
    /* width: 84px; */
    /* text-align: right; */
    text-overflow: ellipsis;
    /* max-height: 19px; */
    font-size: 10px;
    font-weight: bold;
    background-color: #0e6432;
    color: white;
}

button.run_Button {
    bottom: 2px;
    cursor: pointer;
    right: 2px;
}

button.Desc_Button {
    bottom: 25px;
}

#crushappstore div#footer {
    position: fixed;
    bottom: 2px;
    right: 2px;
    margin: 5px;
    background: white;
    font-size: 80%;
}

#crushappstore div#header {
    /*position: absolute;*/
    /*top: 3px;*/
    /*left: 0px;*/
    /* width: 50%; */
    display: block;
}

#crushappstore div#appsinstore {
    display: block;
    /*position: absolute;*/
    /*top: 19px;*/
    margin-bottom: 100px;
    width: 80%;
}

#details div#AppLogo img, #details_search div#AppLogo_search img {
    display: block;
    position: absolute;
    max-height: 100px;
    max-width: 100px;
    /* top: 80px; */
    left: 35px;
    border: 1px solid black;
}

#details div#AppImage img, #details_search div#AppImage_search img {
    display: block;
    position: absolute;
    /* top: 110px; */
    width: 100px;
    border: 1px solid black;
    top: 198px;
    left: 35px;
}

#details div#AppDescriptonContainer #details_search div#AppDescriptonContainer_search {
    min-height: 308px;
}

#details div#AppDescripton, #details_search div#AppDescripton_search {
    position: absolute;
    left: 163px;
    /* width: 63%; */
    margin-right: 63px;
}

#appAbout p, #appAbout_search p {
    margin-bottom: 4px;
    text-decoration: underline;
}

#details #appAbout textarea#appAbout_shareurl, #details_search #appAbout textarea#appAbout_shareurl_search {
    width: 80%;
    height: 88px;
    border: 1px dashed #DDD;
    box-shadow: 2px 2px 13px #CCC;
}

a#tab_appData2, a#tab_appData1, a#tab_appData2_search, a#tab_appData1_search {
    max-width: 90px;
    text-overflow: ellipsis;
    overflow: hidden;
    /* min-width: 90px; */
    white-space: normal;
}

table.table_preview td,
table.table_preview th {
    font-size: 80%;
}

table.table_preview td {
    white-space: nowrap;
    max-width: 100px;
    text-overflow: ellipsis;
    overflow: hidden;
}

li a.tab-share img {
    vertical-align: top;
    /* display: block; */
    width: 16px;
    display: inline;
    margin-left: 2px;
}

img#storeshare {
    position: absolute;
    display: block;
    top: 2px;
    right: 5px;
    cursor: pointer;
    height: 32px;
    width: 32px;
}

#crushappstore select#selecttags {
    cursor: pointer;
    min-width: 100px;
}

#crushappstore div#appsearch {
    display: block;
    top: 5px;
    right: 50px;
    position: absolute;
}

textarea#StoreShareTA {
    width: 400px;
    height: 200px;
}

#apps_tabs li a,
#details li a,
#details_search li a,
#tableft1 li a,
#tabright2 li a,
#wizard li a,
#apps li a {
    padding: 5px;
    margin: 0px;
    font-size: 90%;
}

.combosetup {
    min-height: 346px !important;
}

span.foundall {
    font-weight: bold;
    color: darkgreen;
    background-color: yellow;
}

#outdiv td.sumcol1header, #outdiv td.sumcol2header {
    text-align: right;
    padding-right: 10px;
}


.countdiffcol, .sumdiffcol {
    text-align: right !important;
}

td.sumdiffcol {
    font-weight: bold !important;
    border-left: 8px black solid !important;
}

.shortdesc {
    text-overflow: ellipsis;
    overflow: hidden;
    height: 149px;
    width: 134px;
    display: block;
    font-size: 22px;
    position: absolute;
    top: 39px;
    font-weight: bold;
}

div#checkboxhead {
    background-color: white;
    position: relative;
    height: 30px;
    color: #0f9d59;
}

#appsection_at_top {
    position: absolute;
    left: 0px;
    top: 0px;
}

img#applogohomepage {

    max-height: 33px;
    max-width: 145px;
    box-shadow: none;
    cursor: pointer;
    margin-right: 20px;
}

div#apptitlehomepage {
    /* font-weight: bold; */
    /* display: inline; */
    /* margin:0px; */
    /* padding:0px; */
    position: absolute;
    top: 0px;
    left: 150px;
    width: 313px;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 31px;
    display: block;
    line-height: 13px;
}

/*#apptitlehomepage button {*/
/*!* font-weight:bold; *!*/
/*color:white;*/
/*max-width: 651px;*/
/*font-size: 85%;*/
/*padding: 4px;*/
/*background-color:#358451;*/
/*cursor:pointer;*/
/*margin:0px;*/
/*}*/

#showfiltersdiv {
    display: block;
    overflow: hidden;
    position: absolute;
    right: 2px;
    color: #0f9d58;
    font-size: .8em;
    /*position:absolute;
       top:0;
       left:0;
       width:100px;*/
}

/*
a#tabcr {
	font-size:2px;
	width:   70px;
	height:35px;
	background-image: url("crush_compare_enabled.gif") ;
	background-repeat: no-repeat;
}*/

.sc_interactive_div {
    border: none !important;
    background-color: transparent !important;
    box-shadow: none !important;

}

.sc_interactive_div .ui-widget-header {
    border: none;
    border-bottom: 1px solid #ddd;
    background: none;
}

span.dimzero {
    color: #AAA;
}

.simpletableshort1, .simpletableshort2 {
    font-weight: bold;
    margin: 0px;
    padding: 4px;
    color: white;
    font-family: "Segoe UI Web (West European)",Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif; /*"Helvetica Neue", Helvetica, Arial, sans-serif;*/
    text-transform: uppercase;
}

.simpletableshort1 {
    background: #0078d4;
}

.simpletableshort2 {
    background: #e81123;
}

table.splitfield {
    margin-top: 20px;
    margin-bottom: 20px
}

::-webkit-scrollbar {
    height: 30px;
}

::-webkit-scrollbar-track {
    background-color: #eaeaea;
}

::-webkit-scrollbar-thumb {
    background-color: #ccc;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #0f9d59;
}

.appclass {
    border-radius: 30px;
    border-left: 8px black solid !important;
    border-right: 8px black solid !important;
    border-top: 30px black solid !important;
    border-bottom: 15px black solid !important;
    /*background: url(http://crush.site44.com/crushlogo100x100.gif) no-repeat top ;*/

}

#apps_tabs li a {
    padding: 3px;
    margin: 0px;
    font-size: 84%;
}

.appclass .ui-dialog-titlebar:hover {
    background: black;
    color: white;
}

th.keycol {
    /*max-width:100px;*/
    /*text-overflow: ellipsis;*/
}

table#sidebysideresults tfoot td {
    font-weight: bold;
    border-top: black 1px solid;
    cursor: default !important;
}

td.redlinecol, td.scorecol {
    cursor: pointer;
}

.obf-textareas {
    display: inline-block;
    margin-right: 52px;
}

p#obf2table ul {
    list-style-type: none;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}

span.obf_1 {
    width: 150px;
    text-overflow: ellipsis;
    display: inline-block;
    margin-right: 20px
}

input.obf_2 {
    width: 100px;
    color: darkgreen;
    padding: 3px;
}

p#obf2table {
    display: block;
    max-height: 200px;
    overflow: auto;
    /* margin: 77px; */
    margin-top: 10px;
    margin-bottom: 57px;
    border: 1px solid #BBB;
}

button#visualizeBtn {
    position: absolute;
    right: 14px;
    bottom: 30px;
}

button#graphBtn {
    display: block;
    position: absolute;
    right: 24px;
    top: 2px;
}

div#buttonsandgraph {
    display: block;
    /* height: 200px; */
    /* position: absolute; */
    position: relative;
    width: 100%;
    margin-top: 6px;
    margin-bottom: 6px;
}

#graphBtn {
    visibility: hidden;
}

span.spanfuzzycount {
    font-size: 80%;
    font-family: "Source Code Pro", "Consolas", "Monaco", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
}

.graphclass {
    background: #FFF;
}

span.negamt {
    color: #e81123;
}

div.graph_box {
    font-size: 80%;
}

#sidebysideresults th.Var1, th.Var2 {
    text-align: right;
    padding-right: 15px;
    width: 20px !important;
}

#sidebysideresults td.Var1, #sidebysideresults td.Var2 {
    text-align: right;
    padding-right: 15px;
}

#sidebysideresults td.Var1 {
    border-right: 3px solid #0078d4 !important;
}

#sidebysideresults td.Var2 {
    border-right: 3px solid #e81123 !important;
}

table#sidebysideresults {
    /* margin-top: 100px; */
    padding-top: 7px !important;
}

button.graphbutton {
    margin-left: 10px;
    margin-left: 10px;
    background-image: url("assets/histogram.gif");
    /* font-size: 0px; */
    height: 29px;
    width: 70px;
    font-size: 80%;
    font-weight: bold;
    /* vertical-align: top; */
}

th.headerSort.sorting {
    width: 75px !important;
}

.popupheader_red {
    background-color: #e81123 !important;
}

/*doesn't work at some point should be fixed*/

table.pair_Left th {
    border-top: #0078d4 solid 5px !important;
}

table.pair_Right th {
    border-top: #e81123 solid 5px !important;
}

table.pairtable {
    width: 100%
}

table.pairtable td {
    width: 50%
}

table.pairtable td table.pair_Left td,
table.pairtable td table.pair_Right td {
    width: 1%
}

td.col_split {
    padding-right: 20px;
    font-family: monospace;
    color: rgb(36, 39, 82);
    padding-bottom: 16px;
}

td.col_choice select {
    font-size: 90%;
    color: rgb(36, 39, 82);
}

/* View Mode: Show All Left/Right */
#showallkeyleftonly, #showallkeyrightonly {
    border-width: 2px;
    border-style: solid;
}

button#showallkeyleftonly {
    border-color: #0078d4 !important;
}

button#showallkeyrightonly {
    border-color: #e81123 !important;
}

button.oneoff {
    /*text-decoration: underline;*/
}

button.oneoff:hover {
    /*color: white;*/
    /*background-color: black;*/
    /*cursor: pointer;*/
}

button.oneoff.excluded {
    background-color: gray;
}


div#crushmessage {
    display: none;
    /*height: 100px;
	display: table-cell;*/
    /*background-color: rgb(255, 255, 0);
	color: rgb(0, 0, 0);*/
    vertical-align: middle;
    text-align: center;
    width: 800px;
    font-weight: bold;
    border: 0px #e81123 solid;
    height: 0px;
    margin: 0px;
    padding: 10px;
}

.Xheader, th.Xheader.headerSort.sorting_asc, th.Xheader.headerSort.sorting_desc {
    color: #e81123;
    color:black;
    width: 20px !important;
    text-align: center !important;
    font-size:1.2em;
}

td.Xheader button, button.Xheader, td.note button {
    width: 33px !important;
    margin-left: 3px;
    margin-right: 3px;
    background-color: #0f9d59;
    color: white;
    font-weight: bold;
    cursor: pointer;
    padding: 0px;
}

button.except_remove_item_button {
    background-color: #0f9d59;
    color: white;
}

button.except_remove_item_button:disabled {
    background-color: lightgray;
    color: black;
}

td.Xheader button:disabled, button.Xheader:disabled, td.note button:disabled {
    background-color: lightgray;
    color: #444;
}

td.Xheader button:hover {
    background-color: black;
}

div#exceptionstabs {
    border: 0px;
    box-shadow: none;
    /*font-size: 80%;*/
}

table#exceptions_pending_table {
    width: 100%;
    margin-top: 20px;

    border-spacing: 0px;
}

table#exceptions_pending_table td, table#exceptions_pending_table th {
    /* border: 1px #ccc solid; */
    padding: 6px;
    vertical-align: top;
    width: 50%;
}

button#exceptions_update_pending_btn {
    margin-top: 10px;
    margin-left: 10px;
}

textarea#exceptions_pending_description {
    display: block;
    width: 80%;
    height: 80px;
    margin: 10px;
}

table#exceptions_pending_table .crushpopupRight, table#exceptions_pending_table .crushpopupLeft {
    background-image: none !important;
}

button.movecombostoexception {
    margin-bottom: 10px;
}

a {
    color: #0078d4;
    text-decoration: underline;
}

div#exceptions_message {
    color: #0078d4;
    text-shadow: 2px 2px #CCC;
    margin-left: 11px;
}

/*RATING SYSTEM FOR STARS*/
.txt-center {
    text-align: center;
}

.hide {
    display: none;
}

.clear {
    float: none;
    clear: both;
}

.rating {
    width: 250px;
    unicode-bidi: bidi-override;
    direction: rtl;
    text-align: center;
    /* position: fixed; */
    font-size: 40px;
    /* left: 0px; */
    display: inline-flex;
}

.rating > label {
    float: right;
    display: inline;
    padding: 0;
    margin: 0;
    position: relative;
    width: 1.1em;
    cursor: pointer;
    color: #373131 !important;
}

.rating > label:hover,
.rating > label:hover ~ label,
.rating > input.radio-btn:checked ~ label {
    color: transparent;
}

.rating > label:hover:before,
.rating > label:hover ~ label:before,
.rating > input.radio-btn:checked ~ label:before,
.rating > input.radio-btn:checked ~ label:before {
    content: "\2605";
    position: absolute;
    left: 0;
    color: #FFD700;
}

th.exception_timestamp, /*th.exception_note,*/
td.exception_timestamp /*, td.exception_note*/
{
    /* max-width: 75px; */
    /* text-overflow: ellipsis; */
    /* display: block; */
    white-space: nowrap;
    overflow: hidden;
    font-size: 90%;
}

/*td.exception_note button, td.exception_timestamp {
	text-overflow: ellipsis;
	overflow: hidden;
	width: 80px; !* maybe should be 75 .. but should match max-width 75px above*!
	text-align: left;
}*/

td.exception_note span {
    white-space: nowrap;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    font-size: 90%;
}

td.exception_group span {
    font-weight: bold;
    color: darkblue;
    background-color: yellow;
}

td.exception_group span:hover {
    cursor: pointer;
    background-color: #e81123;
    color: yellow;
    text-decoration: underline;
}

td.exception_group {
    text-align: center;
}

button#exceptions_update_report_btn {
    /* margin: 10px; */
    font-size: 120%;
    margin-top: 10px;
    margin-bottom: 10px;
    /* position: absolute; */
    /* top: 68px; */
    /* right: 200px; */
    height: 35px !important;
    margin-bottom: 30px;
}

button#exceptions_clear_btn {
    font-size: 14px;
    background-color: #e81123 !important;
}

button#exceptions_move_btn {
    font-size: 110%;
    padding: 5px;
}

button.nearbutton {
    margin-right: 20px;
}

button.nearbutton:disabled {
    font-weight: normal;
    font-size: 90%;
    color: #FFF !important;
}

td.exception_note button {
    min-width: 41px;
    min-height: 19px;
    margin-left: 4px;
}

select#except_select_message {
    width: 100%;
}

/*
.rightclick:hover{background-color:black; color:white;
	 cursor:cell  }
*/

div#reclass_cols button, div#reclass_cols div {
    position: absolute;
}

div#reclass_cols button#reclass_cols_save_btn {
    top: 10px;
    left: 15px;
}

div#reclass_cols button#reclass_adjust_key_sum_btn {
    top: 40px;
    left: 200px;
}

div#reclass_cols button#reclass_cols_close_btn {
    top: 40px;
    left: 15px;
}

div#reclass_cols_1 {
    left: 41px;
    top: 70px;
}

div#reclass_cols_2 {
    left: 241px;
    top: 70px;
}

.ui-widget.ui-widget-content {
    border: 0px solid #c5c5c5;
}

ul.ui-tabs-nav.ui-helper-reset.ui-helper-clearfix.ui-widget-header.ui-corner-all {
    background-color: #FFF;
    border: 0px;
    margin-top: 00px; /*// 2018-12-17*/
    border-bottom: 0px solid #CCC;
}

input[type='checkbox']#fuzzycheckbox:hover,
input[type='checkbox']#togglehints:hover,
input[type='checkbox']#showfilters:hover,
#filters input[type='checkbox']:hover {
    cursor: pointer;
    box-shadow: 5px 5px 10px #C46B00;
}

label#labelfortogglehints:hover,
label#fuzzycheckboxlabel:hover,
label#labelforshowfilters:hover,
label#showshortcuts_checkbox_label:hover{
    cursor: pointer;
    /*text-shadow: 5px 5px 10px #C46B00;*/
}

/*Format mouseovers and readio buttons for filters*/
#filters input[type='radio'] {
    display: none;
}

#filters input[type="radio"] + label .fa-circle {
    display: none;
}

#filters input[type="radio"].radioleft:checked + label .fa-circle {
    display: block;
    color: #0078d4;
}

#filters input[type="radio"].radioright:checked + label .fa-circle {
    display: block;
    color: #e81123;
}

#filters input[type="radio"]:checked + label .fa-circle-o {
    display: none;
}

i.fa.fa-circle-o.fa-stack-1x:hover {
    color: #0f9d58;
    /* text-shadow: 5px 5px 10px #C46B00; */
    /* font-weight: bold; */
    cursor: pointer;
    background-color: yellow;
}

span.fa-stack {
    height: 1.5em;
}

#filters input[type="radio"].radioleft.ignore:checked + label .fa-circle,
#filters input[type="radio"].radioright.ignore:checked + label .fa-circle {
    opacity: .2;
}

#filters input[type="radio"].radioleft.reg:checked + label .fa-circle,
#filters input[type="radio"].radioright.reg:checked + label .fa-circle {
    opacity: .5;
}

#filters input[type="radio"].radioleft.key:checked + label .fa-circle,
#filters input[type="radio"].radioright.key:checked + label .fa-circle {
    opacity: 1;
    color: purple;
}

th.hiddenfield span:hover, th.regularfield span:hover {
    text-decoration: underline;
    cursor: pointer;
    color: darkblue;
    background-color: yellow;
}

#reclass_cols p {
    text-decoration: underline;
    font-weight: bold;
}

div#errormessage {
    display: inline;
    background-color: yellow;
    margin: 10px;
}

#tabhelpcontent td.headerrow {
    vertical-align: center;
    height: 37px;
    vertical-align: bottom;
    border-bottom: 3px black solid;
    font-weight: bold;
}

#tabhelpcontent td {
    border-bottom: 1px rgba(128, 128, 128, 0.45) solid;
    vertical-align: top;
}

#tabhelpcontent th {
    text-align: left;
    padding-right: 20px;
}

#tabhelpcontent a {
    text-decoration: underline;
    cursor: pointer;
}

#tabhelpcontent a:hover {
    background-color: yellow;
}

span.keyboardshortnote {
    padding-top: 9px;
    display: block;
    font-style: italic;
    display: inline;
    padding-bottom: 9px;
    margin-bottom: 10px;
    vertical-align: super;
}

.dt-buttons {
    margin-top: 10px;
    margin-bottom: 5px;
}

button#exceptions_load_report_local_storage_btn {
    position: absolute;
    top: 50px;
    width: 197px;
    padding: 30px;
    /* margin: 30px; */
    left: 300px;
}
.ui-front {
    z-index: 00;
}

.ui-widget, .ui-widget input, .ui-widget select, .ui-widget button {
    font-family: "Segoe UI Web (West European)",Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif !important; /*calibri !important;*/
}

.searchappsresults h1 {
    color: #0f9d58;
    font-size: 20px;
}

.combo_pair_section p {
    display: inline-flex;
}

.combo_pair_section button {
    margin: 5px;
    max-width: 200px;
    height: 30px;
    vertical-align: top;
}

.combo_pair_section .rating {
    font-size: 30px;
    width: 150px;
}

.combo_pair_section textarea {
    margin-left: px;
    height: 50px;
    width: 200px;
}

button.combo_pair_btn {
    margin-left: 30px;
    height: 60px;
    width: 128px
}

span.keyboardshortnote_combos {
    margin-left: 18px;
    width: 86px;
    text-align: right;
    margin-right: 5px;
    padding-right: 3px;
}

/*div#FileButtons button {
	margin:20px;
	height: 145px;
	width: 250px ;
	display:inline-flex;
	text-align:left;
	padding:20px;
	!*position:absolute;*!
	background-color:#0f9d58;
	color:white;
}*/
div#FileButtons button {
    /* margin:20px; */
    height: 145px;
    width: 250px;
    /* display: inline-flex; */
    text-align: right;
    /* padding:20px; */
    /* position:absolute; */
    background-color: #0f9d58;
    color: white;
    margin: 20px;
    padding-left: 20px;
    vertical-align: top;
}

/*div#FileButtons button:nth-child(1)  { 	left:000px; }
div#FileButtons button:nth-child(2)  { 	left:300px; }*/
/*div#FileDiv button:nth-child(3)  { 	top:315px; width:600px; height: 100px; left:000px; }*/
div#FileDiv i {
    margin-right: 15px;
}

div#FileDiv input#file-input + label {
    color:white;
    /* width:300px; */
    /* height:300px; */
    /*     background-color: red; */
    /*     font-size: 1.25em;
    font-weight: 700; */
    color: white;
    background-color: #0f9d58;
    display: inline-block;
    /* margin:20px; */
    height: 116px;
    width: 230px;
    /* display: inline-flex; */
    text-align: center;
    /* padding:20px; */
    /* position:absolute; */
    background-color: #0f9d58;
    color: white;
    margin: 20px;
    padding-left: 20px;
    /* vertical-align: -webkit-baseline-middle; */
    padding-top: 30px;
}

div#FileDiv input#file-input:focus + label,
div#FileDiv input#file-input + label:hover {
    background-color: black;
}

div#FileDiv input#file-input {
    /*position: absolute;*/
    /*top: 345px;*/
    /*width: 600px;*/
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

#FileDiv label#file_confirm_open_label {
    display:none;
    position: absolute;
    top: 305px;
    white-space: nowrap;
}

#FileDiv div#file_results {
    top: 373px;
    position: absolute;
    background-color: yellow;
    font-weight: bold;

}

select#exceptions_report_select_group {
    /* position: absolute; */
    /* top: 137px; */
    /* right: 200px; */
    width: 412px;
    height: 61px;
    white-space: normal;
    margin-bottom: 30px;
    clear: left;
    display: block;
}

div#exceptions_report_select_group_message {
    /* position: absolute; */
    /* right: 200px; */
    /* top: 115px; */
    margin-bottom: 3px;
}

#crushmessage button {
    /* position: absolute; */
    /* top: 0px; */
    /* left: 0px; */
    display: block;
    /* position: relative; */
    /* top: 0px; */
    /* margin: -16px; */
    text-align: right;
    margin-left: 782px;
    margin-top: -66px;
    background-color: #0f9d58;
    color: white;
    cursor: pointer;
    padding: 3px;
}

table#exceptions_pending_table_snapshot {
    width: 100%;
}

table#exceptions_pending_table_snapshot th, table#exceptions_pending_table_snapshot td {
    text-align: right;
}

#exceptions_pending_content_inputs_popout_container
button#exceptions_pending_content_inputs_pop_in_Btn,
#exceptions_pending_content_inputs_popout_container
table#exceptions_pending_table_snapshot,
#exceptions_pending_content_inputs_popout_container
button#exceptions_pending_content_inputs_pop_in_See_All_Btn {
    display: none;
}

table#exceptions_pending_table_snapshot {
    margin-top: 10px;
    visibility: hidden;
}

button#exceptions_pending_content_inputs_pop_in_Btn {
    font-size: 90%;
}

button#exceptions_pending_content_inputs_pop_in_See_All_Btn {
    right: 64px;
    position: absolute;
    font-size: 90%;
}

button#exceptions_pending_content_inputs_pop_in_See_Final_Btn {
    right: 0px;
    position: absolute;
    font-size: 90%;
}

div#lefttrigger, div#righttrigger, div#toptrigger {
    height: 200px;
    width: 10px;
    background-color: #0f9d58;
    position: fixed;
    top: 400px;
    z-index: 1;
}

div#lefttrigger {
    left: 0px;
    display:none;
}

div#righttrigger {
    right: 0px;
}

div#toptrigger {
    top: 0px;
    height: 5px;
    width: 200px;
    left: 40%;
    visibility: hidden;
}

div#reclass_cols2_1 {
    position: absolute;
    top: 120px;;
}

div#reclass_cols2_2 {
    position: absolute;
    top: 120px;
    left: 600px;
}

#columns a {
    text-decoration: none;
    cursor: help;
}

div#reclass_cols2_1 table, div#reclass_cols2_2 table {
    border-spacing: 0px;
}

div#reclass_cols2_1 th, div#reclass_cols2_2 th {
    height: 33px;
    transform: rotate(-45deg);
    text-align: left;
}

button#reclass2_show_all {
    display: inline;
}

button#reclass2_show_sort {
    display: inline;
}

div#reclass_cols2_1 td, div#reclass_cols2_1 th,
div#reclass_cols2_2 td, div#reclass_cols2_2 th {
    padding-right: 4px !important;
    /*min-width: 28px;*/ /*2018-12-12*/
    min-width: 40px;/*2018-12-12*/
    /*padding-bottom: 2px;*/ /*2018-12-12*/

}

div#reclass_cols2_1 th,
div#reclass_cols2_2 th {
    padding-bottom: 5px;
    vertical-align: middle; /*2018-12-12*/
    height: 80px!important; /*2018-12-12*/
    text-align: right;
    white-space: normal;
    /*min-width: 60px;*/
    width: 70px;
}
/*
#columns td.makecol_fieldname {
	font-family: monospace;
	font-size: 120%;
	font-weight: bold;
}
*/

#columns td span.makecol_fieldname {
    font-family: monospace;
    font-size: 120%;
    font-weight: bold;
    max-width: 217px;
    /* height: 10px; */
    display: block;
    text-overflow: ellipsis;
    /* background: yellow; */
    white-space: nowrap;
    overflow: hidden;
}

#columns td.key,
#columns td.sum,
#columns td.reg,
#columns td.ignore {
    text-align: center
}

#crushlogo {
    display: none;
    font-weight: bold;
    font-size: 150%;
    height: 48px;
}

#crushlogo img {
    position: absolute;
    /*margin: 4px 30px 0px 3px;*/
    left: 10px;
    top: 2px;
}

#crushlogo p {
    position: absolute;
    right: 5px;
    top: 1px;
    margin: 0px;
}

div#searchf2 p {
    font-weight: bold;
}


#searchf2_results table tr td {
    vertical-align: top;
    padding: 5px 0px 5px 0px;
    border-top: 1px gray dotted;
}

button#search_for_apps_btn,
button#build_app_btn,
button#go_to_set_up_wizard {
    background-color: #0f9d58;
    color: white;
    margin: 5px;
    padding: 5px;
}

#AI_div h1 {
    font-size:100%;
    /* padding: 0px; */
    /* margin: 0px; */
    margin-bottom: 0px;
}

span#datact1,
span#datact2 {
    font-size: 10.5px;
    padding-left: 3px;
    font-style: italic;
}

div#start_div_id button {
    background-Color: #0f9d5A;
    color: white;
    margin: 20px;
    padding: 10px;
    width: 200px;
    height: 300px;
    /* display:inline-block; */
    /* text-align: center; */
    vertical-align: top;
    /*padding-top: 75px;*/
    background-image: none;
}

div#start_div_id i {
    display: block;
    padding-bottom: 20px;
}

button#start_load_crush_brain {
    background-image: url("assets/brain_neurons_firing_150_clr_10714.gif");
    background-repeat: no-repeat;
    /* background-color: #0f9d59!important; */
    background-position-x: center;
    background-position-y: 51px;
    vertical-align: bottom !important;
    padding-top: 118px !important;
}

button#start_take_the_tour {
    background-image: url("assets/figure_riding_transportation_device_anim_13055.gif");
    background-repeat: no-repeat;
    /* background-color: #0f9d59!important; */
    background-position-x: center;
    background-position-y: 51px;
    vertical-align: bottom !important;
    padding-top: 118px !important;
}

button#start_get_a_demo {
    background-image: url("assets/stick_figure_help_button_9911.gif")!important;
    background-repeat: no-repeat;
    /* background-color: #0f9d59!important; */
    background-position-x: center;
    background-position-y: 51px;
    vertical-align: bottom !important;
    padding-top: 118px !important;
}
#start_div_id button {
    white-space: normal!important;
}
button#build_app_btn {
    /* background-image: url("assets/brain_neurons_firing_150_clr_10714.gif"); */
    /* background-repeat: no-repeat; */
    /* height: 145px; */
    /* background-position-x: center; */
    /* padding-top: 150px; */
    /* padding: 12px; */
    /* padding-top: 120px; */
}

button {
    cursor: pointer;
}

/*div#build_app {
    position: absolute;
    !* top: 0px; *!
    !* right: 0px; *!
    display: block;
    left: 600px;
}

div#app-Search {
    position: absolute;
}*/

/*#fuzzyDedupeTableWrapper {  // changed 2019-05-26
    display:block;
    float:left;
    width: 50% !important;
    overflow-scrolling: auto;
}*/
#fuzzyDedupeTable {
    width: 100%!important;
}
#fuzzyDedupeEdits {
    /* display: block; */
    float: right;
    width: 47%;
    background-color: rgb(205, 232, 219);
    /* height: 800px; */
    /* margin-left: 0px; */
    padding: inherit;
    display:none;
}


img.imagepopup {
    width: 150px;
    display: block;
    cursor: pointer;
}

button#start_reload {
    background-Color: #e81123 !important;
    height: 100px !important;
    width: 130px !important;
}

span.correspond {
    background: rgba(255, 255, 0, 0.33);
}

td.rowheader1 button {
    background-color: #0078d4 !important;
    color: white;
}

td.rowheader2 button {
    background-color: #e81123 !important;
    color: white;
}

button.row_1 {
    background: #0078d4;
    color: white;
}

button.row_2 {
    background: #e81123;
    color: white;
}

span.pluscount {
    color: #e81123;
    font-weight: bold;
    vertical-align: super;
    font-size: 73%;
}

span.spanroot {
    font-size: 80%;
    font-weight: bold;
}

#cb_domagic_table_section {
    position: absolute;
    left: 443px;
    top: 75px;
}

table#cb_domagic_table td {
    margin-top: 5px;
    min-width: 10px;
    padding-left: 3px;
    padding-right: 3px;
}

table#cb_domagic_table span,
div#reclass2_cols table span {
    cursor: help;
}

span.popupFR {
    font-size: 110%;
    color: #0f9d58;
    font-weight: bold;
}

label#stopfuzzylabel, #stopprogress {
    text-align: center;
    font-weight: bold;
    /*font-size: 20px;*/
    padding: 10px;
    display: block;
}

input#exceptions_move_and_crush_chkbox {

}

span.assign_headers {
    font-weight: bold;
    width: 150px;
    display: inline-block;
}

#assigncols_select p {
    margin: 2px;
}

button#assigncols_continue:enabled {
    background-color: #0f9d58;
    color: white;
}

button#assigncols_continue:disabled {
    background-color: #e81123;
    color: white;
}

div#assign_cols_index_wrapper th span {
    color: #e81123;
    font-size: 105%;
}

span.keyboard_sc_text {
    margin: 0px !important;
    padding: 0px;
    display: none;
}

/*
#tabhelpcontent0 label {
    text-align: right;
    display: block;
    font-weight: bold;
}
*/

#reclass2_cols a.colcodes {
    visibility: hidden;
}

a.video {
    text-decoration: underline !important;
    cursor: auto !important;
}

div#programmatic_help {
    background-color: yellow;
    font-size: 120%;
}

i.setuphelp {
    cursor: help;
    color: #0f9d58;
    /*font-size: 1em;*/
    margin-left: 4px;
    margin-right: 4px;
}

button#exceptions_update_report_del_btn,
button#exceptions_update_report_group_visual_btn,
button#exceptions_update_report_run_del_btn {
    /* position: absolute; */
    /* top: 135px; */
    /* right: 55px; *//*
    height: 62px;
    width: 131px;*/
    text-align: left;
    font-size: 90%;
    /* display: block; */
    /* clear: left; */
    float: left;
}

td.group_keys {
    max-width: 300px;
    max-height: 100px;
    display: block;
    overflow: auto;
    font-size: 75%;
}

td.group_stars, th.group_stars {
    white-space: nowrap;
    font-size: 75%;
}

td.group_timestamp, th.group_timestamp {
    font-size: 75%;
}

th.group_number {
    font-size: 75%;
}

/*button#exceptions_update_report_run_del_btn {
    !* position: absolute; *!
    !* top: 200px; *!
    !* right: 55px; *!
    !* display: table-cell; *!
    height: 62px;
    width: 131px;
    text-align: left;
    font-size: 90%;
    display: block;
    float: left;
}*/

button#exceptions_update_report_run_del_btn:enabled {
    background-color: #e81123 !important;
}

textarea#except_edit_message_textarea {
    width: 100%;
    height: 160px;
}

td.group_note button {
    font-size: 65%;
    margin: 1px;
    padding: 0px;
    padding-left: 5px;
    padding-right: 4px;
}


ul#fields_sortable_2, ul#amounts_sortable_2,
ul#redline_field_1_all,
ul#redline_field_2_all,
ul#redline_field_1,
ul#redline_field_2
{
    min-height: 30px;
    background-color: #EEE;
    min-width: 30px;
}
table#redline_table    {width:100%;}
table#redline_table th   {width:25%}
table#redline_table td   {width:25%;vertical-align: top;padding:5px;margin: -5px;}
ul#redline_field_1,ul#redline_field_2 {color:darkred;}
table#redline_table th:nth-child(2),table#redline_table th:nth-child(4) {
    color:darkred;
}
#redline_table ul {
    padding-left: 10px;
}
table#redline_table li {
    cursor:move;
    list-style:none;
    /* padding: 0px; */
    /* margin: 0px; */
    /* display: inline!important; */
}
table#redline_table li:hover {
    background-color:yellow;
}
button#redline_reset_btn {margin-bottom:10px;}

table#exceptions_report_errors_sortable_fields, table#exceptions_report_errors_sortable_amounts {
    border-spacing: 5px;
}

table#exceptions_report_errors_sortable_fields th, table#exceptions_report_errors_sortable_amounts th {
    text-align: left;
    min-width: 300px;
    text-decoration: underline;
}

table#exceptions_report_errors_sortable_fields td, table#exceptions_report_errors_sortable_amounts td {
    vertical-align: top;
}

table#exceptions_report_errors_sortable_fields li, table#exceptions_report_errors_sortable_amounts li {
    cursor: move;
    list-style: none;
    margin-top: 2px;
    padding-left: 12px;
}

table#exceptions_report_errors_sortable_fields li:hover, table#exceptions_report_errors_sortable_amounts li:hover {
    background-color: yellow;
}

table#exceptions_report_errors_sortable_fields ul, table#exceptions_report_errors_sortable_amounts ul {
    max-height: 200px;
    overflow: auto;
    margin: 0px;
    padding: 0px;
    min-height: 40px;
    border: 1px dotted #888
}

li.errors_keys_1, li.errors_keys_2 {
    font-weight: bold;
    text-transform: uppercase;
    /* 	text-decoration:underline; */
    font-style: italic;
}

li.errors_keys_1:before, li.errors_keys_2:before {
    content: "\f084 ";
    font-family: FontAwesome;
}

li.errors_sums_1, li.errors_sums_2 {
    font-weight: bold;
    color: #0f9d58;
    text-transform: uppercase;
}

li.errors_sums_1:before, li.errors_sums_2:before {
    content: "\f1ec ";
    font-family: FontAwesome;
}

li.errors_regs_1, li.errors_regs_2 {
    font-weight: normal;
    text-transform: lowercase;
}

li.errors_hidden_1, li.errors_hidden_2 {
    color: #444;
    text-transform: lowercase;
    font-size: 90%
}

li.errors_keys_1, li.errors_sums_1, li.errors_regs_1, li.errors_hidden_1 {
    border-left: solid 8px #0078d4;
}

li.errors_keys_2, li.errors_sums_2, li.errors_regs_2, li.errors_hidden_2 {
    border-left: solid 8px #e81123;
}

table#exceptions_report_errors_sortable_amounts li {
    width: 100px;
    margin-left: auto;
    margin-right: auto;
    text-align: right;
}

table#exceptions_report_errors_sortable_amounts td {
    text-align: center;
}

span.error_report_header_row {
    font-weight: bold;
    font-size: 105%;
    max-width: 110%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    padding-right: 4px;
}

td.error_report_row1 button {
    background-color: #0078d4 !important;
}

td.error_report_row2 button {
    background-color: #e81123 !important;
}

td.errors_sums_1, td.errors_sums_2 {

    background-color: #EFE !important;
    text-align: right;
}

td.errors_keys_1 {

    background-color: #EEF !important;

}

td.errors_keys_2 {

    background-color: #FEE !important;

}

th.errors_keys_1:before, th.errors_keys_2:before {
    content: "\f084 ";
    font-family: FontAwesome;

}

th.errors_sums_1:before, th.errors_sums_2:before {
    content: "\f1ec ";
    font-family: FontAwesome;

}

table#exceptions_report_errors_sortable_fields {
    position: absolute;
}

table#exceptions_report_errors_sortable_amounts {
    position: absolute;
    left: 750px;
}

div#exceptions_report_table_errors_wrapper_index_html {
    position: absolute;
    top: 360px;
    width: 97%;
}

div#exceptions_report_checkboxes_section {
    display: table-cell;
    padding-left: 100px;
}

div#exceptions_report_select_conrol_section {
    display: table-cell;
}

#exceptions_report_checkboxes li {
    /* list-style: none; */
    /* margin: 0px; */
    /* padding: 0px; */
    /* cursor: pointer; */
    /* background-color: yellow; */
    /* margin-top: 10px; */
    display: inline-table;
    /* float: left; */
    width: 275px; /*2019-03-03*/
}

div#exceptions_report_checkboxes {
    height: 164px;
    width: 600px;
    margin-top: 10px;
}

#exceptions_report_checkboxes ul {
    margin: 0;
    padding: 0;
}

table#balances_input_table input {
    text-align: right;
    margin: 4px;
}

table#exceptions_statement_table {
    /* width: max-content !important; */
    width: min-content;
}

table#exceptions_statement_table {
    /* width: max-content !important; */
    width: min-content;
    float: left;
}

table#exceptions_statement_table td {
    /* width: max-content !important; */
    white-space: nowrap;
    padding-right: 10px;

    min-width: 30px;
}

table#exceptions_report_table_by_key_table td, table#exceptions_report_table_by_key_cleanup_table td {
    white-space: nowrap;
}

table#exceptions_report_table_by_key_table, table#exceptions_report_table_by_key_cleanup_table {
    width: min-content !important;
    padding-right: 4px;
}

span.except_show_dashboard_style_2 {
    font-weight: bold;
    text-decoration: underline;
}

span.except_show_dashboard_style_1 {
    font-weight: bold;
    text-decoration: underline;
}

span.except_show_dashboard_style_difference {
    font-weight: bold;
}

span.except_show_dashboard_style_subtotal {
    font-weight: bold;
    border-top: 1px solid black;
}

span.except_show_dashboard_style_not_yet_crushed {
    font-weight: bold;
    border-top: 1px solid black;
    background-color: yellow;
}

span.except_show_dashboard_style_grand_total {
    font-weight: bold;
    border-top: 1px solid black;

}

span.except_show_dashboard_style_difference {
    font-weight: bold;
    border-top: 1px solid black;
    background-color: yellow;
}

/*.dataTables_wrapper .dataTables_filter {
    margin-left: 30px;
    padding-left: 4px;
    display: block;
    float: left;
    font-weight: bold;
}*/

.dataTables_wrapper .dataTables_filter {
    /* margin-left: 30px; */
    /* padding-left: 4px; */
    display: block;
    /* float: left; */
    /* font-weight: bold; */
    position: absolute;
    top: 3px;
    right: 3px;
    font-size: 75%;
}

.dataTables_wrapper .dataTables_filter input {
    /*background-color: rgba(255, 255, 0, 0.31);*/
    background-color: white;
}

.dataTables_wrapper .dataTables_filter input:hover {
    background-color: transparent;
}

.dataTables_wrapper .dataTables_paginate {
    float: left;
    text-align: right;
    padding-top: 0.25em;
    margin-left: 40px;
}

a.paginate_button.current {
    /* margin: 0px!important; */
    /* padding: 5px!important; */
    padding: 0 10px 0 10px !important;
    font-weight: bold;
}

a.paginate_button {
    /* margin: 0px!important; */
    /* padding: 0px!important; */
    font-weight: bold;
    /* padding: 0 0 0 0!important; */
    padding-left: 5px !important;
    padding-right: 5px !important;
}


button#power_btn, button#settings_btn, button#api_btn, #focus_btn, #invokeReportView_btn, #MergeAllView_btn {
    background: #0f9d59 !important;
    color: #ffffff!important;
    font-size: 13px;
    float: left;
    height: 34px;
    margin-left: 5px;
    padding: 6px;
    padding-top: 1px;
    padding-bottom: 1px;
    background-image: none !important;
}

button#power_btn:disabled {
    background: #CCC!important;
    color: black!important;
    cursor: no-drop
}

table#myTable1 tbody td, table#myTable2 tbody td {
    border-left: 1px #666 solid;
    /*border-right: 1px #666 solid;*/
}

table#myTable1, table#myTable2 {
    border: black 2px solid;
}

table#myTable1 tfoot td, table#myTable2 tfoot td {
    border-top: black 1px solid;
}

table#big_dispfulltable2 {
    width: 100%;
}

table#big_dispfulltable2 td {
    padding: 15px;
}

table#myTable1 td, table#myTable2 td {
    padding: 2px
}

div.simpletableshort1, div.simpletableshort2 {
    margin-bottom: 5px;
}

table#myTable1 td.sorting_1, table#myTable1 th.rownumber {
    width: 30px !important;
}

table#myTable1 th.note, table#myTable2 th.note {
    width: 10px !important;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

table#myTable1 th.headtype1, table#myTable2 th.headtype1 {
    padding-left: 20px;
}

table#sidebysideresults td span.und,
table#big_dispfulltable2 td.und {
    text-decoration: underline;
    cursor: pointer;
}

button#relateddata_close-other-popups_btn {
    /* float:right; */
    position: absolute;
    bottom: 3px;
    right: 3px;
}

#relateddata table th {
    padding: 5px;
    margin: 10px;
}

#relateddata table td {
    padding: 3px;
    padding-right: 10px;
}

#relateddata table td.recentlist {
    color: gray;
}

#relateddata table td:nth-child(2) {
    text-align: right;
    font-style: italic;
    font-size: 90%;
}

/*#relateddata table td:nth-child(1):hover {
	background-color:yellow;
	cursor:pointer;
	text-decoration:underline;
}*/

#selectsumcol label {
    display: block;
    padding: 10px;
}

#selectsumcol select {
    margin-right: 10px;
    padding: 5px;
    font-weight: bold;
}

#selectsumcol button {
    margin: 20px;
}

#selectsumcol label {
    display: block;
    padding: 10px;
    font-size: 150%
}

#selectsumcol select {
    margin-right: 10px;
    padding: 5px;
    font-weight: bold;
}

#selectsumcol button:nth-of-type(1) {
    margin: 20px;
    padding: 20px;
    font-size: 150%
}

#selectsumcol button:nth-of-type(2) {
    position: absolute !important;
    right: 0px !important;
    bottom: 0px !important;
    padding: 5px;
}

button#assignSumColsBtn {
    color: white;
    background-color: #0078d4;
    display: none;
}

button#assignSumColsBtn {
    opacity: 10%;
    background: url(bg-repeat.png);
    -webkit-animation: backgroundScroll 20s linear infinite;
    animation: backgroundScroll 20s linear infinite;
}

@-webkit-keyframes backgroundScroll {
    from {
        background-position: 0 0;
    }
    to {
        background-position: -400px 0;
    }
}

@keyframes backgroundScroll {
    from {
        background-position: 0 0;
    }
    to {
        background-position: -400px 0;
    }
}

li.ui-state-active {
    background-color: #0f9d59 !important;
}

ul#list_add_col {
    height: 110px;
    overflow-y: scroll;
    float: left;
    margin: 0px;
    /* padding: 0px; */
    margin-right: 16px;
}

ul#list_add_col li {
    width: 420px;
    /* overflow: hidden; */
    /* text-overflow: ellipsis; */
    white-space: normal;
    list-style-position: outside;
}

ul#list_add_col li:hover {
    background-color: yellow;
    cursor: pointer;
}

p#list_add_col_Header {
    margin: 10px 0px 2px 0px;
    font-weight: bold;
    text-decoration: underline;
}

textarea#list_add_col_examples {
    width: 300px;
    height: 30px;
    margin: 3px 0 10px 0;
    padding: 1px;
    display: block;
}

p#list_add_col_examples_label {
    margin: 0;
    padding: 0;
    font-weight: bold;
}

#crush_edits {
    display: none;
    background-color: rgba(255, 255, 0, 0.23);
}

crush_edits select {
    font-family: monospace !important;
}

table#crush_edits_table {
    border-spacing: 10px;
}

textarea#crush_edits_local_code {
    display: block;
    width: 100%;
    height: 49px;
    margin-top: 10px;
}

select#crush_edits_columns_type {
    display: block;
}

select#crush_edits_case_sensitive {
    display: block;
    clear: both;
}

select#crush_edits_type {
    margin-top: 10px;
    /*margin-bottom: 10px;*/
}

select#crush_edits_type {
    clear: both;
    display: block;
    float: left;
}

input#crush_edits_match_partial {
    display: block;
    float: left;
    margin: 10px;
}

/*select#crush_edits_columns_choose {
	clear: both;
	display: block;
}*/
select#crush_edits_and_or {
    display: block;
}

select#crush_edits_columns_type {
    display: block;
    float: none;
    clear: both;
}

#popuptextarea_wrapper {
    display: none;
    background-color: lightgoldenrodyellow;
}

textarea#popuptextarea_textarea {
    width: 100%;
    height: 80%;
}

span#crush_edits_table_thumbsup {
    color: #0f9d58;
    margin-left: 5px;
}

span#crush_edits_table_thumbsdown {
    color: #e81123;
    margin-left: 5px;
}

textarea#app-edits-textarea {
    height: 350px;
    width: 80%;
    display: none;
    margin: 10px;
    background-color: lightgoldenrodyellow;
}

label#apps-edits-checkbox-label {
    margin-left: 20px;
}

a#apps-edits-download-template {
    margin-left: 20px;
}

#relateddata-table .ui-selecting td:nth-child(1) {
    background: gold;
}

#relateddata-table .ui-selected td:nth-child(1) {
    background: gold;
}

#relateddata-table td {
    padding: 10px;
    background: white;
    border: 0px solid black;
}

#relateddata-table .ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px solid #CCC;
    background: rgba(200, 200, 200, .5);
}

#relateddata_message {
    font-weight: bold;
}

#relateddata_control_edits {
    display: none;
}

table#relateddata-table tr td:hover {
    cursor: pointer
}

table.dataTable tbody tr:hover td {
    background-color: #e6e6e6 !important;  /* hover over line when selected */
}

table.dataTable tbody tr:hover td table.childtable tr td {
    background-color: #FFF!important;
}


button.group_button:enabled {
    background-color: #0f9d58 !important
}

span.signswarning {
    margin-left: 5px;
    color: #e81123;
    font-weight: bold;
    font-style: italic;
    background-color: yellow;
    white-space: nowrap;
}

#tab1-case-studies_div table {border-spacing: 3px;}
#tab1-case-studies_div table th {text-align:left;min-width:150px}
#tab1-case-studies_div table thead tr {background-color:rgba(0,0,0,0.12)}

td.scroll {
    display: block;
    font-weight: normal;
    display: inline-block;
    max-width: 100px;
    min-height:20px;
    white-space: nowrap;
    overflow: auto;
    margin:2px;
    padding:2px;
    /* font-size:75%; */
}

span.reportheader{
    background-color: orange!important;
    display: block;
    font-weight: normal;
    display: inline-block;
    max-width: 100px;
    min-width:50px;
    min-height:20px;
    white-space: nowrap;
    overflow: auto;
    margin:2px;
    padding:2px;
    font-size:75%;
    font-weight:bold;
    /* overscroll-behavior: unset; */
}
::-webkit-scrollbar {
    height: 8px;
}
::-webkit-scrollbar-track {
    background-color: white;
    border:#0f9d59 1px solid;
}

::-webkit-scrollbar-thumb {
    background-color: #0f9d59;
    border:#0f9d59 1px solid;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #0f9d59;
    border:#0f9d59 1px solid;
}
span.reportheader.header2 {
    background-color:#e81123 !important;
    color:white;
    text-align:right;
}
span.reportheader.header1 {
    background-color:#0078d4 !important;
    color:white;
    text-align:right;}


th.visual_1, th.visual_2,
th.visual_1_created, th.visual_2_created {
    width: 80px!important;
    color: white;
    text-align: center!important;
}

th.visual_1_created { /*background-color: #0000ff87;*/ }
th.visual_2_created { /*background-color: #ff00008f;*/ }

th.visual_1_created { background-color: black}
th.visual_2_created { background-color: black}

th.visual_1 { background-color: #0078d4; }
th.visual_2 { background-color: #e81123; }

td.visual_1, td.visual_2,
td.visual_1_created, td.visual_2_created  {
    text-align: center;
    font-weight: bold;
}
p#list_add_col_examples_Description {
    display: inline;
    white-space: normal;
}

input#exceptions_update_report_hide_delete_check {
    margin-left: 51px;
}

td.Xheader button.updatePs_groups {
    background: white;
    color: black;
    font-weight: normal;
}

button#cb_delete_results_final {
    background-color: #e81123!important;
}
button#cb_delete_results_final:disabled {
    background-color: gray!important;
    color:white;
}

#power_crush button {padding:7px}

#power_crush_examples li {
    color: #0078d4;
    text-decoration: underline;
    cursor: pointer;
}
#power_crush_examples li:hover {
    background-color:yellow;
}

table#power_crush_results_fee_table th {
    width: 20%;
}

table#power_crush_results_fee_table td {
    text-align: center;
}

table#power_crush_results_fee_table {
    width: 100%;
    padding: 0px;
    border: 3px solid darkgreen;
    margin-bottom: 30px;
    background-color: lightgreen
}

table#power_crush_results_fee_table th,
table#power_crush_results_fee_table td {
    border: none;
    border-right: white solid 5px;
}

table#power_crush_results_fee_table th:last-child,
table#power_crush_results_fee_table td:last-child {
    border-right: none;
}

#power_crush_pay_paypal {
    display: none;
    background-color: yellow;
    /* z-index: -1; */
    margin: 20px;
    width: 250px;
    border: 5px black solid;
    padding: 20px;
}

div#power_crush_pay_paypal_amount_div {
    padding-bottom: 20px;
    font-weight: bold;
}

th#power_crush_results_fee_table_pay {
    color: #0078d4;
    text-decoration: underline;
    cursor: pointer;
}
th#power_crush_results_fee_table_pay:hover {
    background-color: yellow;
}

#power_crush {
    display: block;
    background-color: white;
    height: 43px;
    padding: 8px;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
}

.yelow_brick_border {
    /*border-width: 5px solid yellow;*/
    border-image: url('yellowbrick.jpg') !important;
    border-image-slice: 10% !important;
}

#power_crush_table_help p, #power_crush_share p {
    font-weight: bold!important;
}

.yellowbrick {
    background-image: url('yellowbrick.jpg');
}

div#power_crush_table td {width:50%}

td.matchcol {color:#0f9d58; font-weight: bold;}

button.rownum_1 {
    background-color: #0078d4 !important;
    color:white;
}
button.rownum_2 {
    background-color: #e81123 !important;
    color:white;
    color:white;
}

#custom-handle {
    width: 3em;
    height: 1.6em;
    top: 50%;
    margin-top: -.8em;
    text-align: center;
    line-height: 1.6em;
}

#fuzzy_more_control_invoke_btn:hover {
    background-color: yellow;
    cursor: pointer;
}
#fuzzy_more_control_invoke_btn {
    text-decoration: underline;
    color:darkblue;
}


.crushpopFuzzy button {
    margin-right: 20px;
}

span.hidespan {
    display: none
}


div#ctrl_popup_div_1, div#ctrl_popup_div_2 {
    width: 50%!important;
    display:table-cell;
    padding:5px;
    position:relative;
    vertical-align: top;
}


/*#collapseTextArea {
    position: absolute;
    right: 0px;
    !* top: 0px; *!
    !* margin-top: -30px; *!
    display: block;
    width: 65px;
    white-space: normal;
    height: 40px;
    text-align: right;
    !*background-color: antiquewhite;*!
    padding-left: 4px;
    top: 16px;
}*/

.collapseTextArea {
    position: relative;
    right: 0px;
    /* top: 0px; */
    margin-top: -16px;
    /* display: inline-block; */
    /* height: 20px!important; */
    /* width: 65px; */
    /* white-space: normal; */
    /* height: 40px; */
    /* text-align: right; */
    /*background-color: antiquewhite;*/
    /* padding-left: 4px; */
    /* top: 16px; */
    /* display: inline-block; */
    /* top: 0px; */
    /* display: inline; */
    /* padding-left: 5px; */
    /* margin-left: 20px; */
    /* right: -39px; */
    /* top: 0px; */
    /* background: aqua; */
    /* position: relative; */
    /* top: 0px; */
    /* position: absolute; */
    /* margin: 0px; */
    /* padding: 0px; */
    /* max-height: 20px!important; */
    float: right;
    /* white-space: nowrap; */
}

#showfiltersdiv span#invokeNavByText:hover, #showfiltersdiv #invokeNavByText span:hover {
    background-color: white
}


input#searchf2_query:focus {
    /*background-color: yellow;*/
    /*box-shadow: none!important;*/
}

#showfiltersdiv input#searchf2_query, #crush_file_controls, input#environmentNameID {

    /*border: solid 0px #0f9d58;*/
    color: #0f9d58;
    box-shadow: none!important;
    margin-left: 0px;
    width: 75px;
    display: inline-block;
    border:0px  !important;
    outline:none;
    padding: 2px;
    /* margin: 0px; */
    font-size: 1em;
    /*height: 21px;*/
    border: 1px dotted #0f9d58 !important;
}
#showfiltersdiv input#searchf2_query:hover, #crush_file_controls:hover {
    background-color: #0f9d58;
    color: white;
    cursor: pointer;
}

button#load_help_button {
    width: 93%;
    height: 20px;
    /* font-size: 10px; */
    padding: 0;
    margin: 0px;
    text-align: left;
    padding-left: 3px;
}
span.tablenametext {
    /* display: inline-block; */
    /* width: 60px; */
    /* height: 3px; */
    /* white-space: normal; */
    /* text-align: right; */
    padding-right: 2px;
    /* line-height: 10px; */
    /* margin-top: 0px; */
    padding-left: 4px;
}
label#showreporttoo_label, label#fuzzycheckboxlabel {
    display: inline-block;
    height: 31px;
    line-height: 16px;
    width: 116px;
    white-space: normal;
    /*background-color: antiquewhite;*/
    color: white;
    padding-top: 2px;
    background-color: #0f9d58;
    border-radius: 3px;
    padding: 3px;
    font-size: 12px;
    text-align: left;
}

.report_rows {
    display: inline-block;
    font-size: 17px;
}

/*TOGGLE SWITCH*/

.switch {
    position: relative; /*relative 2018-12-24*/
    /* display: block; */
    width: 30px;
    height: 16px;
    /* right: 4px; */
    display: inline-block;
    /* float: right; */
    /* top: 0px; */
    vertical-align: top;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
    /* display: inline; */
    /* float: right; */
}

.slider:before {
    position: absolute;
    content: "";
    height: 10px;
    width: 9px;
    left: 4px;
    bottom: 3px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}


input:checked + .slider {
    background-color: #0f9d58;
    border:1px solid white;
}

input:focus + .slider {
    /*box-shadow: 0 0 1px #0f9d58;*/
}

input:checked + .slider:before {
    -webkit-transform: translateX(13px);
    -ms-transform: translateX(13px);
    transform: translateX(13px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 9px;
}

.slider.round:before {
    border-radius: 50%;
}

span#showfiltersdiv_toggle {
    font-weight: bold;
    padding-right: 0px;
}


#buttons label.switch {
    right: 4px;
    top: 4px;
    position: absolute;
}

form#eofform, form#demo, #tourB {
    border: 3px solid #0f9d58;
    border-radius: 7px;
    margin-top: 15px;
    padding:5px;
    position: relative;
    border-bottom: 1px solid #0f9d58;
    border-bottom-right-radius: 8px;
    border-bottom-style: hidden;
    border-top-width: 6px;
    padding-left: 4px;
    padding-right: 0px;
}

textarea#TextAreaA, textarea#TextAreaB {
    border-width: 1px!important;
}

label#collapseTextArea_checkbox_label, #collapseTextArea br  {
    display: none;
}

textarea#TextAreaA, textarea#TextAreaB {
    color: black;
}

span.table_label {
    padding-left: 4px;
}

div.home-group-label {
    /* display: inline-block!important; */
    position: absolute;
    left: 18px;
    /* margin-bottom: 30px; */
    /* padding-bottom: 30px; */
    top: -19px;
    background: white;
    padding-left: 10px;
    padding-right: 10px;
    border: 3px #0f9d58 solid;
    border-radius: 3px;
    color: #0f9d58;
    font-size: 12px; /*2019-03-03*/
    font-weight: bold;
    min-width: 76px;
    /* text-align: center; */
    /* width: 500px; */
    /* text-align: left; */
    /* max-height: 20px; */
    padding-top: 1px;
    /* white-space: nowrap; */
}

span#filter_search_shortcut, span#fuzzy_fz_shortcut {
    display: none;
}

span#filter_search {
    color: #0f9d58;
    font-weight: normal;
}

span.top_break {
    font-weight: bold;
    margin: 0px 2px 00px 2px;
}

span.top_show {
    font-style: italic;
}

span#filefunc_results{display:none}
#FileDiv{display:none}

#unlock1, #unlock2, #lock1, #lock2 {font-size: 1.5em; padding-right:1px; cursor: pointer}
#lock1, #lock2 {display:none}
#unlock1, #unlock2 {display:none}  /*crushvars.use_dlock*/

textarea#TextAreaA:disabled,
input#file_A:disabled,
input#file_B:disabled,
textarea#TextAreaB:disabled {
    background-color: #BBB!important;
    background-image:none;
}
form#demo {
    width: 90%;
    /* align-self: center; */
    /* -webkit-box-align: center; */
    display: inline-block;
    /* text-align: center; */
    text-align: left;
}

div#tourA {
    text-align: center;
}

div#tourB {
    display: inline-block;
    width: 99%;
}

div#tabs-1 {
    text-align: center;
}
form#eofform{
    display:inline-block;
    width:95%;
}

/* View tab-like buttons for View modes for Data results */
/* TODO: Remove table use for #buttons and add & use class .viewModeTabs and rename to #dataViewModeTabs. Always place space before !important.  */
#buttons button {
    max-width:115px!important;
    /*whitespace:normal!important;*/
    white-space: normal!important;
    text-align:center!important;
    margin:0px!important;
    padding: 6px 4px !important;
    background-image: none !important;
    background-color: #0f9d5A !important;
}

#buttons td {
    padding: 0px;
}

tbody td.details-control {
    background: url('assets/details_open.png') no-repeat center center;
    cursor: pointer;
}
thead th.details-control {
    min-width: 15px!important;
}
tbody tr.shown td.details-control {
    background: url('assets/details_close.png') no-repeat center center;
}

table.childtable {
    width: 100%;
    padding-left: 40px;
}
table.childtable tr td {
    width: 50%;
    vertical-align:top;
}

table.childtable tr td {
    width: 50%;
    vertical-align:top;
}

table.childtable tr:hover td table tr td {
    background-color: white !important;
}
table.childtable tr td table tr td {
    border:1px #CCC solid;
    padding:0px!important;
}
table.childtable tr td table tr:hover td {
    background-color: #e6e6e6 !important; /// hovers over line
}
table.childtable tr td  {
    background-color: white !important;
    padding:10px;
}
table.childtable td {
    /*font-size: 16px !important;*/
}


td.details-control, th.details-control {
    /* margin-left: 30px; */
    /* padding-left: 30px; */
    width: 35px !important;
    text-align: left;
}

td.pophead1col_row {
    width: 30px!important;
}

#sidebysideresults td.rowheader1, #sidebysideresults th.rowheader1,
#sidebysideresults td.rowheader2, #sidebysideresults th.rowheader2 {
    font-size: 75%;
    width: 50px;
    font-weight: normal !important;
}

#sidebysideresults th.rowheader1, #sidebysideresults th.rowheader2 {
    white-space: wrap !important;
    /* overflow-x: auto; */
    /*width: 78% !important; 2019-04-01*/
}

/*#sidebysideresults td.rowheader1 button, #sidebysideresults td.rowheader2 button {/* 2019-01-24*/
/*font-size: 75%;*/
/*width: 60px;*/
/*text-overflow: ellipsis;*/
/*display: inline-block;*/
/*white-space: nowrap;*/
/*overflow: hidden;*/
/*}*/


#sidebysideresults td.rowheader1 button, #sidebysideresults td.rowheader2 button, td.pophead1col_row button { /* 2019-01-24*/
    font-size: 100%;
    width: 60px;
    text-overflow: ellipsis;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    border: none;
    background-color: white!important;
    color: black;
    text-align: left;
    text-decoration: underline;
}

#sidebysideresults td.rowheader1 button:hover, #sidebysideresults td.rowheader2 button:hover, td.pophead1col_row button:hover { /* 2019-01-24*/
    color: black !important;
    background-color: yellow !important;
}


span.diff1 {color: #0078d4}
span.diff2 {color: #e81123}

#exceptions_settings_content {
    position: relative;
}
span.product_name,span.edition_name {
    font-weight: bold;
    font-size: 90%
}
span.product_name:hover,span.edition_name:hover {
    text-decoration:underline;
}

td.Xheader button, button.Xheader, td.note button {
    /* width: 33px !important; */
    /* margin-left: 3px; */
    /* margin-right: 3px; */
    /* background-color: #0f9d59; */
    /* color: white; */
    /* font-weight: bold; */
    cursor: pointer;
    padding: 0px;
    background: none;
    color: black;
    border: 0px;
    margin: 0px;
    font-weight: normal;
    font-size: 1.5em;
}
td.Xheader button:hover, button.Xheader:hover, td.note button:hover {
    background-color:white!important;
    color:black!important;
    box-shadow: none!important;
}

#sidebysideresults tbody td.s-t:before {
    font-family: FontAwesome;
    content: "\f00e";
    margin-right: 2px;
    color: #0f9d58;
    cursor: pointer;
}

div.spreadsheet-table-popup table td {
    vertical-align: top;
    width: 50%;
}
div.spreadsheet-table-popup {
    font-size:90%;
}
div.spreadsheet-table-popup table td table td {
    vertical-align: top;
    width: 10px;
}

span#loadselect_warnings {
    margin-left: 10px;
    background: yellow;
    font-weight: bold;
}

.dataTables_wrapper {
    padding-top:17px;
}
.childtable .dataTables_wrapper {
    padding-top:0px;
}

span#demo_label, span#your-data-text {
    margin-right: 7px;
    /* display: inline-block; */
    /* float: left; */
}

label#showreporttoo_label, label#fuzzycheckboxlabel  {
    background-color: white;
    color: black;
    border: 1px solid black ;
}


td.Xheader button {  /*2019-03-03*/
    background-color: white!important;
    border:none!important;
    background-image:none!important;

}

#buttons button {/*2019-03-03*/
    color: white !important;
}

#buttons button:disabled { /*2019-03-03*/
    background-color: #33333378 !important;
    cursor: auto;
}

#starthere { /*2019-03-03*/
    color: white !important;
    font-weight: bold;
}


#tdTextAreaA, #tdTextAreaB { /*2019-03-03*/
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

#tdHeadA, #tdHeadB { /*2019-03-03*/
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

th#tdHeadA, th#tdHeadB { /*2019-03-03*/
    padding-bottom: 10px!important;
}

#eofform table { /*2019-03-03*/
    margin-top: 4px;
}


form#eofform table { /*2019-03-03*/
    border-spacing: 10px 0px;;
    border-collapse:separate;
}

table.dataTable tbody tr:hover td table.childtable tr td,  /*2019-02-08*/
table.dataTable tbody tr:hover td div.childtable ,
table.dataTable tbody tr:hover td div.childtable table td {
    background-color: #FFF!important;
}

button {
    background-image:none!important;
}


.childtable button {border:none!important}


.tourBReportView {
    background-color: rgb(255, 255, 255)!important;
    position: absolute!important;
    top: 0px!important;
    left: 0px!important;
    /* box-shadow: grey 10px 10px 5px; */
    opacity: 1!important;
    height: 100%!important;
    margin-top: -44px!important;
    border: none!important;
    width: 100%!important;
}

.triggerHide {
    display:none;!important;
}


button.run_Button {
    position: absolute!important;
    bottom: 2px;
    right: 2px;
    /* display: block; */
    background-color: white!important;
    /* text-align: right!important; */
    width: 59px;
    font-size: 8px;
    font-weight: bold;
    margin: 0px!important;
    padding: 0px!important;
    height: 27px;
    white-space: normal;
    border: 1px solid black;
}


input#environmentNameID {
    /*top: 0px;*/
    /*position: absolute;*/
    /*left: 81px;*/
    width: 184px;
}
.tdHead {
    display: block;
    white-space: nowrap;
    /*max-width: 300px;*/
    overflow: hidden;
}
.dataTables_filter_addition {
    display:inline!important;
    position: relative!important;
    left:auto!important;
    right:auto!important;
    float:none!important;
    font-size:100%!important;
    padding-left:5px;
    top: -2px!important;
}

button#reportViewEditBtn {
    padding-left: 20px;
    margin-left: 20px;
}


div#filters_wrapper2 {
    border: none;
}

#settings_display_settings p {
    font-weight: bold;
    /* font-style: italic; */
    text-decoration: underline;
    font-size: 120%;
}
#settings_display_settings label {
    display:block;
}


div#exceptions_settings_content  input[type="text"] {
    width: 50%;
}

/*div.dt-buttons {  $(".dataTables_filter").addClass("dataTables_filter_addition");*/
/*    position: absolute;*/
/*    !* display: block; *!*/
/*    top: 7px;*/
/*    left: 162px;*/
/*}*/


.UnGroup1 {
    color: #0078d4;
}

.UnGroup2 {
    color: #e81123;
}

.UnGroupKey, .UnGroupSum {
    font-weight: bold;
}

/*td.UnGroup1.UnGroupRows {*/
/*    color: white;*/
/*    !*background-color: #0078d4;*!*/
/*    width: 50px!important;*/
/*}*/

/*td.UnGroup2.UnGroupRows {*/
/*    color: white;*/
/*    !*background-color: #e81123;*!*/
/*    width: 50px!important;*/
/*}*/

td.UnGroup1.UnGroupRows, td.UnGroup2.UnGroupRows ,
th.UnGroup1.UnGroupRows, th.UnGroup2.UnGroupRows {
    width: 50px!important;
    font-weight: bold;
}


td.UnGroupKey:hover ,
td.UnGroupRows:hover {
    color: black;
    text-decoration: underline;
    cursor: pointer;
    font-weight:bold;
}


table.fuzzydupes tbody {
    cursor: pointer;
}




div#fuzzyDedupeEditsTemporary {
    margin-top: 20px;
    border: 1px dotted black;
    padding: 7px;
    min-height: 20px;
}

span.editsYes, span.editsNever {
    width:200px;
}
span.editsYes {
    color:Green;
}
span.editsNever {
    color:Red;
}
#fuzzyDedupeEditsTemporary button {
    padding:1px!important;
}

span#fuzzyDedupeEditsStatus {
    font-weight: bold;
}
button#fuzzyDedupeEditsRecordBtn:disabled  {
    background-Color:#666;
    color:#CCC;
    cursor: default;
}

td.possibleFuzzyProblem {
    background-color:#CCC!important;
    border-radius:6px!important;
    border:white .5px solid!important;
}


.fuzzyDedupePopUpCSS, .fuzzyDedupePopUpCSS:hover {
    /* font-family: "Roboto Slab", "Helvetica Neue", Helvetica, Arial, sans-serif !important; */
    /* color: red!important; */
    border: 1px black solid!important;
    box-shadow: none;
}

.fuzzyDedupePopUpCSS .ui-button-icon-primary  ,
.fuzzyDedupePopUpCSS .ui-button-text ,
.fuzzyDedupePopUpCSS .ui-button-icon-primary span ,
.fuzzyDedupePopUpCSS .ui-button-text span
{
    display:none;
    visibility:hidden;
}

.fuzzyDedupePopUpCSS button.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-icon-only.ui-dialog-titlebar-close {
    display: none;
}
.fuzzyDedupePopUpCSS .ui-dialog-titlebar {background-color:white;border:none;}


span#fuzzyDedupeEditsWithText, span#fuzzyDedupeEditsWithText2 , td.fuzzyDedupeSelectionTable_With,
span#fuzzyDedupeEditsReplaceText, span#fuzzyDedupeEditsReplaceText2, td.fuzzyDedupeSelectionTable_Checked,
span#fuzzyDedupePopUp_ReplacementTexts,
td.manageTDevents_NeverReplace {
    padding-left: 5px;
    padding-right: 5px;
    min-width: 59px;
    display: inline-block;
    height: 1.4em;
    vertical-align: text-top;
}

span#fuzzyDedupeEditsWithText, span#fuzzyDedupeEditsWithText2 , td.fuzzyDedupeSelectionTable_With,
input#fuzzyDedupePopUp_CustomWith.fuzzyDedupeSelectionTable_With {
    background-color: green;
    color:white;
}
span#fuzzyDedupeEditsReplaceText, span#fuzzyDedupeEditsReplaceText2, td.fuzzyDedupeSelectionTable_Checked {
    background-color: yellow;
    color:black;
}

td.manageTDevents_NeverReplace, span#fuzzyDedupePopUp_ReplacementTexts {
    background-color:black;
    color:white;
}

table#fuzzyDedupeSelectionTable , table#fuzzyDedupeSelectionTable_Custom, table#fuzzyNeverSelectTable {
    width: 100%;
}


table#fuzzyDedupeSelectionTable td:nth-child(6) {
    text-align: right;
}

p#fuzzyDedupePopUp_CustomSection {
    margin-right: 4px;
    text-align: right;
}

.childtable table {margin-left:30px;}

p#fuzzyDedupePopUp_neverSummary, table#fuzzyNeverSelectTable {
    display: none;
}

table#fuzzyNeverSelectTable td:nth-child(5) {
    text-align:center;
}

table#fuzzyDedupeTable td.dedupecol {
    color:black;
    font-weight: bold;
}

.crushpopupLeft table, .crushpopupRight table {
    width: 95% !important;
    padding-top: 10px !important;
}
button#fuzzyDedupePopUp_Record {
    display: inline!important;
}

#DedupeTabDiv table td input {width:40px; text-align:center;}
#DedupeTabDiv table td input {width:40px; text-align:center;}
#DedupeTabDiv table tr th  {
    padding-right:100px;
}

button#appFileForOpenButton {
    display: block;
}

input#appFileForOpen {
    display: block;
    width: 96%;
    margin: 10px;
}

div#enterFileDiv {
    background-color: coral;
}
div#enterFileDiv p {
    font-weight: bold;
}
