/*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{
		outline: none;
	}
	.btn_primary{
		background: rgb(0,122,192);
		color: rgb(255, 255, 255);
		border-color: transparent;
	}
	.btn_primary:hover{
		background: rgb(7, 137, 212);
		color: rgb(255, 255, 255);
		border-color: transparent;
	}
	.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: rgb(0,0,0);
		color: rgb(255, 255, 255);
		border-color: transparent;
	}
	.btn_secondary:hover{
		background: rgb(50,50,50);
		color: rgb(255, 255, 255);
		border-color: transparent;
	}
	.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;
	}
	.btn_grey0{
		background: rgb(60,64,67);
		color: rgb(255, 255, 255);
		border-color: transparent;
	}
	.btn_grey0:hover{
		background: rgb(75, 77, 80);
		color: rgb(255, 255, 255);
		border-color: transparent;
	}
	.btn_grey0.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;
	}
	.btn_secondary_to_primary{
		background: rgb(179,179,179);
		color: rgb(255,255,255);
		border-color: transparent;
	}
	.btn_secondary_to_primary:hover{
		background: rgb(0,122,192);
		color: rgb(255,255,255);
	}
	
	.btn_primary_outline{
		background: transparent;
		color: rgb(0, 0, 0);
		border: .25px solid rgb(0,0,0);
	}
	.btn_primary_outline:hover{
		background: rgb(0,122,192);
		color: rgb(255, 255, 255);
		border-color: transparent;
	}
	.btn_primary_outline.disabled,.btn_primary_outline.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_secondary_outline{
		background: transparent;
		color: rgb(0, 0, 0);
		border: .25px solid rgb(0,0,0);
	}
	.btn_secondary_outline:hover{
		background: rgb(179,179,179);
		color: rgb(255, 255, 255);
		border-color: transparent;
	}
	.btn_default_outline{
		background: transparent;
		color: rgb(0, 0, 0);
		border: .25px solid rgb(0,0,0);
	}
	.btn_default_outline:hover{
		color: rgb(0, 0, 0);
	}
	

/*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;
	}
/*inputbox*/
	.inputbox_primary:focus{
		border-color: rgb(122 164 207);
		box-shadow: 0 0 0 0.2rem rgb(227 236 245);
	}
	
	input.inputbox_style:-webkit-autofill,
	input.inputbox_style:-webkit-autofill:hover, 
	input.inputbox_style:-webkit-autofill:focus, 
	input.inputbox_style:-webkit-autofill:active{
		-webkit-box-shadow: 0 0 0 30px white inset !important;
	}
/*dropdown btn*/
	.dropdown_selectbox_style .dropdown-item:hover{
		background-color: rgb(0,122,192);
		color: rgb(255,255,255);
	}
	.dropdown_selectbox_style .dropdown-menu{
		border-color: transparent;
		background: rgb(255,255,255);
	}
/*link*/
	.link_primary{
		color: rgb(0,122,192);
	}
	.link_primary:hover{
		color: rgb(7,137,212);
	}
	.link_secondary_to_primary{
		color: rgb(0,0,0);
	}
	.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);
	}