/*Általános*/


        @font-face {
            font-family: 'Source Sans Pro';
            src: url(../Css/fonts/SourceSansPro-Light.otf); 
        }

        
        @font-face {
            font-family: 'Code39_1';
            src: url(../Css/fonts/Code39_1.ttf);
        }
        @font-face {
            font-family: 'Code39_3';
            src: url(../Css/fonts/Code39_3.ttf);
        }
        @font-face {
            font-family: 'Code39_4';
            src: url(../Css/fonts/Code39_4.ttf);
        }
        @font-face {
            font-family: 'Code39_2';
            src: url(../Css/fonts/Code39_2.ttf);
        }

        #body{
            margin:0px;
            padding:0px;
            font-family: 'Source Sans Pro', sans-serif;
            font-size:15px;
            width:100%;
            background-color:#f2eee3;
        }

		.frmModal
		{
			position:absolute;
			left:0px;
			top:30px;
			
			
			
		}

        #frmDynUI {
            
        }

        .modalwindow {
            height: 100px;
            width: 100px;
            display: inline;
            background-color: #fff;
            /* background-image: url(../Css/_Images/title_background_mo.png);*/
            border-radius: 5px;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            box-shadow: 0px 0px 20px rgba(0,0,0,0.7);
            -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.7);
            -moz-box-shadow: 0 0px 20px rgba(0,0,0,0.7);
        }

        .modal_close, .helpbutton, .modal_resize, .modal_step_next, .modal_step_back {
            position: absolute;
            top: 5px;
            right: 5px;
            display: block;
            width: 14px;
            height: 14px;
            background: url(../Css/_Images/modal_close.png);
            background-size: cover;
            opacity: 0.3;
        }

        .helpbutton {
            right: 22px;
            background: url(../Css/_Images/help.png);
            background-size: cover;
            opacity: 0.3;
        }

        .modal_resize {
            right: 40px;
            background: url(../Css/_Images/modal_resize.png);
            background-size: cover;
            opacity: 0.3;
        }
        
        .modal_step_back
        {
            right: 57px; 
			background: url(../Css/_Images/arrowright.png); 
        }

        .modal_step_next
        {
            right: 74px; 
			background: url(../Css/_Images/arrowleft.png); 
        }

		.mainhelpbutton
		{
			width: 14px; 
			height: 14px; 
			background: url(../Css/_Images/help.png); 
            background-size: cover;
            opacity: 0.3;
		}

        #MainHeader{
	        width:100%;
	         
	        
        }
        #InMainHeader{
            
        	margin:4px;
        	
        }

        #MainTable
        {
        	width:100%;
        }                                       

		#TABLE_Content
        {
        	width:100%;
        }

        #FullSearchTextDiv {
            height: 45px;
        }


        #TopHeader {
            background-color: #fff;
            height: 20px;
            width: 100%;
            padding-top: 5px;
        }

        #TopHeader a {
    
            font-size: 13px;
        }   

        .TopHeaderLink, #PasswordChange, .mainhelpbutton, .TopHeaderLanguageLink, .TopHeaderText
        {
        	float:right;
        	text-decoration:none;
        	margin-right:10px;
			color:#888;
        }
		.TopHeaderLink:hover, #PasswordChange:hover, .TopHeaderLanguageLink:hover
		{
			color:#000;
		}
        #PasswordChange {
            float: left;
            margin-left: 10px;
        }
        #SubstituteLink {
            float: left;
            
        }

        #NotificationBrowse {
            float: left;
            margin-top: 15px;
            font-size: 17px !important;
        }
        #NotificationBrowse span {
            margin: 0 10px 0 0;
        }

        .notificationalert {
            color: red;
        }

        .TopHeaderLanguageLink {
            float: none;
            text-align: center;
        }
        .TopHeaderText
        {
            float:left;
        }
		#divLanguage
		{
			margin:0 auto;
			height:20px;	
            
            width: 100px;
		}

        .TopHeaderPipe {
            display: none;
        }


.ControlSpace {
    background-color: #fff;
    float: left;
    width: 100%;
}

		.ControlSpaceLine
		{
			background-color:#faf9f4;
		}


	
		.StaticContent 
		{
			margin-left:10px;	
		}                        

        .MainContent{
			background-color:#f2eee3;
	        float:left;
	        min-width:100%;
        }
        
        .MainContentPopUp
        {
        	background-color:White;
	        float:left;
	        width:100%;
        }

        #MainFooter{
	        width:100%;
	        
        	float:left;
        	color:#8eb4e3;
        	text-align:center;
        }

        #little_OutTabPageTitle
        {
            width:100%;
            height:25px;
        }
        
        #OutTabPageTitle
        {
            width:100%;
            height:100px;
			position:relative;
        }
        #LogoDiv
        {
			float:left;
			width:100%;	
			height:25px;
			position:relative;
        }
        #Logo2
        {
            width:200px;
            height:100px;
            
            background-image:url("./_Logo/logo.png");
            background-repeat:no-repeat;
            background-position:center;
            float:left;
			background-color:#fff;
            cursor: pointer;
        }

        .ErrorLogo {
            width: 25px;
            height: 25px;
            background-repeat: no-repeat;
            background-position: center;
            float: left;
            margin: 8px;
            background-image: url(_Images/error.png);
            cursor: pointer;
            display: none;
        }

        #ErrorMessage
        {
			font-weight:bold;
			color:Red;
			float:left;	
			margin-left:12px;
			font-size:10px;
        }

		#logo_td
		{
			background-color:#fff;
            width:160px;
		}
        #TabPageTitle
        {
            padding: 0px 0px 0px 0px;
            float:left;
            height:100px;
            font-size:13px;
            width:100%;
			position:relative;
        }
        #TabPageTitle h1
        {
            margin-top:-42px;
            margin-bottom:0px;
            
        }
        #Logo
        {
        	width:226px;
            background-image:url("logo.jpg");
            background-repeat:no-repeat;
            background-position:right;
            float:right;
            height:55px;
        }
        
        
        
        
        #lblPageTitle
        {
        	font-size:22px;
            margin:  0px 5px 0px 3px;
            
            text-shadow: 0px 0px 6px rgba(255,255,255,1)
        }
        /*
		#lblLicenseError
        {
        	color:red;
            margin:  0px 5px 0px 5px;
            font-size: 12px;
			background-color: yellow;
            float:right;
        }*/


		.outdivPageTitle
		{
			font-size:17px;
			margin-left:10px;
			margin-top:5px;
			color:#333;
			cursor:default;
			text-shadow: 0px 0px 6px rgba(255,255,255,1)
		}
        
        #PageTitle
        {
        	height:40px;
        	padding-top:15px;
        	margin-left:20px;
        	border-bottom:1px solid #ccc;
        }
        
       
        
        #lblMainTitle
        {
            color:#93c8e8;
            margin-left:5px;
            font-size:40px;
			display:none;
        }

	

		td a
		{
			text-decoration:none;
			color:#999;
			font-size:24px;
		}
        
        .DataGridClass
        {
            background-color:#f2eee3;
            float:left;
        }
        .DataGrid_ButtonDiv
        {
			height: 0px;
            float:right;
            width:200px;
            
        }
        .DataGrid
        {
            width:100%;
            float:left;
        }
        .GridInfoDiv {
            height: 20px;
            float: left;
            width: 200px;
            position: relative;
            top: -23px;
            left: Calc(100% - 264px);
            text-align: right;
        }

        .GridLoadingDiv {
            position: absolute;
            left: Calc(50%);
            top: Calc(50%);
            z-index: 1;
            background-image: url(_Images/loading.gif);
            background-position: center;
            width: 80px;
            height: 80px;
        }

		.GridColDiv
		{
			position:absolute;
			width:8px;
			height:20px;
			left:1px;
			top:2px;
			/*background-color:#f8f8f8;*/
			cursor:pointer;
		}
		.GridColDiv:hover
		{
			background-color:#eee;
		}
        .SearchCell
        {
            float:left;
            /*width:400px;*/
            margin-bottom:5px;
        }
        .SearchBetweenDiv
        {
            margin-left: 20px;
            margin-bottom:5px;
        }
        
        .SearchCellFullSearch, .SearchCellMainSearch, .MainSearchCombo
        {
            float:left;
        }
        
        .xhdr[style]
        {
            height:28px !important;
        }
       
/*Általános*/



/*tabpages*/
        .tablinkblock
        {
            display:block;
            width:auto;
            float:left;
            height:16px;
            font-size:11.5px;
            
            color:black;
            
            text-decoration:none;
            
            
            margin:2px 3px 2px 0px;
            padding: 7px 11px 0px 11px;

			

        }
        .tablinkblock:hover
        {
            background-image:url(../Css/_Images/tablink_1.png);
            margin:2px 3px 2px 0px;
            padding: 7px 10px 0px 10px;

			border-left:solid 1px #aaa;
            border-right:solid 1px #aaa;
            
            -webkit-border-top-left-radius: 4px;
			-webkit-border-top-right-radius: 4px;
			-moz-border-radius-topleft: 4px;
			-moz-border-radius-topright: 4px;
			border-top-left-radius: 4px;
			border-top-right-radius: 4px;
        }
        .tablinkblockhover
        {
            display:block;
            width:auto;
            float:left;
            height:16px;
            font-size:11.5px;
            
            background-image:url(../Css/_Images/tablink_0.png);
            
            color:#555;
            text-decoration:none;
            border-left:solid 1px #aaa;
            border-right:solid 1px #aaa;
            
            
            margin:2px 3px 2px 0px;
            padding: 7px 10px 0px 10px;

			-webkit-border-top-left-radius: 4px;
			-webkit-border-top-right-radius: 4px;
			-moz-border-radius-topleft: 4px;
			-moz-border-radius-topright: 4px;
			border-top-left-radius: 4px;
			border-top-right-radius: 4px;
        }

		#title_td
		{
			position:relative;
			background-color:#fff;
		}
		
		
		
		

        #TabLink
        {
            height:27px;
            /*min-width: 100%;
            width:100%;*/
            float:left;
            margin-left:6px;
            
        }
        #TabMain
        {
            min-width: 100%;
            width:100%;
            float:left;
            height:357px;
        }
        
        .MainDiv
        {
            min-width: 100%;
            width:100%;
            float:left;
            
            background-color:#f2eee3;
        }
        
        #TabPageButton
        {
            
            width:100%;
            /*background-color:#d2d5e9;*/
            height:0px;
            padding: 0px 0px 0px 0px;
			margin-bottom:0px;
        }
        
        #BottomTabPageButton
        {
            float: left;
            width: Calc(100% - 20px);
            margin-left: 15px;
        }
        
        .TabDiv
        {
             /*width:100%;
             max-width:950px;*/
             padding:0px 0px 0px 5px;
			 background-color:#f2eee3;
        }
        .MainFooter
        {
			float:left;	
        }
/*tabpages*/


		.LabelDiv
		{
			width:130px;
			float:left;
			
			margin-left:8px;
			margin-top:5px;
			font-size:13px;
			color:#222;
		}
		.ControlMainDiv
		{
			float:left;	
			margin-bottom:3px;
			clear: both;
			width:100%;
			min-height:29px;
		}

		.ControlMainDivLabel
		{
			background-color:#f0f2f5;
			padding:5px;
			padding-left:8px;
			margin-bottom:5px;
			margin-top:3px;
			font-size:11px;
			float:left;
			width:100%;
		}

        .LabelPlaceInData {
            font-size: 13px;
            margin-left: 8px;
            margin-right: 20px;
        }

        .LabelPlaceInDataLabel {
            display: none;
        }

        .AutoCompleteControlMainDiv {
            float: left;
            height: 0px;
        }

		.AutoComplete
		{
			z-index:20;
			position:absolute;
			border:solid 1px #000;
			visibility:hidden;
		}
		
		
		.File
		{
			background-color:White;	
			
		}
		
		.Button, .ChildButton, .DictionaryButton,.dictionarybutton, .DictionaryButton_DP, .button
		{
			font-size:16px;
			
			
		}

		
		.Button, .ChildButton, .DictionaryButton, input, textarea, select, .File, .DictionaryButton_DP, .button
		{
			border:solid 1px #f2eee3;
			color:#666;
			padding:5px;
			font-size:13px;
			background:#faf9f4;
		}

        .buttonicon {
            position: absolute;
            margin-left: 10px;
            padding-top: 9px;
        }

        
		.File
		{
			font-size:11px;
			border:0px;
		}
		.ChildButton
		{
			font-size:11px;
			background:#e1ddd2;
		}

        .Required {
            background-color: #fff5d4;
            background: #fff5d4;
        }

        .Editable {
            background-color: #faf9f4;
            background: #faf9f4;
        }

        input {
            height: 17px;
        }

		input, textarea, select, .File
		{
			background:#faf9f4;
			color:#999;
		}
        select:not(.AutoComplete):not(.ListBox) {
            height: 29px;
        }
		textarea {
			resize:none;
			
			
		}
		.Button, .button  
		{
			height:60px;
			width:160px;
			/*background-color:#e9e9e9;*/

			

			background-repeat:no-repeat;
			margin-left:10px;
			padding-top:5px;
			font-size:16px;

			border-radius: 2px; 
			-moz-border-radius: 2px; 
			-webkit-border-radius: 2px;
			border:none;
			background-color:#f2eee3;
			padding-left:57px;
			cursor:pointer;

		}
		.ButtonDivControl
		{
			float:left;
			
		}
        .tooltip,
        .tooltip_cmb,
        .tooltip_lst,
        .tooltip_fil,
        .tooltip_lbl,
        .tooltip_empty {
            width: 16px;
            height: 16px;
            background-image: url(../Css/_Images/info.png);
            background-repeat: no-repeat;
            float: right;
            margin: 6px 3px 2px 3px;
            position: relative;
        }
		.tooltip_fil {
			margin:5px 3px 5px 3px;
		}
		.tooltip_cmb {
			margin:4px 3px 4px 3px;
		}
        .tooltip_lbl {
            margin: 2px 3px 5px 3px;
        }
        .tooltip_empty {
            background: none;
        }


        .tooltip::before,
        .tooltip_cmb::before,
        .tooltip_lst::before,
        .tooltip_fil::before,
        .tooltip_lbl::before {
            position: absolute;
            top: -5px;
            left: -150px;
            background-color: white;
            border-radius: 5px;
            color: #555;
            content: attr(data-tooltip);
            padding: 1rem;
            text-transform: none;
            -webkit-transition: all 0.5s ease;
            transition: all 0.5s ease;
            width: 300px;
            max-height: 100px;
            font-size: 13px;
            opacity: 0;
            pointer-events: none;
            text-align: center;
            z-index: 9999;
            overflow-y: auto;
            border: 2px solid #aaa;
            white-space: pre-wrap;
        }

        .tooltip.rightoverflow::before,
        .tooltip_cmb.rightoverflow::before,
        .tooltip_lst.rightoverflow::before,
        .tooltip_fil.rightoverflow::before,
        .tooltip_lbl.rightoverflow::before {
            left: -310px;
        }

        .tooltip:hover::before,
        .tooltip_cmb:hover::before,
        .tooltip_lst:hover::before,
        .tooltip_fil:hover::before,
        .tooltip_lbl:hover::before {
            opacity: 1;
            -webkit-transition: all 0.75s ease;
            transition: all 0.75s ease;
            pointer-events: all;
        }

       

        #TabPageButton .divButton .Button, #TabPageButton .divButton .button {
            border-color: #bbb;
        }

		.DictionaryButton:hover, .DictionaryButton_DC:hover, .DictionaryButton_DP:hover
		{
			background:#e1ddd2;
		}
		.ChildButton:hover
		{
			background:#d3cec2;
		}

		.Button:hover, .button:hover
		{
			text-decoration:underline;
		}
		
		.divButton
		{
			float:right;
			padding-right:5px;	
		}

        .divButtonPlaceInBottom,
        .divButtonPlaceInData {
            float: left;
            padding-right: 15px;
            
            color: #fff;
            font-size: 40px;
            width: 180px;
            cursor: pointer;
        }

        .ItsALittleWindow {
            float: right;
            width: 115px;
        }
        /*normál gomb megnyomása,ha esetleg a lenyomott állapottal kellene variálni*/
        .Button:active, .button:active {
        }

		.DictionaryButton_Search
		{
			height:29px;
			font-size:14px;
			background:#e1ddd2;
			color:#717171;
            border: solid 1px #f2eee3;
		}
		.DictionaryButton_Search:hover
		{
			background:#d3cec2;

		}


		.ChildButton
		{
			width:76px;
			margin-left:2px;
			margin-bottom:2px;
			height:26px;
		}
		
		.DictionaryButton, .dictionarybutton, .DictionaryButton_DC, .DictionaryButton_DP, #btnOpenContactInfo, #btnOpenCRM_Case
		{
			width:27px;
			font-size:12.5px;	
			margin-left:2px;
			height:29px;
		}

		.DictionaryButton_DC
		{
			height:29px;
			
		}

		.DictionaryButton_DP
		{
			background-image:url(../Css/_Images/picker.png); 
			background-position:center;
			background-repeat:no-repeat;
		}

        .DictionaryButton_DP:hover
		{
			background-image:url(../Css/_Images/picker.png); 
			background-position:center;
			background-repeat:no-repeat;
		}
	
		#ExportForm_Content
		{
			padding:20px;	
		}
		#version
		{
			float:right;
			margin-right:10px;
		}
		#userinfo
		{
			float:left;
			margin-left:20px;
		}
		
		
		.printtable
		{
			border:solid 1px #ccc;	
			border-bottom:none;
			border-left:none;
			font-size:11px;
		}
		
		.printheader
		{
			background-color:#ddd;	
		}
		
		.printheadertd
		{
			font-weight:bold;	
		}
		
		.printtd, .printheadertd
		{
			border-bottom:solid 1px #ccc;	
			border-left:solid 1px #ccc;	
			padding-left:3px;
			margin-right:3px;
		}
		


	/*squash*/
		#tableContent 
        {
        	border:solid 1px #ddd;
        	border-top-style:none;
        	border-left-style:none;
        }
        #tableContent td 
        {
        	border:solid 1px #ddd;
        	border-bottom-style:none;
        	border-right-style:none;
        	font-size:12px;
        }
        .mytable, .mytable td 
        {
        	border-style:none;
			font-size:14px;
        }
        
        .commenttable, .commenttable td
        {
			font-size:10px;
        }
        
        .Szabad
        {
            background-color:#99FF99;	
            color:#555;
            font-size:8px;
        }
        .Foglalt
        {
            background-color:#FFCCFF;	
            color:#555;
            font-size:8px;
        }
		#title1, #menu
		{
			text-align:right;	
		}
		#title1, #title2, #title3
		{
			color:#343c7a;
            font-weight:bold;
            margin-left:5px;
            font-size:40px;
		}
		
		#footer
		{
			width:710px;
		}

		.SquashImg
		{		
			height: auto;
		}
		
		#info
		{
			font-size:small;	
		}
	
		#ProductDescription
		{
			width:650px;	
		}
		
		#content
		{
			
		}

		#divgrdTaskListGrid
		{
			float:left;
		}
	

	/*squash*/

	/*upload*/
	.fileUploadQueueItem {
		font: 11px Verdana, Geneva, sans-serif;
		background-color: #F5F5F5;
		border: 3px solid #E5E5E5;
		margin-top: 5px;
		padding: 10px;
		width: 300px;
	}
	.fileUploadQueueItem .cancel {
		float: right;
	}
	.fileUploadProgress {
		background-color: #FFFFFF;
		border-top: 1px solid #808080;
		border-left: 1px solid #808080;
		border-right: 1px solid #C5C5C5;
		border-bottom: 1px solid #C5C5C5;
		margin-top: 10px;
		width: 100%;
	}
	.fileUploadProgressBar {
		background-color: #0099FF;
	}

	/*login*/

	#cssDiv
	{
		
	}

	#loginDiv, #logDivBack
	{
		position:relative;
		left:-50%;
		width:500px;
		height:300px;
		
		position:absolute;
		top:50%;
		left:50%;

		box-shadow: 0px 0px 20px rgba(0,0,0,0.7); 
		-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.7); 
		-moz-box-shadow: 0 0px 20px rgba(0,0,0,0.7);
	}

	#logDivBack
	{
		background-color:#fff;
		opacity:0.4;
	}

	.loginDiv, .logDivBack {
	  -webkit-transform: translateX(-50%) translateY(-50%) scale(1) !important;
	  -moz-transform: translateX(-50%) translateY(-50%) scale(1) !important;
	  transform: translateX(-50%) translateY(-50%) scale(1) !important; 

	}


    #loginwrapper {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        background: url("../Css/_Background/login-bg.jpg");
        background-position: center center;
        background-size: cover;
    }


	#span_OpenFrame
	{
		font-size:40px;
		color:#ccc;
		position:absolute;
		top:270px;
		left:480px;
		cursor:pointer;
	}

	#span_OpenFrame:hover
	{
		color:#aaa;
	}

	#divPassByMe
	{
		margin:15px;
		margin-bottom:0px;
	}
		#frmPassByMe
	{
		
		margin:10px;
		margin-top:0px;
		font-family: 'Source Sans Pro', sans-serif;
        font-size:15px;
	}

	#btnARProtocols_IAA, #btnARProtocols_MIJ, #btnARProtocols_MUJ, #btnARProtocols_STJ
	{
		font-size:11px;
	}


#divgrdFirstPageGrid
{
	clear:both;
}

.FirstHelpLink {
	float:left;
	color:#555;
	clear:both;
	margin-left:20px;
}
.FirstHelpLink:hover {
	color:red;
}






.gridbutton {
    width: 76px !important;
    height: 26px !important;
    font-size:11px !important;
    border:solid 1px #f2eee3;
	color:#666 !important;
	padding:5px;
	padding-top:0px;
	background:#e1ddd2 !important;
}

.gridbutton:hover {
	background: #d3cec2 !important;
}



.controlicon {
    background-color: #faf9f4;
    float: left;
    padding: 6px;
    color: #999;
    border: solid 1px #f2eee3;
    border-right: none;
    margin-left: 0px;
    width: 15px;
    height: 15px;
}

.controlwithcontrolicon {
    border-left: none;
}

#txtFullsearchTextBox {
    margin-top: 10px;
    height: 15px;
    float: right;
    margin-left: 45px;
    margin-right: 10px;
    background: #2b2b2b !important;
    border: none;
    color: #7AC241 !important;
    width: 135px;
}

#btnFullSearchButton {
    margin-top:-25px;
    height: 24px;
    border:none;
    float:left;
    margin-left:10px;
    background: url("../Css/_Images/search_green.png");
    background-size:contain; 
    width: 26px;
}

	/*--DMFierstPage*/




/*SW*/

.SWBookingCateringTitle {
	position:absolute;
	top:30px;

}

.SWBookingCateringList {
	clear:both;
	float:left;
}
#divSWBookingCateringContent {
	height:200px;
	overflow-y: scroll;
	position:absolute;
	width:550px;

}




.SystemMessage_MessageContainer
{
    margin-left:137px;
    border:solid 1px #f2eee3;
    width: 300px;
    background:#faf9f4;
    color:#999;
    padding:5px;
    height:300px;

}



.GridColDiv {
    position:relative;
    top:-21px;
    left: Calc(100% - 60px);
    height: 0px;
    color: #999;
}





/*Kezdőképernyőn lévő grafikonok kinézete */
.divDashboardHome {
    -webkit-box-shadow: 10px 10px 5px -8px rgba(150,150,150,0.75);
    -moz-box-shadow: 10px 10px 5px -8px rgba(150,150,150,0.75);
    box-shadow: 10px 10px 5px -8px rgba(150,150,150,0.75);
    background-color: #fff;
    padding: 20px;
    margin: 20px;
    float: left;
    overflow-y: auto;
}

.cke_1 {
    margin-top: 2px !important;
}

.cke .cke_inner .cke_top,
.cke .cke_inner .cke_bottom {
    background: none;
}

.cke {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}
.cke_toolgroup a, .cke_toolgroup, .cke_combo_button {
    background: none !important;
}



.uploadcontainer {
    margin-top: 20px;
}

.uploadcontainer input {
    height:auto;
}


.DataLabel, .OutDataLabel {
    width: 370px;
}


#MainMenuButton {
    display: none;
}

#MainMenuLayer {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100vw;
    /*height: 100vh;*/
    background-color: black;
    visibility: hidden;
    z-index:11;
    opacity: 0.4;
}











.SliderListControlMainDiv {
    float: left;
    height: 0px;
}

.sliderlist_div {
    visibility: hidden;
    position: absolute;
}



.sliderlist_ul {
    margin: 1em 0 0;
    padding: 0;
    min-height: 18em;
    border: 1px solid #aaa;
    background: white;
    max-height: 18em;
    overflow-y: auto;
    z-index: 20;
    position: absolute;
}


.sliderlist_li, .mobilelist_li {
    position: relative;
    display: block;
    padding: 0 1em 0 7px;
    line-height: 18px;
    white-space: nowrap;
}

.sliderlist_li:hover:not(.li_selected), .mobilelist_li:hover:not(.li_selected) {
    background-color: #eee;
}

.sliderlist_li.focused, .mobilelist_li.focused {
    background: #bde4ff;
}

.li_selected {
    background: #0078d7;
    color: white;
}


.mobilelist_ul {
    border: 1px solid #ddd;
    margin: 0px;
    padding: 0;
    overflow-y:scroll;
    overflow-x:hidden;
}




#MainLoadingDiv {
    width: 100%;
    position: absolute;
    z-index: 2000;
    text-align: center;
    overflow:hidden;

    height: 0px;
}

#MainLoadingDivBackGround {
    position: absolute;
    width: 100%;
    height: 100vh;
    background-color: rgba(0,0,0,0.1);
}

#MainLoadingDivImage {
    content: url("../Css/_Images/loading2.gif");
    margin-top: 30vh;
    height: 100px;
    width: 100px;
}

#MainLoadingDivProgress {
    width: 202px;
    border: solid #ccc;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;

    border-width: 0px;
    height: 0px;
}
#MainLoadingDivProgressValue {
    background-color: green;
    height: 18px;
    margin: 1px;

    width: 0px;
}


.mainmenuimg {
    width: 24px;
    height: 24px;
    margin-top: 5px;
    margin-left: -6px;
    margin-right: 4px;
    float: left;
    overflow: hidden;
}


#MainMenuSplitter {
    display: none;
}


.fromtobetweenlabel {
    width: 20px;
    text-align: center;
    display: inline-block;
}