.scrollBlock::-webkit-scrollbar{
  width:5px;
  background-color:rgba(255,159,0, 1) ;
}



.scrollBlock::-webkit-scrollbar-thumb{

  background-color: rgba(255,159,0, 1);
}



.scrollBlock::-webkit-scrollbar-thumb:hover{
    border-width: 1px 1px 1px 2px;
    border-color: #555;
    background-color:rgba(255,159,0, 1);
}



.scrollBlock::-webkit-scrollbar-track{
    border-width:0;
    background-color:#D9D9D9;
}



.scrollBlock::-webkit-scrollbar-track:hover{
    background-color: #D9D9D9;
}


.TableContainer{
	padding-top:15px;
}

.AdminPageTitleContainer{
	display:flex; 
	align-items: center; 
	justify-content: space-between;
}

.AdminPageAddButton{
	bprder-radius:7px; 
	border:solid 1px #cccccc; 
	padding:7px 15px;
	font-size:12px; 
	cursor:pointer;
}

.TableBlock{
	padding-left:0px; 
	background-color:#eeeeee; 
	border:solid 1px #dddddd; 
	padding-right:0px; 
	padding-bottom:10px;
}

.TableHeaderRow{
	border-bottom:solid 1px #dddddd; 
	background-color:#eeeeee; 
	padding-top:7px; 
	padding-bottom:7px; 
	display:flex; 
	align-items: flex-start; 
	justify-content: space-between;
}

.TableRowItems{
	display:flex; 
	width:calc(100% - 200px); 
	align-items: flex-start; 
	justify-content: flex-start; 
	font-size:14px;
}

.TableHeaderRow .TableRowItems{
	font-size:13px;
}

.TableRow{
	border-bottom:solid 1px #dddddd; 
	 padding-top:10px; 
	 padding-bottom:10px; 
	 display:flex; 
	 align-items: flex-start; 
	 justify-content: space-between;
}

.TableRowButtons{
	width:200px; 
	display:flex; 
	align-items: center; 
	justify-content: flex-end; 
	padding-right:10px;
}

.TablePaginationContainer{
	margin:10px; 
	margin-left:auto; 
	margin-right:0px; 
	display:flex; 
	align-items: center; 
	justify-content: flex-end; 
	margin-right:10px;
}

.TablePaginationLabel{
	font-size:12px; 
	color:#444444; 
	margin-right:15px;
}

.TablePaginationItems{
	display:flex;
	align-items: center;
	justify-content: flex-end;
}

.TablePaginationItem{
	width:30px; 
	height:30px; 
	border:solid 1px #dddddd; 
	background-color:#ffffff; 
	display:flex; 
	align-items: center; 
	justify-content: center; 
	font-size:14px; 
	font-weight:bold; 
	curos:pointer;
}

.qrCodeButton{
	 border:solid 1px #cccccc; 
	 padding:4px 13px; 
	 font-size:17px; 
	 cursor:pointer; 
	 margin-right:10px; 
	 background-color: #eeeeee;
}

.editButton{
	border:solid 1px #cccccc; 
	padding:7px 15px; 
	font-size:14px; 
	cursor:pointer;
}

.deleteButton{
	border:solid 1px #ff5050; 
	background-color:#ff5050; 
	color:#ffffff; 
	padding:7px 15px; 
	font-size:14px; 
	margin-left:10px; 
	cursor:pointer;
}

.reloadButton{
	font-size:11px; 
	border:solid 1px #dddddd; 
	background-color:#ffffff; 
	color:#000000; 
	padding:1px 5px; 
	margin-left:10px; 
	cursor:pointer;
}

#windowsHider{
	position:fixed; 
	top:0px; 
	left:0px; 
	width:100vw; 
	height:100vh; 
	background-color:rgba(0,0,0,0.4); 
	display:none;
	z-index:3;
}

.FormWindowContainer{
	position:fixed; 
	width:50vw; 
	height:100vh; 
	overflow-y:auto; 
	right:0px; 
	top:0px; 
	background-color:#ffffff; 
	display:none; 
	border-left:solid 2px #dddddd;
	overflow-y:auto;
	z-index:4;
}

.loadingImageBlock{
	width: 100%;
   text-align: center;
   display: flex;
   align-items: center;
   justify-content: center;
   height: 100%;
}

.loadingImageBlock img{
	width:32px;
	height:32px;
}

.RowsContainer{
	min-height:200px;
	height:auto;
	width:100%;
	background-color:#ffffff;
}

.RowsContainer .loadingImageBlock{
	height:200px;
}

.AbminPageTitleButtons{
	display:flex; 
	align-items: center;
	justify-content: flex-end;
}

.changeViewButton{
	font-size:14px;
	width:30px;
	height:30px;
	display:flex;
	align-items: center;
	justify-content: center;
	cursor:pointer;
	margin-left:10px;
	border:solid 1px #dddddd;
}

.TableContainer.blocks{
	width:100%;
}

.TableContainer.blocks .ItemsBlock{
	width:100%;
	max-width:100%;
}

.TableContainer.blocks  .TableHeaderRow{
	display:none;
}

.TableContainer.blocks  .TableRow{
	flex-direction: column;
	width:calc(20% - 15px);
	min-width:250px;
	border:solid 1px #dddddd;
	margin:7px;
	position:relative;
}

.TableContainer.blocks .TableRowItems{
	flex-direction: column;
	width:100%;
	
	apdding-right:10px;
	font-size:14px;
	font-weight:400;
}

.TableContainer.blocks .TableRowItems > div{
	margin-bottom:7px;
	margin-left:10px;
}

.TableContainer.blocks  .RowsContainer{
	display:flex; 
	align-items: stretch;
	justify-content: flex-start;
	flex-wrap: wrap;
	background-color:inherit;
}

.TableContainer.blocks  .TableBlock{
	background-color:inherit;
  	border: none;
}

.TableContainer.blocks .ItemsBlockInside{
	 box-shadow: none;
}

.TableContainer.blocks  .TablePaginationContainer{
	justify-content: center;
}

.TableContainer.blocks  .TableRowButtons{
	position: absolute;
	top:7px; 
	right:0px;
	zoom:0.9;
}

.TableRowItems .image{
	text-align: center;
	margin-left:0px !important;
}

.TableRowItems .image img{
	max-height:70px;
	max-width:calc(100% - 10px);
}

.TableContainer.blocks .TableRowItems .image{
	width:100% !important;
	height:auto;
	margin-top:20px;
	max-height:none;
}

.TableContainer.blocks .TableRowItems .image img{
	max-width:100%;
	max-height:none;
}

.subNavMenu{
	padding-left:20px;
	border-left:solid 1px #dddddd;
	margin-left:20px;
}


.dropDownItem{
	position:relative;
	display:flex;
	align-items: center;
	justify-content: center;
	height:100%;
}



.dropDownItem a{
	height:100%;
}


.dropDownContainer{
	position:absolute; 
	top:66px; 
	left:0px; 
	width:auto; 
	background-color:#eeeeee;
	padding:10px;
	padding-bottom:15px;
	border:solid 1px #dddddd;
	display:none;
	align-items: flex-start;
	justify-content: flex-start;
}

.dropDownItem:hover .dropDownContainer{
	display:flex;
}

.dropDownContainer.active{
	display:flex;
}

.dropDownContainer .inline-flex{
	margin-right:15px;
}

/* WINDOWS FORM */
.WindowFormTitle{
	font-size:24px; 
	font-weight:bold; 
	color:#222222; 
	background-color:#eeeeee; 
	padding:20px;
}

.WindowFormContainer{
	margin-left: 15px;
  	margin-top: 15px;
}

.WindowsFormItemLabel{
	font-size:13px; 
	margin-bottom:5px;
}

.WindowsFormItemBlock{
	margin-bottom:10px;
}

.WindowsFormItemBlock.withSeparator{
	margin-top:15px;
	padding-top:15px; 
	border-top:dashed 1px #dddddd;
}

.WindowsFormItemBlock.withMarginTop{
	margin-top:10px;
}

.WindowsFormItemBlock input{
	padding:7px 10px; 
	border:solid 1px #dddddd; 
	width:calc(100% - 20px); 
	font-size:15px;
}

.WindowsFormItemContainer{
	display:flex; 
	align-items: flex-start; 
	justify-content: space-between;
}

.WindowsFormItemTwoColumns{
	width:calc(50% - 20px);
}

.WindowsFormItemBlock textarea{
	padding:7px 10px; 
	height:70px; 
	border:solid 1px #dddddd; 
	width:calc(100% - 20px); 
	font-size:15px;
}

.WindowFormItemImageBlock{
	width:calc(100% - 20px); 
	margin-top:35px; 
	height:220px; 
	background-color:#eeeeee; 
	background-position:center; 
	background-repeat:no-repeat; 
	background-size:cover;
	cursor:pointer;
}

.HiddenBlock{
	display:none;
}

.WindowsFormItemBlock select{
	padding:7px 10px; 
	border:solid 1px #dddddd; 
	width:calc(100% - 20px); 
	font-size:15px;
}

.WindowsFormButtonsBlock{
	margin-top:30px;
}

.WindowsFormSubmitButton{
	border:solid 1px #cccccc; 
	display:inline-block; 
	padding:10px 27px; 
	background-color:#eeeeee; 
	font-size:17px; 
	cursor:pointer;
}
/* [END] WINDOWS FORM */