@keyframes blink {
            0% {
                opacity: 1;
            }

            50% {
                opacity: 0.3;
            }

            100% {
                opacity: 1;
            }
}

.error-group {
	color:red;
}
.import-warning-message {
	color:red;
	margin:15px;
}
.import-guidance {
	margin-top:30px;
	color:blue;
}
.error-list {
	margin-left:30px;
	color:brown;
}
.data-processing {
	margin-left:20px;
	margin-top:10px;
    color: green;
    animation: blink 3s infinite;
}
.resource-used, .processed-info{
	color:brown;
	font-size:10pt;
}

div.file_download_link {
	margin-top:30px;
	margin-left:30px;
	margin-bottom:60px;
}
div.file_download_link a {
	color:blue;
	text-decoration:none;
}
div.file_download_link a:hover {
	color:blue;
	text-decoration:underline;
}
#dashboard-container {
    border:1px solid red;
    border:1px solid #999999;
	border-radius:5px;
    max-width: 100vw;
	width:98vw;
    margin-left: -30px !important;
    margin-right: 0 !important;
	margin-top:0;
    display:flex;
	overflow:hidden;
}
#test-mode-header {
	color:red;
	margin-left:-25px !important;
}
#menu-panel {
    width:175px;
    min-width:175px;
    height:100%;
    padding-left:3px;
    border:0px solid blue;
    border-right:1px solid #999999;
}

#menu-panel .su-spoiler-content {
	padding:5px;
}
#menu-panel ul {
	padding-inline-start: 20px;
}

#dash-main {
    height:100%;
    padding-left:3px;
    border:0px solid green;
    width:calc(100vw - 175px);
    display:flex;
    flex-direction:column;
}

#main-panel {
    border:0px solid orange;
    height:100%;
}

.spareday {
	background-color:#b1f2b1;
}

.bar-graph-title { 
	text-align:center;
	font-weight:bold;
	font-size:90%;
	color:blue;
	background-color:#d9f4d0;
}

#toggle_original_tasks, #check_tasks {
	font-size:10px;
	padding:3px;
	border-radius:5px;
	color:#dddddd;
	background-color:#3582c4;
	cursor:pointer;
	border:1px solid #ded9d9;
}
#toggle_original_tasks:hover {
	color:#ffffff;
	background-color:#55abf5;
}
#check_tasks {
	font-size:10px;
	padding:3px;
	border-radius:5px;
	color:#dddddd;
	background-color:#c47a35;
	cursor:pointer;
	border:1px solid #ded9d9;
}
#check_tasks:hover {
	color:#ffffff;
	background-color:#c98f59;
}

.custom_header_wrapper {
	display:flex;
	justify-content:flex-start;
}

#cpg_error_message {
    color:red;
}
#cpg_message {
    color:green;
}
#cp_stat {
	position:absolute;
	color:orange;
	font-weight:bold;
}
#cp-buttons {
	position:absolute;
	left:0px;
}
#cp-commit {
	padding:3px;
	border-radius:5px;
	color:#dddddd;
	background-color:#3582c4;
	cursor:pointer;
	border:1px solid #ded9d9;
}
#cp-commit:hover {
	color:#ffffff;
	background-color:#55abf5;
}
#cp-vertical {
	position:absolute;
    top: 0px;
    right: 0px;
    width: 10px;
    border: 1px solid red;
}
.progress-container { 
	position:relative;
	height:15px;
	width:100%;
    border: 1px solid #cccccc;
}
.progress-bar {
	background-color:#fee4e2;
}
#myProgressBar {
    color:#999999;
	width:50%;
	height:100%;
	font:normal 20px/1 dashicons!important;
}
#myProgressBar:after {
position: relative;
    top: -4px;
    margin-left: -16px;
    left: 100%;
    width: 15px;
    height: 15px;
    content: "\f141";
	font:normal 24px/1 dashicons!important;
}
#myProgressBar:before {
position: absolute;
    top: -4px;
    margin-left: -10px;
    left: 0px;
    width: 15px;
    height: 15px;
    content: "\f139";
	font:normal 24px/1 dashicons!important;
}
.slider-container { 
	height:15px;
	width:100%;
    border: 1px solid #cccccc;
	position:relative;
	background-color: #e1e9f7;
}
.slider-bar {
	background-color:#bbbbbb;
	position:absolute;
}
#mySliderBar {
	width:50px;
	height:100%;
}

.login-prompt {
	margin-top:50px;
	margin-left:50px;
}
.login-prompt a {
	color:blue;
	text-decoration:none;
}
.login-prompt a:hover {
	color:#777;
	text-decoration:underline;
}

#ajax-wait {
	display:none;
	position:relative;
	color:#444444;
	text-align:center;
	z-index:9999;
}
#ajax-wait>div, #ajax-loaded>div {
	position:absolute;
	left:42%;
}
#ajax-wait img, #ajax-loaded img {
	margin-bottom:0px;
}
#ajax-loaded {
	position:relative;
	color:#444444;
	text-align:center;
	z-index:9999;
}

.menulink {
	color:brown;
	cursor:pointer;
	text-decoration:none;
	font-size:0.7em;
}

.menulink:hover {
	text-decoration:underline;
}
.mainmenu {
	font-weight:bold;
}
ul.search_list {
	list-style-type:none;
	padding-inline-start:2px !important;
}
ul.search_list li.menulink div {
	width: 100%;
	overflow:hidden;
}
#search_text { 
	width:95%;
	margin-bottom:2px;
}

#search_button {
	padding:3px;
	border-radius:5px;
	color:#333333;
	background-color: #6ddf6d;
	cursor:pointer;
	border:1px solid #ded9d9;
	margin-bottom:5px;
	margin-left:2px;
}

#search_button:hover {
	background-color:#49b449;
}

html .conflict_date {
    border-top:2px solid red; 
    border-bottom:2px solid red; 
}

html .conflicted_task {
	border:2px solid red;
}


html .su-spoiler-title {
	color:#6a6ad6;
	font-size:0.8em !important;
}

.marshalling-wrapper {
	padding-top:30px;
	padding-left:20px;
}

.batch-chk-wrapper {
    display: grid;
    grid-gap: 0.5em 0.5em;
    grid-template-columns: repeat(auto-fill, minmax(55px, 90px));
    color: brown;
    font-weight: normal;
	font-family:sans-serif;
    font-size: 8pt;
	max-height: 150px;
    overflow: auto;
}
.work-chk-wrapper{
    display: grid;
    grid-gap: 0.5em 0.5em;
    grid-template-columns: repeat(auto-fill, minmax(75px, 120px));
    color: brown;
    font-weight: normal;
	font-family:sans-serif;
    font-size: 8pt;
	max-height: 150px;
    overflow: auto;
}

.task_draggable {

}
.toggleall {
	font-size:8pt;
	font-family:sans-serif;
	color:brown;
}

.su-accordion {
	margin: 0.3em 0.2em !important;
}


input[type="checkbox"]:checked {
/*accent-color: #4CAF50; */
      /*      background-color: #4CAF50;
            border: 1px solid #4CAF50; */
}

.list-even-row {
	background-color: #ededed;
}
.list-odd-row {
	background-color: #cccccc;
}
.Table-row.hideRow.hidden {
	display:none;
}
.Table-row.showRow {
	background-color:#e1f0e1 !important;
}

.Table-row {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;
	display: flex;

    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;

    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;

	width:100% !important;
	padding-bottom:5px;
	padding-top:5px;
}

.Table-header {
	display:none;  
	font-weight:bold;
}
.Table-row-item:before{
	content:attr(data-header);
	min-width:35%;
	font-weight:700
}
.Table-row-item.tri-wider:before{
	content:attr(data-header);
	width:50%;
	font-weight:700
}
.Table-row-item {
	word-wrap:break-word;overflow-wrap:break-word;padding:0.5em;
	margin-bottom:0px;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;
	display: flex;
	justify-content:flex-start;

    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
	flex-direction: row;

    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;

    -webkit-flex: 1 0 10%;
	-moz-flex: 1 0 10%;
    -ms-flex: 1 0 10%;
    flex: 1 1 10%;

	width:100%;

/*	flex-grow: 1; */
	/*border-left:0px solid red; */

	-webkit-align-items: flex-start;
     align-items: flex-start;

}

.Table-header .Table-row-item {
	-webkit-align-items: center;
     align-items: center;
}

/*
.Table-row-item a  {
	display:flex;
	flex-direction: row;
	align-items:center;
} */

.Table-row-item a span.sorting-indicator {
	display:none;
	visibility:hidden;
	border:0px solid red;
	margin-top:20px;
}

.Table-row.feedback .Table-row-item.id {
	color:red;
}
.Table-row.feedback .Table-row-item.id:after {
	content:"*";
	margin-left:2px;
}
.Table-row.acceptedterms .Table-row-item.survey_request_status {
	color:red;
}
.Table-row.acceptedterms .Table-row-item.survey_request_status:after {
	content:"*";
	margin-left:2px;
}
.Table-row.partiallyacceptedterms .Table-row-item.survey_request_status {
	color:#c7916b;
}
.Table-row.partiallyacceptedterms .Table-row-item.survey_request_status:after {
	content:"#";
	margin-left:2px;
}

.Table-row.waitingterms .Table-row-item.survey_request_status {
	color:red;
}
.Table-row-item:hover a span.sorting-indicator {
	visibility:visible !important;
}
.Table-row-item:hover .row-actions {
	left:0px;
}

.list-even-row {
	background-color: #f1f1f1;
}
.list-odd-row {
	background-color: #f9f9f9;
}
.list-even-row:hover {
	background-color: #f1fff8;
}
.list-odd-row:hover {
	background-color: #f9ffff;
}






@media (min-width: 650px){


.Table-header {
	display:flex;
}

.Table-row {
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
	flex-direction: row;

    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
	justify-content:center;
}
.Table-row-item:before{
	content:none; 
	margin-left:50px;
}
.Table-row-item.tri-wider:before {
	content:none; 
	margin-left:50px;
}

.Table-row-item {
	width: 10%;
}
.Table-row-item.tri-wider {
	width: 20%;
}
.Table-row-item {
	padding: 0.2em;
	border:0px solid blue;
}
.Table-header .Table-row-item {
	background: #ffffff;
	color: #0073aa;
}


.id {
	max-width: 100px;
}
.itemcode, .distnumber, .rsccode {
	max-width: 120px;
}
.product {
	min-width:250px;
}
.sc_status {
	max-width:100px;
}


}