/*color*/

.color_primary {

	color: rgb(73, 118, 164);

}



.color_warn {

	color: rgb(210, 105, 63);

}



.color_secondary {

	color: rgb(150, 150, 150);

}



/*border*/

.border_color_style {

	border-color: rgb(255, 255, 255);

}



/*btn*/

.btn_icon,

.btn_text,

.btn_tab,

.btn_icon_word,

.btn_icon:focus,

.btn_text:focus,

.btn_tab:focus,

.btn_icon_word:focus {

	outline: none;

	border: 0;

}



.btn_primary {

	background: rgb(74, 188, 181);

	color: rgb(255, 255, 255);

}



.btn_primary:hover {

	background: rgb(84, 199, 192);

	color: rgb(255, 255, 255);

}



.btn_primary.disabled,

.btn_primary.disabled:hover {

	background: rgb(74, 188, 181);

	color: rgb(255, 255, 255);

	box-shadow: none;

	opacity: 0.65;

	cursor: default;

}



.btn_warn {

	background: rgb(230, 171, 126);

	color: rgb(255, 255, 255);

}



.btn_warn:hover {

	background: rgb(242, 183, 137);

	color: rgb(255, 255, 255);

}



.btn_warn.disabled,

.btn_warn.disabled:hover {

	background: rgb(230, 171, 126);

	color: rgb(255, 255, 255);

	box-shadow: none;

	opacity: 0.65;

	cursor: default;

}



.btn_secondary {

	background: rgb(160, 160, 160);

	color: rgb(255, 255, 255);

}



.btn_secondary:hover {

	background: rgb(180, 180, 180);

	color: rgb(255, 255, 255);

}



.btn_secondary.disabled,

.btn_warn.disabled:hover {

	background: rgb(160, 160, 160);

	color: rgb(255, 255, 255);

	box-shadow: none;

	opacity: 0.75;

	cursor: default;

}



/*btn_icon_word*/

.btn_icon_word {

	background-color: rgb(250, 250, 250);

}



.btn_icon_word:hover {

	background-color: rgb(255, 255, 255);

}



.btn_icon_word.btn_primary {

	color: rgb(74, 188, 181);

}



.btn_icon_word.btn_primary:hover {

	color: rgb(84, 199, 192);

}



.btn_icon_word.btn_warn {

	color: rgb(230, 171, 126);

}



.btn_icon_word.btn_warn:hover {

	color: rgb(242, 183, 137);

}



.btn_icon_word.btn_secondary {

	color: rgb(160, 160, 160);

}



.btn_icon_word.btn_secondary:hover {

	color: rgb(180, 180, 180);

}



/*input-checkbox*/

.tickmark {

	border: 1px solid rgb(150, 150, 150);

	background-color: rgb(255, 255, 255);

}



.checkbox_control input:checked~.checkbox_element .tickmark {

	background-color: rgb(148, 207, 200);

	border: 0;

}



input:disabled+.checkbox_element .tickmark {

	background: rgb(180, 180, 180);

	border: 2px solid rgb(160, 160, 160);

}



.checkbox_control:hover input:disabled~.checkbox_element .tickmark {

	border: 2px solid rgb(160, 160, 160);

}



.checkbox_control input:checked~.checkbox_element .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;

}



/*radio btn*/

.radio_btn {

	margin-bottom: .125rem;

}



.radio_btn label {

	padding: .125rem .5rem;

	border: 1px solid rgb(46, 161, 154);

	border-radius: .25rem;

	font-size: 1rem;

	color: rgb(46, 161, 154);

	font-weight: 400;

	cursor: pointer

}



.radio_btn label:hover {

	background-color: rgba(46, 161, 154, .1);

}



.radio_btn_group .radio_btn input[type="radio"] {

	display: none;

}



.radio_btn_group .radio_btn input[type="radio"]:checked~label {

	background-color: rgb(46, 161, 154);

	color: rgb(255, 255, 255);

}



/*radio btn*/

.checkbox_btn {

	margin-bottom: .125rem;

}



.checkbox_btn label {

	padding: .125rem .5rem;

	border: 1px solid rgb(46, 161, 154);

	border-radius: .25rem;

	font-size: 1rem;

	color: rgb(46, 161, 154);

	font-weight: 400;

	cursor: pointer

}



.checkbox_btn label:hover {

	background-color: rgba(46, 161, 154, .1);

}



.checkbox_btn_group .checkbox_btn input[type="checkbox"] {

	display: none;

}



.checkbox_btn_group .checkbox_btn input[type="checkbox"]:checked~label {

	background-color: rgb(46, 161, 154);

	color: rgb(255, 255, 255);

}



/*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.active, .list_body.active:hover {

	background: rgb(255, 253, 246);

	border: 1px solid rgb(232 219 172);

}



.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_warn {

	color: rgb(210 105 63);

    background-color: rgb(255 240 227);

}



.tag_secondary {

	background-color: rgb(240, 240, 240);

	color: rgb(110, 110, 110);

}



/*inputbox*/

.form_control_cover {

	background-color: rgba(255, 255, 255, .9);

	border: 1.5px solid rgb(230, 230, 230);



}



.form_control_cover:disabled {

	background-color: rgba(0, 0, 0, .1);

	border-width: 0;

	opacity: .8;

}



.inputbox_primary:focus {

	border-color: rgb(202, 217, 230);

	box-shadow: 0 0 0 0rem transparent;

}



/*link*/

a,

.link_primary {

	color: rgb(67, 98, 154);

}



a:hover,

.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, .05);

}



/*tab*/

.tab_pills .nav-item {

	background-color: rgb(202, 217, 230);

}



.tab_pills .nav-link.active {

	background-color: rgb(45, 89, 132);

	color: rgb(255, 255, 255);

}



.tab_pills .nav-link.active:hover {

	background-color: rgb(45, 89, 132);

	color: rgb(255, 255, 255);

}



.tab_pills .nav-link {

	color: rgb(67, 98, 154);

	font-weight: bolder;

}



.tab_pills .nav-link:hover {

	background-color: rgb(189, 208, 224);

}



/*progress*/

.progress_bg {

	background-color: rgb(220, 220, 220);

}



.progressbar_bg {

	background-color: rgb(84, 175, 169);

}



/*tagsinput*/

.tagsinput_style {

	border-radius: .25rem;

	padding: 0 .5rem;

}



.tagsinput_primary_style {

	background-color: rgb(45, 89, 132);

}



.tagsinput_style.tag [data-role="remove"]:after {

	content: none !important;

}



.tagsinput_style.tag [data-role="remove"] {

	margin-left: 0px !important;

}