.w2ui-reset table tr td{
	color: #333;
	font-size:1.2em;
	padding-right: 2px!important;
	padding-left: 2px!important;
	
}
/*
.w2ui-reset table tr:hover{
	background-color: #d9eaff!important;
}
*/
.w2ui-grid-fcolumns,
.w2ui-grid-frecords{
	border-right: solid 1px #aaa;
}

tr.w2ui-selected{
	border-top:solid 2px #269df0!important;
	border-bottom:solid 2px #269df0!important;
	border-left:solid 1px #269df0!important;
	border-right:solid 1px #269df0!important;
}

tr:has(td.w2ui-selected),
tr:has(td.w2ui-row-selected){
	border-top:solid 2px #269df0!important;
	border-bottom:solid 2px #269df0!important;
	border-left:solid 1px #269df0!important;
	border-right:solid 1px #269df0!important;
}

.w2ui-popup{
	z-index: 9999;
}

.w2ui-popup .w2ui-grid-box{
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
}

#grid_mygrid_frec_top td,
#grid_mygrid_rec_top td,
#grid_mygrid_wage_frec_top td,
#grid_mygrid_wage_rec_top td,
#grid_mygrid_update_frec_top td,
#grid_mygrid_update_rec_top td,
#grid_grid_new_frec_top td,
#grid_grid_new_rec_top td{
	border-right:none!important;
	border-bottom:none!important;
}

#grid_mygrid_column_start,
#grid_mygrid_wage_column_start,
#grid_mygrid_update_column_start,
#grid_grid_new_column_start,
#grid_subgrid_column_start{
	padding:2px!important;
	border-right:none!important;
}
#grid_mygrid_column_start,
#grid_mygrid_wage_column_start,
#grid_mygrid_update_column_start,
#grid_grid_new_column_start,
#grid_subgrid_column_start,
#grid_subgrid_body tr td.w2ui-grid-data-spacer,
.w2ui-grid-records tr td.w2ui-grid-data-spacer{
	border-right:none!important;
	border-bottom: solid 1px #ddd!important;
}
.w2ui-head.w2ui-head-last{
	width: 20px!important;
	border-right:none!important;
	border-bottom:none!important;
}

.w2ui-grid-fcolumns tr td,
.w2ui-grid-columns tr td{
	border-right: solid 1px #ddd!important;
	border-bottom: solid 1px #ddd!important;
}
.w2ui-grid-frecords tr td,
.w2ui-grid-records tr td{
	border-right: solid 1px #ddd!important;
	border-bottom: solid 1px #ddd!important;
}

.w2ui-grid-frecords tr td[col="0"] div,
.w2ui-grid-records tr td[col="0"] div{
	overflow: visible!important;
	white-space: normal!important;
}


#grid_mygrid_update_body .w2ui-grid-fcolumns tr td,
#grid_grid_new_body .w2ui-grid-fcolumns tr td{
	font-weight: bold;
	color: #555!important;
	text-align: center;
	padding-right: 1px!important;
	padding-left: 1px!important;
}
#grid_mygrid_update_body .w2ui-grid-columns tr td,
#grid_grid_new_body .w2ui-grid-columns tr td{
	font-weight: bold;
	color: #555!important;
	text-align: center;
	padding-right: 2px!important;
	padding-left: 2px!important;
}

#grid_mygrid_body .w2ui-grid-fcolumns tr td,
#grid_subgrid_body .w2ui-grid-fcolumns tr td{
	font-weight: bold;
	color: #555!important;
	text-align: center;
	padding-right: 1px!important;
	padding-left: 1px!important;
	text-decoration: underline;
}
#grid_mygrid_body .w2ui-grid-columns tr td,
#grid_subgrid_body .w2ui-grid-columns tr td{
	font-weight: bold;
	color: #555!important;
	text-align: center;
	padding-right: 2px!important;
	padding-left: 2px!important;
	text-decoration: underline;
}

.w2ui-reset .w2ui-grid-fcolumns tr td div,
.w2ui-reset .w2ui-grid-columns tr td div{
	line-height: 1.2em!important;
}

#empSrcForm.wage .w2ui-reset .w2ui-grid-columns tr td div,
#empSrcForm.wage .w2ui-reset .w2ui-grid-fcolumns tr td div{
	padding-top:2px;
	padding-bottom:2px;
}

#grid_grid_records{
	overflow: scroll;
}
/*
.w2ui-even{
	background-color: #f5f5ff!important;
}
*/

/*
.w2ui-grid-columns td,
.w2ui-grid-fcolumns td,
.w2ui-grid-columns td div,
.w2ui-grid-fcolumns td div{
	color:#222!important;
	background-color:#eee!important;
}
*/

.w2ui-popup-title{
	font-weight:bold;
	color: #333!important;
	padding-left:15px!important;
}
.w2ui-menu{
	font-size:1.2em;
}

.w2ui-footer-left{
	display:none;
}

/*--------------------------------*/
/*
#layout_layout_panel_top{
	background-color:#f00;
	margin-bottom: -10px!important;
}
.w2ui-resizer{
	display: none!important;
}
*/
.tab-content {
	position:relative;
	display: none;
	width: 100%;
	height: 100px;
	background-color: #fafafa;
	border-top: 0px;
	overflow: auto;
}

.w2ui-saturday{
	color:#55f!important;
}
.w2ui-sunday{
	color:#f55!important;
}
.w2ui-holiday{
	font-weight:bold;
	color:#f55!important;
	background-color:#ffebcd!important;
}

.w2ui-grid-body .w2ui-empty-record{
	background-color:#ddd!important;
	border: solid 1px #ddd!important;
}

.w2field.w2ui-disabled {
	background-color:#f5f5f5!important;
}

.w2ui-field.w2ui-disabled {
	opacity: 1;
	color:#222!important;
}
.w2ui-field.w2ui-disabled input{
	color:#555!important;
}
.w2ui-field input::placeholder{
	color:#9f9f9f;
	font-size:0.95em!important;
}
.w2ui-field input{
	background-color:#f5ffff!important;
}

.w2ui-field{
	margin-top:-5px;
}
.w2ui-field label{
	margin-left:2px;
	text-align:left;
}

.w2ui-group{
	border:solid 1px #ccc;
	border-radius:3px;
	margin-top:-5px;
	margin-bottom:17px;
}
.w2ui-group-fields{
	margin:0!important;
	padding:5px 8px!important;
}
.w2ui-group-fields div:first-child{
	margin-top:0;
}
.w2ui-group-title{
	color:#444;
	font-weight:bold;
	background-color: #f7f7f7;
	padding: 7px 7px;
	border: solid 1px #eee;
	letter-spacing: 1px;
}

.w2ui-group-title span{
	color:#55f;
	margin-left:10px;
}

.w2ui-group button[name="Edit"]{
	font-size: 1em;
	color: #fff!important;
	background-image: none!important;
	background-color: #777!important;
	opacity: 0.7;
	border-radius:3px!important;
	margin-top:-6px;
	padding: 4px 2px;
	float:right
}
.w2ui-group button[name="Edit"]:hover{
	opacity: 1;
}

.w2ui-btn{
	border-radius:3px!important;
}

.w2ui-field label,
.w2ui-field div span{
	color:#222;
	font-size:1.2em;
	/*font-weight:bold;*/
}
.w2ui-field input{
	font-size:1.2em!important;
}
.w2ui-field label{
	padding-top:3px;
}

.w2ui-field .sat{
	color: #55f;
}
.w2ui-field .hol{
	color: #f55;
}

.w2ui-box-label input[type="checkbox"]{
	display: none;
}
.w2ui-box-label span{
	font-size:1.1em!important;
	padding:10px 10px 10px 5px!important;
	border: solid 1px #ccc;
	border-radius:3px;
	text-align:center;
}
.w2ui-box-label input[type="checkbox"]:checked + span{
	color: #fff;
	background-color:#269df0;
}

.w2ui-overlay-body.w2ui-eaction.w2ui-light.w2ui-arrow-right,
.w2ui-overlay-body.w2ui-eaction.w2ui-light.w2ui-arrow-left{
	color: #fff!important;
	background-color: #f55!important;
	padding: 0!important;
	border: solid 9px #f55!important;
}

.w2ui-msg-text{
	font-size: 1.3em!important;
	line-height: 1.75em!important;
}

.w2ui-popup-buttons .w2ui-btn{
	font-size: 1.2em!important;
	margin-left: 30px;
}

.w2ui-field div:has(input.required)::before,
.w2ui-field div:has(textarea.required)::before,
.w2ui-field div:has(select.required)::before{
	content: '*';
	position: absolute;
	margin-top: 7px;
	margin-left: -11px;
	color: red;
	font-size:1.7em;
}


select.w2ui-input{
	font-size: 1.2em;
	padding: 2px 7px;
	height: 33px;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAALCAQAAACnzwd+AAAAcklEQVR4AcXMsQFBQQDG4P9tAgC0gJYRQJZgKQMwCqCku6vVAAAA+NJHP4KHOk0aV2pRw61n4BBmyOxKQ8I4ehZeuhd3HTx6DQEGZ7sBfr2OOOOj3Yi43kMKs9sZknofOexqZ8npMygwWZTX51CipP+YA1OiZJbYYg9lAAAAAElFTkSuQmCC);
	background-color: #f5ffff!important;
}

.w2ui-input.upd,
input.upd{
	background-color: #cfc!important;
	border: solid 1px #f55!important;
	border-radius: 3px;
}

.w2ui-form-switch{
	border: solid 1px transparent!important;
	border-radius: 3px;
}
.w2ui-form-switch.upd{
	background-color: #cfc!important;
	border: solid 1px #f55!important;
	border-radius: 3px;
}


.w2ui-tb-button{
	background-color:#fcfcfc!important;
}
.w2ui-tb-button:hover{
	background-color:#eee!important;
}

.w2ui-time-selected{
	color:#fff!important;
	background-color:#77f!important;
	border:solid 1px #77f!important;
}
.w2ui-cal-now{
	color:#fff!important;
	background-color:#ff7777!important;
	border: solid 1px #ff7777!important;
	opacity: 0.7;
}
.w2ui-cal-now:hover{
	opacity: 1;
}
.w2ui-time-set{
	cursor:default;
	padding:3px;
	text-align:center;
	margin:5px;
	border-radius:4px;
	color:#fff!important;
	background-color:#269df0!important;
	border: solid 1px #269df0!important;
	opacity: 0.7;
}
.w2ui-time-set:hover{
	opacity: 1;
}

.upmsg{
	font-size:1.1em;
	color: #33f;
}
.delmsg{
	font-size:1.1em;
	color: #f33;
}

/*--------------------------------*/

.w2ui-check-group{
	height: 50px;
}
.w2ui-check-group .w2ui-field-inline .w2ui-field-item{
	margin:0!important;
	padding:0!important;
	width: auto!important;
	height: 20px!important;
	float:left;
}

.w2ui-check-group .w2ui-field-group .w2ui-field-item .w2ui-box-label{
	padding:2px;
	border: solid 1px transparent!important;
	border-radius: 3px;
}
.w2ui-check-group .w2ui-field-group .w2ui-field-item .w2ui-box-label input[type="checkbox"]:not(:checked) + span {
    color: #555;
    background-color: #fff;
}
.w2ui-check-group .w2ui-field-group .w2ui-field-item .w2ui-box-label input[type="checkbox"]:checked + span {
    color: #fff!important
    background-color: #269df0!important;
}

.w2ui-check-group .w2ui-field-group .w2ui-field-item .w2ui-box-label.upd{
	background-color: #cfc!important;
	border: solid 1px #f55!important;
	border-radius: 3px;
}

/*--------------------------------*/

div.w2ui-tb-button{
	border-radius:3px!important;
}
div.w2ui-tb-button.checked{
	/*background-color:#5f5fff!important;*/
	background-color:#269df0!important;
	border-radius:3px!important;
}

#shopSrcForm .w2ui-tb-text{
	text-align:center;
	width:90px;
	font-size:1.1em!important;
}
#empSrcForm .w2ui-tb-text{
	text-align:center;
	width:90px;
	font-size:1.1em!important;
}
#SrcForm .w2ui-tb-text{
	text-align:center;
	width:90px;
	font-size:1.1em!important;
}

.checked .w2ui-tb-text{
	color:#fff!important;
}

.w2ui-buttons{
	border-top: solid 2px #bbb!important;
	padding: 10px 20px!important;
}

#layout_grid_layout_panel_bottom button,
#layout_subgrid_layout_panel_bottom button{
	font-size:1em;
	width:100px;
	padding: 5px 8px!important;
	margin: 5px 5px 5px 10px;
	border-radius:5px;
}

#grid_header{
	margin-top:2px;
}
#grid_header button{
	font-size:1em;
	width:100px;
	padding: 6px!important;
	border-radius:5px;
}

#empSrcForm #grid_header #emp_toolbar{
	display:inline-block;
	width: 350px;
	margin-top: 3px;
	margin-left: -7px;
	margin-bottom:0;
}
#empSrcForm #grid_header #emp_toolbar .w2ui-tb-button{
	width:110px;
}
#empSrcForm #grid_header #emp_toolbar .w2ui-tb-button:nth-child(3){
	width:115px;
}

.w2ui-buttons button{
	font-size:1.25em;
	width:100px;
	padding: 8px!important;
	border-radius:5px;
}

/*
.w2ui-buttons button[name="New"]{
	color:#5a5aff;
	float:left;
}
*/
div.w2ui-buttons button[name="Delete"]{
	display:none;
	color:#fff;
	background-image: linear-gradient(#f9585a 0%, #f9585a 100%);
	border: 1px solid #f9585a;
	opacity: 0.7;
	float:right;
	margin-right: 40px!important;
}

div.w2ui-buttons button[name="Delete"]:hover{
	opacity: 1;
}
.w2ui-buttons button[name="Save"]{
	float:right;
}
.w2ui-buttons button[name="Back"],
#grid_footer_new button[name="New_Back"],
#grid_footer_update button[name="Bulk_Back"],
#subgrid_footer button[name="Back"]{
	display:none;
	float:right;
	color: #fff!important;
	background-image: none!important;
	background-color: #777!important;
	opacity: 0.7;
}
.w2ui-buttons button[name="Back"]:hover,
#grid_footer_new button[name="New_Back"]:hover,
#grid_footer_update button[name="Bulk_Back"]:hover,
#subgrid_footer button[name="Back"]{
	opacity: 1;
}

.hide .w2ui-buttons button[name="Back"]{
	display:none;
}
button[name="Search"]{
	margin-left:7px;
}
button[name="Clear"],
button.Clear{
/*
	color:#fff!important;
	background-image: none!important;
	background:#777!important;
	border:solid 1px #777;
	opacity: 0.7;
*/
	position: absolute;
	z-index:2;
	font-size:0.85em!important;
	font-weight:bold!important;
	width: 20px!important;
	background:transparent!important;
	border:none!important;
	opacity: 0.4;
}
button[name="Clear"]:hover,
button.Clear:hover{
	opacity: 1;
}

.w2ui-buttons button[name="Exe_Save"]{
	display:none;
}

.w2ui-buttons button[name="Copy"]{
	display:none;
	width: 110px;
	margin-right:7px;
	float:right;
	color:#fff!important;
	background-image: none!important;
	background-color:#f17220!important;
	border:solid 1px #F17220!important;
	opacity: 0.7;
}
.w2ui-buttons button[name="Copy"]:hover{
	opacity: 1;
}
.w2ui-buttons button[name="New"]{
	display:none;
	float:right;
}

#grid_footer_new,
#grid_footer_update{
	padding: 10px 15px;
}
#grid_footer_new button,
#grid_footer_update button{
	font-size:1.25em;
	min-width:100px;
	margin-left: 10px;
	padding: 8px!important;
	border-radius:5px;
}
#grid_footer_update button[name="Bulk_Save"]{
	float: right;
}
#grid_footer_update button[name="Bulk_Cancel"]{
	float: right;
}

button[name="Change"]{
	display:none;
	font-size:1.1em;
	border-radius:5px;
	margin-top:-5px;
	margin-right:7px;
	float:right;
	color:#fff!important;
	background-image: none!important;
	background-color:#555!important;
	border:solid 1px #555!important;
	opacity: 0.7;
}
button[name="Change"]:hover{
	opacity: 1;
}



.w2ui-form-switch{
	margin:0;
	padding:0;
}

#layout_layout_panel_top{
	display:none!imortant;
	position:absolute!important;
	top:-100px;
	background-color:#f00;
}

#layout_layout_panel_left{
	border:solid 1px #bbb;
	/*height: 100vh!important;*/
}
.ToggleClose #layout_layout_panel_main{
	/*border-left: solid 1px #ccc;*/
	margin-left: 2px;
}

.w2ui-form-box{
	position: absolute!important;
}
.w2ui-form-box{
	border:solid 1px #bbb;
}
#layout_layout_resizer_left{
	padding:0 5px!important;
}

/*--------------------------------*/
#layout_grid_layout_panel_top{
	border-bottom: solid 1px #aaa;
	overflow-y: hidden;
}
#layout_grid_layout_panel_bottom{
	border-top: solid 1px #aaa;
}

#grid_header,
#subgrid_header{
	/*background-color: #f1f5f8;*/
	background-color: #fff;
	height:auto;
	padding:7px 5px 0 5px;
}

#grid_header .grid_title,
#subgrid_header .subgrid_title{
	font-size: 1.1em;
	font-weight: bold;
	margin-left:0.5em;
	letter-spacing: 1px;
	overflow-y: hidden;
}
#grid_header fieldset{
	font-weight: bold;
	height: auto;
	/*min-width:424px;*/
	min-height: 30px;
	margin-top:0px;
	margin-right:10px;
	margin-left:5px;
	padding: 2px 15px;
	background-color: #fff;
	border: solid 1px #ccc;
	float:right;
}
#grid_header table{
	float:left;
}


#form_header #form_id,
#form_header #form_shopid,
#emplist_header #form_shopid,
#form_header #form_empid,
#subgrid_header #subgrid_id{
	color: #44f;
	margin-left:0.25em;
}

.w2ui-form-box.ListHide .w2ui-group-fields{
	background-color:#fdd!important;
}
.w2ui-form-box.Retire .w2ui-group-fields{
	background-color:#e1e1e1!important;
}

#shopSrcForm #grid_header fieldset{
/*
	position:absolute;
	top:7px;
	right:7px;
*/
	/*min-width:295px;*/
}
#empSrcForm #grid_header fieldset{
/*
	position:absolute;
	top:7px;
	right:7px;
*/
	min-width:130px;
}


#grid_header #shopCounter{
	font-size: 0.95em;
}

#grid_footer,
#subgrid_footer{
	height: 55px;
	background-color: #f1f5f8;
	padding-top:7px;
	padding-right:10px;
}
#grid_footer button,
#subgrid_footer button{
	padding: 7px!important;
}
#grid_footer button[name="New"],
#grid_footer button[name="Excel"]{
	float:left;
}
#grid_footer button[name="Detail"]{
	display:none;
	margin-right: 25px;
	float:right;
}

#form_header,
#emplist_header{
	height:65px;
	background-color: #fff;
	padding:7px 5px 0 5px;
}
#form_header .form_title,
#emplist_header .form_title{
	font-size: 1.1em;
	font-weight: bold;
	margin-left:0.5em;
	letter-spacing: 1px;
}

#form_header .scroll_item{
	font-size: 1em;
	margin-top:7px;
	margin-right:0.5em;
	letter-spacing: 1px;
}
#form_header .scroll_item div{
	min-width:100px;
	max-width:100px!important;
	float:left;
	font-size: 0.85em;
	color: #fff;
	text-align:center;
	background-color: #269df0;
	background-color: #99ccee;
	margin: 0 2px;
	padding: 3px 5px 2px 5px;
	border: solid 1px #269df0;
	border-radius: 3px;
	cursor: pointer;
	user-select: none;
}
#form_header .scroll_item div:hover{
	background-color: #269df0;
}

#form_header .tab_item{
	font-size: 1em;
	margin-top:7px;
	margin-right:0.5em;
	letter-spacing: 1px;
}
#form_header .tab_item div{
	min-width:100px;
	max-width:100px!important;
	float:left;
	font-size: 0.85em;
	color: #267df0;
	text-align:center;
	background-color: #fefefe;
	margin: 0 2px;
	padding: 3px 5px 2px 5px;
	border: solid 1px #ccc;
	border-radius: 3px;
	cursor: pointer;
	user-select: none;
}
#form_header .tab_item div:last-child{
	margin-right: 20px;
}

#form_header .tab_item div.selected,
#form_header .tab_item div:hover{
	color: #fff;
	background-color: #267df0;
}

/*.w2ui-form-box.new,*/
.w2ui-group-fields.new,
#form_header.new{
	background-color: #f1f1ff;
}

.w2ui-field-helper .w2ui-multi-items .li-item{
	font-size:13px!important;
	height: 23px!important;
	border-radius:4px!important;
}
.w2ui-field-helper .w2ui-multi-items .li-item .file-size{
	font-size:12px!important;
	margin-left:7px;
}

.w2ui-enum-placeholder{
	font-size:13px!important;
}

.w2ui-overlay{
	user-select: none;
}
.w2ui-overlay .w2ui-error{
	font-size: 1em;
	background-color: #f22;
	border: solid 1px #f55;
	text-shadow:none;
}

/*--------------------------------*/
button.w2ui-btn.btn-text{
	display: none;
	color:#555;
	font-size:1.1em;
	width:auto!important;
	min-width: 105px!important;
	background-image: none!important;
	background-color: transparent!important;
/*
	border-top: 0px!important;
	border-right: 0px!important;
	border-bottom: solid 1px #aaa!important;
	border-left: 0px!important;
*/
	border: solid 1px #aaa!important;
	border-radius: 3px!important;
	margin: 0 5px 0 5px!important;
	padding-right: 15px!important;
	padding-left: 15px!important;
	float:left;
}

button.btn-navi{
	font-size:1.75em;
	display: none;
	width: 50px!important;
	min-width: 50px!important;
	color: #fff!important;
	background-image: none!important;
	background-color: #777!important;
	border-top: 0px!important;
	margin: 0 2px 0 0!important;
	padding: 4px!important;
	float:left;
	opacity: 0.7;
}
.btn-navi:hover{
	opacity: 1;
}
.btn-navi:disabled{
	color: #aaa!important;
	background-color: #eee!important;
}

/*--------------------------------*/
@media (max-width: 840px) {
	.w2ui-buttons{
		height: 100px;
	}
	button[name="Delete"],
	button[name="Back"],
	button[name="Save"]{
		margin-top:45px;
	}
	
	button[name="First"]{
		position: absolute!important;
		left: 25px;
	}
	button[name="Prev"]{
		position: absolute!important;
		left: 77px;
	}
	button[name="NaviText"]{
		position: absolute!important;
		width:120px!important;
		left: 127px;
	}
	button[name="Prev"]{
		position: absolute!important;
	}
	button[name="Next"]{
		position: absolute!important;
		left: 259px;
	}
	button[name="Last"]{
		position: absolute!important;
		left: 311px;
	}
}

/*--------------------------------*/
label.grid_checkbox input[type="checkbox"]{
	display:none;
	margin:2px;
}
label.grid_checkbox{
	font-size:14px!important;
	letter-spacing:1px!important;
	text-align:center;
	width:35px;
	min-width:35px;
	box-sizing: border-box;
	-webkit-transition: background-color 0.2s linear;
	transition: background-color 0.2s linear;
	position: relative;
	display: inline-block;
	margin-top:-1px;
	padding: 5px 10px 5px 10px;
	border:solid 2px #d2d2d2;
	border-radius: 8px;
	background-color: #f7f7f7;
	vertical-align: middle;
	cursor: pointer;
}
label.grid_checkbox:hover{
	background-color:#efffff;
	border:solid 2px #17B794;
}
label.grid_checkbox:has(input[type="checkbox"]:checked){
	/*font-weight:bold!important;*/
	color:#111!important;
	background-color:#ddffdd;
	border:solid 2px #17B794;
}
label.grid_checkbox:after{
	-webkit-transition: border-color 0.2s linear;
	transition: border-color 0.2s linear;
	position: absolute;
	top: 4px;
	left: 7px;
	display: block;

	width: 16px;
	height: 16px;
	border: 2px solid #ddd;
	border-radius: 6px;
	content: '';
}
label.grid_checkbox:before {
	-webkit-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
	position: absolute;
	z-index:100;
	content: '';
	opacity: 0;
	
	box-sizing: border-box;
	width: 18px;
	height: 12px;
	margin-top: -9px;
	top: 12px;
	left: 8px;
	transform: rotate(-45deg);
	border-bottom: 5px solid;
	border-left: 5px solid;
	border-color:  #267df0;
	/*border-color:  #0077db;*/
}
label.grid_checkbox:has(input[type="checkbox"]:checked):before{
	opacity: 1;
}
label.grid_checkbox span{
	user-select:none;
}

label.grid_checkbox.reject{
	border:solid 2px #f55;
	background-color: #fee;
}
label.grid_checkbox.reject:hover{
	background-color:#fee;
	border:solid 2px #17B794;
}
label.grid_checkbox.reject:has(input[type="checkbox"]:checked){
	/*font-weight:bold!important;*/
	background-color:#fee;
	border:solid 2px #17B794;
}
label.grid_checkbox.reject:before {
	border-color:  #f55;
}


label.radio input[type="radio"]{
	display:none;
	margin:2px;
}
label.radio{
	font-size:14px!important;
	letter-spacing:1px!important;
	text-align:center;
	width:auto;
	min-width:80px;
	box-sizing: border-box;
	-webkit-transition: background-color 0.2s linear;
	transition: background-color 0.2s linear;
	position: relative;
	display: inline-block;
	padding: 4px 10px 4px 30px;
	margin:-4px 5px 2px 1px!important;
	border:solid 2px #d2d2d2;
	border-radius: 8px;
	background-color: #f7f7f7;
	vertical-align: middle;
	cursor: pointer;
}
label.radio:hover{
	background-color:#efffff;
	background-color:#ddffdd;
	border:solid 2px #17B794;
}
input[type="radio"]:checked + label{
	/*font-weight:bold!important;*/
	color:#111!important;
	background-color:#ddffdd;
	border:solid 2px #17B794;
}
label.radio:after{
	-webkit-transition: border-color 0.2s linear;
	transition: border-color 0.2s linear;
	position: absolute;
	top: 8px;
	left: 7px;
	display: block;

	width: 17px;
	height: 17px;
	border: 2px solid #bbb;
	border-radius: 6px;
	content: '';
}
/*
label.radio:before {
	-webkit-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
	position: absolute;
	top: 17px;
	left: 10px;
	display: block;
	margin-top: -5px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #0077db;
	content: '';
	opacity: 0;
}
*/
label.radio:before {
	-webkit-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
	position: absolute;
	z-index:100;
	content: '';
	opacity: 0;
	
	box-sizing: border-box;
	width: 18px;
	height: 12px;
	margin-top: -9px;
	top: 14px;
	left: 8px;
	transform: rotate(-45deg);
	border-bottom: 5px solid;
	border-left: 5px solid;
	border-color:  #ff5555;
}
input[type=radio]:checked + label.radio:before {
	opacity: 1;
}

.w2ui-lock-msg{
	font-size:15px;
}