html {
	font-size: 16px;
	font-family: verdana, sans-serif;
	color: #555;
}

body {
	margin: 0;
	background: #f8fafd;
}

#w {
	padding: 0.5rem 0 1rem 0;
}

.addnew {
	clear: both;
	padding-bottom: 15px;
	margin-top: -8px
}

.addnew img {
	width: 15px;
	height: 15px;
	vertical-align: top;
	padding: 2px 5px 0 11px;
}


.pdel {
	clear: both;
	padding-bottom: 15px;
	margin-top: -8px
}

.pdel img {
	width: 21px;
	height: 21px;
	vertical-align: top;
	padding: 0 4px 0 11px;
}

#app_info {
	position: absolute; 
	top: 5px; 
	right: 5px; 
	padding: 2px 6px; 
}

#app_info:link, #app_info:visited, #app_info:hover, #app_info:active {
	color: #fff;
}

#w .src_box, #w .src_box_h  {
	padding: 10px 10px;
	margin: 10px;
	background: #f5f5f5;
	border-radius: 10px;
	border: 1px solid #ccc;
}

#w #src_box_w_ppl .src_box, #w #src_box_w_ppl .src_box_h {
	float: left;
	width: 180px;
	min-height: 65px;
}

#w #src_box_w_ppl .src_box:nth-of-type(3):after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#w .src_box_h {
	background:	#cae6ff;
}

#q {
	padding: 5px;
	border-radius: 5px;
	border: 1px solid #ccc;
}

.stk_info {
	display: none;
	position: absolute;
	top: 290px;
	z-index: 150;
	/* padding-top: 2px; */
	margin: 0 0 0 7px;
	width: 280px; 
	padding-bottom: 6rem;
}

.stk_info_c div {
	padding: 2px 10px 0;
	
	
}

#w .stk_info_c2 {
	padding: 0;
}

.stk_info_c2 div:first-child {
	padding-top: 8px;
}

.stk_info_c2 div:last-child {
	padding-bottom: 8px;
}

.stk_info_c strong {
	font-size: smaller
}

.stk_io .stk_info {
	display: block;
}

.stk_edt, .created, .start_id, .vc_id, .rc {
	display: inline-block;
}


.created {
	display: inline;
	padding-left: 5px;
}

.created b {
	font-weight: normal;
}

.stk_console {
	padding-right: 100px;
}

.cnd_info {
	display: inline-block; 
	padding: 0 3px 0 5px;
	cursor: pointer;
	color: #5757b7;
}

.cnd_info:hover {
	color: #cf2546;
}


#w #c .i.sitrep {
	position: absolute;
	right: 6px;
	top: -7px;
	padding: 17px 5px;
	text-align: center;
	/* font-weight: bold;
	cursor: default;
	color: #999; */
	z-index: 1000;
}

.sitrep b {
	font-size: 0.59em;
	display: block;
	color: #aeaeae;
	font-weight: normal;
}


.created, .start_id, .vc_id, .rc {
	font-size: 0.8em;
	padding-right: 5px;
	padding-left: 5px;
	color: #8a7a7a;
	cursor: default;
	display: inline-block;
	width: 100px;
}

.start_id {
	width: 95px;
	padding-right: 0;
}

.vc_id {
	width: 80px;
	color: #757575;
}

.rc {
	width: 100px;
	padding-right: 20px;
}


.rc div {
	width: 100px;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 20px;
	word-break: break-all;
}

.created {
	width: 200px;
	
}

.created i, .start_id i {
	font-size: 0.8em;
}

.stk_info_c .stk_edt {
	/* background: #628dab; */
	/* padding-bottom: 10px; */
	padding: 0;
	margin-top: 0px;
}

.stk_info_c .stk_edt a, #stk_imageless_list .stk_info_c .stk_edt a {
	/* background: #628dab; */
	white-space: nowrap;
	/* padding: 5px 9px 13px 10px; */
	padding: 5px 15px 13px;
	display: inline-block;
	width: auto;
}

/* #w #c .stk_edt {
	padding-right: 150px;
} */

#stk_imageless_list .stk_info_c .stk_edt a {
	border-top: none;
}

.stk_info_c .stk_edt a:link, .stk_info_c .stk_edt a:visited {
	background: #628dab;
}

.stk_info_c .stk_edt a:hover, .stk_info_c .stk_edt a:active {
	background: #3b4e87;
}

.stk_info_c .stk_edt a:link, .stk_info_c .stk_edt a:visited  {
	color: #fff;
}

.stk_edt span.pie {
	display: inline-block;	
	padding-left: 0;
}
.stk_edt span.pie pie {
	padding-left:2px;
}




#w1 .i {
	padding: 0; 
	position: relative; 
	float: right; 
	width: 2.35em;
	width: 1.9em;
}

#w1 #with_selected_w .i {
	position: static;
	padding: 0 0 0 0px;
}

#w1 .i div {
	background: #fff;
    border-radius: 8px;
    display: none;
    margin: 5px 0 0 0;
    padding: 0;
    position: absolute;
    right: 0px;
    width: 239px;
    z-index: 200;
   /*  border: 3px solid #ffc535; */
    border-width: 3px;
    padding: 12px 15px 11px 18px;
}

#w1 .i div b {
	background: #fff;
}
	
#w1 #with_selected_w .i div {
	right: auto;
	left: 20px;
	right: -10px;
	
}

#w1 .i div span {
	vertical-align: bottom;
	
}

#w1 .i div img {
	width: 35px;
	height: 35px;
	position: absolute;
	left: -15px;
	top: -18px;
}


#w1 #help div {
	display: block;
	text-align: left;
	background: #fff!important;
}

#w1 #c .i {
	font-size: 14px;
	color: #555;
	line-height: 1.3em;
	font-weight: normal;
	padding-right: 20px;
	padding-left: 5px;
	background: transparent!important;
	/* z-index: 199; */
	margin-top: -11px;
	
}

#w1 #c h3 .i {
	margin-top: 0px;
}

.a_eso #w #c .i {
	padding-right: 8px;
}


@media (min-width: 650px) {
	#w #c .i div {
		width: 540px;
	}
	
	#w #c .ctc_w .i div {
		width: 239px
	}
	
	#w #c .i.sitrep div {
		width: 360px;
		padding-top: 5px;
	}
}
	


.sitrep i {
	display: block;
	padding: 5px 0;
	border-bottom: 1px solid #ccc;
}

.sitrep i:last-of-type {
	border-bottom: none;
	padding-bottom: 0;
}

#w1 #c h3 .i {
	padding-right: 0;
}

#w1 #c .i b {
	font-size: 13px;
	color: #666;
}

#w1 .i span {
	width: auto;
	padding: 0;
	float: none;
}

#w1 .i ul {
	padding-inline-start: 15px;
	margin-block-start: 0;
	margin-block-end: 0;
}


#w1 .i li {
	padding-top: 8px;
}

#menu_2 a:link, #menu_2 a:visited, #menu_2 a:hover,
.addnew a:link, .addnew a:visited,
.pdel a:link, .pdel a:visited{
	color: #5877a0;
}

#menu_2 div a, #word_search_sm {
	padding-right: 5px;
	margin-right: 12px;
}

#menu_2 div a.menu_lso {
	padding-right: 2px;
	margin-right: 5px;
}

#menu_2 div a.menu_nso {
	padding-left: 2px;
	padding-right: 0px;
}

#menu_2 {
	padding-top: 2em;
	padding-left: 1.5rem;
	
}

#menu_2 a {
    display: inline-block;
    padding: 3px 0;
    white-space: nowrap;
}


#menu_2 div {
	
}

#w #login_menu a {
	padding-left: 0;
}

	
#login_menu a:link, #login_menu a:visited {
	color: #555;
}

#login_menu a:hover, #login_menu a:active {
	color: #000;
}

a:link, a:visited {
	color: #5757b7;
	
	/* font-weight: bold; */
	text-decoration: none;
}

a:hover, a:active {
	color: #cf2546;
	text-decoration: none;
}


#logo {
	padding: 0 2rem 0 1rem;
	width: 8rem;
	float: left;
}

#logo.cnd_logo {
	width: 14rem;
}

@media (max-width: 400px) { 
#logo.cnd_logo {
	width: 12rem;
}
}


#c {
	clear: both;
	padding-top: 10px;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}

@media (max-width: 980px) { 

	#logo_link {
		padding-left: 1.5rem;
	}
	
	#c {
		padding-left: 1.5rem;
		padding-right: 0.5rem;
	}
}

nav {
	float: right;
	padding: 0.25rem 1.25rem 0 0;
	clear: right;
}



#add_new_prefix_w a:link, #add_new_prefix_w a:visited {
	color: #555;
}

#add_new_prefix_w a:hover, #add_new_prefix_w a:active {
	color: #000;
}



#active_list_menu {
	padding: 5px;
	background: #5877a0;
	color: #fff;
	text-align: right;
	box-shadow: 8px 8px 12px -8px rgba(0,0,0,0.1), 8px 8px 12px -8px rgba(0,0,0,0.1), -8px 8px 12px -8px rgba(0,0,0,0.1)
}

#active_list_menu span {
	padding-left: 3px;
	vertical-align: middle; 
}

#active_list_menu a:link, #active_list_menu a:visited {
	color: #fff;
}

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

html h1 {
	font-size: 1.6rem;
	line-height: 1.6rem;
	/* height: 1.6rem; */
	color: #777;
}

html h1 span {
	display: inline-block;
	padding: 0.45rem 0 0 0;
}


html h2 {
	clear: left;
	font-size: 1rem;
}

html h3 {
	clear: left;
	font-size: 1rem;
}
/*--------------------------------*/

#stk_list {
	
	padding: 0 15px 0 15px;
}

#stk_list i {
	font-style: normal;
}

.stk_w, .stk_io {
	max-width: 954px;
	
	padding: 6px 6px 0 0;
	
	height: auto;
	position: relative;
	
}

#stk_imageless_list .stk_i {
	padding-bottom: 3px;
	border: 1px solid #dedede;
	border-width: 1px 0;
	
}


#stk_imageless_list #w .stk_nm {

	border-top: 0;
	
}


#stk_imageless_list .stk_info {
	top: 69px;
}

#stk_imageless_list .stk_no {
	top: 0.5rem;
	right: 2.8rem;
}




#settings_form label {
	font-weight: normal
}

#settings_form fieldset {
	padding-bottom: 10px;
}

#settings_form fieldset div {
	padding: 0px 20px 10px 20px;
}



#settings_form fieldset div:first-of-type {
	padding: 20px 20px 10px 20px;
} 



#w1 #settings_form fieldset div.i {
	padding: 0;
}

.subtitle_icon {
	float: left;
	width: 1.6rem;
	height: 2rem;
	padding-right: 0.3rem;
}





.stk_w input[type="checkbox"], .stk_io input[type="checkbox"]  {
    opacity: 0;
    position: absolute;
    right: 1.6rem;
    top: 25px;
    z-index: 0;
} 


#stk_list .si_check + .stk {
	border: 4px solid transparent;
	border-radius: 10px;
	padding: 3px;
}


#stk_list .si_check:checked + .stk {
	border-color: #4ec1c3;
}

#stk_list .stk_io .si_check + .stk {
	/* border-radius: 16px 16px 0 0; */
}


div .map_to {
	display: none;
}



.import ~ div.checkboxes input:checked + label .map_to {
	display: block;
}


	
.kit_w {
	width: 294px;
	display: inline-block;
	padding: 20px 6px 0 0;
	position: relative;
	
}

.kit_w input[type="checkbox"] {
	position: absolute;
	z-index: 200;
	top: 35px;
	left: 35px;
	opacity: 0;
} 

#c .kit_list div.kit {
	border: 4px solid transparent;
	border-radius: 16px;
	padding: 0 5px 5px 5px;
}

#c .kit_list .ki_check:checked + div.kit {
	border-color: #4ec1c3;
}

/* if a kit is inside #stk_list then a kit_id is set, so 
 .kit_w should not be display: block, not inline-block */
#c #stk_list .kit_w {
	display: block;
}





.tick, .loc .tick {
	width: 20%; 
	height: 4rem;
	position: absolute; 
	top: 0;
	right: 0;
	z-index: 80;
}



#c .ppl .tick div, #c .loc .tick div{
	width: 2rem; 
	height: 2rem; 
	position: absolute; 
	top: 1.2rem; 
	right: 36%;
	top: .5rem;
	right: 12%;
	opacity: 0.15;
	background: url(/a/_i/tmpl/tick.svg) no-repeat;
}



#c .pi_check:checked + .ppl .tick div, #c .li_check:checked + .loc .tick div  {	
	opacity: 1;
	background: url(/a/_i/tmpl/tick_blue.svg) no-repeat;
}


#w .ppl_n .ppl_name_c {
	white-space: nowrap; 
	overflow: hidden; 
	text-overflow: ellipsis; 
	/* width: 67%; */
	display: block;
}

#w .ppl_n .loc_name {
	display: inline-block;
	padding-right: 8px;
	/* margin-right: 8px */
}

#w .ppl_n .loc_name i {
	font-style: normal;
	font-size: smaller;
}

#w .ppl_icon_lg {
	position: absolute;
	width: 3.5rem;
	height: 3.5rem;
	top: 0px;
	left: 104px;
	opacity: 0.3;
	border: 0;
}


.pplgrp input[type="radio"], .locs_w input[type="radio"]  {
    opacity: 0;
    position: absolute;
    right: 1.6rem;
    top: 25px;
    z-index: 0;
    display: none;
}

#w .pi_check + .ppl, #w .li_check + .loc {
	border: 4px solid #4ec1c3;
	border-radius: 16px;
}

#w .li_check:checked + .loc  {
	border-color: #fff;
}


#w .pi_check:checked + .ppl {
	border-color: #fff;
	background: #5fa2d7;
}


#w .stk_i .stk_icon_lg {
	display: block;
	position: absolute;
	width: 6.5rem;
	height: 6.5rem;
	top: 80px;
	left: 84px;
	opacity: 0.45;
}

#stk_list .si_check + .stk .tick {
	width: 8%; 
	height: 4rem;
	position: absolute; 
	top: 0;
	right: 0;
	opacity: 0.35;
	z-index: 80;
}

#stk_imageless_list #stk_list .si_check + .stk .tick {
}

#w #stk_list .si_check + .stk .tick {
	/* height: 100%; */
	right: 35px;
}


#c #stk_list .si_check + .stk .tick div {
	width: 2rem; 
	height: 2rem; 
	position: absolute; 
	top: 0.6rem; 
	right: 30%;
	background: url(/a/_i/tmpl/tick.svg) no-repeat;
}

@media (max-width: 800px) {

#c #stk_list .si_check + .stk .tick div {
	top: 57px; 
	right: -30px;
	
}

}

.tr_grp_dtl {
	position: absolute; 
	top: 0px; 
	right: 0px; 
	border: 3px solid #ccc; 
	border-radius: 0 0 0 12px; 
	font-size: 30px; 
	padding: 5px 10px; 
	font-style: normal; 
	border-width: 0 0 3px 3px;
	background: #fff;
}

@media (min-width: 800px) {
	#w #c #stk_list .si_check + .stk label:hover .tick {
		opacity: 1;
	}
}


#stk_withimage_list #c #stk_list .si_check + .stk .tick div {
	top: 1.6rem; 
	right: 40%;
}

#w #c #stk_list .si_check:checked + .stk .tick {
	opacity: 1;
}

#w #c #stk_list .si_check:checked + .stk .tick div {	
	background: url(/a/_i/tmpl/tick_blue.svg) no-repeat;
}


#c .kit_list .ki_check + div.kit .tick {
	width: 20%; 
	height: 100%; 
	position: absolute; 
	top: 0;
	right: 0;
	opacity: 0.15;
}

#w #c .kit_list .ki_check:checked + div.kit .tick {
	opacity: 1;
}


#c .kit_list .ki_check + div.kit .tick div {
	width: 2rem; 
	height: 2rem; 
	position: absolute; 
	top: 0.7rem; 
	right: 15%;
	background: url(/a/_i/tmpl/tick.svg) no-repeat;
}

#w #c .kit_list .ki_check:checked + div.kit .tick div {
	
	background: url(/a/_i/tmpl/tick_blue.svg) no-repeat;
}




.k_i .edt {
	text-align: center;
	padding: 12px 5px 5px 5px;
    background: #87d3d4;
}


.stk_w .edt, .stk_io .edt {
	padding: 12px 5px 5px 5px;
	margin: -12px 7px 0 7px;
	/* background: rgba(255, 255, 255, 0.3); */
	background: #87d3d4;
}

.stk_i {
	position: relative;
	border-radius: 5px;
}





.ppl_w, .ppl_io {
	width: 280px;
	margin: 16px 20px 0 0;
	position: relative;
	float: left;
}

#ppl_imageless_list .ppl_w, #ppl_imageless_list .ppl_io {
	margin-top: 26px;
}
	
.ppl {
	display: inline-block;
	padding: 10px 0 0 0;
	position: relative;
	border: 4px solid #01a5a5;
	border-radius: 16px;
	
}

.ppl_w .cnd_card {
	border: 4px solid #fabf8a;	
}

.ppl_w .empl_card {
	border: 4px solid #82b3cf;	
}




.ppl_i {
	position: relative;
	width: 280px;
	
	overflow: hidden;
	z-index: 100;
	/* cursor: pointer; */
}



#ppl_img_sm {
	padding: 3px 12px  0 12px;
}

#ppl_img_sm img {
	width: 252px;
	border: 1px solid #4c8c9a;
	
}


mark {
	text-decoration: none;
	background: #fffe92;
	display: inline-block;
	padding: 0 5px;
}



#w .ppl_n {
	top: 0;
	display: inline-block; 
	width: 100%; 
	padding: 10px 12px;
	padding: 10px 0;
	color: #000;
	cursor: default;
}


#w .ppl_name_c {
	font-size: 1.2rem;
	padding-left: 12px;
}

#w .ppl_n .loc_name {
	padding-left: 10px;
	margin-left: 2px
}

#w .ppl_n .non_sa_loc_name {
	/* padding-left: 2px; */
	background: #e77070;
	
	color: #fff;
	/* border-left: 10px solid #c45769; */
	position: relative;
}

#w .ppl_n .non_sa_loc_name:before {
	position: absolute;
	top: 0px;
	left: -1px;
	content: " ";
	height: 20px;
	width: 20px;
	vertical-align: top;
	background: url(/a/_i/tmpl/right_arrow_w2.svg) no-repeat;
}


#w .ppl_name_c a:link, #w .ppl_name_c a:visited {
	color: #000;
}

#w .ppl_io .ppl_n, #w .ppl_io .ppl_n a:link, #w .ppl_io .ppl_n a:visited {
	color: #fff;
}

#w .ppl_io .ppl_n a:hover, #w .ppl_io .ppl_n a:active {
	color: #cf2546;
}
	




#ppl_withimage_list .ppl_i {
	height: 322px;
}

#ppl_imageless_list .ppl_i {
	height: 93px;
}

@media (max-width: 800px) {

#ppl_imageless_list .ppl_i {
	height: 103px;
}


}

#ppl_imageless_list .ppl_info {
	top: 79px;
}


.ppl_info {
	margin: 0 0 0 0px;
	width: 288px;
}

.ppl_io .ppl_info {
	display: block;
}

.ppl_info_c {
	padding: 0;
}

#w .ppl_info_c2 {
	padding: 0;
}

.ppl_info_c2 div:last-child {
	padding-bottom: 8px;
}

.ppl_info_c .ppl_edt {
	padding: 0 0 0 12px;
	margin-top: 0px;
	padding-right: 20px;
}

.ppl_info_c .ppl_edt a, #ppl_imageless_list .ppl_info_c .ppl_edt a {
	white-space: nowrap;
	display: inline-block;
	/* width: auto; */
}





#w .key {
	position: absolute; 
	border-radius: 0 0 12px 0;
	color: #fff; 
	height: 30px; 
	overflow: hidden; 
	color: #fff; 
	padding-right: 6px;
	right: 0px;
	bottom: 0px;
}

#w .key img {
	float: left;
	width: 20px;
	height: 20px;
}

#w .key strong {
	font-weight: bold; 
	opacity: 1; 
	color: #fff; 
/* 	padding: 6px 0 4px 0; 
	font-size: 14px; 
	line-height: 16px; 
	float: right; */
}

#w .key span {
	float: right; 
	padding: 6px 0 4px 0; 
	font-size: 14px; 
	line-height: 16px; 
	color: #fff; 
	opacity: 0.8;
	display: inline;
	vertical-align: bottom;
}



.ppl_info_c .ppl_edt a.key, #ppl_imageless_list .ppl_info_c .ppl_edt a.key {
	padding: 0 10px 0 0;
}

#ppl_imageless_list .ppl_info_c .ppl_edt a {
	border-top: none;
}

.ppl_edt span {
	display: none;
	vertical-align: bottom;
	padding-left: 6px;
}



#w .stk_io .stk_nm, #w .stk_io .stk_nm:hover {
	border-top: 2px solid #fff;
}


#w .stk_nm  {
	font-size: 1rem;
    font-weight: normal;

    padding-left: 5px;
    
	color: #454545;
	vertical-align: middle;
	line-height: 1.2em;
	padding-top: 3px;
	overflow-wrap: break-word;
	max-width: 90%;
	min-height: 22px;
	/* width: 82%; */
	
}

#w .stk_nm  .nm {
	/* min-width: 280px; */
	display: inline-block;
	padding-right: 30px;
}

@media (min-width : 320px) {

	/* #w .stk_nm  .nm, .dtls_eml {
		padding-right: 30px;
	} */
	
}

@media (min-width : 1000px) {

	#w .stk_nm  .nm {
		/* padding-right: 120px; */
		/* min-width: 210px; */
		display: inline-block;
		padding-right: 0px;
	}

/* 	#w .stk_unlocked .stk_nm {
		padding-right: 60px;
	} */
	
	.dtls_eml {
		padding-right: 30px;
		padding-left: 30px;
	}
	
}


	
	
#w .dtls_eml a:link, #w .dtls_eml a:visited, #w .dtls_eml a:hover {
	color: #999;
}

.stk_no {
	position: absolute;
	top: 0;
	/* bottom: 3.2rem; */
	right: 0;
	background: rgba(255, 255, 255, 0.4);
	font-size: 1.0rem;
	line-height: 1.4rem;
	font-weight: bold;
	padding: 0 0.4rem;
}


#stk_copy {
	position: absolute;
	top: 95px;
	left: 75px;
	color: darkblue;
	-moz-text-fill-color: transparent;
	-webkit-text-fill-color: transparent;
	-moz-text-stroke-color: darkblue;
	-webkit-text-stroke-color: darkblue;
	-moz-text-stroke-width: 2px;
	-webkit-text-stroke-width: 2px;
	font-size: 2.4rem;
	font-weight: bold;
	font-family: "arial narrow", sans-serif;
	letter-spacing: 2px;
	background: rgba(255, 255, 255, .5);
	padding: 5px 8px;
	line-height: 2.4rem;
	border-radius: 17px
}

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

#stk_list .io_status_w {
	position: absolute;
	top: 0px;
	left: 0.23rem;
	height: 3rem;
	border-radius: 0.5rem;
	z-index: 60;
	background: #df5249; 
	text-align: center;
	width: 2.2rem;
}

#stk_list .io_status {
	position: absolute;
	top: 0;
	left: 0.3rem;
	height: 2.5rem;
	width: 2.5rem;
	display: block;
	z-index: 102;
}

.initials {
	position: absolute;
	left: 0.23rem;
	top: 1.8rem;
	color: #fff;
	display: block;
	font-size: 0.8rem;
	letter-spacing: 1px;
	line-height: 0.8rem;
	border-radius: 0 0.5rem 0.5rem 0; 
	background: #df5249; 
	z-index: 80;
	padding: 0.2rem 0.1rem 0.25rem 0.3rem;
	min-width: 23px;
	text-align: center;
}

#stk_list .io_pole {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 0.5rem;
	font-size: 1px;
	background: rgba(223, 82, 73, 1);
}

#stk_imageless_list #stk_list .io_pole {
	width: 0.6rem;
	z-index: 1;
	border-right: 2px solid #fff;
}


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

.loc {
	display: inline-block;
	margin: 35px 20px 10px 0;
	border-radius: 10px; 
	border: solid #cd7786 4px; 
	padding: 10px 5px 25px 15px;
	width: 265px;
	position: relative;
}

#w .loc_without_checkboxes .loc {
	margin: 15px 20px 10px 0;
}

.loc {
	padding: 10px 5px 15px 15px;
}

.rpt {
	position: relative;
	padding: 10px;
	margin-bottom: 10px;
	border-radius: 5px;
	margin-right: 10px;
	background: #b5dde6;
}

.rpt .edit { 
	right: 40px;
}

.rpt .bin {
	right: 5px;
}

.kit {
	width: 280px;
	margin: 0;
	position: relative;
	display: inline-block;
	background: rgba(255, 255, 255, 0.5);
}

.kit:hover {
	background: rgba(255, 255, 255, 0.7);
}


.kitgrp_w {
	display: block; 
	padding-top: 55px;
}

.kitgrp_w:first-of-type {
	padding-top: 15px;
}

.kitgrp_w h2  {
	display: inline-block;
    margin: 20px 20px 0 5px;
}

.kitgrp_w h2 a:link, .kitgrp_w h2 a:active, .kitgrp_w h2 a:hover, .kitgrp_w h2 a:visited {
	color: #fff;
}

.kitgrp_w h2 span {
	color: #fff;
	background: #3f6a98;
	padding: 5px 10px;
	border-bottom: 5px solid #3f6a98;
}

.kit a:link, .kit a:visited, .kit a:hover, .kit a:active {
	color: #454545;
	font-weight: normal;
	text-decoration: none;
}

.ppl {
	background: #fff;
}

.ppl_bsn2 {
	background: lightblue;
}

.ppl_archived {
	background: #eee;
}


.ppl_io .ppl {
	border-color: #fff;
	background: #5fa2d7;
}

.loc h3, .ppl h3 {
	padding: 0;
	margin:0;
	font-size: 1.06rem;
}

.loc h3 {
	padding-top: .65rem;
}

.locgrp_w {
	clear: left;
	float: left;
	width: 100%;
}

.locs_w {
	clear: left; 
	display: inline-block; 
	margin: -20px 0 0 0px;
	
	padding-bottom: 20px;
	
}

#w .locgrp_w h2 {
	width: 285px;
	display: block; 
	margin: 20px 0 20px 0px;
	border-bottom: 5px solid #3c8f5e;
}

.locgrp_w h2 span {
	color: #fff;
	background: #3c8f5e;
	padding: 5px 10px;
}

.stk_icon_sm, .ppl_icon_sm, .loc_icon_sm, .stk_console img, .ctc_w img {
	width: 20px; 
	height: 20px; 
	vertical-align: top;
}

.pdf_icon_sm {
	width: 25px;
}

#w .pdf_icon_lg {
	width: 42px; 
	padding-right: 5px; 
	display: inline-block;
	vertical-align: top;
}


.title_icon {
	display: inline-block;
	padding-right: 2px;
	width: 1em;
}

#w .ttl_icon_pdf {
	width: 1.5em;
}

#loc_img_sm img {
	width: 252px;
}

.loc_icon, .ppl_icon {
	position: absolute;
	width: 2.25rem;
	height: 2.25rem;
	top:-22px;
	left: 10px
}


.sm_icon_w {
	display: inline-block; 
	padding: 0 .75em 0 0;
	font-weight: normal;
}

.icon_fade {
	opacity: 0.35;
}

.ppl .icon_fade, .loc .icon_fade {
	opacity: 0.5;
}

.links {
	padding: 5px 0 0 0;
}

.star {
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 30px;
	height: 32px;
}

.edit {
	position: absolute;
	top: 0px;
	right: 64px;
	width: 30px;
	height: 45px;
}

.ppl .edit, .ppl .bin {
	height: 30px;
}

.loc .edit {
	top: auto;
	bottom: 0px;
	right: 39px;
	height: 42px;
}

.bin {
	position: absolute;
	top: 0px;
	right: 35px;
	width: 30px;
	height: 45px;
}

.loc .bin {
	top: auto;
	bottom: 0px;
	right: 7px;
	height: 42px;
}

.edit a, .bin a, .star a {
	padding: 5px 10px 10px 0;
	width: 20px;
	height: 20px;
	/* opacity: 0.5 */
}



.edit a:hover, .edit a:active, .bin a:hover,  .bin a:active, .star a:hover, .star a:active {
	opacity: 1;
}


.locgrp_w .edit svg, .locgrp_w .bin svg, .locgrp_w .star svg {
  fill: #000;
}


#w .note_w {
	clear: left; 
	float:left;  
	font-size: smaller;
}



.note {
  position: relative;
 
  padding: 1em 1.5em;
  margin: 2em auto;
  color: #333;
  background: #f1f0d2;
  overflow: hidden;
  max-width: 800px;
}

.note:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  border-width: 0 16px 16px 0;
  border-style: solid;
  border-color: #fff #fff #f1f0d2 #f1f0d2;
  background: #f1f0d2;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
  box-shadow: 0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
  display: block; width: 0;
}


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

#stk_imageless_list label:not(.yn_y):not(.yn_n):not(.no_pointer), #stk_form label:not(.yn_y):not(.yn_n):not(.no_pointer), #cnd div.lbl {
	display: block;
	position: relative;
}

#w #role_form fieldset {
	display: inline-block;
	width: 380px;
}




#cnd_child_ages_w select, #cnd_child_ages_w button {
	display: block;
	margin-top: 5px;
}

#cnd_child_ages_c select:first-child {
	display: none;
}


#cnd div:not(.radio_set):not(.checkboxes) > label:not(.no_pointer):not(.yn_y):not(.yn_n):before, div.lbl:before {
	content: " ";
	width: 20px;
	height: 20px;
	background: url(/a/_i/tmpl/aelfred_mec_heht_gewyrcan.svg) no-repeat;
	color: #fff;
	position: absolute;
	left: -25px;
	
}

#cnd div.dn_doc {
	display: block;
	position: relative;
	padding-left: 47px;
}

.dn_doc:before {
	content: " ";
	width: 20px;
	height: 20px;
	background: url(/a/_i/tmpl/export_blue.svg) no-repeat;
	color: #fff;
	position: absolute;
	left: 20px;
	opacity: 0.5;
}

.dn_doc:hover:before {
	opacity: 1;
}

	
.cnd_name_heading {
	padding: 0 0 10px 0; 
	font-size: 23px; 
	border-bottom: 2px solid lightblue; 
	margin-bottom: 10px; 
	max-width: 680px
}
	

/* .trainer .cnd_name_heading {
	border-color: #fff; 
} */

.trainer #cnd div:not(.radio_set):not(.checkboxes) > label:not(.no_pointer):not(.yn_y):not(.yn_n):before, 
.trainer div.lbl:before {
	background: url(/a/_i/tmpl/aelfred_mec_heht_gewyrcan__trainer_b.svg) no-repeat;
}

.read_only_notice {
	/* background: repeating-linear-gradient(135deg, #64bf7a, #64bf7a 32px, #87ce98 32px, #87ce98 64px);  */
	

	color: #fff; 
	font-weight: bold; 
	padding: 10px 15px; 
	font-size: 1.2rem; 
	max-width: 650px; 
	margin-bottom: 15px;
	
	border-radius: 20px;
	background: #6eb7d3;
	
}

#cnd div.lbl:before {
	left: -5px;
}


#w .fieldset_grp {
	padding: 0; 
	margin: 0 15px 20px 0; 
	vertical-align: top
}

#w .fieldset_grp fieldset {
	margin: 0 0 20px 0;
}

#w .fieldset_grp fieldset:last-of-type {
	/* margin: 0; */
}


	
.form_view_opts a:link, 
.form_view_opts a:visited,
.form_view_opts a:hover, 
.form_view_opts a:active {
	display: inline-block;
	padding: 5px 10px;
	border: 1px solid #ccc;
	color:#777;
	border-color: #ccc;
}
	
	@media (min-width: 800px) {
					
		#w #cnd_title_other {
			width: 240px;
		}
		
		#w #cnd_town_city {
			width: 360px;
		}
		
		#w #cnd_county {
			width: 240px;
		}
		
		#w #cnd_age {
			width: 35px;
		}
		
		#w #cnd_nat_ins_no {
			width: 120px;
		}
		
		
		
		#w #cnd_postcode {
			width: 90px;
		}
		
		#w #postcode_search {
			width: 90px;
		}
		
	}
	

#w .form_view_opts a {
	background: #f8fafd;
}

#w .form_view_opts a.staff.selected {
	background: #19a5a4;
	color: #fff;
}

#w .form_view_opts a.candidate.selected {
	background: #f7953c;
	color: #fff;
}

#w fieldset {
	display: block;
}

fieldset {
	display: block;
	margin: 0px 15px 20px 0px;
	background: #e9e7e3;	
	background: #f4f3f1;
	border: 0;
	/* border-radius: 15px 15px 0 0; */
	padding: 0 0 0 0;
	vertical-align: top;
	width: 680px;
}

fieldset > div {
	border-left: 10px transparent;
	padding-left: 10px;
}



fieldset > *:last-child:not[type=input] {
	padding-bottom: 20px;
}

fieldset h3 {
	
	font-weight: normal;
	font-size: 24px;
	background-color: #497e9a;
	color: #fff;
	padding: 10px 20px;
	margin: 0;

}

.about_you fieldset h3 {
	
	background-color: #4b90c9;

}

.grant fieldset h3,
.additional fieldset h3{
	
	background-color: #71a84a;

}

.monitoring fieldset h3 {
	
	background: #78bedf;

}

.monitoring fieldset {
	background: #bfe1f9;
}

#advanced_search_form fieldset h3 {
	color: #fff;
	background-color: #6cb672;
}

fieldset .sec_staff h3 + div:first-of-type {
	padding-top: 20px;
}

#rpt h3 {
	background-color: transparent;
	color: #555;
	padding-top: 35px;
}
	
#cnd {
	counter-reset: rva rvg self_dec csap cc_rn;
}

#c {
	counter-reset: permit_sets
}

span.wrap {
	display: block;
}

em.h {
	color: #485765;
}

h3 {
	position: relative;
}

#w h3.adm {
	position: relative;
	background-color: #19a5a4;
	margin-top: -10px;
	border-radius: 0;
	
}

#w1 {
	
}

#w1 {
	max-width: 960px;
	position: relative;
	margin: 0 auto;
}

#w1.a_ljo, #w1.a_ero  {
	max-width: 1800px;
}

/* 
#cnd h3:not(.adm):after {
	counter-increment: h3; 
	content: counter(h3);
	float: right;
	font-size: 16px;
	line-height: 16px;
	min-width: 16px;
	border: 1px solid #fff;
	border-radius: 20px;
	padding: 5px;
	text-align: center;
} 
 */
#cnd h3.rva:after {
	counter-increment: rva; 
	content: counter(rva);
	float: right;
	font-size: 16px;
	line-height: 16px;
	min-width: 16px;
	border: 1px solid #fff;
	border-radius: 20px;
	padding: 5px;
	text-align: center;
}

#cnd h3.csap:after {
	counter-increment: csap; 
	content: counter(csap);
	float: right;
	font-size: 16px;
	line-height: 16px;
	min-width: 16px;
	border: 1px solid #fff;
	border-radius: 20px;
	padding: 5px;
	text-align: center;
}

h3.csap {
	margin-top: -10px;
}

#cnd h3.cc_rn:after {
	counter-increment: cc_rn; 
	content: counter(cc_rn);
	float: right;
	font-size: 16px;
	line-height: 16px;
	min-width: 16px;
	border: 1px solid #fff;
	border-radius: 20px;
	padding: 5px;
	text-align: center;
}

#cnd h3.rvg:after {
	counter-increment: rvg; 
/* 	content: counter(rvg, upper-latin); */
	content: counter(rvg);
	float: right;
	font-size: 16px;
	line-height: 16px;
	min-width: 16px;
	border: 1px solid #fff;
	border-radius: 20px;
	padding: 5px;
	text-align: center;
}

#cnd h3.self_dec:after {
	counter-increment: self_dec; 
/* 	content: counter(rvg, upper-latin); */
	content: counter(self_dec);
	float: right;
	font-size: 16px;
	line-height: 16px;
	min-width: 16px;
	border: 1px solid #fff;
	border-radius: 20px;
	padding: 5px;
	text-align: center;
}


#w h3.permit_sets:after {
	counter-increment: permit_sets; 
/* 	content: counter(rvg, upper-latin); */
	content: counter(permit_sets);
	float: right;
	font-size: 16px;
	line-height: 16px;
	min-width: 16px;
	border: 1px solid #fff;
	border-radius: 20px;
	padding: 5px;
	text-align: center;
}

.loc_form fieldset h3 {
	background: #6fb985;
}

.itm_form fieldset h3 {
	background: #ceb06c;
}

fieldset input[type=text], fieldset input[type=email], fieldset textarea, fieldset input[type=password] {
	/* width: 240px; */
	border: rgba(0, 0, 0, 0.05) 5px solid;
	padding: 5px 10px;
	width: 520px;
	border-radius: 5px;
	background: #fff;
	background-clip: padding-box;
}

#w #c fieldset .currency input[type=text] {
	width: 5em;
}

#w #c fieldset .currency b {
	display: inline-block;
	padding-left: 20px;
	position: relative;
}

#w #c fieldset .currency b:before {
	content: " ";
	width: 16px;
	height: 20px;
	background: url(/a/_i/tmpl/pound.svg) no-repeat;
	color: #fff;
	position: absolute;
	top: 13px;
	left: 0;
}

#w #c select {
	border: transparent 5px solid;
}

span.required {
	display: inline-block;
	line-height: 45px;
	width: 42px;
	padding-left: 0;
	margin-left: 5px;
	background-position: top right; 
	background-repeat: no-repeat; 
	/* background-image: url(/a/_i/tmpl/asterisk.svg); */
	float: right;
}

#w #c input.sec_on {
	opacity: 0;
	position: fixed;
	width: 0; 
}

#w #c input.sec_on + section {
	display: none;
}

#w #c input.sec_on:checked + section {
	display: block;
}

#w #c input[data-v="n"] + span.required {
	background-image: url(/a/_i/tmpl/warn_red.svg);
}

#w #c input[data-v="y"], 
#w #c select[data-v="y"],
#w #c textarea[data-v="y"] {
  border-color: #69b86f;
  background: #fff;
}

.dotted {
  stroke-dasharray: 0.1, 12.5;
  stroke-linecap: round;
}

#w #c .yn_w {
	border-radius: 15px 30px 30px 15px;
	margin-top: 2px;
	padding: 3px 0 10px 15px;
}

#w #c input[data-v="n"]+.yn_w .required, 
#w #c select[data-v="n"]+.required {
	/* background-color: #f4f1a8; */
	/* border-radius: 20px 20px; */
	/* padding-right: 5px; */
}


#w #c .yn_w .yn_y {
	background: #d0e287;
}

#w #c .yn_w .yn_n {
	background: #ffc2c7;
}

#w #c input[data-yn="y"]+.yn_w .yn_y {
	border-color: transparent;
	background: #d0e287;
}

#w #c input[data-yn="y"]+.yn_w .yn_n,
#w #c input[data-yn="n"]+.yn_w .yn_y
{
	background: transparent;
	border-color: transparent;
	/* color: #aeaeae; */
}

#w #c input[data-yn="n"]+.yn_w .yn_n {
  border-color: transparent;
  background: #ffc2c7;
}

#w #c input.compl {
	width:0;
	height: 0;
	border: 0;
	padding: 0;
	margin: 0;
	opacity: 0;
	position: absolute;
}


#w #c input[data-v="y"]+span, 
#w #c select[data-v="y"]+span, 
#w #c textarea[data-v="y"]+span, 
#w #c input[data-v="y"]+.yn_w label+span, 
#w #c input[data-v="y"] + .radio_set .req_w span, 
#w #c input[data-v="y"] + .checkboxes .req_w span {
  background-image: url(/a/_i/tmpl/tick_green.svg);
}

#w #c input[data-v="n"],
#w #c select[data-v="n"],
#w #c textarea[data-v="n"]{
	border-color: #e2684f;
}

#w #c input[data-v="n"]+span, 
#w #c select[data-v="n"]+span, 
#w #c textarea[data-v="n"]+span, 
#w #c input[data-v="n"]+.yn_w label+span, 
#w #c input[data-v="n"] + .radio_set .req_w span, 
#w #c input[data-v="n"] + .checkboxes .req_w span {
  background-image: url(/a/_i/tmpl/warn_red.svg);
}



#w #c input.optional+b {
	display: inline-block;
	padding-left: 10px;
	color: #67b139;
	font-size: .9rem;
	opacity: .75;
	cursor: default;
	
	color: #fff;
	background: #69b86f;
	padding: 2px 7px 2px 4px;
	border-radius: 0 10px 10px 0;
	display: none;
}

#w1 #w #c #cnd span.req_clear, #w1 #w #c span.req_clear {
	clear: both; 
	height: 2px; 
	display: block; 
	background: transparent;
}

#w #c .sec_staff input.optional+b {
	color: #fff;
}

.yn_w label {
	display: inline-block;
	border: transparent 5px solid;
	padding: 5px 10px;
	
	background: #fff;
}

.yn_w label:nth-child(odd) {
	border-width: 0 0 0 5px;
}

.yn_w label:nth-child(even) {
	border-width: 0 5px 0 0;
}


#w #c .yn_w label {
	background-color: #f4f1a8;
	font-weight: normal;
}

#w #c input[data-v="n"] ~ .yn_w label {
	border-color: #e2684f;
}

#w #c  .optional input[data-v="n"] ~ .yn_w label {
	border-color: transparent;
}

#w #c .radio_set label, #w #c .checkboxes label {
	border-style: solid;
	border-color: transparent;
	border-width: 0 5px;
}


#w #c input[data-v="n"] ~ .radio_set label, #w #c input[data-v="n"] ~ .checkboxes label {
	border-color: transparent #e2684f;
}

fieldset .fieldgrouplet {
	padding-right: 0;
	padding: 0 0 10px 0;
}


#w .sec_staff fieldset, 
#w .sec_staff fieldset > div, 
#w .sec_staff fieldset > section, 
fieldset .sec_staff {
	background-color: #b6d6d8;
}

#w .sec_staff fieldset {
	padding-bottom: 10px;
}

.sec_staff fieldset h3 {
	background: #19a5a4;
}


#w .sec_spl fieldset, 
#w .sec_spl fieldset > div, 
#w .sec_spl fieldset > section, 
fieldset .sec_spl {
	background-color: #e6d3e5;
}

.sec_spl fieldset h3 {
	background: #a373a8;
}

#cnd_nat_ins_no {
	text-transform: uppercase;
}

#cnd_postcode, #postcode_search {
	text-transform: uppercase;
}


#w #c .sec_staff fieldset.sec_2, #w #c .sec_staff fieldset.sec_2 div, #w #c .sec_staff div.sec_2 {
	
	background-color: #89c8c7;
	
}

#w #c .sec_staff #review_activity_support_w fieldset, 
#w #c .sec_staff #review_activity_support_w div,
#w #c .sec_staff #child_care_a_s_w fieldset, 
#w #c .sec_staff #child_care_a_s_w div {
	background-color: #e4f1e0;
}

#w #c .sec_staff #review_activity_support_w fieldset.sec_2, 
#w #c .sec_staff #review_activity_support_w fieldset.sec_2 div,
#w #c .sec_staff #child_care_a_s_w fieldset.sec_2, 
#w #c .sec_staff #child_care_a_s_w fieldset.sec_2 div {
	background-color: #dceed3;
}


#w #c .sec_staff #review_activity_support_w fieldset h3, 
#w #c .sec_staff #review_activity_support_w fieldset h3,
#w #c .sec_staff #child_care_a_s_w fieldset h3, 
#w #c .sec_staff #child_care_a_s_w fieldset h3 {
	background-color: #8abe69;
}






#w #c .sec_staff #sustainment_w fieldset.sust_a_s , 
#w #c .sec_staff #sustainment_w .sust_a_s div {
	background-color: #e4f1e0;
}



#w #c .sec_staff #sustainment_w .sust_a_s h3 {
	background-color: #8abe69;
}


#w #c .sec_staff #sustainment_w > section {
	border-bottom: 5px solid #e5e5e5;
	padding-bottom: 30px;
	margin-bottom: 30px;
	/* display: inline-block; */
}



#w #c .sec_staff #review_smart_goals_w fieldset, 
#w #c .sec_staff #review_smart_goals_w div,
#w #c .sec_staff #child_care_rn_w fieldset, 
#w #c .sec_staff #child_care_rn_w div {
	background-color: #90c9d6;
}

#w #c .sec_staff #review_smart_goals_w fieldset.sec_2, 
#w #c .sec_staff #review_smart_goals_w fieldset.sec_2 div,
#w #c .sec_staff #child_care_rn_w fieldset.sec_2, 
#w #c .sec_staff #child_care_rn_w fieldset.sec_2 div {
	background-color: #b5dbe4;
}


#w #c .sec_staff #review_smart_goals_w fieldset h3, 
#w #c .sec_staff #review_smart_goals_w fieldset h3,
#w #c .sec_staff #child_care_rn_w fieldset h3, 
#w #c .sec_staff #child_care_rn_w fieldset h3 {
	background-color: #2da3c0;
}






.sec_2 {
	background: #e0dbcc;
	background: #dee6e7;
	background: #edeae3;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	padding-top: 10px;
}

.sec_1, .sec_2, .sec_staff {
	padding-top: 10px;
}


.other_w {
	margin-bottom: 10px;
	padding-bottom: 5px;
}

.sec_3 {
	background: #d4cacb;
	background: #e9e4e5;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	padding-top: 10px;
}



#w input, #w textarea, #w select {
	font-size: 1rem;
	font-family: verdana, sans-serif;
}

#w textarea {
	/* border: #a7a7a7 1px solid; */
	/* border: rgba(0, 0, 0, 0.05) 5px solid; */
	padding: 5px 10px;
	margin-top: 5px;
}

fieldset input {
	margin-top: 3px;
}

input:disabled {
	opacity: 0.5;
}

fieldset div {
	padding: 5px 20px 10px;
}

fieldset > h3 + div:first-of-type {
	padding-top: 20px;
} 

h3 + section:first-of-type {
	padding-top: 10px;
}

fieldset .rights_w div:first-of-type {
	padding-top: 5px;
}



#w #c input.date_year {
	width: 70px;
	padding: 2px 10px;
}

.furn {
	display: block;
	font-size: 13px;
	color: #666;
	font-weight: normal;
}

b.furn {
	font-weight: bold;
}


.ctc_dtls b {
	display: inline-block;
	font-size: 13px;
	color: #666;
}

.vc_id img {
	width: 23px; 
	vertical-align: middle;
	padding-right: 3px;
	opacity: 0.6;
}

.start_id img {
	padding-right: 3px;
	width: 20px;
	height: 20px;
	vertical-align: top;
}

.vc_id i, .dtls_eml a, .dtls_tel i {
	/* font-size: 1rem;  */
}

.dtls_eml {
	display: inline-block;
	font-size: 0.8em;
	font-weight: normal;
}

.stk_e .dtls_eml {
	display: block;
}

.dtls_eml img {
	width: 22px; 
	vertical-align: middle;
}
	
.dtls_sect {
	/* border-top: 1px solid #e7e7e7; 
	margin-top: 12px; */
}

.btn {
	-webkit-appearance: none; border: 0; 
	appearance: none;

	width: 256px;
	font-size: 24px;
	color:white;
	padding: 10px 20px 12px;
	border-radius:5px;
}

.btn.green {
	background-image: linear-gradient( #92c249, #7ca432 );
}

#w #c .btn.yellow {
	background-image: none;
}



.btn.green:hover, .btn.green:active {
	background: #7ca432
}

.btn.blue {
	background-image: linear-gradient( #4f89bd, #3c77a5);
}

.btn.blue:hover, .btn.blue:active {
	background: #3c77a5
}

#return_btn {
	width: 220px;
	font-size: 20px;
	margin-right: 35px;
	padding: 0 20px 2px;
	float: right;
}

#transfer_btn {
	width: 220px;
	margin-right: 15px;
	float: right;
}



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

#ftr {
	margin-left: -25px;
	clear: left;
	position: fixed;
	bottom: 0;
	width: 100%;
	background: rgba(255,255,255, 0.8);
	padding: 10px 0;
	/* height: 40px; */
	text-align: right;
	z-index: 200;
}


#cncl {
	float: left;
	padding-left: 25px;
}


.rights_group {
	padding: 15px 10px; 
	margin: 15px; 
	float: left; 
	min-width: 166px;
}

.rights_group label {
	margin-left: -5px;
}

.rights_group ul {
	padding: 5px 10px 5px 25px;
	margin: 0; 
	list-style: none;
}

.rights_group ul li, .personal_rights_group ul li {
	padding: 5px 0; 
	border-top: 1px solid #fff;
	font-weight: normal;
}

.personal_rights_group ul {
	padding: 5px 10px 5px 10px; 
	margin: 0; 
	list-style: none;
}

/*
.personal_rights_group li:first-child {
	border-top: 0;
	
}
*/


.rights_group label,
.personal_rights_group ul li label {
	box-sizing: border-box;
	display: inline-block; 
	
	vertical-align:top; 
	
	font-weight: normal; 
	padding: 3px 5px;
	border-radius: 5px;
}

.a_ero .rights_group label, .a_ero .personal_rights_group ul li label {
	max-width: 90%;
}

#w .rights_group label {
	width: 100%;
}

#w .rights_group .checkboxes input:checked + label:before {
	opacity: 1;
}

.personal_rights_group ul li label {
	margin-left: 0;
}

.rights_group label {
	font-weight: bold; 
}

.rights_double {
	clear: left; 
	width: 600px;
}

#w .rights_group input:checked + label,
#w .personal_rights_group input:checked + label {
	background-color: rgba(37, 102, 148, 1);
	color: #fff;
}

.role_permits {
	font-style: italic;
	display: block;
	padding-left: 23px;
	color: #999
}

#view_img {
	width: 574px;
	height: 574px;
}


#view_img .stk_i {
	width: 560px;
	height: 560px;
}

#view_img img {
	width: 560px;
	height: 560px;
}

#large_image img {
	width: 580px;
	height: 580px;
}
	
	@media (max-width: 768px) {
		
		#large_image img {
			width: 92%;
			height: 92%;
		}
	
	}



#search {
			
	float: right;
	margin: 12px 25px 10px 0px;
	

}
	


pie {
	width: 1em;
	height: 1em;
	display: inline-block;
	border-radius: 50%;
	background-color: green;
	border: 1px solid green;
	margin: 2px 2px -2px 0;
	opacity: 0.7;
}

.tm_5, .tm_10, .tm_15, .tm_20, .tm_25, .tm_30, .tm_50, .tm_55 {
	background-color: white;
}

.tm_5 {
	
	background-image:
		linear-gradient(120deg, transparent 50%, green 50%),
		linear-gradient(90deg, green 50%, transparent 50%);
}

.tm_10 {

	background-image:
		linear-gradient(150deg, transparent 50%, green 50%),
		linear-gradient(90deg, green 50%, transparent 50%);
}

.tm_15 {

	background-image:
		linear-gradient(180deg, transparent 50%, green 50%),
		linear-gradient(90deg, green 50%, transparent 50%);
}

.tm_20 {
	background-image:
		linear-gradient(210deg, transparent 50%, green 50%),
		linear-gradient(90deg, green 50%, transparent 50%);
}

.tm_25 {
	background-image:
		linear-gradient(240deg, transparent 50%, green 50%),
		linear-gradient(90deg, green 50%, transparent 50%);
}

.tm_30 {
	background-image:
		linear-gradient(90deg, green 50%, transparent 50%);
}


.tm_35 {
	background-image: linear-gradient(90deg, transparent 50%, white 50%), 
	linear-gradient(300deg, white 50%, transparent 50%);
}

.tm_40 {

	background-image: linear-gradient(90deg, transparent 50%, white 50%), 
	linear-gradient(330deg, white 50%, transparent 50%);
}

.tm_45 {
	
	background-image: linear-gradient(90deg, transparent 50%, white 50%), 
	linear-gradient(0deg, white 50%, transparent 50%);
}

.tm_50 {
	
	background-image: linear-gradient(90deg, transparent 50%, orange 50%), 
	linear-gradient(30deg, orange 50%, transparent 50%);
}

.tm_55 {

	background-image: linear-gradient(90deg, transparent 50%, orange 50%), 
	linear-gradient(60deg, orange 50%, transparent 50%);
}

#vwr {
	display: none;
	
}

#vwc {
	display: none;
	
}

#w1 .vwr {
	display: block;
	position: fixed;
	width: 100%;
	height: 100%;
	background:rgba(0,0,0,0.5);
	z-index: 150;
}
	
#w1 .vwc {
	display: block;
	position: absolute;
	z-index: 200;
	padding: 20px;
	background: #fff;
}

	
#view_as {
	display: inline-block; 
	line-height: 2rem; 
}




#item_menu {
	padding: 0;
	display: inline-block;
}

@media (min-width: 800px) {

	#item_menu {
		/* border-left: 1px solid #ccc; */
	}

	.lso_opts div {
	
		border-left: 1px solid #ccc
	}

}


#item_menu div {
	display: inline-block;
}

#item_menu a {
	display: inline-block;
	padding: 3px;
	padding: 2px 7px 5px;
	border-radius: 20px;
	
}

/* home pg */
.a_main #item_menu a {
	margin-right: 2px;
}

#item_menu a img {
	padding-right: 5px;
	opacity: 0.7;
}

#item_menu a span {
	vertical-align: bottom;
}

#item_menu a:link, #item_menu a:visited {
	background: #5877a0;
	color: #fff;
	
}	

#item_menu a:hover, #item_menu a:active {
	color: #5877a0;
	color: #fff;
}

#item_menu a:hover img, #item_menu a:active img {
	opacity: 1;
}
	
#with_selected_menu img {

	padding-right: 5px;
}

#with_selected_menu span {
	
	vertical-align: middle;

}

#with_selected_menu input {
	cursor: pointer; 
	border: 0; 
	padding: 0; 
	margin: 0; 
	background: none; 
	font-size: 1rem; 
	display: inline-block;
	color: #555;
}

#with_selected_menu #with_selected_w {
	color: #555;
	display: inline-block; 
	background: #fff; 
	padding: 0 0 5px 0; 
	box-shadow:  8px 8px 12px -8px rgba(0,0,0,0.5), 8px 8px 12px -8px rgba(0,0,0,0.5), -8px 8px 12px -8px rgba(0,0,0,0.5);
	border-radius: 0 0 5px 5px;
	min-width: 294px;
}

#with_selected_link {
	background: #fff;
	padding: 7px 5px 7px 35px;
	cursor: pointer;
	box-shadow: 8px 8px 12px -8px rgba(0,0,0,0.1), 8px 8px 12px -8px rgba(0,0,0,0.1), -8px 8px 12px -8px rgba(0,0,0,0.1)
}

#with_selected_menu input:hover, #with_selected_link:hover {
	color: #000;
}

#with_selected_menu {
	margin: 0 0 0 10px;
}

#with_selected_menu div {
	padding: 5px 10px 5px 25px;
}


#word_search_sm {
	display: inline-block;
	position: relative;
}



#w1 {
	padding-top: 5px;
}

#word_search_sm, #login_status_w  {
	
	/* top: 2.6rem;  */
	/* top: .5rem;  */
}


.k_w #word_search_sm, .k_w #login_status_w  {
	/* top: 4.8rem;  */
}	
	
	

#login_opts {
	position: relative;
	float: right;
	min-width: 240px;
}


#login_status_w,
#loc_name_w {
	font-size: 14px;
	color: #575757;
	border: 1px solid #ccc;
	float: right;
	background: #fff;
	border-radius: 3px;
}


#login_status_w img {
	width: 17px;
	display: inline-block;
	padding: 1px;
	vertical-align: bottom;
	background: #5877a0;
}

#login_status_w span {
	display: inline-block;
}

#loc_name_w {
	padding: 1px 5px 2px;
}

#login_status_w {
	margin: 0px 20px 2px 5px;
	overflow: hidden;
	cursor: pointer;
	padding: 0 5px 0 0;
}


#company_menu {
	right: 20px;
	background: #fff;
	position: absolute;
	top: 21px;
	z-index: 190;
	border-radius: 0 0 10px 10px;
	min-width: 240px;
}




#logged_in_as img {
	width: 20px;
	display: inline-block;
	padding: 0px 0px 0 0px;
	vertical-align: middle;
}

#logged_in_as span {
	display: inline-block;
}


#login_menu {
	right: 20px;
	position: absolute;
	top: 21px;
	z-index: 190;
	border-radius: 0 0 10px 10px;
	min-width: 240px;
	background: #f8fafd;
}




#view_as_w {
	margin-top: 10px;
}

#logged_in_as span {
	font-style: normal;
	font-size: .8em;
	display: block;
	color: #909090;
	margin-bottom: 5px;
}

#view_as_w span, 
#view_as_cmp_w span  {
	font-size: 15px;
	font-weight: bold;
	display: block; 
	padding-bottom: 5px;
}

#logged_in_as,
#view_as_w, 
#view_as_cmp_w {
	padding: 0 0 5px 10px; 
	background: #fff; 
	padding: 12px 5px 12px 10px; 
	border: 1px solid #ccc; 
	border-radius: 0 0 10px 10px;
	min-width: 240px;
}

#logged_in_as {
	padding-top: 5px;
}

#logged_in_as div {
	padding-bottom: 5px;
}

#logged_in_as a,
#w1 #view_as_w a,
#w1 #view_as_cmp_w a{
	display: block; 
	padding: 5px 5px;
	font-weight: normal; 
	margin: 0 5px 0 0;
	border-top: 1px solid #dedede;
}

#login_status_w span {
	padding-left: 5px;
	display: inline-block;
	padding-top: 1px;
	vertical-align: top;
}

#logged_in_as a {
	background: #64bbf5 url(/a/_i/tmpl/warn/arrow.svg) no-repeat;
	background-image: url(/a/_i/tmpl/warn/arrow_w.svg);
	background-size: 2.5em 6.1em;
	background-position: 100% 50%;
	display: inline-block; 
	border: 0;
	padding-right: 30px;
}

#logged_in_as a:link, #logged_in_as a:visited {
	/* background: #5877a0; */
	color: #fff;
	
}

#w1 #view_as_w a:link, #w1 #view_as_w a:visited,
#w1 #view_as_cmp_w a:link, #w1 #view_as_cmp_w a:visited {
	color: #555;
	background: #fff;
}
					
#w1 #view_as_cmp_w a.cur_loc,
#w1 #view_as_cmp_w a:hover {
	background: #19a5a4	;
	color: #fff;
}
/* 
#logged_in_as em {
	font-style: normal;
	font-size: .8em;
	display: block;
	color: #909090;
}

#logged_in_as div {
	display: block;
	padding-top: 5px;
	white-space: nowrap;
} 
*/


#single_stock_edit_links {
	padding: 0 0 10px;
}


#single_stock_edit_links .stk_edt a {
	white-space: nowrap;
	padding: 5px 15px 5px 10px;
}

.sgn_yl {
	padding-left: 15px;
}

.edt_view {
	/* background: #59b26e; */
	font-size: 12px;
	padding: 2px 3px 1px;
	/* border-radius: 4px; */
	background: url(/a/_i/tmpl/view_bl.svg) no-repeat;
	display: inline-block;
	width: 42px;
	background-position: -2px, 0;
}


.edt_edit {
	
	font-size: 12px;
	padding: 2px 3px 1px;
	/* border-radius: 4px; */
	background: url(/a/_i/tmpl/view_gr.svg) no-repeat;
	display: inline-block;
	width: 42px;
	background-position: -4px, 0;

}

.edt_edit:link, .edt_edit:visited {
	color: #fff;
}

.edt_view:link, .edt_view:visited {
	color: #fff;
}

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

	@media (max-width: 800px) {
	
		#w .stk_i {
			padding-top: 3px;
			border: 1px solid #aaa;
			border-width: 1px 0;
		}
			
		.stk_console {
			padding-bottom: 3px;
		}
		
		#item_menu {
			display: block;
		}

		
		#w #c .stk_n_langopts {
			background-size: 8px auto;
		}
	
		.rights_double {
			clear: left; 
			width: 290px;
		}
		
		#ftr {
			margin-left: -0.5rem;
		}
		
		html {
			/* font-size: 0.8rem; */
		}
		
		
	
		.stk_edt {
			padding: 5px 0 0 0;
		}
		
		.stk_info_c .stk_edt a {
			border-top: 1px solid #fff;
			width: 115px;
			white-space: nowrap;
			padding: 5px 15px 5px 10px;
			display: block;
			
		}
		
		.stk_edt a, .cnd_info {
			padding-right: 3px;
			vertical-align: middle;
		}
		
		.stk_edt a:not(.edt_view):not(.edt_edit):after, .cnd_info:after {
			 content: attr(title);
			 display: inline-block;
			/*  padding-left: 5px; */
			 padding-top: 2px;
			 padding-left: 1px;
			 padding-right: 3px;
		}
		
		.sgn_yl {
			padding-left: 0;
		}
		
		#stk_copy {
			position: absolute;
			top: 45px;
			left: 37px;
			
			-moz-text-stroke-width: 1px;
			-webkit-text-stroke-width: 1px;
			font-size: 1.2rem;
			
			letter-spacing: 2px;
			padding: 5px 8px;
			line-height: 1.2rem;
			border-radius: 17px
		}
		
		#return_btn {
			margin-right: 15px;
		}
		
		.sm_icon_w {
			display: inline-block; 
		}
		
		#view_as {
			float: left; 
			padding: 10px 0 20px
		}
		
		/* #w1 .i {
			width: 1.5em;
		}
	 */
	}

/* endof @media (max-device-width: 800px) */

/*--------------------------------*/
	@media (max-width: 300px) {
	
		#w #c div.radio_set .req_w label, #w #c div.checkboxes .req_w label {
			display: none;
		}
		
	}

		
	@media (max-width : 667px) 
	and (orientation : portrait) {
	
		.a_mao h1 {
			display: none;
		}
		
		#logo {
			padding: 10px 0 0 0;
			height: 10rem;
			width: 100%;
			float: none;
			/* margin-top: -1.2rem; */
			text-align: center;
		}

		.stk_console {
			padding-right: 40px;
		}

		#word_search_sm {
			padding: 10px;
		}
		
		#w #c .radio_set .req_w label, #w #c .checkboxes .req_w label {

			width: 55%;
		}

		#stk_list {
			padding-left: 12px;
			padding-right: 0;
		}
		
		.stk_w, .stk_io {
			padding: 20px 20px 0 0;
		}
		
		#transfer_btn {
			margin-right: 32px;
		}
		
		#return_btn {
			margin-right: 34px;
		}
	
		#q {
		 	 width: 60px;
		}
		
		#w .src_box #q {
			width: 90%;
		}

		#large_image img {
			width: 280px;
			height: 280px;
		}
	
		
		fieldset h3 {
			font-size: 18px;
		}
		
		.btn {
			width: auto;
		}
	}

/* 
endof @media only screen 
and (max-width : 667px) 
and (orientation : portrait)
 */
 
/*--------------------------------*/

	@media (max-width : 320px) {
	
		#menu_2 {
			border-bottom: 1px solid #ccc;
			border-top: 1px solid #ccc;
			padding-bottom: 10px;
			padding-top: 10px;
			margin-top: 10px;
		}
		
		#w .stk_nm {
			font-size: 18px;
			/* line-height: 34px; */
		}
		
		#w .sitrep {
			top: 40px;
			/* bottom: 0; */
			right: 0;
		}
		
	}

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

	@media (max-width : 800px) {

		fieldset {
			width: 100%;
		}
		
		fieldset input[type=text], fieldset textarea, fieldset input[type=password] {
			
			/* width: 240px; */
			width: 80%;
		
		}
		
		#w #c .autocomplete-items {
			/* width: 230px; */
			width: 75%;
		}
		
		
		fieldset .fieldgrouplet input[type=text] {
			
			/* width: 240px; */
			width: 80%;
		
		}
		
		.fieldgrouplet {
			width: auto;
		}
		
		#w .ppl_n .ppl_name_c {
			font-size: 1.4rem;
		}
		
		#w .ppl_info_c {
			font-size: 1.2rem;
		}
		.pplgrp {
			padding-left: 9px;
		}
	
		#stk_list {
			padding-left: 0;
		}
		
		.stk_w, .stk_io {
			padding: 0 0 0 0;
		}
		
		#w .stk_nm {
			font-size: 1.4rem;
		}
		
		.created, .start_id, .vc_id, .rc {
			font-size: 1rem;
			color: #666;
			padding-right: 0;
		}
		
		#large_image img {
			width: 280px;
			height: 280px;
		}
		
		
		
		#q {
		 	 width: 60px;
		}
		 
		#w .src_box #q {
			width: 90%;
		}
		
		.k_w #word_search_sm, .k_w #login_status_w  {
			/* top: 5.2rem;  */
		}	
		
		.start_id span {
			display: none;
		}
	}
/* 
endof @media only screen 
and (max-device-width : 320px)
 */



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

	@media screen 
	and (min-width: 1200px) {
	
		#c {
			padding-left: 20px;
		}
	
		
		#w #c label:hover .tick,
		#c .kit_list .ki_check + div.kit .tick:hover {
			opacity: 0.5;
		}
		
		
	
	}
  
	/* endof @media screen 
	and (min-device-width: 1200px) */

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



/*------------ page numbers ------------*/


.results {
	font-style: italic;
	float: left;
	font-weight: normal;
	text-align: left;
}

@media screen 
	and (max-width: 600px) {
		
		.results {
			float: none;
		}
		
	}

#c #evtitlebar .pagnum {
	margin-right: 0;
}

#c .prevnext {
	float: right;
	margin-top: -6px
}

.pagnum a.pgprev, .pagnum a.pgnext, .pagnum a.blank {
	padding: 0;
	width: 25px;
	height: 32px;
	display: inline-block;
}

#c .pagnum  { 
	color: #a9a9a9;
	font-weight: normal;
	text-align: right;
	padding: 5px;
	font-size: 100%;
	/* margin-right: 18px; */
	cursor: default;
	clear: both;
	line-height: 2rem;
}

#c .pagnum img {
	display: inline;
}

#c .pagnum a {
	padding: 0 3px;
}


#w #c .pagnum a.blank, #w #c .pagnum a.blank:hover {
	cursor: default;
	border: 0;
}	

#c .pagnum a.pgprev:link, #c .pagnum a.pgprev:visited {
	background: url(/a/_i/tmpl/pagnum/p_prev.svg) no-repeat;
	border: 0;
}


#c .pagnum a.pgnoprev:link, #c .pagnum a.pgnoprev:visited {
	background: url(/a/_i/tmpl/pagnum/p_no_prev.svg) no-repeat;
	border: 0;
}

#c .pagnum a.pgnext:link, #c .pagnum a.pgnext:visited {
	background: url(/a/_i/tmpl/pagnum/p_next.svg) no-repeat;
	border: 0;
}

#c .pagnum a.pgnonext:link, #c .pagnum a.pgnonext:visited {
	background: url(/a/_i/tmpl/pagnum/p_no_next.svg) no-repeat;
	border: 0;
}

.pagnum a:link, .pagnum a:visited {
	color: #a4acb0;
}

#c .pagnum a.pgnoprev, #c .pagnum a.pgnonext {
	cursor: default;
}

.pagnum #pgcurrent:link, .pagnum #pgcurrent:visited, .pagnum #pgcurrent:hover, #c .pagnum a:hover  {
	color: #BC0F17;
	text-decoration: none;

}
.pagnum #pgcurrent:link, .pagnum #pgcurrent:visited, .pagnum #pgcurrent:hover {
	border-bottom: 2px solid #ca5459;

}

.pagnum a:hover  {
	border-bottom: 2px solid #ca5459;
}

.pagnum a#pgcurrent {
	cursor: default;
}










.pagnum a#pgcurrent {
	cursor: default;
}

.radio_set, .checkboxes {
	/* padding-bottom: 20px; */
	position: relative;
}

.radio_set {
	/* padding-bottom: 40px; */
}

.radio_set .req_w, .checkboxes .req_w{
	display: block;
	padding: 0;
	
	
 
}

.radio_set .req_w .required, .checkboxes .req_w .required {
	/* float: right; */
	margin: 10px 0 0 15px;
}

.radio_set .req_w:after, .checkboxes .req_w:after {
	content: "";
	display: table;
	clear: both;
}

.dt_set_w .required {
	margin-top: 30px;
}

#w #c .radio_set .req_w label, #w #c .checkboxes .req_w label {
	display: inline-block;
	visibility: hidden;
}


.radio_set .req_w .compl {
	visibility: hidden;
	display: inline-block;
}

.radio_set label {
	display: inline-block;
	cursor: pointer;
	width: 85%;
	padding: 10px 10px 10px 2.4em;
	margin-top: 3px;
	position: relative;
	background: rgba(255,255,255,0.75);
	font-weight: normal;
	box-sizing: border-box;
}
	
.radio_set label span.sm {
	font-weight: normal;
	font-size: smaller;
}

.radio_set input[type="radio"] {
	opacity: 0;
	position: fixed;
	width: 0; 
}

.radio_set input:checked + label {
	background: #d0e287;
} 



.radio_set label:before {
	position: absolute;
	top: 8px;
	left: 10px;
	display: inline-block;
	content: " ";
	width: 1.5em;
	height: 1.5em;
	vertical-align: top;
	background: url(/a/_i/tmpl/radio.svg) no-repeat;
	opacity: 0.35;
}


	
.radio_set input:checked + label:before {
	background: url(/a/_i/tmpl/radio-checked.svg) no-repeat;
	opacity: 0.6;
}


.lbl {
	font-weight: bold;
	padding-bottom: 1px;
}

.checkboxes label {
	position: relative;
	display: block;
	width: 85%;
	padding: 10px 10px 10px 2.4em;
	margin-top: 3px;
	cursor: pointer;
	background: rgba(255,255,255,0.75);
	font-weight: normal;
	box-sizing: border-box;
}
	
.checkboxes label span {
	font-weight: normal;
	font-size: smaller;
}

.checkboxes input[type="checkbox"] {
	opacity: 0;
	position: fixed;
	width: 0; 
}

.checkboxes input:checked + label {
	background: #d0e287;
} 

#transformations.checkboxes input:checked + label {
	background: #bce7ff;
}

.checkboxes label:before {
	position: absolute;
	top: 8px;
	left: 10px;
	display: inline-block;
	content: " ";
	width: 1.5em;
	height: 1.5em;
	vertical-align: top;
	background: url(/a/_i/tmpl/checkbox.svg) no-repeat;
	opacity: 0.35;
}


.checkboxes input:checked + label:before {
	background: url(/a/_i/tmpl/checkbox-checked_wch2.svg) no-repeat;
	opacity: 1;
}

.rights_group .checkboxes input:checked + label:before {
	background: url(/a/_i/tmpl/checkbox-checked_w.svg) no-repeat;
}

#p_ombre {
	position: fixed; 
	width: 100%; 
	height: 100%; 
	background: rgba(0,0,0,0.5); 
	z-index: 199; 
	top: 0; 
	left: 0;
}

fieldset #address_results {
	padding: 0px;
	position: absolute;
	z-index: 500;
	max-width: 530px;
	left: 0;
	top: 100px;
}

fieldset #address_results .radio_set label {
	display: inline-block;
	cursor: pointer;
	width: auto;
	padding: 10px 10px 10px 2.4em;
	border-top: 1px #ccc;
	margin: 0;
	position: relative;
	background: rgba(255,255,255,1);
	font-weight: normal;
}

#postcode_search_btn {
	display: inline-block; 
	border-radius: 5px;
	color: #fff; 
	padding: 5px 7px 5px 10px;
	font-weight: normal;
	position: relative;
	background-color: #497e9a; 
	cursor: pointer;
}

#postcode_search_btn img {
	width: 7px; 
	padding-left: 3px;
}

.postcoder_blue {
	background-image: linear-gradient(155deg, #c4e0f8 47.62%, #dfebf5 47.62%, #dfebf5 50%, #c4e0f8 50%, #c4e0f8 97.62%, #dfebf5 97.62%, #dfebf5 100%);
background-size: 99.38px 46.34px;
}

#cnd_child_ages_c select {
	display: block;
}

#w #c #auto_addr_w {
	padding: 0;
	position: relative;
	margin: 0;
}

#w #c #cnd.show_field_nos *[data-fi]:before {
  content: "Fi:" attr(data-fi);
  float: left;
  background: #f3f1af;
  border-radius: 20px;
  padding: 2px 7px;
  margin: -2px;
  display: block;
  margin-right: 7px;
  width: auto;
  color: #454545;
  position: static;
  font-weight: bold;
  letter-spacing: 1px;
}

#w #c #cnd.show_field_nos label[data-fi]:before,
#w #c #cnd.show_field_nos div[data-fi]:before {
  content: "Fi:" attr(data-fi);
  float: left;
  background: #f3f1af;
  border-radius: 20px;
  padding: 2px 7px;
  margin: -2px;
  display: block;
  margin-right: 7px;
  width: auto;
  color: #454545;
  position: static;
  font-weight: bold;
  letter-spacing: 1px;
}

#w #c #rpt.show_field_nos label[data-fi]:after,
#w #c #rpt.show_field_nos div[data-fi]:after {
  content: "Fi:" attr(data-fi);
  float: right;
  background: #f3f1af;
  border-radius: 20px;
  padding: 2px 7px;
  margin: -2px;
  display: block;
  margin-right: 7px;
  width: auto;
  color: #454545;
  position: static;
  font-weight: bold;
  letter-spacing: 1px;
}


#move_it_w div {
	padding: 0;
	border-radius: 3px;
	border: 4px solid transparent;
}

#w #c #move_it_w label {
	display: inline-block;
	margin-top: 0;
	
	border-radius: 1px;
}

#move_it_w div span.up {
	padding-left: 15px;
}

#move_it_w div span.down {
	padding-left: 5px;
}

span.up, span.down {
	opacity: 0.1;
	display: inline-block;
	padding: 3px;
}

	@media (max-width: 605px) {
		#rpt .radio_set label,
		#rpt .checkboxes label {
			width: 100%;
		}
		
		#move_it_w div span.up, #move_it_w div span.down {
			padding: 10px 20px 6px;
		}
		
		#move_it_w div span.up, #move_it_w div span.down {
			border-right: 1px solid #fff;
		}
		
	}
	
	
span.up img, span.down img {
	width: 25px;
}

#mover {
	background: #b3cdff;
}


#mover span.up, #mover span.down, span.up:hover, span.down:hover {
	opacity: 1;
	cursor: pointer;
}

#move_it_w div.hide span.up, #move_it_w div.hide span.down {
	visibility: hidden;
}

#w #togl_fi {
	color: #454545;
	border-radius: 20px;
	padding: 2px 7px;
	border: 3px solid #ccc;
	min-width: 45px;
	text-align: center;
	background: #f3f1af;
	border: 3px solid #f3f1af;
	cursor: pointer;
	display: inline-block;
}

#w #togl_fi.hide {
	background: #f3f1af;
	border: 3px solid #f3f1af;

}


#w #item_menu #hide_step_tabs, #w #item_menu #show_step_tabs {
	padding: 2px 12px 3px 6px!important;
	color: #fff;
	border: 0;
	border-radius: 4px;
	background: #64bbf5 url(/a/_i/tmpl/warn/arrow.svg) no-repeat;
	background-size: 2.5em 6.1em;
	background-position: 100% 50%;
	min-width: 45px;
	text-align: center;
}

#tipgroup > div > div{	
	margin: 0 0 0 20px;
}

#tipgroup h2 span {	
	font-size: 1rem;
}

.report_formats .radio_set label {
	width: 100%;
}





@media (min-width : 725px) {

	#w #tab_title {
		width: 660px;
	}
	
	#w .steps {
		width: 680px;
	}
	
}

ul.steps {
	padding: 0;
}

.steps li {
	display: inline-block;
	padding: 0px 40px 0 0;
	cursor: pointer;
	background: transparent url(/a/_i/tmpl/progress_bar_3.svg) no-repeat right center;
	background-size: 43px 10px;
}

.trainer .steps li {
	background: transparent url(/a/_i/tmpl/progress_bar_wh.svg) no-repeat right center;
	background-size: 43px 10px;
}

@media (max-width : 800px) {
	
	.steps li {
		padding: 15px 0px 15px 10px;
		background: transparent;
	}

	#w #tab_title, #w .steps {
		width: auto;
	}
	
}

#w .steps li:first-child {
	
	padding-left: 0;
	
}

#w .steps li:last-child {
	
	padding-right: 0;
	
}

#t_w {
	margin-top: 35px;
}

#t_w, .t_c {
	padding: 0;
}

.steps .tb_n {

	padding: 7px 24px 8px 12px!important;
	font-size: 18px !important;
	font-weight: bold;
	color: #fff;
	cursor: pointer;
	border: 0;
	border-radius: 4px;
	background: #64bbf5 url(/a/_i/tmpl/warn/arrow.svg) no-repeat;

	background-size: 2.5em 6.1em;
	background-position: 100% 50%;
}

#w .steps .tb_extra {
	background: #b7a4f4  url(/a/_i/tmpl/warn/arrow.svg) no-repeat;
	background-size: 2.5em 6.1em;
	background-position: 100% 50%;
} 

/* 
.steps #tb_6 .tb_n, .steps #tb_7 .tb_n, .steps #tb_8 .tb_n, .steps #tb_9 .tb_n, .steps #tb_10 .tb_n  {
	background: #b7a4f4  url(/a/_i/tmpl/warn/arrow.svg) no-repeat;
	background-size: 2.5em 6.1em;
	background-position: 100% 50%;
} 
*/

#w #c .btn {
	padding: 7px 36px 8px 24px;
	font-size: 18px !important;
	font-weight: bold;
	color: #fff;
	cursor: pointer;
	border: 0;
	border-radius: 4px;
	background: #64bbf5 url(/a/_i/tmpl/warn/arrow.svg) no-repeat;
	background-color: #64bbf5;
	background-size: 2.5em 6.1em;
	background-position: 100% 50%;
	width: auto;
	display: inline-block;
}


#w #c .green {
	background-color: #6cb672;
}
#w #c .amber {

	background-color: #f2a23a;
	background-image: none;
	padding-right: 24px;
	margin-top: 6px;
}



#validation_report.yellow {
	border: 10px solid #fff192;
	background: #fff192;
	border-radius: 10px;
	padding: 5px 13px;
	animation: yellowfade 3s;
	transition-timing-function: ease;
}

@keyframes yellowfade {
  from {background-color: #ffffff;}
  to {background-color: #fff192;}
}




.ftr_steps {
	text-align: right;
}

.ftr_steps li {
	padding-right: 0;
}


#w .on .tb_n, #w .tb_n:hover {
	border-color: #5789d6;
	background-color: #5789d6;
	color: #fff;
	font-weight: bold;
	
}

.tb_ttl {
	
}


li[data-cand="1"] .tb_ttl:before {
	content: " ";
	background: url(/a/_i/tmpl/cand_can_see.svg) no-repeat;
	/* color: #f7953c; */
	padding-right: 4px;
	display: inline-block;
	width: 8px;
	height: 7px;
	
}

.unl_or_c_esi_dtls i {
	padding-left: 30px;
}

#w #tab_title {
	font-size: 1.5rem;
	/* background-color: #5789d6;
	color: #fff */;
	font-weight: normal;
	padding: 15px 0 0 0;
	border-radius: 4px;
	margin: 0 0 35px 0;
}


.efs {
	display: inline-block; 
	background: #c8dcff; 
	padding: 10px 0 0 10px;
	width: 615px;
}

.efs h3 {
	padding: 10px 10px;
	margin: -10px 0 0 -10px;
	/* margin-top: 0; */
	background: #9bbcfb;
	background: #7992e9;
	color: #fff;
	border-bottom: 3px solid #fff;
}

.efs a, .efs b {
	display: block;
	/* width: 340px; */
}

.efs b {
	/* border-radius: 5px 5px 0 0; */
	background: #9bbcfb;
	padding: 5px 10px;
	color: #000;
	cursor: pointer;
}

.efs .sign_w b {
	cursor: default;
}

.efs b:hover {
	background: #7992e9;
	color: #fff;
}



.ef_open b img {
	transform: rotate(90deg);
}

.efs i {
	display: none;
}	
	
.efs .ef_open i {
	display: block;
}

.efs div[data-efs="aeb"] b {
	padding-right: 25px;
}

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

@media (max-width : 320px) {
	.efs div[data-efs="spa"] b {
		padding-right: 40px;
	}
}
/*--------------------------------*/

.efs div[data-efs="oth"] b {
	background: #ef9c9f;
}


.efs .rvw_lvr:link, .efs .rvw_lvr:visited {
	background: #f0e5ff;
	color: #333;
}

.efs a {
	padding: 2px 10px;
}

.efs a:last-of-type {
	padding: 2px 10px 5px;
	border-radius: 0 0 5px 5px ;
}


.ef_grp_w a:before {
	content: "\25AA";
	padding-right: 3px;
	
	display: inline-block;
}

.efs a:link, .efs a:visited, .efs a:active {
	color: #666;
}


#w .efs a:hover {
	background: #7295d7;
	color: #fff;
}

.efs .ef_grp_w div {
	margin-bottom: 10px;
	display: block;
	width: 195px;
	
	/* border: 1px solid #ccc; */
	border-radius: 5px;
	/* padding-bottom: 5px; */
	margin-top: 10px;
	background: #fff;
	position: relative;
}

.efs .ef_grp_w div:before {
	content: "";
	position: absolute;
	top: 0;
	width: 10px;
	height: 10px;
	background-image: url(/a/_i/tmpl/light_blue_notch.svg);
	/* margin-left: -15px; */
}

.efs .ef_grp_w div .stk_icon_sm {
	width: 15px;
	height: 15px;
	display: inline-block;
	padding: 5px;
	position: absolute;
	top: 0px;
	right: 0px;
}

.efs .ef_grp_w div:last-of-type {
	margin-bottom: 0;
}

#w .efs .ef_grp_w {
	display: inline-block;
	background: transparent;
	padding: 0 10px 0 0;
	margin: 0;
	vertical-align: top;
}

#w .efs h4 {
margin: 30px 0 0;
font-style: italic;
}

.ctc_w {
	border-top: 1px solid #ccc;
	background: #fff;
	margin: 10px 10px 5px;
}

.ctc_c {
	
}

.ctc_dtls {
	vertical-align: top;
	padding: 10px 15px;
	word-break: break-all;
}

.ctc_dtls .i {
	word-break: normal;
}

.ctc_dtls div:first-child {
	/* padding: 0; */
}



@media (min-width: 801px) {

	.ctc_w {
		font-size: 0.8rem;
	}

	
}

@media (min-width: 930px) {

	
	#w .sign_req .sign_doc {
		padding-right: 100px;
	}	
	
}

@media (max-width: 929px) {
	
	.efs {
		width: 270px; 
		padding-left: 8px;
		/* padding-bottom: 8px; */
	}
	
	#w .efs .ef_grp_w {
		padding: 0;
	}
	
	.efs .ef_grp_w div {
		width: 250px;
	}
	
	.efs a, .efs b {
		display: block;
	}
}


@media (max-width: 540px) {

	
	.efs .ef_grp_w div {
		width: 260px;
	}
	
	.efs a, .efs b {
		display: block;
		/* width: 240px; */
	}
	
}


.opts_w {
	padding: 0;
	border-width: 1px 0;
}

@media (max-width: 540px) {
	.opts_w {
	/* 	display: inline-block; */
	}
}

.opts_btn {
	line-height: 2rem;
	display: inline-block;
	vertical-align: top;
}

.opts_btn {
	padding: 6px 16px 28px 0;
}

.a_eso .opts_btn {
	padding: 0px 16px 12px 0;
}

.opts_btn span {
	cursor: pointer; 
	padding: 0 5px 2px; 
	border: 1px solid #ccc; 
	border-radius: 10px;
	background: #fff;
	display: inline-block;
	line-height: 1.1rem;
}

.efs a {
	border-top: 1px solid #ccc;
}


.efs a:first-of-type {
	border-top: 0;
}

#w #c div[data-unv="1"] .efs > h3, #w #c div[data-unv="1"] .efs > div:not(._i) {
	text-align: center;
	width: auto;
}

.rc_co {
	font-size: 10px; 
	text-transform: uppercase; 
	display: inline-block; 
	padding-left: 20px; 
	float: right; 
	visibility: hidden;
}

@media (max-width: 540px) {
	.rc_co {
		float: none;
		display: block;
	}
}

.radio_set input:checked + label .rc_co {
	visibility: visible;
}

#rcs_w label:after {
	content: " ";
	clear: right;
	height: 1px;
	padding: 0;
	margin: 0;
	display: block;
}

 #w #c #item_menu .btn {
	font-size: 16px !important;
	padding: 2px 16px 4px 8px;
	font-weight: normal;
}



#w #c .sw_lock {
	display: inline-block;
	float: left;
	width: 105px;
	padding-top:0;
	padding-bottom: 20px;
}

#w #c .sw_lock div {
	display: inline-block;
	border-radius: 10px;
	background: #b7eab5;
	border: 5px #8cd78a solid;
	padding: 15px 5px;
	cursor: pointer;
}

.slider {
	display: none;
	position: absolute;
	cursor: pointer;
	top: 24px;
	left: -21px;
	right: -22px;
	bottom: -7px;
	background-color: #567d98;
	transition: .2s;
	padding-left: 6px;
}

.stk_unlocked .slider {
	background-color: #999;
}


.slider:before {
	position: absolute;
	content: "";
	left: -7px;
	bottom: -4px;
	transition: .3s;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 8px 18px 8px;
	border-color: transparent transparent #567d98 transparent;
	z-index: 100;
}



.stk_unlocked .sw_lock .slider:before {
	transform: translateX(43px);
}

.sw_lock b {
	display: block;
	text-align: center;
	padding-top: 7px;
	font-weight: normal;
}

.sw_lock b:after {
	content: "*Cannot* Edit";
}

.stk_unlocked .sw_lock b:after {
	content: "*Can* Edit";
}


.sw_lock b:before {
	content: "LOCKED";
	letter-spacing: 1px;
	padding-bottom: 3px;
	border-bottom: 1px solid #ccc;
	display: inline-block;
	margin-bottom: 3px;
	font-weight: bold;
}

.stk_unlocked .sw_lock b:before {
	content: "UNLOCKED";
}

 
.sw_lock img {
	display: inline-block;
	height: 36px;
	width: 36px;
	opacity: 0.5;
}

.slide {
	position: relative;
	display: inline-block;
	width: 1px;
	height: 20px;
}

.sw_lock div:before{
	display: inline-block;
	content: " ";
	width: 36px;
	height: 36px;
	background: url(/a/_i/tmpl/locked_b.svg) no-repeat;
	opacity: 1;
	background-color: #fff;
	border-radius: 50%;
	background-position: 3px 3px;
	background-size: 30px 30px;
	border: 2px solid #567d98;
}

.sw_lock div:after{
	display: inline-block;
	content: " ";
	width: 36px;
	height: 36px;
	background: url(/a/_i/tmpl/unlocked_b.svg) no-repeat;
	opacity: .65;
	background-color: transparent;
	background-position: 5px 3px;
	background-size: 30px 30px;
	border: 2px solid transparent;
	
}

#w #c .stk_unlocked .sw_lock div:before{
	opacity: .65;
	background-color: transparent;
	border: 2px solid transparent;
}

#w #c .stk_unlocked .sw_lock div:after{
	opacity: 1;
	background-color: #fff;
	border-radius: 50%;
	border: 2px solid #567d98;
}


#w #c .stk_unlocked .sw_lock div {
	background: repeating-linear-gradient(
	  135deg, 
	  #fed636,
	  #fed636 12px,
	  #fff 12px,
	  #fff 24px
	);
	
	border: 5px #fed636 solid;
	
}


.eml_cc {
	border-radius: 10px;
	vertical-align: top;
	min-width: 80px;
	min-height: 63px;
}












.eml_cc {
	display: inline-block;
	cursor: pointer;
	text-align: center;
	border: 5px #fda333 solid;
	background: #fed096;
	background: #fda333;
	
}

.eml_cc img {
	width: 80px;
	height: 26px;
	opacity: 1;
	padding-bottom: 3px;
}

#c .stk_unlocked .stk_i {
	
background: repeating-linear-gradient(
  135deg,
  #fff3c5,
  #fff3c5 32px,
  #fff 32px,
  #fff 64px
);

}


#c .stk_unlocked .stk_i.stk_test {
	
	position: relative;
	
	background-color: 
		#dde9ec,
		transparent;
		
	background-image: 
		url(/a/_i/tmpl/test_2.svg), 
		repeating-linear-gradient(
		  135deg,
		  #fff3c5,
		  #fff3c5 32px,
		  #fff 32px,
		  #fff 64px
		);

	background-size: 
		140px 40px,
		100% 100%;
	
	background-position: 
		92% 10px, 
		0 0;
		
	background-repeat:
		no-repeat,
		repeat
}

/* 
#c .stk_unlocked .stk_i.stk_e {
	
background: repeating-linear-gradient(
  135deg,
  #f6f1eb,
  #f6f1eb 32px,
  #fff 32px,
  #fff 64px
);

}
*/


#w .stk_unlocked .stk_nm:before {
	opacity: 0.65;
	display: inline-block;
	content: "UNLOCKED";
	padding: 0 5px;
	font-size: 11px;
	letter-spacing: 1px;
	font-weight: bold;
	background: #fff;
	border: 1px solid #000;
	float: right;
	margin-right: 53px;
	color: #000;
}


/* 
#w1 #w #c .spk_status_5 .stk_nm:before {
	opacity: 0.65;
	display: inline-block;
	content: "PAID";
	padding: 0 5px;
	font-size: 11px;
	letter-spacing: 1px;
	font-weight: bold;
	background: #fff;
	border: 1px solid #000;
	float: right;
	margin-right: 53px;
	color: #000;
}


#w1 #w #c .spk_status_4 .stk_nm:before {
	opacity: 0.65;
	display: inline-block;
	content: "AGREED";
	padding: 0 5px;
	font-size: 11px;
	letter-spacing: 1px;
	font-weight: bold;
	background: #fff;
	border: 1px solid #000;
	float: right;
	margin-right: 53px;
	color: #000;
}

#w #c .spk_status_3 .stk_nm:before {
	opacity: 0.65;
	display: inline-block;
	content: "FOR CONSIDERATION";
	padding: 0 5px;
	font-size: 11px;
	letter-spacing: 1px;
	font-weight: bold;
	background: #fff;
	border: 1px solid #000;
	float: right;
	margin-right: 53px;
	color: #000;
}


#w #c .spk_status_2 .stk_nm:before {
	opacity: 0.65;
	display: inline-block;
	content: "UNVERIFIED";
	padding: 0 5px;
	font-size: 11px;
	letter-spacing: 1px;
	font-weight: bold;
	background: #fff;
	border: 1px solid #000;
	float: right;
	margin-right: 53px;
	color: #000;
}


#w1 #w #c .spk_status_1 .stk_nm:before {
	opacity: 0.65;
	display: inline-block;
	content: "PRE-CHECK X";
	padding: 0 5px;
	font-size: 11px;
	letter-spacing: 1px;
	font-weight: bold;
	background: #fff;
	border: 1px solid #000;
	float: right;
	margin-right: 53px;
	color: #000;
}


 */
 


.stk_nm {
	display: flex; 
	justify-content: space-between;
}
	
.spk_status {
	background-color:rgba(255, 255, 255, 0.7);
	
	padding: 0 5px;
	font-size: 11px;
	letter-spacing: 1px;
	font-weight: bold;
	
	border: 1px solid #666;
	
	
	color: #666;
	display: inline-block;
	border-radius: 7px;
	/* flex-direction: row; */
	max-height: 25px;
	text-wrap: nowrap;
	
}	
.spk_status_10 .spk_status {
	color: #fff;
	background-color: #737eb3b3;
	
}

.spk_status_20 .spk_status {
	background:#fff;
}

.spk_status_30 .spk_status {
	background:#badfff;
}

.spk_status_35 .spk_status {
	background:#fff8a6;
}
/* 
.spk_status_40 .spk_status {
	visibility: hidden;
} */

.spk_status_50 .spk_status {
	color: #fff;
	background-color: #737eb3b3;
	
}


.appl_win_id {
	position: absolute;
	top: 0px;
	right: 0px;
	
	font-size: 12px;
	
	color: #fff;
	
	background: #487e9a;
	
	text-align: center;
	/* height: 100%; */
	
	padding-left: 9px;
	padding-right: 9px;
	box-sizing: border-box;
	/* display: flex; */
	align-items: center;
	padding-bottom: 9px;
	padding-top: 10px;
}

@media (max-width: 800px) {
	
	.appl_win_id {
		
		display: block;
		height: auto;
		
		padding-bottom: 9px;
	}
	

}

/* 
.appl_win_1 {
	background: #699e39; 
}

.appl_win_2 {
	background: #4186b2; 
}

.appl_win_3 {
	background: #4e4ec3; 
}

.appl_win_4 {
	background: #8d4f9f; 
}
 */


@media (max-width: 600px) {
	#w .stk_unlocked .stk_nm:after, #w #c div[data-unv="1"] .stk_nm:after {
		float: left;
		/* display: block; */
	}
}

@media (max-width: 320px) {
	#w .stk_unlocked .stk_nm:after, #w #c div[data-unv="1"] .stk_nm:after {
		margin: 5px 25px 5px 0px;
	}
}




#w1 #w #c div.spk_status_10 .stk_i {
	
		background: #e4e1e1;
	
}


#w1 #w #c div.spk_status_20 .stk_i {
	
	background: repeating-linear-gradient(
		135deg,
		#eeeeee,
		#eeeeee 32px,
		#fff 32px,
		#fff 64px
	);

	
	/* background: #eeeeee; */
}



#w #c div.spk_status_30 .stk_i {
	background: repeating-linear-gradient(
		135deg,
		#d0e9fe,
		#d0e9fe 32px,
		#fff 32px,
		#fff 64px
	);

}


#w #c div.spk_status_35 .stk_i {
	background: repeating-linear-gradient(
		135deg,
		#fff8a6,
		#fff8a6 64px,
		#fff 64px,
		#fff 128px
	);

}


#w #c .stk_i {
	
	background: #c3e0f9;
	
}



#w #c div.spk_status_50 .stk_i {
	
	background: #e4e1e1;

}


#w #c div.spk_status_60 .stk_i {
	background: repeating-linear-gradient(
		135deg,
		#badfff,
		#badfff 32px,
		#e8eff9 32px,
		#e8eff9 64px
	);

}


#w #c div.spk_status_70 .stk_i {
	background: repeating-linear-gradient(
		135deg,
		#bbdf7d,
		#bbdf7d 32px,
		#e3efc8 32px,
		#e3efc8 64px
	);

}



#w1 #w #c div.spk_status_80 .stk_i {
	
	background: #c8e696;

}




#w1 #w #c div.spk_status_90 .stk_i {
	
	 background: #f2e59c;
	
}




#w #c div[data-unv="1"] .stk_i.stk_test {
	
	position: relative;
	
	background-color: 
		#dde9ec,
		transparent;
		
	background-image: 
		url(/a/_i/tmpl/test_2.svg), 
		repeating-linear-gradient(
			135deg,
			#d0e9fe,
			#d0e9fe 32px,
			#fff 32px,
			#fff 64px
		);

	background-size: 
		140px 40px,
		100% 100%;
	
	background-position: 
		92% 10px, 
		0 0;
		
	background-repeat:
		no-repeat,
		repeat
}


/* 
#w #c div[data-unv="1"] .stk_i.stk_e {
	background: repeating-linear-gradient(
		135deg,
		#d0e9fe,
		#d0e9fe 32px,
		#f6f1eb 32px,
		#f6f1eb 64px
	);

}
*/

#w #c div[data-unv="1"] .sitrep,
.stk_in_pro .sitrep {
	/* visibility: hidden; */
}

#w #c div[data-unv="1"] .cc_lock_w {
	display: none;
}

.cc_lock_w {
	padding-top: 30px;
}

.cc_lock_h h3 {
	background: #6a9cbe; 
	color: #fff; 
	padding: 10px
}
			
.stk_in_pro .stk_i {
	background-color: #fff3c5;
}

.stk_i {
	background: #fff;
}

.stk_e {
	background: #f6f1eb;
}


.ses i {
	font-style: normal;
	font-size: 13px;
}

.ses_w {
	width: 280px;
	margin: 26px 20px 0 0;
	position: relative;
	float: left;
}

div.ses_w:nth-of-type(3n+1){
    clear:left;
}

.ses {
	padding: 10px 0 0 0;
	position: relative;
	border: 4px solid #4f71b7;
	border-radius: 16px;
	min-height: 210px;
}

.ses > div {
	display: inline-block;
	width: 95%;
	padding: 10px 12px;
}

#sess_dtls {
	padding: 20px 0 40px 0;
}

#sess_dtls:after {
	content: " ";
	display: block;
	clear: left;
	
}

#sess_dtls h2 {
	padding-bottom: 0;
	margin-bottom: 0;
}

















#w .eml_cc {
	display: none;
	
}

#w .stk_unlocked .eml_cc {
	margin-left: 10px;
	font-size: 11px;
	display: inline-block;
	padding: 10px 0 0 0;
	color: #fff;
	font-weight: bold;
}


#w #c .cc_lock_h {
	display: block;
	font-weight: bold;
	padding-bottom: 3px;
	/* max-width: 280px; */
}

.lso_opts div {
	position: relative;
	display: inline-block;
	padding: 5px 15px;
}

.lso_opts div:last-child {
	padding-right: 0;
}

.lso_opts span {
	display: inline-block;
	padding: 1px 7px 2px;
	background: #999;
	color: #fff;
	border-radius: 15px;
	border: 1px solid #999;
	margin-right: 2px;
	cursor: default;
}

#tgl_a_w span {
	color: #999;
	background: transparent;
	border-color: transparent;
	font-size: smaller;
}

#w #c .lso_opts a {
	background: transparent;
	color: #5877a0;
	padding: 1px 7px 2px;
	border: 1px solid transparent;
	border-radius: 15px;
	/* margin-right: 2px; */
}

#w #c .lso_opts i {
	font-style: normal;
	font-size: 13px;
	padding-right: 3px;
	color: #999;
	display: block;
	text-align: center;
	padding-bottom: 3px;
}






#w #c .lso_opts #trs_grp_s_w a {
	display: inline-block;
	padding: 1px 5px 2px;
	/* background: #999; */
	/* color: #fff; */
	border-radius: 30px;
	/* border: 5px solid transparent; */
	cursor: default;
	line-height: 16px;
	
}






#w #c .lso_opts #trs_grp_s_w a.cur {
	
	background: #999;
	color: #fff;

	/* border: 5px double #445b9c; */
	/* margin-right: 2px; */
	
}













#w #c .lso_opts #perpage span, #w #c .lso_opts .perpage a {
	padding: 1px 3px 2px;
}

#w #c .lso_opts #perpage a + a,
#w #c .lso_opts #ordby_w a + a {
	border-radius: 0;
	border-color: transparent transparent transparent #ccc;
}

/* #w #c .lso_opts #tgl_a_w span + span */

.trainer {
	/* background: #cee6d3; */
	background: #f2fff5;
}

.candidate {
	background: #21c0c9;

}

.candidate #w {
	background: #fff;
}

html #main_ttl {
	margin: 1rem 0 0rem;
	height: auto;
}

@media (min-width: 725px) {
	.candidate #main_ttl, .candidate  #cnd  {
		width: 705px;
		margin: auto;
	}
}

.trainer #w .steps .tb_n {
	background-image: url(/a/_i/tmpl/arrow_trainer_b.svg);
}

.trainer #w #item_menu #hide_step_tabs, 
.trainer #w #item_menu #show_step_tabs {
	background-image: url(/a/_i/tmpl/arrow_trainer_b.svg);
}

.trainer #w #c .btn {
 	 background-image: url(/a/_i/tmpl/arrow_trainer_b.svg);
}

fieldset .rights_group h3 {
	font-size: 20px;
}

.bk_r, .bk_y, .bk_g {
		position: absolute; 
		cursor: pointer;
}

		


.tr_grp_1, .tr_grp_2 {
		/* position: absolute;  */
		display: inline-block;
		cursor: pointer;
}



@media (min-width: 801px) {

	.bk_r, .bk_y, .bk_g {
		left: -20px; 
		width: 20px; 
		height: 16px;
		/* background-position: 0 25px; */
		
	}
	
	.bk_r {
		top: 0; 
		
		background: url(/a/_i/tmpl/flag_red.svg) 0 20px no-repeat;
	}
	
	.bk_y {
		top: 18px; 
		
		background: url(/a/_i/tmpl/flag_tik.svg) 0 20px no-repeat;
	}
	
	.bk_g {
		top: 36px;
		
		background: url(/a/_i/tmpl/flag_grn.svg) 0 20px no-repeat;
	}

	#w [data-io="0"].bk_r:hover {
		background: url(/a/_i/tmpl/flag_echo.svg) 0 0 no-repeat;
	}

	#w [data-io="0"].bk_y:hover {
		background: url(/a/_i/tmpl/flag_y_echo.svg) 0 0 no-repeat;
	}
	
	#w [data-io="0"].bk_g:hover {
		background: url(/a/_i/tmpl/flag_echo.svg) 0 0 no-repeat;
	}
	

	.bk_r:hover, .bk_y:hover, .bk_g:hover {
		/* transition: 0.2s; */
		background-position: 0 0;
	}
	
	
	
	/* 
	.tr_grp_1, .tr_grp_2 {
		right: -20px; 
		width: 20px; 
		height: 16px;
	} */
	
	/* 
	.tr_grp_1 {
		top: 0; 
		
		background: url(/a/_i/tmpl/flag_red.svg) 0 20px no-repeat;
	}
	
	.tr_grp_2 {
		top: 18px; 
		
		background: url(/a/_i/tmpl/flag_tik.svg) 0 20px no-repeat;
	}
	
	#w [data-io="0"].tr_grp_1:hover {
		background: url(/a/_i/tmpl/flag_echo.svg) 0 0 no-repeat;
	}
	
	#w [data-io="0"].tr_grp_2:hover {
		background: url(/a/_i/tmpl/flag_echo.svg) 0 0 no-repeat;
	} */
	
	
}

@media (max-width: 800px) {
		
	#w #c .stk_w {
		margin-bottom: 12px;
	}
	
	.bk_r, .bk_y, .bk_g {
		top: -22px;
		left: 0px; 
		width: 32px; 
		height: 22px;
		/* background-position: 0 25px; */
	}
	
	.bk_r {
		left: 6px; 
		/* background: red; */
		background: url(/a/_i/tmpl/flag_mbl_red.svg) 0 -32px no-repeat;
	}
	
	.bk_y {
		left: 48px; 
		/* background: yellow; */
		background: url(/a/_i/tmpl/flag_mbl_tik.svg) 0 -32px no-repeat;
	}
	
	.bk_g {
		left: 90px;
		/* background: green; */
		background: url(/a/_i/tmpl/flag_mbl_grn.svg) 0 -32px no-repeat;
	}
	
	
	
	#w [data-io="0"].bk_r {
		left: 6px; 
		/* background: red; */
		background: url(/a/_i/tmpl/flag_mbl_echo.svg) 0 0 no-repeat;
	}
	
	#w [data-io="0"].bk_y {
		left: 48px; 
		/* background: yellow; */
		background: url(/a/_i/tmpl/flag_mbl_tik_echo.svg) 0 0 no-repeat;
	}
	
	#w [data-io="0"].bk_g {
		left: 90px;
		/* background: green; */
		background: url(/a/_i/tmpl/flag_mbl_echo.svg) 0 0 no-repeat;
	}
	
	

}

div[data-io="1"] {
	background-position: 0 0;
}

.trgrp div {
	display: inline-block;
	border: 1px solid transparent;
	padding: 3px;
}

#w #c .trgrp div[data-io="1"] {
	border-radius: 20px;
	border: 1px solid #445b9c;
	background: #fff;
}


#w #c .lso_opts .bk_s_r, 
#w #c .lso_opts .bk_s_y, 
#w #c .lso_opts .bk_s_g {
	display: inline-block;
	width: 33px; 
	height: 20px;
	border-radius: 0;
	padding-left: 0;
	padding-right: 0;
}

#w #c .lso_opts .bk_s_r {

	background: url(/a/_i/tmpl/bk_src_echo.svg) 0 0 no-repeat;
}

#w #c .lso_opts .bk_s_y {

	background: url(/a/_i/tmpl/bk_src_y_echo.svg) 0 0 no-repeat;
}

#w #c .lso_opts .bk_s_g {

	background: url(/a/_i/tmpl/bk_src_echo.svg) 0 0 no-repeat;
}


#w #c .lso_opts a[data-io="0"].bk_s_r {

	background: url(/a/_i/tmpl/bk_s_r.svg) 0 0 no-repeat;
}

#w #c .lso_opts a[data-io="0"].bk_s_y {

	background: url(/a/_i/tmpl/bk_s_y.svg) 0 0 no-repeat;
}

#w #c .lso_opts a[data-io="0"].bk_s_g {

	background: url(/a/_i/tmpl/bk_s_g.svg) 0 0 no-repeat;
}




#main_ttl span {
	padding-left: 0.3rem; 
	width: 80%; 
	padding-bottom: 15px;
}

#main_ttl i {
	display: inline-block;
	padding: 6px 10px 8px 10px;
	background: #bde3f9;
	border-radius: 15px;
}

#w #c #nationality_w {
  /*the container must be positioned relative:*/
  position: relative;

}

#w #c #empl_sic_code_w {
  /*the container must be positioned relative:*/
  position: relative;

}

.autocomplete-items {
  position: absolute;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 75px;
  left: 5px;
  right: 0;
  width: 520px;
}

.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff; 
  border-bottom: 1px solid #d4d4d4; 
}

.autocomplete-items div:hover {
  background-color: DodgerBlue !important; 
  color: #ffffff; 
}

.autocomplete-active {
  background-color: DodgerBlue !important; 
  color: #ffffff; 
}


@media (max-width: 800px) {

	.tb_ttl {
		display: none;
	}
	
}

@media (min-width: 801px) {

	.steps {
		position: relative;
	}
	
	.tb_ttl {
		display: block;
		position: absolute;
		top: 33px;
		font-size: 10px;
		font-family: verdana;
	}
	
}

#cnd_local_authority_name {
	background: transparent;
	border-color: transparent;
}

#w #c .dont_show { 
  position: absolute; 
  overflow: hidden; 
  clip: rect(0 0 0 0); 
  height: 1px; width: 1px; 
  margin: -1px; padding: 0; border: 0; 
}




#w #c div[data-sox="1"] input + label {
	display: none;
}
#w #c div[data-sox="1"] input:checked + label {
	display: block;
}

.sel_only_btn {
	cursor: pointer;
	width: 30px;
	height: 30px;
	background: url(/a/_i/tmpl/sel_only.svg) no-repeat;
	position: absolute;
	right: 71px;
	top: 9px;
	
	/* display: none; */
}

@media (max-width: 680px) {

.sel_only_btn {
	right: 5%;
}

}


.a_epo label,
.a_epw label {
	font-weight: bold;
}

#pass_eye {
	position: absolute;
	right: 56px;
	top: 9px;
	width: 25px;
	height: 30px;
}


@media (max-width: 800px) {

#pass_eye {
	right: 12px;
	width: 25px;
}
}



@media (max-width: 400px) {

#pass_eye {
	right: 12px;
	top: 42px;
	width: 25px;
}

#ppl_pass {
	margin-bottom: 40px;
}

}

.eye_show {
	background: url(/a/_i/tmpl/view_c.svg) no-repeat;
}

.eye_hide {
	background: url(/a/_i/tmpl/hide_c.svg) no-repeat;
}

.unl_or_c_esi_dtls {
	display: block; 
	clear: left;
}

.unl_or_c_esi_dtls img{
	padding-right: 10px;
}

.unl_or_c_esi_dtls i {
	font-weight: bold;
}
	
@media (max-width: 950px) {
	.unl_or_c_esi_dtls i {
		display: block;
		padding-left: 30px;
	}
}


#w .sign_w {
	background: #f6b92d; 
	margin: 0 0 0 -10px;
}

#w .sign_w .sign_add {
	padding-right:3px; 
	width: 12px; 
	height: 17px;
}

#w .sign_w h3 {
	padding: 10px; 
	font-weight: bold;
	background: #f6b92d; 
	margin: 0;
}

#w .sign_w .sign_req {
	border-bottom: 3px solid #fff;
	background: #fef5e0; 
	color: #666;
	padding: 5px 0 0 0;
}

#w .sign_w .req_trashed {	
	background: #e2e2e2; 
}

#w .sign_req .sign_doc {
	width: 195px;
	display: inline-block;
	/* padding-left: 35px; */
	/* vertical-align: top */
}



#w .sign_req b, #w .sign_req i {
	border-radius: 0;
	/* background: #fef5e0;  */
	background: transparent;
	color: #666;
	padding: 0 0 0 10px;
}

#w .sign_doc b {
	padding-top: 10px;
}

#w .sign_doc:first-of-type b {
	padding-top: 0;
}

#w .sign_docs i {
	display: block;
	padding-left: 20px;
	padding-top: 5px;
}

#w .sign_docs i:before {
	content: "\25AA";
	padding-right: 3px;
	display: inline-block;
}

#w .sign_w .sign_req em {
	padding-top: 5px;
	font-size: 0.9em;
	display: inline-block;
}

#w #c .sign_w a.new_sig {
	clear: both;
	display: block;
	padding: 5px 10px;
	/* background: #fef5e0;  */
	color: #666;
	/* border-top: 3px solid #fff; */
	font-style: italic;
	border-radius: 0;
}

#w #c .sign_w a.new_sig span {
	padding: 3px 0 0 0;
	display: inline-block;
}

#w #c .sign_w h3 .feather {
	width: 53px;
	height: auto;
	display: inline-block;
	transform: rotate(15deg);
}

#w #c .sign_w h3 b {
	color: #555;
	display: inline-block;
	padding: 4px 0 0 4px;
	background: transparent;
}

#w #c .sign_w a.new_sig:hover {
	background: #f6b92d; 
	color: #000;
}

#w .sign_log {
	/* background:	#f6b92d; */
	padding: 5px 2px 5px 10px;
	/* border-bottom: 3px solid #fff; */
	border-top: 2px dotted #fff;
}

#w .sign_log span {
	display: inline-block;
	background: transparent;
	border-radius: 0;
	padding: 0 12px 0 0;
}
/* 
#w .sign_log span:last-child {
	padding-right: 0;
}
 */
#w .show_req_log ~ .sign_req .sign_log span {
	/* display: block; */
}


.sign_req a {
	display: inline-block;
	/* padding: 5px 10px; */
	border: 0;
}

#w .sign_w .sign_log b {
	padding: 0;
}


.sign_docs {
	padding-bottom: 5px;
}

.sign_log img {
	/* padding-right: 2px; */
	height: 20px;
	width: 32px;
	display: inline-block;
}

#w #c .sign_w .signed {
	background: #dceead;
}

#w .sign_docs a {
	background: rgba(255,255,255,0.5);
	padding: 0 4px;
	border-radius: 15px;
	font-size: 10px;
	font-weight: bold;
	color: #777;
	border: 3px solid #fff;
}

#w .sign_docs a:hover {
	background: #fff;
	color: #666;
}

#w .sign_docs a.proofs_all {
	margin-left: 5px;
}

#w .sign_log i {
	display: none;
}

#w .show_req_log ~ .sign_req .sign_log i {
	display: inline-block;
	padding-left: 35px;
	padding-bottom: 10px;
}

.sign_w h3 span {
	float: right;
}

.display_sign img {
	max-width: 100%;
}


#sess_dtls .sess_num_ctc {
	float: right; 
	padding: 0 10px 0 5px;
}

#sess_dtls .sess_num_ctc .num_ctc {
	position: inherit;
}

.num_ctc {
	display: inline-block;
	padding-right: 0.75em;
	/* position: absolute; 
	right: 35px; */
}

#cnd_programmes {
	position: absolute;
	top: -13px;
	right: 5px;
	padding: 0 5px;
	line-height: 9px;
	background: #f8fafd;
	font-size: 9px;
}

@media (max-width: 650px) {
#cnd_programmes {
	top: -17px;
}
}

#cnd_programmes span {
	padding: 0px;
	font-weight: bold;
	color: #888;
	text-transform
}

@media (max-width: 800px) {

	#cnd_programmes {
		font-size: 12px;
	}
	
}
	
@media (max-width: 350px) {

	#cnd_programmes {
		max-width: 180px;
	}
	
}

#cnd_programmes span:not(:first-of-type):before {
    content:" + ";
}

.unl_or_c_esi_dtls i {
	display: block;
}


.dt_set_w .dt_set_el {
	 display: inline-block;
	 padding-top: 10px;
}

.dt_set_w .dt_set_el>span {
	display: block;
}

.dt_set_w .dt_set_el:nth-of-type(1):after,
.dt_set_w .dt_set_el:nth-of-type(2):after{
	content: "\002F";
	display: inline-block; 
	color: #bbb; 
	padding: 0 7px;
}

.sec_staff .dt_set_w .dt_set_el:after{
	color: #fff; 
}

.sec_staff .sec_2 .dt_set_w .dt_set_el:after{
	color: #d9ebec; 
}

#w .dt_set_w .dt_set_el:last-of-type:after {
	display: none; 
}

#w .dt_set_dt input,
#w .dt_set_mn input {
	width: 1.8rem;
}

#w .dt_set_yr input {
	width: 3rem;
}

.gfa_also {
	display: block;
	font-size: 11px;
	color: #999;
	font-family: Verdana, sans-serif;
}

.radio_set input:checked + label .gfa_also {
	color: #666;
}

.new_sust_btn, .new_st_dt_btn {
	cursor: pointer; 
	display: inline-block; 
	background: #ffbf7d; 
	border-radius: 20px; 
	padding: 6px 12px 6px 6px; 
	margin: -10px 0 25px 10px;
}

.new_sust_a_s_btn {
	background: #8abe69;
	color: #fff;
}

.new_sust_btn img {
	padding-right: 5px;
}

.new_sust_btn span {
	vertical-align: bottom;
}

.infnt_subttl {
	font-style: normal;
	display: block;
	background: lightblue;
	padding: 5px 10px;
	display: block;
	margin: 20px -15px 0px -18px;
	font-weight: bold;
	
}






#pdf_list_w .pdf_checkboxes_w {
	display: block;
}

#pdf_list_w {
	padding-top: 10px;
}
 
#pdf_list_w > div {
	padding: 0;
	margin: 0;
	width: 305px;
	display: inline-block;
	/* float: left; */
	vertical-align: top;
	
}


		
		
#pdf_list_w fieldset {
	width: auto;
	margin: 10px 0 0 15px;
}


#pdf_list_w h3.pdf_e {	
	background-color: #497e9a;
	color: #fff;
}

#pdf_list_w h3 {
	font-size: 16px; 
	padding: 6px 5px 10px 15px; 
	cursor: default;
	background: #9bbcfb;
	color: #333;
	font-weight: bold;
}

/* 
#pdf_list_w h3 .stk_icon_sm {
	width: 18px; 
	height: 18px; 
	display: inline-block; 
	padding:5px; 
	position: absolute; 
	top: 3px;
	right: 4px; 
}
*/
 
#veo_sign_img {
	padding-bottom: 10px;
}

@media (max-width: 350px) {

	#pdf_list_w > div {
		width: 285px;
	}
	
	#veo_sign_img {
		width: 260px;
	}
	
	#pdf_list_w h3 {
		font-size: 18px; 
	}
	
}

#pdf_list_w h3:before {
  content: "";
  position:absolute;
  top: 0;
  width:10px;
  height:10px;
  /* background-image: url(/a/_i/tmpl/light_yellow_notch.svg); */
  margin-left: -15px;
}



.assign_pdf_link {
	margin-top: 6px;
	display: inline-block;
	font-weight: bold;
	font-size: 13px;
}



#sign_list_w .sgn_checkboxes_w {
	display: none;
}

#sign_list_w .ef_open .sgn_checkboxes_w {
	display: block;
}

#sign_list_w .ef_open h3 img {
	transform: rotate(90deg);
}

#sign_list_w {
	background: #fef5e0;
	max-width: 680px;
	padding-top: 10px;
}
 
#sign_list_w > div {
	padding: 0;
	margin: 0;
	width: 330px;
	display: inline-block;
	/* float: left; */
	vertical-align: top;
	
}

#sign_list_w fieldset {
	width: auto;
	margin: 10px 0 0 15px;
}

#sign_list_w h3 {
	font-size: 16px; 
	padding: 6px 5px 10px 15px; 
	cursor: default;
}

#sign_list_w h3 .stk_icon_sm {
	width: 18px; 
	height: 18px; 
	display: inline-block; 
	padding:5px; 
	position: absolute; 
	top: 3px;
	right: 4px; 
}

#veo_sign_img {
	padding-bottom: 10px;
}

@media (max-width: 350px) {

	#sign_list_w > div {
		width: 285px;
	}
	
	#veo_sign_img {
		width: 260px;
	}
	
	#sign_list_w h3 {
		font-size: 18px; 
	}
	
}

#sign_list_w h3:before {
  content: "";
  position:absolute;
  top: 0;
  width:10px;
  height:10px;
  background-image: url(/a/_i/tmpl/light_yellow_notch.svg);
  margin-left: -15px;
}

.sign_compl {
	background: #b8e443; border-radius: 20px; display: inline-block; cursor: default; padding: 2px 5px; margin-left: -2px; font-size: 11px; font-weight: bold;
}

.sign_proc {
	background: #f6b92d; border-radius: 20px; display: inline-block; cursor: default; padding: 2px 5px; margin-left: -2px; font-size: 11px; font-weight: bold
}

.sign_tra {
	background: #ccc; border-radius: 20px; display: inline-block; cursor: default; padding: 2px 5px; margin-left: -2px; font-size: 11px; font-weight: bold;
}

#w .staff_pc_set {
	background: #dae4f4;
}

#w .empl_staff_pc {
	background: #bdd1f5;
}



#w .num_staff input[type=text], #flex_work_gw input[type=text] {
	width: 60px;
}

.aid_amount_w input[type=text],
.dept_num_parents_w_child_under_11 input[type=text] {
	width: 100px;
}

#empl_turnover {
	width: 100px;
}

#w .aid_amount_w span:before {
	display: inline-block;
	content: "\00A3";
	font-weight: bold;
}

#w .aid_amount_w input{
	display: inline-block;
}


.empl_staff_pc {
	text-align: right;
	font-weight: bold;
	font-style: italic;
}

#w1 .usedin {
	display: inline-block;
	float: none;
}

#w1 .usedin_sme {
	width: 50px;
	padding-top: 10px;
}

#w1 #w #c .usedin div { 
	width: 280px;
}

@media (max-width: 800px) {
#w1 #w #c .usedin div { 
	width: 200px;
}

}


#w #c #wmr_job_opts label, #w #c #sa_job_opts label { 
	/* border-radius: 10px; */
	width: auto;
	display: inline-block;
	padding: 10px 4px 10px 1.6em;
	margin-top: 1px;
	margin-left: 1px;
	/* padding: 2px 5px;
	margin: 2px; */
} 

.checkboxes #wmr_job_opts label:before, .checkboxes #sa_job_opts label:before {
	left: 5px;
	width: 1.1em;
	top: 11px;
}


#enrol_pdf_list_fi b {
	border-bottom: 2px solid #ccc;	
	padding-bottom: 5px;
}


#nt6 {
	margin: 0 auto;
	text-align: center;
	padding-right: 10px;
}

#nt6 > div {
	display: inline-block; 
	width: 140px; 
	text-align: center;
}












.req_dtls .req i {
	font-style: normal;
	font-size: 13px;
}

.req_dtls .req_w {
	width: 280px;
	margin: 26px 20px 0 0;
	position: relative;
	float: left;
}

.req_dtls div.req_w:nth-of-type(3n+1){
   /*  clear:left; */
}

.req_dtls .req {
	padding: 0;
	position: relative;
	border: 4px solid #4f71b7;
	border: 4px solid #f6b92d;
	border-radius: 8px;
	/* min-height: 210px; */
	border-top: 30px solid #f6b92d;
	/* border-top: 25px solid #f6b92d; */
}

.req_dtls .req > div {
	/* display: inline-block; */
	/* width: 95%; */
	padding: 10px 12px;
}

.req_dtls {
	padding: 20px 0 40px 0;
}

.req_dtls:after {
	content: " ";
	display: block;
	clear: left;
	
}

.req_dtls h2 {
	padding-bottom: 0;
	margin-bottom: 0;
}



#w .req_dtls .sign_log {
	padding: 0;
	border: 0;
}

#w .req_dtls .sign_req {
	padding: 0;
	font-size: 13px;
}

#w .req_dtls .sign_log i {
	display: block;
}



#w .req_dtls .sign_log b {
	padding-left: 26px;
}

#w .req_dtls .sign_log i {
	padding-left: 59px;
}


#w .req_dtls .sign_log img {
	vertical-align: middle;
}

.req_dtls .req_w > div {
	background: #fff;
}

.req_dtls .req_w > div > div {
	background: #f7f0b0;
	border-radius: 0 0 4px 4px;
}

.req_dtls .req_w > div.signed > div {
	background: #dceead;
}

.req_dtls .req_w > div.req_trashed > div {
	/* background: #e2e2e2; */
	background: #fff;
	background-image: linear-gradient(135deg, #eeeeee 2.83%, #ffffff 2.83%, #ffffff 50%, #eeeeee 50%, #eeeeee 52.83%, #ffffff 52.83%, #ffffff 100%);
	background-size: 53.00px 53.00px;
}

#w .req_w .sign_log span {
	padding: 0;
}







.req_upd_feather {
	position: absolute;
	width: 53px;
	top: -28px;
	left: 5px;
	transform: rotate(15deg);
}

.req_upd_c {
	padding: 10px 0 10px 15px;
}

.req_cnd_name {
	font-weight: normal; 
	font-size: 1.2rem; 
	white-space: nowrap; 
	overflow: hidden; 
	text-overflow: ellipsis; 
	max-width: 250px; 
	display: block;
}

.req_upd_rc_nm {
	padding-left: 26px;
	font-size: 13px;
	display: block;
	padding-top: 5px
}

.req_upd_ev {
	display: block;
	padding-left: 24px;
	font-size: 13px;
	padding-top: 1px;
}

.req_upd_dt {
	display: block;
	padding-bottom: 10px; 
	font-style: normal;
	font-size: 13px;
	padding-left: 56px; 
}

.req_upd_ev img {
	height: 20px; 
	width: 32px; 
	display: inline-block; 
	vertical-align: middle;
}

#w .req_upd_dtls {
	padding: 0;
	border: 0; 
	display: none;
	font-size: smaller;
	padding: 5px 20px 10px;
	cursor: default; 
	background: #fff;
	width: 232px; 
	border-radius: 0 0 4px 4px;
	border-top: 1px solid #ccc;
	overflow: auto; 
	height: 64px;
}

#w .show_req_info .req_upd_dtls {
	display: block;
}





.ppl_log {
	
	border: 1px solid #ccc;
	height: 520px; 
	overflow: scroll;
	background: #fff;
	width: 286px;
	font-size: 10px;
}

@media (max-width : 320px) {

	.ppl_log {
		width: 250px;
	}
	
}

.ppl_log table {
	width: 100%
}

.ppl_log td {
	
	vertical-align: top;
	border-bottom: 1px solid #ccc;
	
}

.ppl_log td:first-child, .ppl_log td:nth-child(2) {
	font-size: 12px;
}

.ppl_log td:nth-child(2), 
.ppl_log td:nth-child(4) {
	background: #f5f5f5;
}

.ppl_log td:nth-child(3) {
	border-left: 1px solid #ccc;
	
}
 
.ppl_log td:first-child, 
.ppl_log td:last-child {
	word-break: break-all;
}

.ppl_log td a {
	font-weight: bold;
}
	
.ppl_log td {
	padding-left: 5px;
	padding-right: 5px;
}

.stk_test {
	position: relative;
	background-color: #dde9ec;
	background-image: url(/a/_i/tmpl/test_2.svg);
	background-size: 140px 40px;
	background-position: 92% 10px;
	background-repeat: no-repeat;
}


.oth_usr {
	border: 1px solid #ccc; 
	padding: 5px 30px 10px 25px; 
	border-radius: 40px; 
	display: inline-block; 
	background: #e7f3ff;
	margin: 10px 0 20px;
}
	
.oth_usr_flag_w {
	float: left; 
	padding-top: 8px;
	padding-right: 20px;
}

@media (max-width: 540px) {

.oth_usr {
	text-align: center;
}

.oth_usr_flag_w {
	float: none; 
	text-align: center;
}

}

.oth_usr_flag_w img {
	width: 50px;
}

.typing {
	display: inline-block; 
	vertical-align: top; 
	width: 40px; 
	height: 20px
}

.typing_w {
	display: inline-block; 
	padding-left: 10px
}

#t_w .t_c h3:before {
	display: none;
	/* display: inline-block; */
	float: left;
	font-size: 18px;
	padding: 0 15px 0 5px;
	background: url(/a/_i/tmpl/tab_h3.svg);
	background-repeat: no-repeat;
	background-size: 50px 23px;
	background-position: right center;
	margin: 5px 5px 0 -5px;
	border-left: 2px solid #fff;
}

#tc_1 h3:before {
	content: "1";
}
#tc_2 h3:before {
	content: "2";
}
#tc_3 h3:before {
	content: "3";
}
#tc_4 h3:before {
	content: "4";
}
#tc_5 h3:before {
	content: "5";
}
#tc_6 h3:before {
	content: "6";
}
#tc_7 h3:before {
	content: "7";
}
#tc_8 h3:before {
	content: "8";
}
#tc_9 h3:before {
	content: "9";
}
#tc_10 h3:before {
	content: "10";
}
#tc_11 h3:before {
	content: "11";
}
#tc_12 h3:before {
	content: "12";
}
#tc_13 h3:before {
	content: "13";
}
#tc_14 h3:before {
	content: "14";
}
#tc_15 h3:before {
	content: "15";
}
#tc_16 h3:before {
	content: "16";
}
#tc_17 h3:before {
	content: "17";
}
#tc_18 h3:before {
	content: "18";
}
#tc_19 h3:before {
	content: "19";
}
#tc_20 h3:before {
	content: "20";
}
#tc_21 h3:before {
	content: "21";
}

#tc_22 h3:before {
	content: "22";
}

#tc_23 h3:before {
	content: "23";
}

#tc_24 h3:before {
	content: "24";
}



#tc_10 h3:before,
#tc_11 h3:before,
#tc_12 h3:before,
#tc_13 h3:before,
#tc_14 h3:before,
#tc_15 h3:before,
#tc_16 h3:before,
#tc_17 h3:before,
#tc_18 h3:before,
#tc_19 h3:before,
#tc_20 h3:before,
#tc_21 h3:before,
#tc_22 h3:before,
#tc_23 h3:before,
#tc_24 h3:before {
	padding-left: 0;
}


.show_field_nos #t_w .t_c h3:before {
	display: block;
}

@media (max-width : 320px) {
#t_w .t_c h3:before {
	margin-top: 0;
	margin-left: -10px;
}
}


#nw_alert_w {
	position: fixed; 
	top: 50%; 
	left: 50%; 
	transform: translate(-50%, -50%); 
	background: #fff; 
	width: 360px; 
	z-index: 100000; 
	padding-bottom: 20px;
	border-radius: 10px;
}

@media (max-width : 320px) {
#nw_alert_w {
	width: 90%; 
}
}

#nw_alert_t {
	padding: 20px 20px 0 20px ;
	text-align: center;
	font-size: 20px;
	margin: 0;
}

#nw_alert_c {
	padding: 10px 20px 0 20px ;
}

#nw_alert_c b {
	padding-top: 10px;
	text-align: center;
	display: block;
}

#nw_alert_exit {
	float: right;
	padding: 10px 10px 0 0;
	vertical-align: middle;
	cursor: pointer;
}

#w .show_req_log ~ .sign_req .sign_log i.resend, 
#w .show_req_log ~ .sign_req .sign_log i.no_resend {
	color: #fff;
	background: #6a9cbe; 
	padding: 5px 10px 5px 0;
	margin: 10px;
	float: right;
	
}

#w .show_req_log ~ .sign_req .sign_log i.resend {
	cursor: pointer;
}

#w .show_req_log ~ .sign_req .sign_log i.no_resend { 
	background: #b5b5b5;
	color: #f7f7f7;
	cursor: default;
}

#w .show_req_log ~ .sign_req .sign_log i.no_resend img { 
	opacity: 0.8;
}

#search_field_names_w {
	font-size: smaller; 
	display: inline-block; 
	cursor: pointer;
	padding-right: 15px;
}

.vis_info {		
	background: #fbf9c1;
	margin: 0 20px 20px 20px;
	padding: 15px 20px 10px;
	line-height: 1.6em;
}

.vis_info {
	display: none;
}

#w1.a_cnd_nso .vis_info {
	display: block;
}


.precheck {
	display: inline-block;
	word-break: normal;
	padding: 5px 20px 10px 10px;
	background: #fbf9c1;
	margin-top: 10px;
	margin-bottom: 10px;
}


.precheck .oth_usr_flag_w img {
	width: 25px;
}

.precheck h4, .precheck ol {
	margin: 0;
}

.precheck ol {
	padding-left: 2.7rem;
	margin: 0;
	list-style-position: inside;
}

@media (max-width: 800px) {
	.precheck ol {
		padding-left: 0;
	}

}

#w .list_age i {
	font-size: 0.7em;
	background: #9398f9;
	font-weight: normal;
	color: #fff;
	display: inline-block;
	padding: 1px 3px;
	font-family: sans-serif;
	letter-spacing: 1px;
}


.tr_grp_nm_x {
	color: #ccc;
}