/*color*/
	.color_warn{
		color: rgb(210, 105, 63);
	}
	.color_secondary{
		color: rgb(150, 150, 150);
	}
/*btn*/
	.btn_icon, .btn_text, .btn_tab, .btn_icon:focus, .btn_text:focus, .btn_tab:focus{
		text-shadow: 1px 1px rgb(255, 255, 255), -1px -1px  rgb(200, 200, 200);
		outline: none;
		border: 0; 
	}
	.btn_primary{
		background: linear-gradient(0.125turn, rgb(166 187 207), rgb(227, 236, 245));
		color: rgb(67, 98, 154);
	}
	.btn_primary:hover{
		background: linear-gradient(0.125turn, rgb(187, 206, 224), rgb(227, 236, 245));
		color: rgb(67, 98, 154);
	}
	.btn_primary.disabled,.btn_primary.disabled:hover{
		background: linear-gradient(0.125turn, rgb(166 187 207), rgb(227, 236, 245));
		color: rgb(67, 98, 154);
		box-shadow: none;
		opacity: 0.75;
		cursor: default;
	}
	.btn_warn{
		background: linear-gradient(0.125turn, rgb(250 186 150), rgb(255, 239, 237));
		color: rgb(242, 130, 84);
	}
	.btn_warn:hover{
		background: linear-gradient(0.125turn, rgb(240, 215, 201), rgb(255, 239, 237));
		color: rgb(242, 130, 84);
	}
	.btn_warn.disabled,.btn_warn.disabled:hover{
		background: linear-gradient(0.125turn, rgb(250 186 150), rgb(255, 239, 237));
		color: rgb(242, 130, 84);
		box-shadow: none;
		opacity: 0.75;
		cursor: default;
	}
	
	.btn_secondary{
		background: linear-gradient(0.125turn, rgb(148, 148, 148), rgb(230, 230, 230));
		color: rgb(45, 45, 45);
	}
	.btn_secondary:hover{
		background: linear-gradient(0.125turn, rgb(175, 175, 175), rgb(230, 230, 230));
		color: rgb(45, 45, 45);
	}
	.btn_secondary.disabled,.btn_warn.disabled:hover{
		background: linear-gradient(0.125turn, rgb(148, 148, 148), rgb(230, 230, 230));
		color: rgb(45, 45, 45);
		box-shadow: none;
		opacity: 0.75;
		cursor: default;
	}
	

/*input-checkbox*/
	.tickmark {
		border:1px solid rgb(150, 150, 150);
		background-color: rgb(255, 255, 255);
	}
	.checkbox_control input:checked ~ .tickmark {
		background-color: rgb(148, 207, 200);
		border: 0;
	}
	input:disabled + .tickmark {
		background: rgb(180, 180, 180);
		border:2px solid rgb(160, 160, 160);
	}
	.checkbox_control:hover input:disabled ~ .tickmark {
		border:2px solid rgb(160, 160, 160);
	}
	.checkbox_control input:checked ~ .tickmark {
		background-color: rgb(99, 160, 204);
		border: 0;
	}
/*input-radio*/
	.radiomark {
		border:1px solid rgb(150, 150, 150);
		background-color: rgb(255, 255, 255);
	}
	.radio_control input:checked ~ .radiomark {
		background-color: rgb(148, 207, 200);
	}
	input:disabled + .radiomark {
		background: rgb(180, 180, 180);
		border:2px solid rgb(160, 160, 160);
	}
	.radio_control:hover input:disabled ~ .radiomark {
		border:2px solid rgb(160, 160, 160);
	}
	.radio_control input:checked ~ .radiomark {
		background-color: rgb(99, 160, 204);
		border: 0;
	}
/*list card*/
	.list_head{
		color: rgb(152, 152, 152);
	}
	.list_body{
		background: rgb(255, 255, 255);
	}
	.list_body:hover{
		background: rgb(248, 248, 248);
	}
	.list_body.selected .d-table-cell:first-child, .list_body.selected td:first-child, .row.list_body.selected{
		border-left: 4px solid rgb(99, 160, 204);
	}
/*tag*/
	.tag_primary{
		background-color: rgb(244, 248, 253);
		color: rgb(73, 118, 164);
	}
	.tag_secondary{
		background-color: rgb(240, 240, 240);
		color: rgb(110, 110, 110);
	}
/*inputbox*/
	.inputbox_primary:focus{
		border-color: rgb(122 164 207);
		box-shadow: 0 0 0 0.2rem rgb(227 236 245);
	}
/*link*/
	.link_primary{
		color: rgb(67, 98, 154);
	}
	.link_primary:hover{
		color: rgb(91, 122, 179);
	}
	.link_warn{
		color: rgb(210, 105, 63);
	}
	.link_warn:hover{
		color: rgb(231, 132, 92);
	}
/*photo*/
	.photo_bg_color{
		background-color: rgba(0,0,0,.3);
	}
/*tab*/
	.tab_pills .nav-item{
		background-color: rgb(222, 234, 245);
	}
	.tab_pills .nav-link.active{
		background-color: rgb(191, 207, 222);
		color: rgb(67, 98, 154);
	}
	.tab_pills .nav-link.active:hover{
		color: rgb(67, 98, 154);
	}
	.tab_pills .nav-link{
		color: rgb(67, 98, 154);
		font-weight: bolder;
	}
	.tab_pills .nav-link:hover{
		color: rgb(91, 122, 179);
	}