@charset "UTF-8";
:root {
    --wordColor: #FFFFFF;
    --backgroundColor: linear-gradient(to bottom, #0eaa7d 1%,#09897a 100%) ;
    --indexBackground: #024D59 ;
}

ul::-webkit-scrollbar-thumb {
    background: #5dc9aa !important;
    border-radius: 6px;
}

 ul::-webkit-scrollbar-track {
     background: #0da67c !important;
 }
 
 .sidebar {
    border: 1px solid var(--backgroundColor) !important;
}

.sidebar.close .menu li .menu-content {
    background: var(--backgroundColor) !important;
    border: 1px solid var(--backgroundColor)  !important;
}
 
.loginBtn {
  /*   background-color: #098979 !important; */
    cursor: pointer;
}

/* button CSS */
.button {
    background-color: #098979 !important;
    border: 1px solid  #098979 !important;
}

.button:hover,
.button:focus {
    border-color: #098979 !important;
}

/* kendo grid CSS */
	.k-grid .k-table-tbody > .k-table-row:not(.k-detail-row):hover,
	.k-grid .k-table-tbody > .k-table-row:not(.k-detail-row).k-hover {
	    background-color: #CFEEE5 !important;
	}
	
.modifyWordColor {
    color: #0EAA7D !important;
}
	
.k-checkbox:checked:focus,.k-checkbox.k-checked.k-focus {
    box-shadow: 0 0 0 2px  color-mix(in srgb, #098979 30%, transparent);
}

.k-checkbox:checked,.k-checkbox.k-checked {
    border-color: #098979 !important;
    color: #ffffff !important;
    background-color: #098979 !important;
}
	.k-grid td.k-selected,
	.k-grid .k-table-row.k-selected > td,
	.k-grid .k-table-td.k-selected,
	.k-grid .k-table-row.k-selected > .k-table-td {
	    background-color: #0EAA7D !important;
   		color: #ffffff !important;
/*    	   border-bottom: 1px solid #CFEEE5 !important; */
	}
	
.k-button-flat-primary {
    color: #0EAA7D !important;
}
	
	.k-grid td.k-selected >.modifyWordColor,
	.k-grid .k-table-row.k-selected > td >.modifyWordColor,
	.k-grid .k-table-td.k-selected >.modifyWordColor,
	.k-grid .k-table-row.k-selected > .k-table-td  >.modifyWordColor
	{
	   		color: #ffffff !important;
	}
	
.k-pager-info {background-color:#098979 !important; }
		
.k-list-item.k-selected,.k-selected.k-list-optionlabel {
    color: var(--kendo-color-on-primary, white);
    background-color: #0EAA7D !important;
}

.k-list-item.k-selected:hover,.k-selected.k-list-optionlabel:hover,.k-list-item.k-selected.k-hover,.k-selected.k-hover.k-list-optionlabel {
    color: var(--kendo-color-on-primary, white);
    background-color: #0EAA7D !important;
}

.k-expander-title {
    color:  #0EAA7D !important;
}

/** kendo chipList*/
.k-chip-solid-success {
    border-color: #098979 !important;
    color: #ffffff !important;
    background-color: #098979 !important;
}

/** bootstrap selectpicker*/
.dropdown-item.active, .dropdown-item:active {
    color: #ffffff !important;
    background-color: #0EAA7D !important;
}


.tooltip2 span {
  font-size:10pt !important;
  color: #0EAA7D !important;
} 
			
.searchTable td > span {
    font-size: 10pt !important;
    color: #0EAA7D !important;
}

#first:checked ~ .tab-title .tab-bar .first,
#second:checked ~ .tab-title .tab-bar .second,
#third:checked ~ .tab-title .tab-bar .third,
#fourth:checked ~ .tab-title .tab-bar .fourth,
#fifth:checked ~ .tab-title .tab-bar .fifth,
#sixth:checked ~ .tab-title .tab-bar .sixth,
#seventh:checked ~ .tab-title .tab-bar .seventh,
#eighth:checked ~ .tab-title .tab-bar .eighth,
#ninth:checked ~ .tab-title .tab-bar .ninth,
#tenth:checked ~ .tab-title .tab-bar .tenth {
    color: #0EAA7D !important;
    border-bottom: 3px #0EAA7D solid !important;
}

.k-menu-group .k-item>.k-link:active,.k-menu-group .k-item>.k-link.k-active,.k-menu-group .k-item>.k-link.k-selected,.k-menu.k-context-menu .k-item>.k-link:active,.k-menu.k-context-menu .k-item>.k-link.k-active,.k-menu.k-context-menu .k-item>.k-link.k-selected {
    color: var(--kendo-color-on-app-surface, #272727) !important;
    background-color: var(--kendo-color-base-hover, #e0e0e0) !important;
}

.k-dropzone-note a {
	 color: #0EAA7D !important;
}

 .uploadTag {
 color: #0EAA7D !important;
}

.section-title {
	border-left: 4px solid #098979 !important
}

/** bootstrap 雙邊選擇器*/
.btn-outline-primary {
  color: #098979 !important;
  border-color: #098979 !important;
}

.btn-outline-primary:hover {
  color:#ffffff !important;
  background-color: #0EAA7D !important;
  border-color: #0EAA7D !important;
}

.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
  background-color: #098979 !important;
  border-color: #098979 !important;
}