/* ==================================== */
/* ==================================== */
/* ==================================== */
/* ==================================== */

/* ============== Old list Stuff =============== */
select{border: 1px solid gray;}

#STATCHOICE1{max-height:350px; width:500px;overflow:auto;}
#STATCHOICE2{max-height:350px; width:500px;overflow:auto;}
 
#SYSTEM{z-index:-2; display:none; position: absolute; top:1px;}
.hidden_select_container{width:0;height:0;overflow:hidden}
.simpleselect,.simpleselect *{box-sizing:content-box}
.simpleselect{position:relative;width:200px;height:38px;color:#666;font-size:13px}
.options{width:198px}
 

textarea		{width: 100%; font-family: Source Sans Pro, sans-serif; font-size: 11px; background-color:transparent; padding:0; border:0; overflow: hidden;}
.textareafocus	{background-color:white; overflow: auto;}
.textareachange	{background-color:#CCFFCC; overflow: auto;}
.textareadel	{background-color:lightpink; overflow: auto;}
.textareanorm	{background-color:transparent; overflow: auto;}
h2{background-color:black; color:white;}
#UPLOAD{background-color:white;font-size:12px;width:90%;border: solid black 1px}

fieldset{border-radius: 5px 5px 5px 5px;}
legend{min-width:60%;border-radius: 4px 4px 4px 4px;}
#INFO{background-color:white;display: flex;}
#INFO>.messageList{flex: 100 1 25%;padding-left:1em;padding-right: 1em;}
#INFO a{color:#8A0808;}

#INFO>.messageList>.CC_messages{display: flex; width:100%;flex-wrap:wrap;}
#INFO>.messageList>.CC_messages>div{flex: 0 0 100%;padding-top: 0.5em;}
.messageList>h3{font-size: 1.5em;}

.fieldsetInfo{border: solid 1px; color:gray;background-color: white;border: solid silver 1px;}
.fieldsetInfoAktMes{color:#4d4d4d; padding:5px;font-size:16px; font-weight:bold;background-color: #F4F4F4; border: solid silver 1px;}
.fieldsetInfoOldMes{color:dimgray; padding:2px;font-size:12px; background-color: #F4F4F4;border: solid silver 1px;}
.fieldsetInfoArchivMes{color:dimgray; padding:2px;font-size:11px; border: dotted white 1px;}
.fieldsetInfoMaintext{padding:4px;max-height:220px;overflow: auto;}

#cc_info_grid{display: flex;width:100vw;/*margin: 2em 2vw; */height: calc(100vh - 80px);}   /*align-items:stretch; */
#cc_info_grid>div{ flex:0 1 32vw;} /* display: flex; align-self:stretch; */
#cc_info_colum_2{margin:0em 2vw; }

#cc_info_grid>div>div{width: 100%;height: 100%;}
.cc_info_element{}
#cc_info_grid>div>div>div{height: 50%;} /* flex: 0 1 99%;align-self:stretch; */
#cc_info_grid>div>div>div:not(:first-child) {
    height: calc(50% - 1.5em); 
    padding-top: 1.5em;
}

#cc_info_colum_1{}
#cc_info_colum_1>div>div{
/*    height: 100% !important;  */
}

#cc_info_colum_2{}
#cc_info_colum_2>div>div{/*   height: 100% !important; */}

.cc_info_element>iframe{
    border:none;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    height: 100%;
    width: 100%;
}


#FILES{font-size:12px;margin-top:80px;margin-bottom:50px;padding-left:20px; padding-right:20px; width:95%;}
#STATS{font-size:12px;margin-top:80px;margin-bottom:50px;padding-left:20px; padding-right:20px; width:95%;}
#HELP{font-size:12px;margin-top:80px;margin-bottom:50px;padding-left:20px; padding-right:20px; width:95%;}
.helpTable{margin-left:0;margin-right:0;}
.helpButton{font-weight:bold;background-color:white;}
.helpTitle{padding:3px;vertical-align:top;font-weight:bold;font-size:14px;background-color:#F2F2F2;}
.helpText{line-height:17px;padding:3px;vertical-align:top;font-size:12px;background-color:white;}


#REGMNGT{font-size:12px;display: flex;
    align-items: center;
    justify-content: center;}
#USERMNGT{font-size:12px;}
.usermngtTDHead{padding:1px;text-decoration: none; text-align:center;vertical-align:top;background-color:white;font-weight:bold; color:black;}
.usermngtTDHead img {background-color: black;}
.UserTable{background-color:white;font-size:12px;}
.UserTable td{padding:3px; border-bottom: dashed silver 1px;}

#CONTENSLIST{
/*
    position:absolute;
    top:0px;
    margin:6em 2em 1.5em 6em;
*/
}
#THEAD{} 
#THEAD td{vertical-align:bottom;border-left: 0px solid rgb(102,102,102);}
#TBODY{max-height:450px;overflow:auto;overflow-x: hidden;border-top: solid rgb(102,102,102) 1px;}
#TBODY td{vertical-align:top;border-bottom: solid silver 1px;}
#TBODY tr{border-bottom: solid black 5px;}
#TFOOT{}
#TFOOTHELP{display:none;}
/*.listTableHead{background-color:white;font-size: 10px;table-layout: fixed;/*border-collapse:collapse;}*/
.listTable,.listTableHead{table-layout:fixed;font-size: 10px;}
.listTableTrHead{text-align:center;vertical-align:top;font-size:10px;color:rgb(102,102,102);}
.listTableTrFoot td{text-align:right;vertical-align:top;background-color:white;border-top: 1px solid rgb(102,102,102);}
.listBodytr:nth-child(even) {background-color: white;}
.listBodytr:nth-child(odd) {background-color: #F4F4F4;}
.listBodytr:hover{background-color: silver;cursor: pointer;}
.ttransparent{background-color:#CED3D9; height:0;}
.listTableTrFoot_print{display:none;}
.changed{background-color: #BDBDBD; }
    
    
.statTable{background-color: white;height:350px;}
.statTH{background-color: #8A0808; color:white; padding:2px;}
.statTD{font-size: 11px; text-align:right;}

.reflink{text-decoration: none;color:black;}
.reflink:hover{color:white;}

input{border-radius: 3px 3px 3px 3px;}
/* ===== Old Search List
#FCHOICE {padding-top:5px;overflow:hidden; z-index:980;position: fixed; bottom:20px;right:0; width:330px;top:32px;z-index:1; background-color: gainsboro; border: 1px dotted silver; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-transition: all .3s ease .15s;-moz-transition: all .3s ease .15s;-o-transition: all .3s ease .15s;-ms-transition: all .3s ease .15s;transition: all .3s ease .15s;}

#FilterForm{background-color: gainsboro;}
#FCHOICE td{padding: 0; font-size: 10px;}
#FCHOICE tr{border-collapse:collapse; border-bottom: 1px dotted black;}
.FCHOICEcheckbox {width: 15px;height: 17px;}
.FCHOICEcheckboxHidden{width: 15px;height: 17px;}
.FCHOICEtext_0 {font-size: 10px;width: 14px;height: 15px;border: 1px dotted gray;background-color: transparent;}
.FCHOICEtext_1 {font-size: 10px;max-width: 100px;height: 15px;border: dotted dimgray 1px;}
.FCHOICEtext_2 {font-size: 9px;width: 60px;height: 10px;border: 1px dotted dimgray;}
#topbar{background-color: gainsboro;border-bottom: 1px dotted black;}
#footbar{width:100%;padding:5px;background-color: gainsboro;border-top: 1px dotted black;text-align:center;}
.texthint{color:dimgray}
.textnorm{font-size: 11px;color:#8A0808;}
.searchField{min-width: 150px;max-width: 150px;}
#USER_SAVE_TEXT{font-size: 11px;height: 11px;}
*/
/* ===== NEW Search List ===== */
#FCHOICE {padding-top:5px;font-size: 12px;
    border: 1px dotted silver; -webkit-background-clip: padding-box; background-clip: padding-box;
    -webkit-transition: all .3s ease .15s;-moz-transition: all .3s ease .15s;-o-transition: all .3s ease .15s;-ms-transition: all .3s ease .15s;transition: all .3s ease .15s;}
#FCHOICE {
	overflow:hidden;
	z-index:980;
	position: fixed;
	bottom:0em;
	right:0em;
	width:20vw;
	top:6em;
	z-index:1;
	background-color: gainsboro;
	display: none;
}
#cc_buttonTopSearch{display: flex;    padding-left: 0.5em;}
div#SENTSEARCH{ flex:0 0 100px; margin-left:1em;margin-right:1em;}
div#cc_searchFunk{flex:2 1 2em; }
div#CLOSE_FCHOICE{flex:0 0 2em; }
div#cc_searchFunk>div#VAL_FORM_FUNCT{z-index:1;text-align: center;}
div#cc_searchFunk{}
div#cc_searchFunk>div{display: flex;}
div#cc_searchFunk div#VAL_FORM_FUNCT {flex: 10 0 5em;}
div#cc_searchFunk div.cc_selButton{flex: 0 0 1em;}
div#cc_searchFunk div.cc_selButton svg{fill:#8A0808;}

div.searchButton{text-align: center;text-decoration: none;padding: 3px;font-size: 12px;
    color: rgb(102,102,102);
    background: rgb(255,255,255);
    border: 1px solid rgb(255,255,255);
    border-radius: 4px 4px 4px 4px;}
div.searchButton>select{background-color: transparent;
	padding:0em 3em;z-index:5;margin: -2em -3px -3px -3px ;display: block;position: relative;width: calc(100% + 6px);height: calc(100% + 8px);text-decoration: none;-webkit-appearance: none;border:0px solid transparent;border-radius:0px;font-size: 12px;color:#8A0808;}
div.searchButton:hover{cursor:pointer; background-color:rgb(102,102,102);color:rgb(255,255,255);}
div.searchButton:hover svg{fill: rgb(255,255,255) !important;}
div.searchButton>select:hover{cursor:pointer; }
div.searchButton>select:focus{border:0px solid transparent; }
#SFIELDLIST{overflow:auto;padding-top:0.5em;padding-bottom: 1em;}
#SFIELDLIST textarea{/*background-color: #c8c8c8;*/background-color:#fff;color:#000000;padding: 0.5em 0.5em;resize: none;}

#SFIELDLIST textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #000000;}
#SFIELDLIST textarea::-moz-placeholder { /* Firefox 19+ */color:#000000;}
#SFIELDLIST textarea:-ms-input-placeholder { /* IE 10+ */color: #000000;}
#SFIELDLIST textarea:-moz-placeholder { /* Firefox 18- */color: #000000;}

.cc_lableSearch{padding:0.5em 0.5em;color:#000000;font-weight: bold;border-right: 1px solid gainsboro;border-radius: 4px 0px 0px 4px;}


#cc_overAllSearch{margin:0em 0.1em 0em 0.5em;background-color: #c8c8c8;border-radius: 3px ;height: 2.5em;display: flex;}
#cc_overAllSearch textarea{width:calc(100% - 1em); /*height: 100%; */line-height: 2.5em; }
#cc_overAllSearch .cc_inputSearch{flex: 2 0 50%;}
#cc_overAllSearch .cc_lableSearch{line-height: 1.5em;flex: 0 0 40%;}
#cc_overAllSearch textarea::-webkit-input-placeholder {font-size: 1.25em;text-align: center;margin-top:1em;}
#cc_overAllSearch textarea::-moz-placeholder {font-size: 1.25em;text-align: center;margin-top:1em;}
#cc_overAllSearch textarea:-ms-input-placeholder {font-size: 1.25em;text-align: center;margin-top:1em;}
#cc_overAllSearch textarea:-moz-placeholder {font-size: 1.25em;text-align: center;margin-top:1em;}

#cc_SearchLIST_Wrapper{overflow-y: scroll;    position: absolute;
    top: 6.5em;
    bottom: 9em;
    width:100%;
}
#cc_SearchLIST_Wrapper::-webkit-scrollbar { 
    display: none; 
}
ul#cc_SearchLIST{margin:0em;padding: 0em;}
ul#cc_SearchLIST>li {text-decoration: none;list-style: none;}

li.cc_liSearchItem{margin:0.5em 0.5em 0em 0.5em;background-color: rgb(255,255,255);border-radius: 3px;/*height: 2.5em;*/}
li.cc_liSearchItem>div{display: flex;width: 100%;
  align-items: stretch;
  justify-content: center;}

li.cc_liSearchItem .cc_lableSearch{flex: 0 0 40%;}
li.cc_liSearchItem .cc_inputSearch{flex: 1 0 25%;padding-right: 0.5em;min-height: 14px;}
li.cc_liSearchItem .cc_inputSearchSelect{flex: 0 0 20px;}
li.cc_liSearchItem .cc_checkVis{flex: 0 0 2em; align-self: center;}

li.cc_liSearchItem .cc_inputSort{display: none;}

li.cc_liSearchItem .cc_inputSearch>textarea{height:2em;display: block;}
li.cc_liSearchItem .cc_inputSearch>span{color:#000000;margin-left: 0.2em;font-size: 11px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;}
li.cc_liSearchItem .cc_inputSearchSelect>select{display: block;
	background-color: transparent;
    border: solid 1px dimgray;
    width: 17px;
    height: 14px;
    position: relative;
    left: 0;
    font-size: 10px;
    background-color: white;
    padding: 0;
    overflow: hidden;
    border-radius: 3px;
    -webkit-appearance: none;}
li.cc_liSearchItem .cc_checkVis>input{display: none;}
li.cc_liSearchItem .cc_checkVis svg{display:block;width: 1.5em;height: auto;fill:white;}
li.cc_liSearchItem .cc_activCheckBox svg{fill:rgb(102,102,102);}

li.cc_liSearchItem .cc_inputSearch >select{z-index:5;margin: -1.5em -3px -3px -3px ;display: block;position: relative;width: calc(100% + 6px);height:100%;text-decoration: none;-webkit-appearance: none;border:0px solid transparent;border-radius:0px;font-size: 12px;}
li.cc_liSearchItem .cc_inputSearch >select{ }
li.cc_liSearchItem .cc_inputSearch .selectSVG {position: absolute; right:1em;margin-top: 0.4em;}
li.cc_liSearchItem .cc_inputSearch .selectSVG svg{width: 1em;height: auto;fill:rgb(102,102,102);}
/* Listen Draggable */
li.cc_liSearchItem .cc_lableSearch:hover{background-color: rgb(102,102,102);cursor: pointer;color:rgb(255,255,255);}
/*
#FCHOICE table#footbar {display: none;}
*/
#FILTER_functions{position: absolute;bottom: 0em; padding-bottom: 1em;width: 100%;}
div.cc_bottomFilterLine,div.cc_bottomFilterLineSub{display: flex;flex-wrap : wrap;}
div.cc_bottomFilterLine >div,div.cc_bottomFilterLineSub > div {flex: 2 0 34%;min-height: 1.5em;display: flex;justify-content:center;align-items : center;margin: 0.25em 0.5em;}
div.cc_bottomFilterLineSub{border-top:1px solid rgb(255,255,255);}
#USER_SAVE_DIV {text-decoration: none;
    background: #E6E6E6;
    padding:0em;}
#USER_SAVE_DIV>input{ 
  width: 100%;
    color: #8A0808;
    background: #E6E6E6; 
    border: 1px solid gray;
    padding: 0.25em;
    line-height: 1.5em;
    text-decoration: none;
    border-radius: 4px 4px 4px 4px;}

#FilterExport,#FilterSave,#FilterSaved{display: none;}
#FilterSaved > div > ul {margin:0em;padding: 0em;}
#FilterSaved > div > ul > li{text-decoration: none;list-style: none; padding:0.5em 0.5em 0em 0.5em;/*height: 2.5em;*/}

div.savedFolderFilter{
    position: relative;
    justify-content: flex-start;
}
div.savedSearchFilter{
    position: relative;
    text-align: center;
    text-decoration: none;
    padding: 3px;
    font-size: 12px;
    color: #8A0808;
    background: #E6E6E6;
    border: 1px solid #c8c8c8;
    border-radius: 4px 4px 4px 4px;}
div.savedFolder{
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    text-decoration: none;
    padding: 0.15em;
    color: #8A0808;
    border-radius: 0.1em;
}
div.savedFolder.savedFilter{
    background: #E6E6E6;
}
div.savedFolder.savedFilter:hover{cursor: pointer;background-color: white;}
div.savedSearchFilter:hover{cursor: pointer;background-color: white;}
span.savedFolderArrow,
span.FolderArrow{padding: 0.1em;text-align: center;}
span.savedFolderArrow{fill:#8A0808;}

div.savedFolderTrash,div.savedFilterTrash{position:absolute;top:-0.5em;right:-0.5em;width:1em;background-color: #8A0808;width: 1.75em;height: 1.75em;border-radius:0.75em;}
div.savedFolderTrash>svg,div.savedFilterTrash>svg{fill:rgb(255,255,255);width: 1em;height: auto;margin: 0.35em 0.4em;}
div.savedFolderFilter:hover .savedFolderTrash{display: block;}
div.savedFolderTrash:hover,div.savedFilterTrash:hover{cursor: pointer;background-color: white;}
div.savedFolderTrash:hover svg,div.savedFilterTrash:hover svg{fill:red;}


#cc_zeroSearchResponse{padding: 1em 2em;  font-weight: bold;color:#8A0808;}


textarea.cc_noi{display: none !important;}



.displayOff{display:none;}
.displayOn_Row{display:table-row;}

.redB{border: 1px solid red; color:red;text-align:center;}
.redBB{border: 1px solid red; color:white;text-align:center;background-color: red;}
.yelB{border: 1px solid yellow; color: yellow;text-align:center;}
.greB{border: 1px solid green; color: green;text-align:center;}
.lBlueR{background-color: #E0ECF8;}
.lGreenR{background-color: #E0F8E0;}
.lYellowR{background-color: #FFFFCC;}
.lredR{background-color: #F8E0E0;}
.red{background-color: red;}
.td_r{text-align:right;}
.td_c{text-align:center;}
.td_l{text-align:left;}

.tr_sub{font-size: 9px;color:dimgray;background-color: white;}
.tr_sub:nth-child(even) {background-color: gainsboro;}
.tr_sub:nth-child(odd) {background-color: #F4F4F4;}
.tr_sub:hover{background-color: #ffb6c1; color:white;}

.tr_sub2{font-size: 8px;color:gray;background-color: white;}
.tr_hide{display:none;}

.xselect {
    /*width: 268px; padding: 5px; font-size: 12px; line-height: 1;*/
}


input[type=checkbox]{-webkit-appearance: none;}
input[type=checkbox]{height:0px;width:0px;border-color:gainsboro;background-color:gainsboro;}

input[type=time]{font-family: Source Sans Pro !important;}

.squaredOne { width: 13px; height: 13px; background: gainsboro; margin: 2px auto; position: relative;}
.squaredOne label {	cursor: pointer; position: absolute; width: 14px; height: 14px;	left: 0px; top: 0px;
	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
}

.squaredOne label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0; content: ''; position: absolute; width: 12px; height: 12px; background: #8A0808; top: 1px;	left: 1px;
 	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
}

.squaredOne label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
}

.squaredOne input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}


.scroll-wrapper {overflow: hidden !important; padding: 0 !important; position: relative;}
.scroll-wrapper > .scroll-content { border: none !important; box-sizing: content-box !important; height: auto; left: 0; margin: 0; max-height: none; max-width: none !important; overflow: scroll !important; padding: 0; position: relative !important; top: 0; width: auto !important;}
.scroll-wrapper > .scroll-content::-webkit-scrollbar { height: 0; width: 0;}
.scroll-element { display: none;}
.scroll-element, .scroll-element div { box-sizing: content-box;}
.scroll-element.scroll-x.scroll-scrollx_visible .scroll-element.scroll-y.scroll-scrolly_visible { display: block;}
.scroll-element .scroll-bar,.scroll-element .scroll-arrow { cursor: default;}
.scrollbar-external_wrapper { position: relative; width: auto !important;}
.scrollbar-external { overflow: auto; }
/******************* EXTERNAL SCROLLBAR *******************/
.external-scroll_x{ z-index:1000; border: solid 1px silver; cursor: pointer; display: none; position: absolute;}
.external-scroll_x.scroll-scrollx_visible { display: block; height: 10px; left: 3px; bottom: 13px; width: 90px;}
.external-scroll_y.scroll-scrolly_visible { display: none;}
.external-scroll_x div { height: 100%; left: 0; top: 0; position: absolute; width:100%;}
.external-scroll_x .scroll-bar { background: silver; z-index: 12;}
.external-scroll_x .scroll-bar { width: 40px;}



/* =============================================== */
/* =============================================== */