.row .col {
	padding: 0 0.4rem;
}

.navbar-desktop .label{
	font-weight: bold;
	padding: 0px 0px 0px 5px;
	color: #000;
}

/*---------------------------------------------------------------
   modal
---------------------------------------------------------------*/
.modal.bottom-sheet {
	border-radius: 15px 15px 0 0;
}
.modal .modal-content h4 {
	font-size: 1.2rem;
	font-weight: bold;
}
.modal.modal-overlay-off{
	box-shadow: 0px -1px 5px #aaa;
}
.modal.modal-overlay-off .modal-content {
	padding:15px;
}
.modal.modal-overlay-off + .modal-overlay {
	display: none !important;
}
@media screen and (max-width:767px)
{
	.modal.modal-responsive {
		width: 100%;
		height: 100%;
		left: 0px;
		right: 0px;
		top: 0px !important;
		bottom: 0px;
		max-height: unset;
		padding: 0px;
		z-index: 100003 !important; /* <footer>:100002 */	
	}
	.modal.modal-responsive .modal-content {
		padding-left: 10px;
		padding-right: 10px;
	}
	.modal .modal-content {
		padding:10px;
	}
	
}
/*---------------------------------------------------------------
   dropdown
---------------------------------------------------------------*/
.dropdown-content li > a, .dropdown-content li > span {
	color: var(--color-secondary);	
	font-size: 1rem;
	border-bottom: 1px solid #eee;   
}
.dropdown-trigger .label {
	display: inline-block;
	margin-right: 5px;
}
.dropdown-trigger .label:after {
	content:'\f107';
	font-family:"Font Awesome 6 Pro";
	padding :0px 5px;
	font-size: 0.8rem;
	color: #bbbbca;
}
.dropdown-trigger i {
	display: inline-block !important;
}

.dropdown-content.dropdown-custom {
	border-radius: 10px;
	overflow:visible;
	padding-top:10px;
}
.dropdown-content.dropdown-custom:before {
	content: '';
	position: absolute;
	top: -4px;
	left: 20px;
	background-color: transparent;
	width: 12px;
	height: 12px;
	border: none;
	border-bottom: 4px solid white;
	border-left: 4px solid white;
	transform: rotateZ(135deg);
	box-shadow: -1px 1px 0.1px rgb(0 0 0 / 10%);
}

.dropdown-content.dropdown-custom li {
	min-height: inherit !important;
}
.dropdown-content.dropdown-custom li {
	min-height: inherit !important;
}
.dropdown-content.dropdown-custom li>a, .dropdown-content.dropdown-custom li>span {
	color:#333;
	font-size: 1rem;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}
.dropdown-content.dropdown-custom li > a > i {
	color:#888;
	font-size: 1rem;
	margin-left : 3px !important;
}

.autocomplete-content li img {
	width:32px;
	height:32px;
}

/*---------------------------------------------------------------
   select-wrapper
---------------------------------------------------------------*/
.select-wrapper .dropdown-content li {
	min-height: 32px;
}
.select-wrapper .dropdown-content li > a, .select-wrapper  .dropdown-content li > span {
	font-size: 0.9rem;
	color: var(--color-dark);
}

/*---------------------------------------------------------------
   switch
---------------------------------------------------------------*/
.switch label input[type=checkbox]:checked + .lever {
	background-color: var(--color-secondary);
}
.switch label input[type=checkbox]:checked + .lever:after {
	background-color: var(--color-primary);
}
.switch.switch-notOnOff{
	display: inline-block;
}
.switch.switch-notOnOff span{
	margin:0px 2px;
}
.switch.switch-notOnOff .switch-notOnOff-label {
	display: inline !important;
	padding: 5px 20px;
	border-radius: 8px;
	border: 1px solid #9170ff;
	font-size: 1rem;
	font-weight: bold;
	color: #666;
}
.switch.switch-notOnOff .switch-notOnOff-label.active {
	border: none;
	background-color: #9170ff;
	color:#fff;
}

.switch.switch-notOnOff label input[type=checkbox]+.lever,
.switch.switch-notOnOff label input[type=checkbox]:checked+.lever {
   background-color: #9170ff;	
}
.switch.switch-notOnOff label input[type=checkbox]+.lever:after,
.switch.switch-notOnOff label input[type=checkbox]:checked+.lever:after{
   background-color: #6232f9;	
}

/* theme redGreen */
.switch.switch-redGreen label input[type=checkbox] + .lever {
	margin: 0 4px;
	background-color: var(--color-dangerLight);
}
.switch.switch-redGreen label input[type=checkbox]:checked + .lever {
	margin: 0 4px;
	background-color: var(--color-successLight);
}
.switch.switch-redGreen label input[type=checkbox] + .lever:after {
	background-color: var(--color-danger);
}
.switch.switch-redGreen label input[type=checkbox]:checked + .lever:after {
	background-color: var(--color-success);
}

/*---------------------------------------------------------------
   tabs-custom
---------------------------------------------------------------*/
.tabs .tab a {
	color: var(--color-secondary);
	display: flex;
	align-items: center;
	justify-content: center;	
}
.tabs .indicator {
	background-color: var(--color-secondary);
}
.tabs .tab a:hover, .tabs .tab a.active {
	background-color: var(--color-grayLight);
	color: var(--color-primary);
	font-weight: bold;
}
.tabs .tab.disabled a, .tabs .tab.disabled a:hover {
	color: var(--color-secondary);
	opacity: 0.5;
}
.tabs .tab a:focus, .tabs .tab a:focus.active {
	background-color: var(--color-grayLight);
}

.tabs-custom {
	height:100%;
	display: flex;
}
.tabs-custom .tab {
	padding: 0px 2px;
	height:100%;
}
.tabs-custom .tab a {
	display: flex;
   align-items: center;
   justify-content: center;	
	background-color: var(--color-grayLight);
	color: var(--color-dark);
	border-radius: 10px;	
	height:100%;
	font-size: 0.9rem;
	padding: 0px 10px;
}
.tabs-custom.tabs-small .tab a {
	font-size: 0.7rem !important;
	padding: 0px 10px;
}
.tabs-custom .tab a i{
	font-size: 0.7rem;
	padding: 0px 2px;
}
.tabs-custom .tab a.active {
	background-color: var(--color-secondary);
	color: var(--color-white);
	border-radius: 10px;	
}
.tabs-custom .indicator {
	display:none;
}
.tabs-custom .tab a:focus, .tabs-custom .tab a:focus.active {
	background-color: var(--color-primary);
	color: var(--color-white);
}

@media screen and (max-width:768px) {
	.tabs .tab a {
		font-size: 1rem;
	}		
}
/*---------------------------------------------------------------
   collapsible-custom
---------------------------------------------------------------*/
.collapsible-custom {
   box-shadow: none;
	border:none !important;	
}
.collapsible-custom .collapsible-header {
	padding:0px !important;
	border:none !important;
	border-radius: 5px;
}
.collapsible-custom .collapsible-header.even {
   background-color: #eaedf6;
}
.collapsible-custom .collapsible-body {
	border:none !important;
}

/*---------------------------------------------------------------
   table-custom
---------------------------------------------------------------*/
.table-right td,.table-right th {
	direction:rtl !important;
	text-align:right !important;
}
.table-custom tr {
	/*border:none !important;*/
	border-bottom:0.5px solid #f3f3f3;
	transition: background-color 0.5s;
}
.table-custom th,
.table-custom td{
	text-align:center;
	border:none !important;
	border-radius: 0 !important;
}

.table-custom th {
	color:#666;
	font-size:0.9rem;
	font-weight:bold;
}
.table-custom td {
	height: 46px;
	font-size: 0.9rem;
	padding:5px;
	vertical-align:middle;
}
table.striped>tbody>tr:nth-child(odd) {
	background-color: var(--color-highlight);
}
.table-custom.table-small td,
.table-small td {
	height: 22px;
	font-size: 0.8rem;
	padding:5px;
}
.table-custom.table-padding0 td {
	padding:0px;
}
.table-custom.table-small th,
.table-small th {
	font-size: 0.8rem;
}
.table-custom.table-hSpace td{
	margin-top:1px;
	margin-bottom:1px;
}
.table-custom.table-form tr td label{
	font-weight: bold !important;
	font-size:0.9rem !important;
	color: var(--color-dark);
	text-align: right !important;
}
.table-custom.table-form tr td{
	text-align: right !important;
}
.table-custom.table-form tr td label span{
	color: red !important;
}



@media screen and (min-width:769px) {
	.tbl-list thead th {
		height:0px;
		padding: 0;
		margin: 0;
		line-height: 0;
		opacity: 0;	
	}
	.tbl-list table:first-child thead th {	
		height:36px;
		padding: inherit;
		margin: inherit;
		line-height: inherit;
		opacity: inherit;	
	}
    .tbl-list table.striped tbody > tr {
		background-color: var(--color-white);
	}	
    .tbl-list table.striped:nth-child(odd) tbody > tr {
		background-color: var(--color-highlight) !important;
	}		
}

@media screen and (max-width:768px) {
	.tbl-list table{
		display: flex;
		margin-bottom: 5px;
		border:1px solid var(--color-grayLight);
		border-radius: var(--radius);
		overflow:hidden;
	}
	.tbl-list table thead,
	.tbl-list table tbody {
		display:block;
	}
	.tbl-list table tbody {
		width:100%;
	}	
	.tbl-list table thead tr,
	.tbl-list table tbody tr {
		display: flex;
		flex-direction: column;
	}
	.tbl-list table thead tr {
		width:100px;
	}		
	.tbl-list table thead {
		border-right: none;
		border-left:1px solid var(--color-grayLight);
		border: 0;
	}
	.tbl-list table thead th {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		padding: 0;
		padding-right:5px;
		min-width: 75px;
		height: 30px;
	}
	.tbl-list table tbody td {
		display: flex;
		align-items: center;
		justify-content: flex-end;
		padding:0;
		padding-left:5px;
		height: 30px;
	}
	
	.tbl-list table.striped > tbody > tr:nth-child(odd) {
		background-color: inherit;
		/*background-color: rgba(242, 242, 242, 0.5);*/
	}
	/*
	.tbl-list table.striped > tbody > tr > td:nth-child(odd) {
		background-color: rgba(242, 242, 242, 0.5);
	} 
	.tbl-list table.striped > thead > tr > th:nth-child(odd) {
		background-color: rgba(242, 242, 242, 0.5);
	}
	*/	
}

/*---------------------------------------------------------------
   input-field
---------------------------------------------------------------*/
.input-field .prefix {
	position: absolute;
	width: 3rem;
	font-size: 1.2rem !important;
	-webkit-transition: color .2s;
	transition: color .2s;
	top: 50%;
	transform: translateY(-50%);	
}
.input-field .prefix.active {
	color: var(--color-secondary);
}

.input-field .prefix ~ input, .input-field .prefix ~ textarea, .input-field .prefix ~ label, .input-field .prefix ~ .validate ~ label, .input-field .prefix ~ .helper-text, .input-field .prefix ~ .autocomplete-content {
	margin-right: 2.5rem !important;
}

input:not([type]):focus:not([readonly]) + label,
input[type=text]:not(.browser-default):focus:not([readonly]) + label,
input[type=password]:not(.browser-default):focus:not([readonly]) + label,
input[type=email]:not(.browser-default):focus:not([readonly]) + label,
input[type=url]:not(.browser-default):focus:not([readonly]) + label,
input[type=time]:not(.browser-default):focus:not([readonly]) + label,
input[type=date]:not(.browser-default):focus:not([readonly]) + label,
input[type=datetime]:not(.browser-default):focus:not([readonly]) + label,
input[type=datetime-local]:not(.browser-default):focus:not([readonly]) + label,
input[type=tel]:not(.browser-default):focus:not([readonly]) + label,
input[type=number]:not(.browser-default):focus:not([readonly]) + label,
input[type=search]:not(.browser-default):focus:not([readonly]) + label,
textarea.materialize-textarea:focus:not([readonly]) + label {
  color: var(--color-secondary);
}

input:not([type]):focus:not([readonly]),
input[type=text]:not(.browser-default):focus:not([readonly]),
input[type=password]:not(.browser-default):focus:not([readonly]),
input[type=email]:not(.browser-default):focus:not([readonly]),
input[type=url]:not(.browser-default):focus:not([readonly]),
input[type=time]:not(.browser-default):focus:not([readonly]),
input[type=date]:not(.browser-default):focus:not([readonly]),
input[type=datetime]:not(.browser-default):focus:not([readonly]),
input[type=datetime-local]:not(.browser-default):focus:not([readonly]),
input[type=tel]:not(.browser-default):focus:not([readonly]),
input[type=number]:not(.browser-default):focus:not([readonly]),
input[type=search]:not(.browser-default):focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
   border-bottom: 1px solid var(--color-secondary);
   -webkit-box-shadow: 0 1px 0 0 var(--color-secondary);
   box-shadow: 0 1px 0 0 var(--color-secondary);
}

input.valid:not([type]),
input.valid:not([type]):focus,
input.valid[type=text]:not(.browser-default),
input.valid[type=text]:not(.browser-default):focus,
input.valid[type=password]:not(.browser-default),
input.valid[type=password]:not(.browser-default):focus,
input.valid[type=email]:not(.browser-default),
input.valid[type=email]:not(.browser-default):focus,
input.valid[type=url]:not(.browser-default),
input.valid[type=url]:not(.browser-default):focus,
input.valid[type=time]:not(.browser-default),
input.valid[type=time]:not(.browser-default):focus,
input.valid[type=date]:not(.browser-default),
input.valid[type=date]:not(.browser-default):focus,
input.valid[type=datetime]:not(.browser-default),
input.valid[type=datetime]:not(.browser-default):focus,
input.valid[type=datetime-local]:not(.browser-default),
input.valid[type=datetime-local]:not(.browser-default):focus,
input.valid[type=tel]:not(.browser-default),
input.valid[type=tel]:not(.browser-default):focus,
input.valid[type=number]:not(.browser-default),
input.valid[type=number]:not(.browser-default):focus,
input.valid[type=search]:not(.browser-default),
input.valid[type=search]:not(.browser-default):focus,
textarea.materialize-textarea.valid,
textarea.materialize-textarea.valid:focus,
.select-wrapper.valid > input.select-dropdown {
	border-bottom: 1px solid var(--color-secondary);
	-webkit-box-shadow: 0 0 0 0 var(--color-secondary);
	box-shadow: 0 0 0 0 var(--color-secondary);
}