@media screen and (max-width: 992px) {
	.extra-top{margin-top:0px!important;}
	main,[data-role="app-top-bar"]{margin-top:0px!important;box-shadow:unset!important;}
}
body,html{overflow:hidden;background-color:#e8eaed;font-family:"Roboto"!important;}
.WebComApp{position:fixed;width:100%;height:100%;top:0;left:0;display:block;overflow:hidden;}
main{margin-top:10px; overflow-y:auto;}
span[data-role="app-title"]{margin-left:16px;line-height:50px;user-select:none;font-size:1.4em;}
span[data-role="app-title"] a{text-decoration:none;}
div[data-role="app-sidebar"]{width:250px;z-index:10;display:none;}
div[data-role="app-sidebar"] .w3-bar-item{line-height:32px;color:#000;}
div[data-role="app-sidebar"] .w3-bar-item:hover, div[data-role="app-tab-bar"] .w3-bar-item:hover{background-color:#edebe9!important;}
div[data-role="top-notification"]{width:100%;background: lightgoldenrodyellow;height:0px;overflow:hidden;user-select:none;}
div[data-show-top-notification]{height:27px;animation:opac 3s;max-width:1200px;margin-left: auto;margin-right: auto;margin-top: 0px;border-radius:4px;box-shadow: 0 2px 6px 0 rgb(0 0 0 / 30%);}
div[data-role="top-notification"] [data-msg]{width:95%;display:block;height:20px;padding-left: 1%;margin-top: 3px;float:left;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color: #444;text-align: center;display: block;height: 20px;}
div[data-role="top-notification"] [data-close-btn]{line-height:22px;margin-top:2px;cursor:pointer;float:right;}
div[data-top-notification-type="succes"]{background:lightgreen;}
div[data-top-notification-type="info"]{background:lightskyblue;}
div[data-top-notification-type="worning"]{background:lightyellow;}
div[data-top-notification-type="error"]{background:coral;}
header .w3-bar-item:hover,header .w3-bar-item:active{background-color: #edebe9!important;/*border-radius:0px!important;*/color:#000!important;}
/*div.w3-main{margin-left:250px;}*/
.extra-top{margin-top:53px;}
	form {line-height:1;}
	button{line-height:1.5;outline:none;}
	.btn-primary{border:1px solid var(--btn-border-color);background-color:#f4f6fd!important;color:var(--theme-color);}
	.btn-primary:hover{background-color:#f4f6fd/*#edebe9*/!important;border:1px solid #444;}
	.btn-reset{background-color: #f9f9f9!important;border:1px solid var(--btn-border-color);}
	.btn-reset:hover{background-color:#f9f9f9!important; border:1px solid #444;}
	.w3-disabled, .w3-btn:disabled, .w3-button:disabled {cursor: not-allowed;opacity: 0.3 !important;}
	input,textarea,select{outline:none;}
	form textarea{resize:none;}
	form .w3-input{padding: 4px 8px !important;border-radius:0px!important;}
	form .w3-input:focus{border-bottom: 1px solid var(--theme-color);}
	form label span{font-size:14px;user-select: none;}
	form label span.invalid-message[data-invalid-message]:after{content:attr(data-invalid-message);float:right;color:#d70022;}
	select.w3-border{border:none!important;border-bottom:1px solid #ccc!important;}
	/*[class^="w3-"]{font-family:"Roboto"!important;}*/
	.w3-button, .w3-btn, .w3-input{border-radius:2px!important;}
	.custom-small{min-width:80px;padding:0 16px;height:32px;line-height:32px;}
	.w3-input[type="file"]{color:#000;}
	.overlay-sidebar {
	z-index: 3;
    position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 110%;
	/*overflow: auto;*/
    background-color: rgba(0,0,0,0.4);
}
.no-radius{border-radius:0px!important;}

.like-p{margin:15px 0px;}

.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  z-index: 99;
  border-radius:5px;
  padding: 0px 1px;
  max-height: 276px;
  overflow:auto;
  /* width:auto; */
  background-color:#fff;
}

.autocomplete-items div {
  padding: 8px;
  cursor: pointer;
  background-color: #fff;
  height:39px;
  border-radius: 2px;
  /* border-bottom: 1px solid #edebe9; */
  font-size: 15px;
  text-align: left;
}

.autocomplete-items div:hover {
  background-color: #edebe9; 
}

.autocomplete-active{
	background-color: #edebe9!important; 
  /*background-color:#68bdb3!important; 
  color: #fff; */
}

.w3-hoverable tbody tr:hover, .w3-ul.w3-hoverable li:hover {
    background-color: #edebe9!important;
}
.ripple {
  background-position: center;
  transition: background 0.3s;
}
.ripple:hover {
  background: #ccc radial-gradient(circle, transparent 1%, #ccc 1%) center/15000%; /*initial #47a7f5*/
}
.ripple:active {
  background-color: #edebe9; /* initial #6eb9f7;*/
  background-size: 100%;
  transition: background 0s;
}

label input[type="checkbox"], label input[type="radio"]{/* display: none; */outline:none;float:left;appearance: none;width:0px;height:0px;}
label input[type="checkbox"] + span, label input[type="radio"] + span{padding-left: 5px;user-select:none;-ms-user-select:none;min-height:16px;}
label input[type="checkbox"] + span:before{content:" ";position:relative; display:block;width:16px;height:16px; float:left;border:1px solid #aaa; border-radius:2px; font-size:7px; /*transition:font-size 0.1s;*/}
label input[type="checkbox"]:checked + span:before{content:"\2713";background-color:var(--theme-color);padding-left:2px;padding-top:0px;color:#fff;border:1px solid var(--theme-color);font-size:inherit;}
label input[type="radio"] + span:before{content:" ";position:relative; display:block;width:16px;height:16px; float:left;border:1px solid #aaa; border-radius:50%; font-size:inherit; transition:background-color 0.2s;}
label input[type="radio"]:checked + span:before{background:var(--theme-color);background-clip:content-box;padding: 2px;color:var(--theme-color);border:2px solid var(--theme-color);}
label input[type="checkbox"] + span:before,label input[type="radio"] + span:before{transform:scale(115%);}
span[data-type-reset] i{font-size:17px;color:var(--theme-color);cursor:pointer;}
span[data-type-reset]::before{display:none!important;}
[readonly], [disabled] {cursor:default;pointer-events:none!important;background-color:transparent;}
[readonly]:focus{border-bottom:solid #ccc 1px!important;}
.w3-animate-zoom-plus {animation:animatezoom-plus 0.2s}@keyframes animatezoom-plus{from{transform:scale(0.9);opacity:0;} to{transform:scale(1);opacity:1;}}
@keyframes animatezoom-minus{from{opacity:1;transform:scale(1);} to{opacity:0;transform:scale(0.9);}}

.w3-animate-top-plus{position:relative;animation:animatetop-plus 0.2s}@keyframes animatetop-plus{from{top:-300px;opacity:0} to{top:0;opacity:1}}
@keyframes animatetop-minus{from{top:0px;opacity:1} to{top:-300px;opacity:0}}

@keyframes animateleft-minus{from{left:0px;opacity:1} to{left:-350px;opacity:0}}

.w3-animate-opacity-plus{animation:animate-opacity-plus 0.3s}@keyframes animate-opacity-plus{from{opacity:0} to{opacity:1}}
@keyframes animate-opacity-minus{from{opacity:1} to{opacity:0}}

.w3-animate-rotate-3d{animation: animate-rotate-3d 0.2s;} @keyframes animate-rotate-3d{from{transform: rotate3d(1, 1, 1, 120deg);} to{transform: rotate3d(1, 1, 1, 0deg)}}
.w3-animate-rotate-x{animation: animate-rotate-x 0.2s;} @keyframes animate-rotate-x{from{transform: rotateX(90deg);opacity:0;} to{transform: rotateX(0deg);opacity:1;}}
.w3-animate-rotate-y{animation: animate-rotate-y 0.2s;} @keyframes animate-rotate-y{from{transform: rotateY(90deg);opacity:0;} to{transform: rotateY(0deg);opacity:1;}}
.w3-animate-rotate-x-45{animation: animate-rotate-x 0.2s;} @keyframes animate-rotate-x{from{transform: rotateX(45deg);opacity:0;} to{transform: rotateX(0deg);opacity:1;}}
.w3-animate-rotate-y-45{animation: animate-rotate-y 0.2s;} @keyframes animate-rotate-y{from{transform: rotateY(45deg);opacity:0;} to{transform: rotateY(0deg);opacity:1;}}
.w3-animate-translate-top{animation: animate-translate-top 0.3s;} @keyframes animate-translate-top{from{transform: translateY(-800px);} to{transform: translateY(0)}}
.w3-animate-translate-bottom{animation: animate-translate-bottom 0.3s;} @keyframes animate-translate-bottom{from{transform: translateY(800px);} to{transform: translateY(0)}}
.w3-animate-translate-top-2{animation: animate-translate-top 0.2s;} @keyframes animate-translate-top{from{transform: translateY(-800px);} to{transform: translateY(0)}}
.w3-animate-translate-bottom-2{animation: animate-translate-bottom 0.2s;} @keyframes animate-translate-bottom{from{transform: translateY(800px);} to{transform: translateY(0)}}
.w3-animate-blink{animation:blinking 1s infinite}@keyframes blinking{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.w3-animate-blink:hover{animation: none;}

.w3-spin-left{animation:w3-spin-left 1s infinite linear}@keyframes w3-spin-left{0%{transform:rotate(359deg)}100%{transform:rotate(0deg)}}
.w3-spin-right{animation:w3-spin-right 1s infinite linear}@keyframes w3-spin-right{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}

.pulse {animation: pulse 0.75s infinite;}
.pulse:hover{animation: none;}
@keyframes pulse {
  0% {box-shadow: 0 0 0 0 rgba(65, 105, 225, 0.4);}
  70% {box-shadow: 0 0 0 10px rgba(65, 105, 225, 0);}
  100% {box-shadow: 0 0 0 0 rgba(65, 105, 225, 0);}
}

.red-60 {color:var(--red-60)!important;}

.input--error__field {
    border-color: var(--red-60);
    box-shadow: 0 0 0 1px #d70022, 0 0 0 4px rgba(251, 0, 34, .3);
}

.center {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.vertical-center {
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.no-select{user-select:none;}
.no-events {pointer-events:none!important;}
.blur-1{filter:blur(1px);}

[data-role="contextmenu"]{position: fixed;visibility:hidden;}
[data-role="contextmenu"] button .material-icons{line-height: 22px;}

[data-table]{width:auto;}
[data-table] table caption{font-size:24px;margin-top:14px;margin-bottom: 14px;}
[data-table] table caption button{background:transparent;width:50px;height:50px;padding:0px 13px;border-radius:50%!important;}
[data-table] table caption button:hover {background-color: #edebe9!important;}
[data-table] table caption .search-div{height:50px;margin-top:16px;}
[data-table] table caption .search-div .card{width:50%;float:right; box-shadow:none;/*border-bottom:solid 1px #ccc;*/}
[data-table] table caption .search-div .card-content{padding:0;height:50px;}
[data-table] table caption .search-div .card-content input[type="text"]{padding:1px;font-size:14px; line-height:14px; height:22px;border:none;border-bottom:solid #ccc 1px;width:100%;outline:none;font-weight:600;}
[data-table] table caption .search-div .card-content select{padding:1px;font-size:12px;height:auto;width:50%;border:none;color:#555;display:block;outline:none;float:left;height:20px;cursor:pointer;}
[data-table] table caption .search-div .card-content input[type="text"]:focus{border-bottom:1px solid #3a84df;}
[data-table] table caption .search-div .card-content .clear-button{font-size:14px;line-height:14px;margin-right:5px;border:solid 1px #ccc;border-radius:50%;cursor:pointer;visibility:hidden;}
[data-table] table{width: 100%;table-layout: auto;}
[data-table] th div {width:fit-content;}
[data-table] th div label,[data-table] th div .icon-sort{float:left;}
[data-table] th div .icon-sort{pointer-events:none;}
[data-table] th div label:hover{text-decoration:underline;cursor:pointer;}
[data-table] th[data-text-align="center"] div {margin-left:auto;margin-right:auto;}
[data-table] th[data-text-align="right"] div {float:right;}
[data-table] .tbl-header thead th[data-reset-order] .clear-button:hover{background-color:#aaa;color:#fff;}
[data-table] .tbl-header thead th[data-reset-order="false"]{pointer-events:none;}
[data-table] .tbl-header thead th[data-reset-order="false"] .clear-button {visibility: hidden;}
[data-table] .tbl-header thead th[data-reset-order="true"] .clear-button {visibility: visible;}
[data-table] .tbl-header thead th[data-reset-order] .clear-button{font-size: inherit;line-height: 15px;margin-right:14px;border: solid 1px #aaa;border-radius:50%;cursor:pointer;width: 16px;height: 16px;padding-left: 0.25mm;font-weight: 600;}
[data-table] .tbl-header thead th .icon-sort{font-size:inherit;color: var(--theme-color);font-weight:inherit;position:relative;top: 3px;left:5px;line-height: 15px;min-width: 13px;}
[data-table] .tbl-header{background-color:transparent;border-bottom:solid #ccc 1px;/*border-top:solid #ccc 1px; border-left:solid #ccc 1px; border-right:solid #ccc 1px;*/}
[data-table] .tbl-content{height:400px;overflow-x: hidden;margin-top:0px;/* border: 1px solid #ccc; *//* padding: 1px; */overflow-y: auto;}

[data-table] .tbl-content tbody{outline:none;}
[data-table] .tbl-content tbody .progress {background-color:gainsboro;margin-top:0%;}
[data-table] .tbl-content tbody .progress .indeterminate {background-color:#3a84df;}

[data-table] th{
  padding: 16px 4px;
  text-align: left;
  font-size: 13px;
  font-weight: 400;
  color: var(--theme-color);
  text-transform: uppercase;
  min-width:100px;
  user-select:none;
  display: table-cell;
  height: 50px;
  text-shadow: 0px 0px 1px #ddd;
}

[data-table] td{
  padding: 4px;
  text-align: left;
  vertical-align:middle;
  font-weight: 400;
  font-size: 14px;
  color: #000;
  border-bottom: solid 1px #ccc;
  min-width: 100px;
  cursor:default;
  user-select:none;
  border-radius:0!important;
  white-space: nowrap;
}

[data-table] tbody tr:hover{background-color:#edebe9!important;}
[data-table] tbody tr:hover td{color:#000!important;}
[data-table] td:last-child i:hover{color:var(--theme-color);}
[data-table] tbody tr:hover td:last-child i{visibility:visible;}
[data-table] td i:first-child {margin-right: 8px;}
[data-table] td i:not(:first-child){margin-right:4px;}
[data-table] td:last-child i{
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	line-height: inherit;
	letter-spacing: normal;
	text-transform: none;
	display: block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	/*-webkit-font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;*/
	float:right;
	min-height: 35px;
	width: 35px;
	height:35px;
	cursor: pointer;
	padding: 1px 7px;
	font-size: 20px;
	background-color:#fff;
	border-radius: 50%;
	border: solid #ddd 1px;
	position: relative;
	top: 0px;
	user-select: none;
	color: rgba(0,0,0,0.8);
	visibility: hidden;
	transition: transform 0s;
}

[data-table] .red-select td, [data-table] .red-select td * {
	background-color: rgb(244, 67, 54); color:#eee!important; animation:animate-opacity-plus 0.4s; animation-fill-mode: forwards;}
[data-table] .red-select td button{color:#eee;}

/*
[data-table] ::-webkit-scrollbar{width: 6px;}
[data-table] ::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);}
[data-table] ::-webkit-scrollbar-thumb{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);}*/

@media screen and (max-width: 600px) {
	.dialogBox[id^="confirm_"]{
		margin-left: auto;
		margin-right: auto;
		margin-top: 50%!important;
	}
	
  .dialogBox:not([id^="confirm_"]) {
    position: fixed;
    top: -54px;
    left: 0;
	border-radius:0;
	box-shadow:unset;
    width: 100%!important;
    max-width: 100%!important;
    height: 101%;
  }
  .dialogBox:not([id^="confirm_"]) .dialogTitleBar {height:52px;background-color:var(--theme-color); color:#fff; border-radius:0;}
  .dialogBox:not([id^="confirm_"]) .dialogTitleBar button i {color:#fff;}
  .dialogBox:not([id^="confirm_"]) .scroll-area {overflow:hidden;height:auto;padding-bottom:75px;}
  .dialogBox:not([id^="confirm_"]) .footer{display:none;}
  .dialog-ok-mobile, .dialog-cancel-mobile{display:block!important;}
  .dialogClose{display:none;}
  .toast-container{
	left: 0px !important;
	bottom: 2px !important;
	width: 100%!important;
	max-width: 100%!important;
	right: unset!important;
	top: unset!important;
	}
	.toast:not(:first-child){margin-top:4px!important;}
	.toast{width:98%!important; margin-left:auto;margin-right:auto;}
}
 
.toast-container{
	position: fixed;
	bottom: 5px; 
	left: 5px;
	user-select:none;
	cursor:default;
	width:250px;
	z-index:1000;
} 
 
.toast{
	min-height: 50px;
	width:100%;
	/*background-color:var(--theme-color)!important; /*#202124*/
	/*color: #fff!important;*/
	border-radius: 4px;
	/*filter:grayscale(1);*/
}

.toast p{margin:0;}
.toast p .material-icons{position:relative;top:7px;}

.toast:not(:first-child){margin-top:8px;}

.dialogBox{background-color:#fff;background-clip: content-box;border: 1px solid transparent;border-radius: 4px; /*3.5px;*/box-shadow: 0 2px 6px 0 rgba(0,0,0,0.3);display: block;margin: 0;padding: 0;width: 50%;margin-left: auto;margin-right: auto;margin-top: 53.5px;}

.dialogTitleBar {
	height:36px;
    margin-top: 0;
    padding: 9px 0;
	background-color:#fff;
	border-radius: 4px;
}

.dialogTitle {
	font-size: 1.4em;
    text-align: center;
    user-select: none;
}

.dialogClose {
    border: none;
    position: relative;
	right: 8px;
	width: 24px;
	height: 24px;
	color: inherit !important;
	cursor: pointer;
	float:right;
	background:#fff;
	border-radius: 2px;
	padding:0;
	user-select: none;
}

.dialog-ok-mobile, .dialog-cancel-mobile{
	padding:0 16px;
	height: 32px;
	line-height: 32px;
	background-color: inherit!important;
	border: none;
	outline: none;
	overflow: hidden;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
	white-space: nowrap;
	display:none;
}
.dialog-ok-mobile{float:right;margin-right:8px;border-radius:2px;}
.dialog-cancel-mobile{float:left;margin-left:8px;border-radius:2px;}
.dialog-ok-mobile:hover, .dialog-cancel-mobile:hover{background-color:#edebe9!important;color:#000!important;}
.dialog-ok-mobile:hover i, .dialog-cancel-mobile:hover i{color:#000!important;}

.dialogClose:hover{background-color:#edebe9!important; border:unset!important;}

.dialogContent{
	padding:20px;
	width: 100%;
	min-width: 25%;
	overflow:auto;
	height:100%;
}

.dialogContent .scroll-area {overflow:auto;}

.dialogContent p.w3-center{margin:0;}

.overlay {
	z-index: 100;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	/*overflow: auto;*/
	background-color: rgba(0,0,0,0.4);
	display:none;
	outline: none;
}
.overlay-open{display:block!important;}
div[id^="confirm_"]{max-width:340px;min-width:260px;margin-top:15%;}
div[id^="confirm_"] button{min-width:80px; margin-left:3px; margin-right:3px;}
div[id^="confirm_"] p:first-child{font-size:16px;}
form .w3-progress-indeterminate{margin-bottom:10px;}
.w3-progress-indeterminate{height:4px; visibility:hidden;}
.w3-progress-indeterminate[data-active="true"]{visibility:visible;}
.w3-progress-indeterminate[data-active="true"] div{width:35%;height:4px;animation:animate-indeterminate 0.6s infinite linear alternate;}

@keyframes animate-indeterminate{from{margin-left:0%;} to{margin-left:65%;}}
.w3-round-xlarge div{border-radius:16px;}
[data-role="contextmenu"] button{filter:grayscale(1);}
[data-role="contextmenu"] button:hover{background-color: #edebe9!important;}
[is="custom-progress"]{
	width: 100%;
	height: 8px;
	border: solid var(--theme-color) 1px;
	border-radius: 3px;
	padding: 1px;
	background-color: #fff;
	background-image: linear-gradient(var(
	--theme-color),var(--theme-color));
	background-position: left;
	background-clip: content-box;
	background-repeat: no-repeat;
	background-size: 0%;
}
span.w3-tag{position:fixed!important;z-index:1000!important;}