@font-face {font-family: 'Roboto';src: url('../fonts/Roboto-Regular.woff')  format('woff');
-webkit-font-smoothing: antialiased;
}
@font-face {font-family: 'iWK';src: url('../fonts/iwkdef.woff')  format('woff');
-webkit-font-smoothing: antialiased;
}
@font-face {font-family: 'iWKBold';src: url('../fonts/iwkbold.woff')  format('woff')}
@font-face {
  font-family: 'pass';
  font-style: normal;
  font-weight: 400;
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAATsAA8AAAAAB2QAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABWAAAABwAAAAcg9+z70dERUYAAAF0AAAAHAAAAB4AJwANT1MvMgAAAZAAAAA/AAAAYH7AkBhjbWFwAAAB0AAAAFkAAAFqZowMx2N2dCAAAAIsAAAABAAAAAQAIgKIZ2FzcAAAAjAAAAAIAAAACAAAABBnbHlmAAACOAAAALkAAAE0MwNYJ2hlYWQAAAL0AAAAMAAAADYPA2KgaGhlYQAAAyQAAAAeAAAAJAU+ATJobXR4AAADRAAAABwAAAAcCPoA6mxvY2EAAANgAAAAEAAAABAA5gFMbWF4cAAAA3AAAAAaAAAAIAAKAE9uYW1lAAADjAAAARYAAAIgB4hZ03Bvc3QAAASkAAAAPgAAAE5Ojr8ld2ViZgAABOQAAAAGAAAABuK7WtIAAAABAAAAANXulPUAAAAA1viLwQAAAADW+JM4eNpjYGRgYOABYjEgZmJgBEI2IGYB8xgAA+AANXjaY2BifMg4gYGVgYVBAwOeYEAFjMgcp8yiFAYHBl7VP8wx/94wpDDHMIoo2DP8B8kx2TLHACkFBkYA8/IL3QB42mNgYGBmgGAZBkYGEEgB8hjBfBYGDyDNx8DBwMTABmTxMigoKKmeV/3z/z9YJTKf8f/X/4/vP7pldosLag4SYATqhgkyMgEJJnQFECcMOGChndEAfOwRuAAAAAAiAogAAQAB//8AD3jaY2BiUGJgYDRiWsXAzMDOoLeRkUHfZhM7C8Nbo41srHdsNjEzAZkMG5lBwqwg4U3sbIx/bDYxgsSNBRUF1Y0FlZUYBd6dOcO06m+YElMa0DiGJIZUxjuM9xjkGRhU2djZlJXU1UDQ1MTcDASNjcTFQFBUBGjYEkkVMJCU4gcCKRTeHCk+fn4+KSllsJiUJEhMUgrMUQbZk8bgz/iA8SRR9qzAY087FjEYD2QPDDAzMFgyAwC39TCRAAAAeNpjYGRgYADid/fqneL5bb4yyLMwgMC1H90HIfRkCxDN+IBpFZDiYGAC8QBbSwuceNpjYGRgYI7594aBgcmOAQgYHzAwMqACdgBbWQN0AAABdgAiAAAAAAAAAAABFAAAAj4AYgI+AGYB9AAAAAAAKgAqACoAKgBeAJIAmnjaY2BkYGBgZ1BgYGIAAUYGBNADEQAFQQBaAAB42o2PwUrDQBCGvzVV9GAQDx485exBY1CU3PQgVgIFI9prlVqDwcZNC/oSPoKP4HNUfQLfxYN/NytCe5GwO9/88+/MBAh5I8C0VoAtnYYNa8oaXpAn9RxIP/XcIqLreZENnjwvyfPieVVdXj2H7DHxPJH/2/M7sVn3/MGyOfb8SWjOGv4K2DRdctpkmtqhos+D6ISh4kiUUXDj1Fr3Bc/Oc0vPqec6A8aUyu1cdTaPZvyXyqz6Fm5axC7bxHOv/r/dnbSRXCk7+mpVrOqVtFqdp3NKxaHUgeod9cm40rtrzfrt2OyQa8fppCO9tk7d1x0rpiQcuDuRkjjtkHt16ctbuf/radZY52/PnEcphXpZOcofiEZNcQAAeNpjYGIAg///GBgZsAF2BgZGJkZmBmaGdkYWRla29JzKggxD9tK8TAMDAxc2D0MLU2NjENfI1M0ZACUXCrsAAAABWtLiugAA) format('woff');
}

@font-face {
    font-family: "Ionicons";
    src: url("../fonts/ionicons.eot?v=2.0.0");
    src: url("../fonts/ionicons.eot?v=2.0.0#iefix") format("embedded-opentype"), url("../fonts/ionicons.ttf?v=2.0.0") format("truetype"), url("../fonts/ionicons.woff?v=2.0.0") format("woff"), url("../fonts/ionicons.svg?v=2.0.0#Ionicons") format("svg");
    font-weight: normal;
    font-style: normal;
}

:root {
	--bmX: 0;--bmY: 0;--mX: 0;--mY: 0;
	--vcol:#245891;--vbg:none;
/*	--svgcol:#919191; */
	--svgcol:#386fa5;
	--svgfcol:none;
	--svgcold:#fff;
	--svgfcold:none;
	--mmbg:#ebebeb;--mmbdr:#4a9cf1;
	--tbg:url("../images/mm_bgl1.svg");	--tbgdark:url("../images/mm_bgd1.svg");
	--mpbg:rgba(248,248,248,.88);
	--mpbg2:rgba(248,248,248,.98);
	--mpbgd:rgba(40,57,68,.88);
	--mmbg_d:#274a64;--mmbdr_d:#919599;
	--frmbg:#fff;--frmbgd:rgba(40,57,68,.88);
	--xfrmbg:#f3f9ff;--xfrmico:#6b87a7;
}

html {scroll-behavior: smooth;}

.eTD:focus{
	outline: 1px solid #9bd5ff;
    padding: 4px;
    background: #ddeeff;
     box-shadow: 1px 1px 3px #222222;
}
.eTD {outline: 0;border:none;padding: 0;background: none;box-shadow: none;}

body {font-family:iWk;font-size:.948em;font-weight: 100;
    letter-spacing: 0.1px;outline:0;transition:.1s;color:#1e1e1e;
    line-height: 1.26;margin:0;overflow:hidden;user-select:none;
outline:none;opacity: 0;transition: opacity .18s;-webkit-transition: opacity .18s;
}

.bodydec_def {
	position:absolute;width:100%;height:100%;display:block;
	background:var(--tbg);	color:#2b3640;
	transition:.6s;top:0;
}

.bodydec_def .imglogo {vertical-align:middle;height:35px;
	content: url('../images/bcallogo-dk.png');
}
.bodydec_def .imgavlogo {vertical-align:middle;height:35px;
	content: url('../images/iWorkLogoColor.png');
}
.pContent{background:white;height:98vh;overflow-y:auto;color:#5e86b3;font-size:10pt;line-height:1.6em;
	transition: left 300ms linear, margin-left 300ms ease-out}
.pCover{background-image: url('../images/portal/iwk01.jpg'); background-color: #f3f3f3;
	 background-size:cover;background-repeat;no-repeat;background-position: center center;height:545px;}
.pCover .Cards{display: flex;flex-wrap: wrap;justify-content: space-between;}
.pCover .Card {flex: 1 0 200px;background:#efefef;box-sizing: border-box;margin: .8rem 1em;
	padding: 1em;border-radius:12px;height:280px;padding:0;box-shadow: 0 3px 15px rgb(122 151 165 / 80%);}
.pCover .Card:hover {box-shadow: 0 5px 45px rgba(245, 245, 245, 0.8);
	cursor:pointer;transform:scale(1.03);transition: 0.2s ease-out;}
.Card_Pic {border-bottom: 1.6px solid #91a6ac;background-size:cover;height:140px;top:7px;position:relative;}
.Card_Txt {display:block;position:relative;font-family:iwk;top:9px;font-size:8.8pt;color:#3d577f;
	border-bottom: 1.6px solid #91a6ac;background: #d8d8d8;}

.pCover .pFace {text-align:center;width:98vw;margin:auto;position:relative;top:31vh;
	max-height:320px;overflow:hidden;}

.pHead {margin:0;color:white;font-family:Roboto;
	display:block;position:relative;height:28px;border-radius:8px 8px 0 0;}
.pHead1 {top:4px;font-size:12px;display:block;position:relative;vertical-align:middle;}
.Card_Content {display:block;position:relative;text-align:left;
	font-family:iwk;font-size:10pt;color:#3c4f63;top:4px;padding:10px;}

::-webkit-scrollbar {width: 9px;height:9px;}     
::-webkit-scrollbar-track {border-radius: 8px;background-color: #e7e7e7;border: 1px solid #cacaca;}
::-webkit-scrollbar-thumb {cursor:pointer;border-radius: 8px;background-color: #72a1cb}

.dATx {display:block;position:absolute;top:100px;left:30px;transition:.2s;
	width:126px;z-index:1000;border-radius:12px;border:2px solid #7eb9db;padding:6px;
	background: #839db3;box-shadow: 0 3px 15px rgb(122 151 165 / 80%);opacity:1;
}
.xHide {display:none !important;}
.dAtxHide {opacity:0;}
.dATx img {width:100%;filter: sepia(100%) hue-rotate(190deg) saturate(200%);border-radius:9px;}
.tCalx {vertical-align:top;width:230px;display:inline-block;position:relative;}
.xNews {flex:calc(65vw - 230px);vertical-align:top;display:inline-block;position:relative;}

.xCardNews {display:block;position:relative;padding:10px;}
.xCardNews:hover {cursor: pointer;
    transition: .25s;
    border-radius: 8px;
    background: #efffeb;
    box-shadow: 2px 2px 6px #9cef68;}
.xCardNews #xTitle {display:block;padding-bottom:10px;font-weight:600;font-family:roboto;font-size:13pt;color:#232f39;}
.xCardNews #xCon {border-radius:8px;display:block;width:100%;height:100px;}
.xCNDImg {border-radius:8px 0 0 0;display:table-cell;background:blue;width:200px;height:100%;}
.xCImg {width:200px;border-radius:8px 0 0 0;}
.xCTxt {vertical-align:top;display:table-cell;height:100%;padding-left:10px;
	font-family:iwk;font-size: 11.5pt;color: #292929;line-height:14pt;
}
.xCTxtStamp {display:block;font-family:roboto;font-size: 8pt;color: #29577d;}
.xCLine {display:block;padding-bottom:14px;border-bottom:1px solid #b7b7b7;}

.xForum {flex:calc(35vw - 230px);vertical-align:top;display:inline-block;position:relative;}
.xFTitle {height:20px;padding-left:5px;border-bottom:1px solid #bdc4c9;color:#688fb1}
.FCreator {top: 2px;display: inline-block;position: relative;
	padding-right:6px;font-size:14pt;font-family:ionicons;
}
.PThrd {display:block;color:#ad2966;position:relative;padding-bottom:6px;font-family:iwk;font-size:10pt;}
.FThread {padding-top:10px;padding-bottom:12px;border-bottom:1px solid #c0c0c0;display:block;
	position:relative;font-family:iwk;font-size:11pt;}
.FThread:hover {text-decoration: underline;cursor:pointer}
.FTPoster {display:block;font-family:roboto;font-size: 8pt;color: #29577d;}
.FTPFont {font-family:ionicons;font-size:11pt;padding-right:4px;}
.ActIcon {font-family: ionicons;font-size: 14pt;padding:0 8px 0 4px;}

.ActPostTask {width: 90%;height: 32px;border: 1px solid #5075ad;border-radius: 7px;
	border-width: 1px 1px 1px 8px;transition: all .2s;}
.ActPostTask:hover {cursor: pointer;background: #e6f2ff;scale: 1.04;box-shadow: 2px 2px 8px #7da5cf;}
.ActP {font-family:iWk;font-size:10.4pt;color:#2b4361;padding:6px;
	vertical-align:middle;display: flex;align-items: center;justify-content: left;
}

.ActPostTask2 {width: 90%;height: 32px;border: 1px solid #a1388a;border-radius: 7px;
	border-width: 1px 1px 1px 8px;transition: all .2s;}
.ActPostTask2:hover {cursor: pointer;background: #fceefd;scale: 1.04;box-shadow: 2px 2px 8px #eb79dd;}
.ActP2 {font-family:iWk;font-size:10.4pt;color:#571345;padding:6px;
	vertical-align:middle;display: flex;align-items: center;justify-content: left;
}

.ActPostTask3 {width: 90%;height: 32px;border: 1px solid #38a162;border-radius: 7px;
	border-width: 1px 1px 1px 8px;transition: all .2s;background: #d7ffd7;
}
.ActPostTask3:hover {cursor: pointer;background: #10a53e;scale: 1.04;color: white;box-shadow: 2px 2px 8px #5dc94a;}
.ActP3 {font-family:iWk;font-size:10.4pt;color:#0f4718;padding:6px;
	vertical-align:middle;display: flex;align-items: center;justify-content: left;
}
.ActP3:hover {color:white;}

.FTopic {padding-top:8px;display:block;position:relative;font-family:iwkbold;font-size:12pt;}
.FTopic:hover {color:#953191;cursor:pointer;}

.FootH1 {font-family: iwk;font-size: 10pt;color: white;list-style-type: none;line-height:2.23;text-align:left;}
.FootH1 li {padding-left:10px;}
.FootH1 .Title {font-size:11pt;font-weight:600;padding:0;}

.scrollable {
  max-width: 200px;
  max-height: 100%;
  
  height: 450px;
  overflow: scroll;
 }

.tbody_dark{background:var(--tbgdark);border-color:#c0c0c0;
	color:#efefef;}
.tbody_dark .imglogo {content: url('../images/bcallogo-wh.png');}
.tbody_dark .imgavlogo {content: url('../images/iWorkLogoColor.png');}
.tbody_dark > .mptop{background:var(--mpbgd);border-color:#626f9f;}
.tbody_dark > .mpleft{background:var(--mpbgd);border-color:#626f9f;}
.tbody_dark > .mpleft circle, .tbody_dark >.mpleft rect,.tbody_dark > .mpleft ellipse,
	.tbody_dark > .mpleft line,.tbody_dark >.mpleft path
{
  stroke: var(--svgcold);
  fill: var(--svgfcold);
}

.tbody_dark .mp_a:hover {
	cursor:pointer;background:var(--mmbg_d);
	border-bottom: 2px solid var(--mmbdr_d);
	border-top: 1px solid var(--mmbdr_d);
}

.tbody_dark .mp_b:hover {
	cursor:pointer;background:var(--mmbg_d);
	border-bottom: 2px solid var(--mmbdr_d);
}
.tbody_dark .mp_b {
	border-bottom: 2px solid;border-color:var(--mmbg_d);
}

.tbody_dark > .mptop circle, .tbody_dark >.mptop rect,.tbody_dark > .mptop ellipse,
	.tbody_dark > .mptop line,.tbody_dark >.mptop path
{
  stroke: var(--svgcold);
  fill: var(--svgfcold);
}

.tbody_dark> .mptop .mpplus path {fill:#4989cf;}


svg circle, rect, ellipse, line, path {
  stroke: var(--svgcol);
  fill: var(--svgfcol);
	stroke-width:1.1;
}

.tbody_dark .mp_pro {border-bottom: 1px solid;border-color:#626f9f;}
.tbody_dark .mp_pro:hover {cursor:pointer;background:var(--mmbg_d);
	border-bottom: 2px solid var(--mmbdr_d);
}

.xIdle{
	 display:none;
	position: absolute;
	top:15%;
	z-index:999;
	width: 640px; 
    height: auto;
    margin: 0 auto;
    padding: 10px;
	background:none;
//	left:25%;
    position: relative;
}

.xIdlegap{
	 display:none;
	position: absolute;
	z-index:9999;top:15%;
	width: 640px; 
    height: auto;
    margin: 0 auto;
    padding: 10px;
	background:none;
//	left:25%;
    position: relative;
}

.xPopUp {
	display:block;
}
.bpopup {
	pointer-events: none;
  filter: blur(2px) brightness(0.7);
top:0;
}

.mptop{
	position:fixed;height:36px;width:100%;
	border-bottom: 1px solid;
	border-color: #e7e7e7;
/*	background: rgba(248,248,248,.88);*/
	background:var(--mpbg);
	z-index:99;
/*	overflow:hidden;*/
}

.mpleft {position:fixed;width:48px;height:100%;
	border-right: 1px solid;top:37px;
	border-color: #e7e7e7;
	background: rgba(248,248,248,.88);z-index:999;
}

.dispsc_gt {display:table-cell;vertical-align:middle;width:100%}
.dispsc_gt1 {display:table-cell;vertical-align:middle;position:relative;}
.dispsc_gt2 {width:30px; border-radius: 0 6px 6px 0;height:100%;box-sizing:border-box;
	background:white;border: 1px solid #b9b9b9;border-left:0;vertical-align:middle;
	height:28px;text-align:center;line-height:2;
}

.mptic {display: inline-block;font-family: 'ionicons';
    font-size: 2em;position: relative;
    vertical-align: top;width: 48px;
    text-align: center;
    line-height: 1.3;color:#5e86b3;
}

.mptic_ic {
	font-size: 1.5em;padding:6px 10px 0 10px;
    vertical-align: middle;
    display: inline;cursor:pointer
}

.mptic_ic:hover {background: #e0efff;}

.mptsc {display: inline-block;font-family: 'ionicons';
    font-size: 1.4em;position: relative;
    text-align: center;
    line-height: 2;
color:var(--svgcol);
}
.mp_0 {display:inline-block;position:relative;overflow:hidden;vertical-align:middle;}
.mpl_0 {display:table;position:relative;list-style-type: none;width:100%;height:100%;margin:0;padding:0;}
.mpl_0 li {display:table-cell;vertical-align:middle;text-align:center;width:48px;}
.mpl_0 div {display:flex;width:21px;height:100%;}

.mptics {position:relative;display:inline-block;width:20px;vertical-align:middle;padding:0 8px 0 8px;
	text-align:center;outline:0;}
.mptsearch {position:relative;display:inline-flex;min-width:25vw;vertical-align:middle;padding:0 0 0 10px;}

.mpplus {position:relative;display:inline-block;width:28px;vertical-align:middle;padding-left:4px;
	text-align:center;outline:0;cursor:pointer;}
.mpplus path {fill:#4989cf;stroke:white;}

.mpul {position:relative;list-style-type: none;padding:0;width:100%;margin:0;}
.mpul>li {display:block;vertical-align:middle;width:100%;text-align:center;
	height:38px;padding:3px 0 3px 0;
}
.mp_a {display:block;height:100%;}
.mp_aon{	text-decoration: none;
	cursor:pointer;background:var(--mmbg);
	border-bottom: 2px solid var(--mmbdr);
	border-top: 1px solid var(--mmbdr);
}
.mp_a:hover {
	text-decoration: none;
	cursor:pointer;background:var(--mmbg);
	border-bottom: 2px solid var(--mmbdr);
	border-top: 1px solid var(--mmbdr);
}
.mp_a:link {text-decoration: none;}
.mp_a:visited {text-decoration: none;}
.mp_a:active {text-decoration: none;}

.mp_b {outline:0;display:block;text-align:-webkit-center;height:95%;vertical-align:middle;
	border-bottom: 2px solid;border-color:var(--mmbg);text-align:center;
	text-align:-moz-center;text-align:-webkit-center;
	}
.mp_b:hover {
	cursor:pointer;background:var(--mmbg);
	border-bottom: 2px solid var(--mmbdr);
}
.mp_b:link {text-decoration: none;}
.mp_b:visited {text-decoration: none;}
.mp_b:hover {text-decoration: none;}
.mp_b:active {text-decoration: none;}

.mp_b .badge
{
	display:none;
/*    position: absolute;
    top: 2px;
*/
	position:relative;
	top:-30px;
	left:6px;
    padding: 2px 6px;
    border-radius: 50%;
    background: #e41e3f;
    color: white;
    font-family: iwkbold;
    font-size: 8pt;
}

.mp_b .xshow {display:inline;}

.mptul {display:inline-block;}

.mpuld1 {display:inline-block;width:19px;outline:0;position:relative;margin-top:18%;}

.mpt_sc {float:right;height:100%;padding-right:4px;}
.mpt_scdiv {display:table;height:36px;}
.scbox {display:table-cell;vertical-align:middle;width:80px;}
.abell {display:table-cell;vertical-align:middle;width:50px;text-align:center;
	padding-left:8px;padding-right:8px;}
.mpt_scsvg {width:20px;display:flex;outline:0;height:100%;}
.mp_pro{cursor:pointer;display:inline-block;vertical-align:middle;min-width:80px;max-width:160px;text-align:center;
	padding-left:8px;border-left:1px solid #cfcfcf;height:36px;position:relative;
	border-bottom: 2px solid var(--mmbg);}
.mp_pro:hover {cursor:pointer;background:var(--mmbg);
	border-bottom: 2px solid var(--mmbdr);height:36px;
}
.mp_proname {top:8px;position:relative;display:inline-block;vertical-align:middle;padding-right:4px;overflow:hidden;
	white-space:nowrap;height:36px;max-width:100px;font-family:system-ui;font-size:.78em;max-width:calc(100% - 50px);
}
.mp_proimg {width:28px;display:inline-block;outline:0;vertical-align:middle;padding: 5px 6px 0 6px;
	position:relative;height:36px;}

.normal-mode {background-color: white;color: black;}
.dark-mode {background-color: #17212b;color: white;}
.dawn-mode {background-color: #1b2844;color: white;}
.dusk-mode {background-color: #441b0a;color: white;}
.sky-mode {background-color: #cde0f5;color: Black;}
.blush-mode {background-color: #ffe0fc;color: Black;}
.britishracing-mode {background-color: #004225;color: White;}
.chilired-mode {background-color: #c21807;color: White;}
.platinum-mode {background-color: #969291;color: White;}
.vigorousviolet-mode {background-color: #645681;color: White;}
.healing-mode {background-color: #238f25;color: White;}
.happy-mode {background-color: #d56e1c;color: White;}
.Fireheart-mode {background-color: #500d0d;color: White;}

.inp1, .inp1 div{
	display:inline-block;
}

h1 {font-family:iWkBold;font-size:1.62em;}
.bpm_h1 {font-family:iWk;font-size:.7em;display:block;}
.bpm_h2 {font-family:iWkbold;font-size:1.24em;display:block;}
.bpm_h3 {font-family:iWk;font-size:.84em;display:block;}
.bpm_h4 {font-family:iWk;font-size:.77em;display:block;color:#686868;}


.ag1 {
  background-image: linear-gradient(-180deg, #37AEE2 0%, #1E96C8 100%);display:none;
  border-radius: .3rem;box-sizing: border-box;color: #FFFFFF;
  height:27px;justify-content: center;align-items: center;word-wrap: break-word;
  width:32px;text-decoration: none;border: 0;cursor: pointer;user-select: none;
  -webkit-user-select: none;touch-action: manipulation;font-family:iWk;font-size:.86em;
}

.ag2 {
	background-image: linear-gradient(-180deg, #71b5d3 0%, #304c58 100%);
  border-radius: .3rem;box-sizing: border-box;color: #FFFFFF;
  height:28px;justify-content: center;align-items: center;word-wrap: break-word;
  width:42px;text-decoration: none;border: 0;cursor: pointer;user-select: none;
  -webkit-user-select: none;touch-action: manipulation;font-family:iWk;font-size:.86em;
}

.ag3 {
	background-image: linear-gradient(-180deg, #71b5d3 0%, #304c58 100%);
  border-radius: .3rem;box-sizing: border-box;color: #FFFFFF;
  height:28px;justify-content: center;align-items: center;word-wrap: break-word;
  width:70px;text-decoration: none;border: 0;cursor: pointer;user-select: none;
  -webkit-user-select: none;touch-action: manipulation;font-family:iWk;font-size:.86em;
}

.ab1 {
  background-image: linear-gradient(-180deg, #37AEE2 0%, #1E96C8 100%);
  border-radius: .5rem;box-sizing: border-box;color: #FFFFFF;display: flex;
  height:38px;padding:0 1em 0 1em;justify-content: center;align-items: center;word-wrap: break-word;
  text-decoration: none;min-width: 130px;max-width: 100%;border: 0;cursor: pointer;user-select: none;
  -webkit-user-select: none;touch-action: manipulation;font-family:iWk;font-size:12pt;
}

.ab1:hover {
  background-image: linear-gradient(-180deg, #1D95C9 0%, #17759C 100%);
}

.ab1:disabled,.ab1[disabled]{
    pointer-events: none;
    color: #a3a3a3;
    cursor: linear-gradient(-180deg, #37AEE2 0%, #1E96C8 100%);
    background-image: linear-gradient(-180deg, #e3e3e3 0%, #dbdbdb 100%);
}

.ab2 {
  background-image: linear-gradient(-180deg, #c65be9 0%, #6c46b1 100%);
  border-radius: .5rem;box-sizing: border-box;color: #FFFFFF;display: flex;font-size: 16px;
  height:38px;padding:0 1em 0 1em;justify-content: center;align-items: center;word-wrap: break-word;
  text-decoration: none;min-width: 130px;max-width: 100%;border: 0;cursor: pointer;user-select: none;
  -webkit-user-select: none;touch-action: manipulation;font-family:iWk;font-size:1em;
}

.ab2:hover {
  background-image: linear-gradient(-180deg, #a020cb 0%, #4f1b60 100%);
}

.ab2:disabled,.ab2[disabled]{
    pointer-events: none;
    color: #a3a3a3;
    cursor: linear-gradient(-180deg, #37AEE2 0%, #1E96C8 100%);
    background-image: linear-gradient(-180deg, #e3e3e3 0%, #dbdbdb 100%);
}

.ab3 {
  background-image: linear-gradient(-180deg, #efca14 0%, #c98500 100%);
  border-radius: .5rem;box-sizing: border-box;color: #FFFFFF;display: flex;font-size: 16px;
  height:38px;padding:0 1em 0 1em;justify-content: center;align-items: center;word-wrap: break-word;
  text-decoration: none;min-width: 130px;max-width: 100%;border: 0;cursor: pointer;user-select: none;
  -webkit-user-select: none;touch-action: manipulation;font-family:iWk;font-size:1em;
}

.ab3:hover {
  background-image: linear-gradient(-180deg, #ff9120 0%, #b35e1d 100%);
}

.ab3:disabled,.ab3[disabled]{
    pointer-events: none;
    color: #a3a3a3;
    cursor: linear-gradient(-180deg, #37AEE2 0%, #1E96C8 100%);
    background-image: linear-gradient(-180deg, #e3e3e3 0%, #dbdbdb 100%);
}

.ab4 {
  background-image: linear-gradient(-180deg, #ef2222 0%, #c13535 100%);
  border-radius: .5rem;box-sizing: border-box;color: #FFFFFF;display: flex;font-size: 16px;
  height:38px;padding:0 1em 0 1em;justify-content: center;align-items: center;word-wrap: break-word;
  text-decoration: none;min-width: 130px;max-width: 100%;border: 0;cursor: pointer;user-select: none;
  -webkit-user-select: none;touch-action: manipulation;font-family:iWk;font-size:1em;
}

.ab4:hover {
  background-image: linear-gradient(-180deg, #d10000 0%, #9b0404 100%);
}

.ab4:disabled,.ab4[disabled]{
    pointer-events: none;
    color: #a3a3a3;
    cursor: linear-gradient(-180deg, #37AEE2 0%, #1E96C8 100%);
    background-image: linear-gradient(-180deg, #e3e3e3 0%, #dbdbdb 100%);
}

.ac1 {
	background-image: linear-gradient(-180deg, #ecef22 0%, #d7d22f 100%);
    border-radius: 0.5rem;box-sizing: border-box;color: #574e2f;display: flex;
    font-size: 16px;height: 38px;padding: 0 1em 0 1em;justify-content: center;
    align-items: center;word-wrap: break-word;text-decoration: none;
    min-width: 130px;max-width: 100%;border: 0;cursor: pointer;
    user-select: none;-webkit-user-select: none;touch-action: manipulation;
    font-family: iWk;font-size: 1em;
}

.ac1:hover {
  background-image: linear-gradient(-180deg, #ffd746 0%, #f5d914 100%);
}

.ac1:disabled,.ac1[disabled]{
    pointer-events: none;
    color: #a3a3a3;
    cursor: linear-gradient(-180deg, #37AEE2 0%, #1E96C8 100%);
    background-image: linear-gradient(-180deg, #e3e3e3 0%, #dbdbdb 100%);
}

.ac2 {
    background-image: linear-gradient(10deg, #d17707 0%, #fbbb28 100%);
    border-radius: 0.5rem;box-sizing: border-box;color: #ffffff;
    display: flex;font-size: 16px;height: 38px;padding: 0 1em 0 1em;
    justify-content: center;align-items: center;word-wrap: break-word;text-decoration: none;
    min-width: 130px;max-width: 100%;border: 0;
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    font-family: iWk;
    font-size: 1em;}

.ac2:hover {
  background-image: linear-gradient(-180deg, #b1983f 0%, #e39e37 100%);
}

.ac2:disabled,.ac1[disabled]{
    pointer-events: none;color: #a3a3a3;cursor: linear-gradient(-180deg, #37AEE2 0%, #1E96C8 100%);
    background-image: linear-gradient(-180deg, #e3e3e3 0%, #dbdbdb 100%);
}

.ac3 {
background-image: linear-gradient(158deg, #4cdd10 0%, #3ac530 100%);
    border-radius: 0.5rem;
    box-sizing: border-box;
    color: #ffffff;
    display: flex;
    font-size: 16px;
    height: 38px;
    padding: 0 1em 0 1em;
    justify-content: center;
    align-items: center;
    word-wrap: break-word;
    text-decoration: none;
    min-width: 130px;
    max-width: 100%;
    border: 0;
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    font-family: iWk;
    font-size: 1em;
}
.ac3:hover {
background-image: linear-gradient(-180deg, #1fb145 0%, #66b529 100%);
    box-shadow: inset 0 0 6px rgb(255 255 255 / 90%);
    box-shadow: 2px 2px 6px rgb(85 235 97 / 80%);
    transition: .2s;
    scale: 1.08;
}

.ac3:disabled,.ac1[disabled]{
    pointer-events: none;color: #a3a3a3;cursor: linear-gradient(-180deg, #37AEE2 0%, #1E96C8 100%);
    background-image: linear-gradient(-180deg, #e3e3e3 0%, #dbdbdb 100%);
}

[data-title]:hover:after {
    opacity: .96;
    transition: all 0.2s ease 0.5s;
    visibility: visible;
}
[data-title]:after {
       content: attr(data-title);
    background-color: #fff201;
    color: #000;
    font-family: iWk;
    font-size: .82em;
    position: absolute;
    padding: 0.4em 0.8em 0.4em 0.8em;
    bottom: -2.8em;
    border-radius: 4px;
    left: var(--mX);
    white-space: nowrap;
    box-shadow: 1px 1px 3px #222222;
    z-index: 99999;
    visibility: hidden;
}
[data-title] {
    position: relative;
}

.iMessage {
	font-family: iWk;font-size: 10pt;color:var(--svcol);
}

.iMsgErr {color:#ab1818;}

.at1 {
    border-radius: 0.8em 0 0.8em 0;border: 1px solid #b9b9b9;box-sizing: border-box;color: #013c78;
    display: flex;height: 28px;padding: 0 0.8em 0 0.8em;justify-content: center;align-items: center;
    word-wrap: break-word;text-decoration: none;min-width: 130px;max-width: 100%;font-family: iWk;
    font-size: .72em;outline:0;
}

.at1:focus {
    -webkit-box-shadow: 1px 1px 8px #456997;outline: 0;border-width: 2px;border-color: transparent;
    border-style: inset;background: #f3faff;
}

.at1:disabled,.at1[disabled]{
    pointer-events: none;color: #a3a3a3;cursor: linear-gradient(-180deg, #37AEE2 0%, #1E96C8 100%);
    background-image: linear-gradient(-180deg, #e3e3e3 0%, #dbdbdb 100%);
}

.atp1 {
    border-radius: 0.8em 0 0.8em 0;border: 1px solid #b9b9b9;box-sizing: border-box;color: #013c78;
    display: flex;height: 28px;padding: 0 0.8em 0 0.8em;justify-content: center;align-items: center;
    word-wrap: break-word;text-decoration: none;font-family: iwk;width:200px;
    outline:0;
}

.atp1[type=password]:not(:placeholder-shown) {
  font-family: 'pass', 'Roboto', Helvetica, Arial, sans-serif;font-size:1.4em;
  letter-spacing: 0.1em;
}

.atp1:focus {
    -webkit-box-shadow: 1px 1px 8px #456997;outline: 0;border-width: 2px;border-color: transparent;
    border-style: inset;background: #f3faff;
}

.atp1:disabled,.at1[disabled]{
    pointer-events: none;color: #a3a3a3;cursor: linear-gradient(-180deg, #37AEE2 0%, #1E96C8 100%);
    background-image: linear-gradient(-180deg, #e3e3e3 0%, #dbdbdb 100%);
}

.ats1 {
    border-radius: 6px;border: 1px solid #b9b9b9;box-sizing: border-box;color: #013c78;
    display: flex;height: 28px;padding: 0 0.8em 0 0.8em;justify-content: center;align-items: center;
    word-wrap: break-word;text-decoration: none;min-width: 130px;max-width: 100%;font-family: iWk;
    font-size: .98em;outline:0;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%234f81b5'%3E%3Cpath d='M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3Cpath d='M0 0h24v24H0z' color='red' fill='none'/%3E%3C/svg%3E");

    background-repeat: no-repeat;background-size: 18px 18px;
    background-position: 95% center;
    transition: all .1s ease-in-out;
    backface-visibility: hidden;
    transform-style: preserve-3d;
}

.ats1:focus {
    -webkit-box-shadow: 1px 1px 8px #456997;outline: 0;border-width: 2px;border-color: transparent;
    border-style: inset;background: #f3faff;
}

.ats1:disabled,.ats1[disabled]{
    pointer-events: none;color: #a3a3a3;cursor: linear-gradient(-180deg, #37AEE2 0%, #1E96C8 100%);
    background-image: linear-gradient(-180deg, #e3e3e3 0%, #dbdbdb 100%);
}

.ats0 {
    border-radius: 6px 0 0 6px;border: 1px solid #b9b9b9;box-sizing: border-box;color: #013c78;
    display: inline-block;height: 28px;padding: 0 0.8em 0 0.8em;justify-content: center;align-items: center;
    word-wrap: break-word;text-decoration: none;min-width: 130px;max-width: 100%;font-family: iWk;
    font-size: .98em;outline:0;width:100%;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%234f81b5'%3E%3Cpath d='M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3Cpath d='M0 0h24v24H0z' color='red' fill='none'/%3E%3C/svg%3E");

    background-repeat: no-repeat;background-size: 18px 18px;
    background-position: 98% center;
    transition: all .1s ease-in-out;
    backface-visibility: hidden;
    transform-style: preserve-3d;
}

.ats0:focus {
    -webkit-box-shadow: 1px 1px 8px #456997;outline: 0;border-width: 2px;border-color: transparent;
    border-style: inset;background: #f3faff;
}

.ats0:disabled,.ats1[disabled]{
    pointer-events: none;color: #a3a3a3;cursor: linear-gradient(-180deg, #37AEE2 0%, #1E96C8 100%);
    background-image: linear-gradient(-180deg, #e3e3e3 0%, #dbdbdb 100%);
}

.atsc {
    border-radius: 6px 6px 6px 6px;border: 1px solid #b9b9b9;box-sizing: border-box;color: #013c78;
	background:#dcedff;text-transform: uppercase;
    display: inline-block;height: 28px;padding: 0 2em 0 0.8em;justify-content: center;align-items: center;
    word-wrap: break-word;text-decoration: none;min-width: 70px;max-width: 100%;font-family: iWk;
    font-size: .98em;outline:0;width:100%;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20fill%3D%22%2376adbf%22%20d%3D%22M0%200h4v4H0V0zm0%206h4v4H0V6zm0%206h4v4H0v-4zM6%200h4v4H6V0zm0%206h4v4H6V6zm0%206h4v4H6v-4zm6-12h4v4h-4V0zm0%206h4v4h-4V6zm0%206h4v4h-4v-4z%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;background-size: 12px 12px;
    background-position: 90% center;
    transition: all .1s ease-in-out;
    backface-visibility: hidden;
    transform-style: preserve-3d;
}

.atsc:focus {
/*    -webkit-box-shadow: 1px 1px 8px #456997;outline: 0;border-width: 2px;border-color: transparent;
    border-style: inset;background: #f3faff; */
}

.atsc:disabled,.ats1[disabled]{
    pointer-events: none;color: #a3a3a3;cursor: linear-gradient(-180deg, #37AEE2 0%, #1E96C8 100%);
    background-image: linear-gradient(-180deg, #e3e3e3 0%, #dbdbdb 100%);
}


.opt1 {
    border-radius: 0;border: 1px solid #b9b9b9;box-sizing: border-box;color: #013c78;
    display: flex;height: 28px;padding: 0 0.8em 0 0.8em;justify-content: center;align-items: center;
    word-wrap: break-word;text-decoration: none;width: 130px;font-family: iWk;
    font-size: .98em;outline:0;
cursor:pointer; 
     
}
.opt1 *:nth-child(even) {background:#edf9ff;}
.opt1 *:nth-child(odd) {background:white;}
.opt1 option:checked,option:focus {font-weight:800;}


.opt1:focus {
    -webkit-box-shadow: 1px 1px 8px #456997;outline: 0;border-width: 2px;border-color: transparent;
    background: #f3faff;border-radius:0;

    background: #fff url("images/cal.svg") 97% 50% no-repeat;
    background-repeat: no-repeat;background-size: 18px 18px;
    background-position: 95% center;
	background: #e3f3fb;
}

.opt1:focus * { }


.atd1 {
    border-radius: 0;border: 1px solid #b9b9b9;box-sizing: border-box;color: #013c78;
    display: flex;height: 28px;padding: 0 0.8em 0 0.8em;justify-content: center;align-items: center;
    word-wrap: break-word;text-decoration: none;width: 130px;font-family: iWk;
    font-size: .98em;outline:0;
    background: #fff url("images/cal.svg") 97% 50% no-repeat;
    background-repeat: no-repeat;background-size: 18px 18px;
    background-position: 95% center;

    transition: all .1s ease-in-out;
    backface-visibility: hidden;
    transform-style: preserve-3d;
 -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
cursor:pointer;       
}

.atd1::webkit-inner-spin-button {display: none;}
.atd1::-webkit-calendar-picker-indicator {opacity: 0;}

.atd1:focus {
    -webkit-box-shadow: 1px 1px 8px #456997;outline: 0;border-width: 2px;border-color: transparent;
    border-style: inset;background: #f3faff;

    background: #fff url("images/cal.svg") 97% 50% no-repeat;
    background-repeat: no-repeat;background-size: 18px 18px;
    background-position: 95% center;
	background: #e3f3fb;
}

.atd1:disabled,.atd1[disabled]{
    pointer-events: none;color: #a3a3a3;cursor: linear-gradient(-180deg, #37AEE2 0%, #1E96C8 100%);
    background-image: linear-gradient(-180deg, #e3e3e3 0%, #dbdbdb 100%);
}

.xInp {position:relative;}
.xInp input { border-radius: 0.8em 0 0.8em 0;border: 1px solid #b9b9b9;box-sizing: border-box;color: #013c78;
    display: flex;height: 34px;padding: 0.8em 0.8em 0 0.8em;justify-content: center;align-items: center;
    word-wrap: break-word;text-decoration: none;min-width: 130px;max-width: 100%;font-family: iWk;
    font-size: .98em;outline:0;
}

.xInp input:focus {   -webkit-box-shadow: 1px 1px 8px #456997;outline: 0;border-width: 2px;border-color: transparent;
    border-style: inset;background: #f3faff;
}
 
.xInp span {
 pointer-events: none;
  opacity: 0.5;
  position: absolute;
  padding-left: 20px;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: text;
}   

.xInp input:focus+span, .xInp input:not(:placeholder-shown)+span {
	top: 7px;outline:0;
  -webkit-transform: scale(0.67) translateY(-70%) translateX(95%);
//  transform: scale(0.67) translateY(-70%) translateX(95%);
  transform: scale(0.67) translateY(-70%) translateX(55%);
}

xInp input, .xInp span {
	color:#132f42;
//-webkit-user-select: none;
//  -moz-user-select: none;
//  -ms-user-select: none;
//  user-select: none;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}

.xtRad
{
outline:0;
cursor:pointer; 
}

.xBox
{
	background:#e3e9f5;
}

.xtOpt {
	background:white;
	position:relative;display:inline-block;
	border-radius: 0.8em 0 0.8em 0;
	border: 1px solid #b9b9b9;box-sizing: border-box;color: #013c78;
    display: inline-flex;height: 28px;padding: 0 0.8em 0 0.8em;justify-content: center;align-items: center;
    word-wrap: break-word;text-decoration: none;
	width: 100%;font-family: iWk;
    font-size: .98em;outline:0;
cursor:pointer; 
}

.xtOpt label {position:absolute;z-index:9;width:100%;
	text-align:left;left:10px;top:2px;font-size:.78em;padding: 2px 2px 2px;}

.xtOpt textarea {
    position: absolute;
    top: 20px;
	outline:0;
	resize:none;
    left: 4px;
    width: 96%;
    height: calc(100% - 20px);
    cursor: pointer;
    background: #fff;
   font-family: iWk;
    font-size: .92em;
    border: none;
    outline: none;color: #013c78;
    box-shadow: 0 5px 0 rgba(0, 0, 0, 0.05);
//   padding: 20px 8px;
	padding: 0 8px 8px;
	 border: 0;
border-top:20px;
//  border-top: 32px solid white;
//  box-shadow: 0 0 0 1px #666;
    border-radius: 4px;
}

.xtOpt textarea:focus{
	border:0;
	background: #f3faff;;
}
.xtOpt:focus, .active {
	background: #f3faff;;
	border:2px solid #7998bf;
}

.xtOpt textarea::-webkit-scrollbar {
    width: 1em;
}

.xtOpt textarea::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

.xtOpt textarea::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}

.xCal {
position:relative;display:inline-block;
	border-radius: 0.8em 0 0.8em 0;
	border: 1px solid #b9b9b9;box-sizing: border-box;color: #013c78;
    display: inline-flex;height: 28px;padding: 0 0.8em 0 0.8em;justify-content: center;align-items: center;
    word-wrap: break-word;text-decoration: none;
	width: 100%;font-family: iWk;
    font-size: .98em;outline:0;
cursor:pointer; 
}
.xCal:focus {
	border:2px solid #7998bf;
}

.xCal::before {
    content: url("data:image/svg+xml,%3Csvg%20version%3D%221.0%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2064%2064%22%20enable-background%3D%22new%200%200%2064%2064%22%20xml%3Aspace%3D%22preserve%22%20fill%3D%22%23000000%22%3E%3Cg%20id%3D%22SVGRepo_bgCarrier%22%20stroke-width%3D%220%22%3E%3C%2Fg%3E%3Cg%20id%3D%22SVGRepo_tracerCarrier%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fg%3E%3Cg%20id%3D%22SVGRepo_iconCarrier%22%3E%20%3Cg%3E%20%3Cpath%20fill%3D%22%23245891%22%20d%3D%22M11%2C54h6c0.553%2C0%2C1-0.447%2C1-1v-5c0-0.553-0.447-1-1-1h-6c-0.553%2C0-1%2C0.447-1%2C1v5C10%2C53.553%2C10.447%2C54%2C11%2C54%20z%20M12%2C49h4v3h-4V49z%22%3E%3C%2Fpath%3E%20%3Cpath%20fill%3D%22%23245891%22%20d%3D%22M23%2C54h6c0.553%2C0%2C1-0.447%2C1-1v-5c0-0.553-0.447-1-1-1h-6c-0.553%2C0-1%2C0.447-1%2C1v5C22%2C53.553%2C22.447%2C54%2C23%2C54%20z%20M24%2C49h4v3h-4V49z%22%3E%3C%2Fpath%3E%20%3Cpath%20fill%3D%22%23245891%22%20d%3D%22M35%2C54h6c0.553%2C0%2C1-0.447%2C1-1v-5c0-0.553-0.447-1-1-1h-6c-0.553%2C0-1%2C0.447-1%2C1v5C34%2C53.553%2C34.447%2C54%2C35%2C54%20z%20M36%2C49h4v3h-4V49z%22%3E%3C%2Fpath%3E%20%3Cpath%20fill%3D%22%23245891%22%20d%3D%22M11%2C43h6c0.553%2C0%2C1-0.447%2C1-1v-5c0-0.553-0.447-1-1-1h-6c-0.553%2C0-1%2C0.447-1%2C1v5C10%2C42.553%2C10.447%2C43%2C11%2C43%20z%20M12%2C38h4v3h-4V38z%22%3E%3C%2Fpath%3E%20%3Cpath%20fill%3D%22%23245891%22%20d%3D%22M23%2C43h6c0.553%2C0%2C1-0.447%2C1-1v-5c0-0.553-0.447-1-1-1h-6c-0.553%2C0-1%2C0.447-1%2C1v5C22%2C42.553%2C22.447%2C43%2C23%2C43%20z%20M24%2C38h4v3h-4V38z%22%3E%3C%2Fpath%3E%20%3Cpath%20fill%3D%22%23245891%22%20d%3D%22M35%2C43h6c0.553%2C0%2C1-0.447%2C1-1v-5c0-0.553-0.447-1-1-1h-6c-0.553%2C0-1%2C0.447-1%2C1v5C34%2C42.553%2C34.447%2C43%2C35%2C43%20z%20M36%2C38h4v3h-4V38z%22%3E%3C%2Fpath%3E%20%3Cpath%20fill%3D%22%23245891%22%20d%3D%22M47%2C43h6c0.553%2C0%2C1-0.447%2C1-1v-5c0-0.553-0.447-1-1-1h-6c-0.553%2C0-1%2C0.447-1%2C1v5C46%2C42.553%2C46.447%2C43%2C47%2C43%20z%20M48%2C38h4v3h-4V38z%22%3E%3C%2Fpath%3E%20%3Cpath%20fill%3D%22%23245891%22%20d%3D%22M11%2C32h6c0.553%2C0%2C1-0.447%2C1-1v-5c0-0.553-0.447-1-1-1h-6c-0.553%2C0-1%2C0.447-1%2C1v5C10%2C31.553%2C10.447%2C32%2C11%2C32%20z%20M12%2C27h4v3h-4V27z%22%3E%3C%2Fpath%3E%20%3Cpath%20fill%3D%22%23245891%22%20d%3D%22M23%2C32h6c0.553%2C0%2C1-0.447%2C1-1v-5c0-0.553-0.447-1-1-1h-6c-0.553%2C0-1%2C0.447-1%2C1v5C22%2C31.553%2C22.447%2C32%2C23%2C32%20z%20M24%2C27h4v3h-4V27z%22%3E%3C%2Fpath%3E%20%3Cpath%20fill%3D%22%23245891%22%20d%3D%22M35%2C32h6c0.553%2C0%2C1-0.447%2C1-1v-5c0-0.553-0.447-1-1-1h-6c-0.553%2C0-1%2C0.447-1%2C1v5C34%2C31.553%2C34.447%2C32%2C35%2C32%20z%20M36%2C27h4v3h-4V27z%22%3E%3C%2Fpath%3E%20%3Cpath%20fill%3D%22%23245891%22%20d%3D%22M47%2C32h6c0.553%2C0%2C1-0.447%2C1-1v-5c0-0.553-0.447-1-1-1h-6c-0.553%2C0-1%2C0.447-1%2C1v5C46%2C31.553%2C46.447%2C32%2C47%2C32%20z%20M48%2C27h4v3h-4V27z%22%3E%3C%2Fpath%3E%20%3Cpath%20fill%3D%22%23245891%22%20d%3D%22M60%2C4h-7V3c0-1.657-1.343-3-3-3s-3%2C1.343-3%2C3v1H17V3c0-1.657-1.343-3-3-3s-3%2C1.343-3%2C3v1H4%20C1.789%2C4%2C0%2C5.789%2C0%2C8v52c0%2C2.211%2C1.789%2C4%2C4%2C4h56c2.211%2C0%2C4-1.789%2C4-4V8C64%2C5.789%2C62.211%2C4%2C60%2C4z%20M49%2C3c0-0.553%2C0.447-1%2C1-1%20s1%2C0.447%2C1%2C1v3v4c0%2C0.553-0.447%2C1-1%2C1s-1-0.447-1-1V6V3z%20M13%2C3c0-0.553%2C0.447-1%2C1-1s1%2C0.447%2C1%2C1v3v4c0%2C0.553-0.447%2C1-1%2C1%20s-1-0.447-1-1V6V3z%20M62%2C60c0%2C1.104-0.896%2C2-2%2C2H4c-1.104%2C0-2-0.896-2-2V17h60V60z%20M62%2C15H2V8c0-1.104%2C0.896-2%2C2-2h7v4%20c0%2C1.657%2C1.343%2C3%2C3%2C3s3-1.343%2C3-3V6h30v4c0%2C1.657%2C1.343%2C3%2C3%2C3s3-1.343%2C3-3V6h7c1.104%2C0%2C2%2C0.896%2C2%2C2V15z%22%3E%3C%2Fpath%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
    position: absolute;
    right: 6%;top:2.4px;
    z-index: 1000;
    width: 18px;
    height: 18px;
//    transform: rotate(-45deg);
    transition: 0.2s;
    pointer-events: none;
}

.xCal.active::before {
    transform: rotate(45deg);
}
.xCal span {    
	left: 0;
    top: -11px;
    display: flex;
    position: absolute;
    visibility: visible;
    -webkit-transform: scale(0.7);
    background: white;
    padding: 0 6px 0 6px;
	color:#b1b1b1;
}

.xCal input {
    position: absolute;
    top: 0;
    left: 6px;
    width: 94%;
    height: 100%;
    cursor: pointer;
    background: #fff;
   font-family: iWk;
    font-size: .92em;
    border: none;
    outline: none;color: #013c78;
    box-shadow: 0 5px 0 rgba(0, 0, 0, 0.05);
    padding: 10px 8px;
    border-radius: 4px;
	outline:0;
}

.xCal input:focus+span {
    top: 2px;
    outline: 0;color:#b9b9b9;
    -webkit-transform: scale(0.67) translateY(-90%) translateX(30%);
	background: white;
    padding: 4px;visibility:visible;
    transition: all 0.2s;
    -webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
    transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
pointer-events:none;
	display:block;
}

.xCal input:focus{border:0;}

.xCal.active span {
	opacity:.8;
    -webkit-transform: scale(0.67) translateX(50px);
    transition: all 0.2s;
}

.xOpt {
	position:relative;display:inline-block;
/*    border-radius: 4px;*/
	border-radius: 0.8em 0 0.8em 0;
	border: 1px solid #b9b9b9;box-sizing: border-box;color: #013c78;
    display: inline-flex;height: 28px;padding: 0 0.8em 0 0.8em;justify-content: center;align-items: center;
    word-wrap: break-word;text-decoration: none;
	width: 100%;font-family: iWk;
    font-size: .98em;outline:0;
cursor:pointer; 
}

.xOpt:focus {
	border:2px solid #7998bf;
}

.xOpt.xMdt span,.xTxt.xMdt span,.xCal.xMdt span,.xTxtSearch.xMdt span,.xtOpt.xMdt label {
//border: 1px solid #e51515;
color:#e51515;
}

.xOpt::before {
    content: "";
    position: absolute;
    top: 20%;
    right: 4%;
    z-index: 1000;
    width: 4px;
    height: 4px;
    border: 2px solid #4786ad;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(-45deg);
    transition: 0.2s;
    pointer-events: none;
}

.xOpt.active::before {
    top: 40%;
    transform: rotate(-225deg);
}

.xOpt.active {  -webkit-box-shadow: 1px 1px 8px #456997;outline: 0;border-width: 2px;border-color: transparent;
    border-style: inset;background: #f3faff;
}
.xOpt input:focus+span {
    top: 2px;
    outline: 0;color:#b9b9b9;
    -webkit-transform: scale(0.67) translateY(-90%) translateX(30%);
	background: white;
    padding: 4px;visibility:visible;
    transition: all 0.2s;
    -webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
    transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
pointer-events:none;
	display:block;
}

.xOpt input:focus{border:0;}

.xOpt.active span {
	opacity:.8;
    -webkit-transform: scale(0.67) translateX(50px);
    transition: all 0.2s;
}
.xOpt span {    
	left: 3px;height:17px;
    top: -11px;
    display: flex;
    position: absolute;
    visibility: visible;
    -webkit-transform: scale(0.7);
    background: white;
    padding: 0 6px 0 6px;
	color:#b1b1b1;
}

.xOpt input {
    position: absolute;
    top: 0;
    left: 6px;
    width: 94%;
    height: 100%;
    cursor: pointer;
    background: #fff;
   font-family: iWk;
    font-size: .92em;
    border: none;
    outline: none;color: #013c78;
    box-shadow: 0 5px 0 rgba(0, 0, 0, 0.05);
    padding: 10px 8px;
    border-radius: 4px;
	outline:0;
/*
-webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
*/
}

.xOpt.active input {
background: #f3faff;;
}

.xCal .options {
    position: absolute;
	z-index:9999;
    top: 26px;font-family: iWk;
    font-size: .92em;
	width:160px;
    background: #fff;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
	border:1px solid #c0c0c0;
    overflow: auto;
    display: none;
//	white-space: nowrap; 
	z-index:9999;
}

.xOpt .options {
    position: absolute;
	z-index:9999;
    top: 26px;font-family: iWk;
    font-size: .92em;
	width:160px;
    background: #fff;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
	border:1px solid #c0c0c0;
    overflow: auto;
    display: none;
//	white-space: nowrap; 
	z-index:9999;
}

.hide-before:before {
    display: none !important;
}

.show-before:before {
    display: inline-block !important;
}

.xOpt .iopt:before {content: '\2713';
  display: none;
  color: #013c78;
  padding: 0 6px 0 0; 
}

.xOpt.active .options {
    display: block;
  -webkit-box-shadow: 1px 1px 8px #456997;outline: 0;border-width: 2px;border-color: transparent;
    border-style: inset;
}

.xOpt .options div {
    padding: 10px 12px 10px 12px;
border:1px solid #e6edf5;
    cursor: pointer;
}

.xOpt .options div:hover, .options.active {
    background: #62baea;
    color: #fff;
}

.xCal .iopt:before {content: '\2713';
  display: none;
  color: #013c78;
  padding: 0 6px 0 0; 
}

.xCal.active .options {
    display: block;
  -webkit-box-shadow: 1px 1px 8px #456997;outline: 0;border-width: 2px;border-color: transparent;
    border-style: inset;
}

.xCal .options div {
//    padding: 10px 12px 10px 12px;
	border:1px solid #e6edf5;
    cursor: pointer;
}

.xCal .options div:hover, .options.active {
//    background: #62baea;


    color: #fff;
}
.xCal:focus {
	border:2px solid #7998bf;
}

.xTxt {
	position:relative;
	border-radius: 0.8em 0 0.8em 0;
	border: 1px solid #b9b9b9;box-sizing: border-box;color: #013c78;
    display: inline-flex;height: 28px;padding: 0 0.8em 0 0.8em;justify-content: center;align-items: center;
    word-wrap: break-word;text-decoration: none;
	width: 100%;font-family: iWk;
    font-size: .98em;outline:0;
cursor:pointer; 
}

.xTxt:focus {
	border:2px solid #7998bf;
}


.xTxt input {
    position: absolute;
    top: 0;
    left: 6px;
    width: 90%;
    height: 100%;
    cursor: pointer;
    background: #fff;
   font-family: iWk;
    font-size: .92em;
    border: none;
    outline: none;color: #013c78;
    box-shadow: 0 5px 0 rgba(0, 0, 0, 0.05);
    padding: 10px 8px;
    border-radius: 4px;
}

.xTxt.active {
background: #f3faff;;
border:2px solid #7998bf;
}

.xTxt input:focus{
background: #f3faff;;
}

.xTxt input:focus+span {
    top: 2px;
    outline: 0;color:var(--vcol);
    -webkit-transform: scale(0.67) translateY(-90%) translateX(30%);
	background: white;
    padding: 4px;visibility:visible;
    transition: all 0.2s;
    -webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
    transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
pointer-events:none;
	display:block;
}

.xTxt.active span {
	opacity:.8;
    -webkit-transform: scale(0.67) translateX(50px);
    transition: all 0.2s;
}
.xTxt span {    
	left: 0;
    top: -9px;
    display: flex;
    position: absolute;
    visibility: visible;
    -webkit-transform: scale(0.67);
    background: white;
    padding: 0 6px 0 6px;
	color:#b1b1b1;
}

.xTxtSearch {
	position:relative;
	border-radius: 0.8em 0 0.8em 0;
	border: 1px solid #b9b9b9;box-sizing: border-box;color: #013c78;
    display: inline-flex;height: 28px;padding: 0 0.8em 0 0.8em;justify-content: center;align-items: center;
    word-wrap: break-word;text-decoration: none;
	width: 100%;font-family: iWk;
    font-size: .98em;outline:0;
cursor:pointer; 
}

.xTxtSearch:focus {
	border:2px solid #7998bf;
}


.xTxtSearch input {
    position: absolute;
    top: 0;
    left: 6px;
    width: 94%;
    height: 100%;
    cursor: pointer;
    background: #fff;
   font-family: iWk;
    font-size: .92em;
    border: none;
    outline: none;color: #013c78;
    box-shadow: 0 5px 0 rgba(0, 0, 0, 0.05);
    padding: 10px 8px;
    border-radius: 4px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%234f81b5'%3E%3Cpath d='M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3Cpath d='M0 0h24v24H0z' color='red' fill='none'/%3E%3C/svg%3E");

    background-repeat: no-repeat;background-size: 18px 18px;
    background-position: 99% center;
    transition: all .1s ease-in-out;
    backface-visibility: hidden;
    transform-style: preserve-3d;
}

.xTxtSearch.active {
background: #f3faff;;
border:2px solid #7998bf;
}

.xTxtSearch input:focus{
background: #f3faff;;
}

.xTxtSearch input:focus+span {
    top: 2px;
    outline: 0;color:var(--vcol);
    -webkit-transform: scale(0.67) translateY(-90%) translateX(30%);
	background: white;
    padding: 4px;visibility:visible;
    transition: all 0.2s;
    -webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
    transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
pointer-events:none;
	display:block;
}

.xTxtSearch.active span {
	opacity:.8;
    -webkit-transform: scale(0.67) translateX(50px);
    transition: all 0.2s;
}
.xTxtSearch span {    
	left: 0;
    top: -9px;
    display: flex;
    position: absolute;
    visibility: visible;
    -webkit-transform: scale(0.67);
    background: white;
    padding: 0 6px 0 6px;
	color:#b1b1b1;
}


.cbx {
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    padding: 6px 8px;
    border-radius: 6px;
    overflow: hidden;
    transition: all 0.2s ease;
    display: inline-block;
	width:320px;vertical-align:top;
}

.cbx:not(:last-child) {
    margin-right: 6px;
  }
.cbx:hover {
background: #e7f1ff;
    color: #173868;
  }
.cbx span {
    float: left;
    vertical-align: middle;
    transform: translate3d(0, 0, 0);
	font-size:.84em;
  }
.cbx span:first-child {
    position: relative;
    width: 18px;
    height: 18px;
    border-radius: 4px;
    transform: scale(1);
    border: 1px solid #cccfdb;
    transition: all 0.2s ease;
    box-shadow: 0 1px 1px rgba(0,16,75,0.05);
  }
.cbx span:first-child svg {
    position: absolute;
    top: 3px;
    left: 2px;
    fill: none;
    stroke: #fff;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 16px;
    stroke-dashoffset: 16px;
    transition: all 0.3s ease;
    transition-delay: 0.1s;
    transform: translate3d(0, 0, 0);
  }
.cbx span:last-child {
    padding-left: 8px;
    line-height: 22px;
  }
.cbx:hover span:first-child {
    border-color: #07f;
  }
.inp-cbx {
    position: absolute;
    visibility: hidden;
  }
.inp-cbx:checked + .cbx span:first-child {
    background: #07f;
    border-color: #07f;
    animation: wave-4 0.4s ease;
  }
.inp-cbx:checked + .cbx span:first-child svg {
    stroke-dashoffset: 0;
  }
.inline-svg {
    position: absolute;
    width: 0;
    height: 0;
    pointer-events: none;
    user-select: none;
  }

.cswitch {
    appearance: none;
    background-color: #dfe1e4;
    border-radius: 72px;
    border-style: none;
    flex-shrink: 0;
    height: 20px;
    margin: 0;
    position: relative;
    width: 30px;
  }
.cswitch::before {
    bottom: -6px;
    content: "";
    left: -6px;
    position: absolute;
    right: -6px;
    top: -6px;
  }
.cswitch, .cswitch::after {
    transition: all 100ms ease-out;
  }
.cswitch::after {
    background-color: #fff;
    border-radius: 50%;
    content: "";
    height: 14px;
    left: 3px;
    position: absolute;
    top: 3px;
    width: 14px;
  }

.cswitch input[type=checkbox] {
    cursor: default;
  }

.cswitch:hover {
	cursor:pointer;
    background-color: #c9cbcd;
    transition-duration: 0s;
  }
.cswitch:checked {
    background-color:#4690cb;
  }

.cswitch:checked::after {
    background-color: #fff;
    left: 13px;
  }
.cswitch:focus:not(.focus-visible) {
    outline: 0;
  }
.cswitch:checked:hover {
    background-color: #4690cb;
  }
.cswitchtxt {
    vertical-align: middle;position:relative;top:-6px;padding-left:4px;
  }

.TaskList
{
	display:block;
	list-style:none;
//padding:.2em;
    padding: 0 0 0 8px;
}

.TaskList li .alist {
  text-decoration: none;
  color: black;
  display: block;
    width: 210px;
//    line-height: 50px;
    background: linear-gradient(-180deg, #ffffff 0%, #cfcfcf 100%);
    margin-right: 30px;padding: 0.2em;
    border: 1px solid #cdcdcd;
    border-radius: 4px;
margin: 3px 0px 0px 4px;
transition: all .1s ease-in-out;
}

.nPrior_High { background:#2ed74b;}
.nPrior_Important { background:#ffa41d;}
.nPrior_Urgent { background:#f32121;}

.TaskList li .alist_important {
  text-decoration: none;
  color: black;
  display: block;
    width: 210px;
//    line-height: 50px;
    background: linear-gradient(-180deg, #ffffff 0%, #cfcfcf 100%);
    margin-right: 30px;padding: 0.2em;
    border: 1px solid #cdcdcd;
    border-radius: 4px;
margin: 3px 0px 0px 4px;
transition: all .1s ease-in-out;
}

.TaskList li .alist_breach {
  text-decoration: none;
  color: black;
  display: block;
    width: 210px;
background: radial-gradient(black 15%, transparent 16%) 0 0,radial-gradient(black 15%, transparent 16%) 8px 8px,
	radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px,
	radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px;
background-color:#323232;
 -webkit-animation: BreachAlert 1.2s infinite;  /* Safari 4+ */
  -moz-animation: BreachAlert 1.2s infinite;  /* Fx 5+ */
  -o-animation: BreachAlert 1.2s infinite;  /* Opera 12+ */
  animation: BreachAlert 1.2s infinite;  /* IE 10+, Fx 29+ */

background-size:16px 16px;
    margin-right: 30px;padding: 0.2em;
    border: 1px solid #cdcdcd;
    border-radius: 4px;
margin: 3px 0px 0px 4px;
transition: all .1s ease-in-out;
}

.TaskList li .alist_urg {
  text-decoration: none;
  color: black;
  display: block;
    width: 210px;
	background: linear-gradient(156deg, #b92525, #850b0b,#5a1072, #df5dab);
    margin-right: 30px;padding: 0.2em;
    border: 1px solid #cdcdcd;
    border-radius: 4px;
margin: 3px 0px 0px 4px;
transition: all .1s ease-in-out;

//background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
background-size: 400% 400%;
	animation: gradient 12s ease infinite;
}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

.TaskList li {float: left;list-style: none;text-align: center;z-index: 10;}
.TaskList li + .TaskList li:before {
  content:'';
  display:block; 
  height:1px;
  background: #eff0f1;
  position:absolute;
  top:-4px;
  left:0;
  right:0;z-index: 10;
}

.TaskList li .alist:hover {text-decoration: none;color: #fff;position:relative;
	background: linear-gradient(90deg, #dfdfdf 0%, #ffffff 100%);
	transform: scale(1.1);box-shadow: 1px 1px 3px #222222;z-index: 99999;
}
.TaskList li .alist_urg:hover {text-decoration: none;color: #fff;position:relative;
    background: linear-gradient(67deg, #e53131 0%, #520b0b 100%);
	transform: scale(1.1);box-shadow: 1px 1px 3px #222222;z-index: 99999;
}
.TaskList li .alist_breach:hover {text-decoration: none;color: #fff;position:relative;
    background: linear-gradient(67deg, #919191 0%, #000000 100%);
	transform: scale(1.1);box-shadow: 1px 1px 3px #222222;z-index: 99999;
}
.TaskList li .alist_important:hover {text-decoration: none;color: #fff;position:relative;
	background: linear-gradient(90deg, #dfdfdf 0%, #ffffff 100%);
	transform: scale(1.1);box-shadow: 1px 1px 3px #222222;z-index: 99999;
}


.TaskLi {position:relative;text-align:left;margin:2px;min-height:50px;color:#174b78;}
.TaskLi .tl_1 {display:inline-block;position:relative;vertical-align:top;}
.TaskLi .tl_img1 {position:relative;width:32px;}
.TaskLi .tl_2 {width:170px;display:inline-block;position:relative;font-family:iWkBold;font-size:.98em;color:#143e5c;}
.TaskLi .tl_3 {font-family:iWk;font-size:.9em;word-wrap: break-word;}
.TaskLi .tl_4 {float: right;position: relative;font-family: roboto;
	font-size: .81em;color: #580e87;margin-top: -6px;}
.TaskLi .tl_5a {float: right;position: relative;font-family: roboto;
	font-size: .78em;color: white;margin-top:2px;}
.TaskLi .tl_5b {float: right;position: relative;font-family: roboto;
	font-size: .78em;color: #f4ffda;margin-top:2px;}
.tSLAHigh {background: rgb(200,88,88);
background: linear-gradient(90deg, rgba(200,88,88,1) 0%, rgba(255,56,83,1) 13%, rgba(115,4,25,1) 100%);}
.tSLAOK {background: rgb(129,200,88);
background: linear-gradient(90deg, rgba(129,200,88,1) 0%, rgba(65,215,88,1) 14%, rgba(0,77,12,1) 100%);}
.tSLALow {background: rgb(255,173,84);
background: linear-gradient(90deg, rgba(255,173,84,1) 0%, rgba(255,209,25,1) 17%, rgba(187,100,0,1) 100%);}

.TaskLi_important {position:relative;text-align:left;margin:2px;min-height:50px;color:#174b78;}
.TaskLi_important .tl_1 {display:inline-block;position:relative;vertical-align:top;}
.TaskLi_important .tl_img1 {position:relative;width:32px;}
.TaskLi_important .tl_2 {width:170px;display:inline-block;position:relative;font-family:iWkBold;font-size:.98em;color:#143e5c;}
.TaskLi_important .tl_3 {font-family:iWk;font-size:.9em;word-wrap: break-word;}
.TaskLi_important .tl_4 {float: right;position: relative;font-family: roboto;
	font-size: .81em;color: #580e87;margin-top: -6px;}
.TaskLi_important .tl_5a {float: right;position: relative;font-family: roboto;
	font-size: .78em;color: white;margin-top:2px;}
.TaskLi_important .tl_5b {float: right;position: relative;font-family: roboto;
	font-size: .78em;color: #f4ffda;margin-top:2px;}

.TaskLi_urg {position:relative;text-align:left;margin:2px;min-height:50px;color:#174b78;}
.TaskLi_urg .tl_1 {display:inline-block;position:relative;vertical-align:top;}
.TaskLi_urg .tl_img1 {position:relative;width:32px;}
.TaskLi_urg .tl_2 {width:170px;display:inline-block;position:relative;font-family:iWkBold;font-size:.98em;color:white}
.TaskLi_urg .tl_3 {font-family:iWk;font-size:.9em;color:#d9d9d9;}
.TaskLi_urg hr {color:#c76464;}
.TaskLi_urg .tl_4 {float: right;position: relative;font-family: roboto;
	font-size: .81em;color: #ffa705;margin-top: -6px;}
.TaskLi_urg .tl_5a {float: right;position: relative;font-family: roboto;
	font-size: .78em;color: white;margin-top:2px;}
.TaskLi_urg .tl_5b {float: right;position: relative;font-family: roboto;
	font-size: .78em;color: #f4ffda;margin-top:2px;}

.TaskLi_breach {position:relative;text-align:left;margin:2px;min-height:50px;color:#174b78;}
.TaskLi_breach .tl_1 {display:inline-block;position:relative;vertical-align:top;}
.TaskLi_breach .tl_img1 {position:relative;width:32px;}
.TaskLi_breach .tl_2 {width:170px;display:inline-block;position:relative;font-family:iWkBold;font-size:.98em;color:white}
.TaskLi_breach .tl_3 {font-family:iWk;font-size:.9em;color:#ffc800;}
.TaskLi_breach hr {color:#c76464;}
.TaskLi_breach .tl_4 {float: right;position: relative;font-family: roboto;
	font-size: .81em;color: #c3c3c3;margin-top: -6px;}
.TaskLi_breach .tl_5a {float: right;position: relative;font-family: roboto;
	font-size: .78em;color: white;margin-top:2px;}
.TaskLi_breach .tl_5b {float: right;position: relative;font-family: roboto;
	font-size: .78em;color: #f4ffda;margin-top:2px;}


@-webkit-keyframes BreachAlert {
  0%, 49% {
background-color:#323232;
  }
  50%, 100% {
background-color:#600f0f;
  }
}

.Task_rem {float: right;position: relative;font-family: roboto;display: block;
    font-size: .81em;color: #b71c1c;width: 100%;
    text-align: right;}
.Task_rem:before{
    content: '\f26e';
	font-family:IonIcons;
}

.Task_remw {color:#ffef2f;}

.SrvLst
{
	display:inline-block;margin:0 auto;width: 100%;
	font-family:'iWk';font-size:2vw;height:100%;
	border: 1px solid #f3f3f3;border-radius:8px;background:white;
}
.srvLst .sContainer{height:100%;min-height: 190px;
    max-height: 450px;}
.sContainer {
	border-radius:8px;
	box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
.sContainer .sLPane {display:inline-block;float:left;background:white;top:0;left:0;padding:0;width:71px;
	border-radius:8px 0 0 8px;height:100%;border-right: 1px solid #e9e9e9;}

.sLTab {position:relative;display:block;width:70px;height:60px;
	border-bottom:1px solid #e9e9e9;cursor:pointer;}

.sLTabR {position:relative;display:block;width:70px;height:60px;
	border-bottom:1px solid #e9e9e9;cursor:pointer;
	border-radius:8px 0 0 0;
}

.SrvLst .sT1
{
    font-family: 'iWk';
    font-size: 12pt;
    text-align: left;position:relative;
    color: #505860;padding:10px;margin-left:10px;
}

.SrvLst .sTitle
{
	font-family: 'iWkBold';
    font-size: 14pt;
    text-align: left;position:relative;
    color: #505860;padding:10px;margin-left:80px;
}

.sLTabic {width:100%;height:100%;display: flex;justify-content: center;align-items: center;width:36px;
	text-align:center;margin:0 auto;transition: all .1s ease-in-out;}
.sLTabic:hover{transform:scale(1.2);}
/*
.slTabIc>svg circle, rect, ellipse, line, path{
/*	stroke:var(--vcol);*/
	stroke:var(--svgcol);
	fill:var(--vbg);
}
*/

.sLSel{
	--vcol:#fff;background:#057ec5;
}

[data-srv]:hover:after {
    opacity: .96;
    transition: all 0.1s ease 0.1s;
    visibility: visible;
}
[data-srv]:after {
    content: attr(data-srv);
    background-color: #fdfdfd;
    color: #282828;
    font-family: iWk;
    font-size: .62em;
    position: absolute;
    padding: 0.4em 0.8em 0.4em 0.8em;
    bottom: .3em;
    border-radius: 4px;
    left: 4em; //var(--mX);
    white-space: nowrap;
    box-shadow: 1px 1px 3px #bdbdbd;
    z-index: 99999;
    visibility: hidden;
}
[data-srv] {
    position: relative;
}

.SrvDet{display:none;}
//.srvDet:checked + label > img {width:70px;height:74px;}
//.srvDet:checked + label > svg {
//	width:70px;height:74px;}

.cMenuClick{display:none;}
.cMenuClick:checked + label > img {width:70px;height:74px;}

.SrvCard{display:block;border:1px solid #c0c0c0;border-radius:6px;padding:10px;
	background:white;width:90%;height:60px;transition: all 0.1s ease 0.1s;
	position:relative;
}
.SrvCard:hover{cursor:pointer;
	-webkit-box-shadow: 1px 1px 8px #456997;outline: 0;border-width: 0;border-color: transparent;
	background:#f7f7f7;
}

.SrvCardX {height:160px;}
.SrvCard .pBar {position:absolute;top:0;left:0;width:8px;border-radius:6px 0 0 6px;
	background:#3d6c9d;height:100%;}
.SrvCard .pIco {height:100%;width:50px;}
.SrvCard .pIcObj {width:38px;padding-left:10px;display:inline-block;}
.SrvCard .pHeader {position: absolute;display: inline-block;height: 90%;top: 2px;width:72%;
	left:70px;overflow:hidden;}
.SrvCard .tHeader {margin: 0;position: relative;top: 6px;width: 100%;font-family:iWkBold;
	font-size: 14pt;color: #245891;}
.SrvCard .tBrief {font-family:iWk;font-size:8pt;}
.SrvCard .pDet {cursor:pointer;position:relative;top:16px;;width:100%;}
.SrvCard .pDet_t1 {display:inline-block;font-family:iwk;font-size:8pt;}
.SrvCard .pDet_Name{color:#6d7883;padding-bottom:4px;}
.SrvCard .pDet_Val{color:#2f78c1;font-size:7pt;}
.SrvCard .pDet_More {cursor:pointer;position: absolute;display: inline-block;height: 100%;top: 0;left:calc(70px + 72%);
	border-left:1px solid #c0c0c0;}

.SrvCard .tRecList {
	font-family:iWk;font-size:.74em;
}

.SrvCard .pDet_icctl {display:block;font-family:iwk;font-size:9pt;
	color:#727881;overflow-wrap: break-word;width:40px;vertical-align:middle;
	transform:translateY(50%) translatex(calc(72% - 15px));}
.SrvCard .pDet_icctldef{display:none;}
.SrvCard .pDet_icctlobj{cursor:pointer;}
.SrvDiv{margin:0;height:8px;}

.defscroll {display:block;position:relative;margin-left:90px;height:90%;overflow-y:auto;overflow-x:hidden;}
.defscroll::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgb(255 255 255 / 90%);
    border-radius: 10px;
    background-color: #baccdf;
}

.defscroll::-webkit-scrollbar
{
	width: 8px;
	background-color: #F5F5F5;
}

.defscroll::-webkit-scrollbar-thumb
{
	border-radius: 10px;background-color: #2b98e5;
    background-image: -webkit-linear-gradient(0deg, transparent, rgb(255 255 255 / 40%) 50%, transparent, transparent);}

.tree-nav{
	display:block;position:relative;height:98%;
	overflow-y:auto;overflow-x:auto;
	margin:10px 0 0 20px;
}
.tree-nav::-webkit-scrollbar
{
	width: 8px;height:10px;
	background-color: #F5F5F5;
}

.tree-nav::-webkit-scrollbar-thumb
{
	border-radius: 10px;background-color: #2b98e5;
    background-image: -webkit-linear-gradient(0deg, transparent, rgb(255 255 255 / 40%) 50%, transparent, transparent);
}

.tree-nav__item {
  display: block;
  white-space: nowrap;
 color: #ccc;
  position: relative;
}

summary {
  display: block;
  cursor: pointer;
  outline: 0; 
}

summary::-webkit-details-marker {
    display: none;
  }

.tree-nav__item.is-expandable::before {
  border-left: 1px solid #a3a3a3;
  content: "";
  height: 100%;
  left: .8rem;
  position: absolute;
  top: 2.4rem;
  height: calc(100% - 2.4rem);
}
.tree-nav__item .tree-nav__item {
  margin-left: 2.6rem;
}
.tree-nav__item.is-expandable[open] > .tree-nav__item-title::before {
  font-family: "ionicons";
  transform: rotate(90deg);
}
.tree-nav__item.is-expandable > .tree-nav__item-title {
  padding-left: 1.8rem;
}
.tree-nav__item.is-expandable > .tree-nav__item-title::before {
  position: absolute;
  will-change: transform;
  transition: transform 300ms ease;
  font-family: "ionicons";
  color: #bbbbbb;
  font-size: 1.3rem;
  content: "\f488";
  left: 0;
  display: inline-block;
  width: 1.6rem;
  text-align: center;
}

.tree-nav__item-title {
  cursor: pointer;
  display: block;
  outline: 0;
font-family:iwk;
  color: #245891;
  font-size: .8rem;
  line-height: 1.6rem;
text-decoration:none;
}

.tree-nav__item-title[contenteditable="true"]:active,
.tree-nav__item-title[contenteditable="true"]:focus {
	background: #d9f0fd;padding: 0 6px 0 6px;border: 1px solid #74b3cb;border-radius: 8px;
	font-size: 10pt;box-shadow: 0 0 8px rgba(0, 0, 0, 0.18);
}

.docout {
	color:#bd1e1e;
}

.tn_sTitle {
	margin-left:28px;
}

.tree-nav__item-title:hover {
	font-family:iWkBold;
}

.tree-nav__item-grptitle {
  cursor: pointer;
  display: block;
  outline: 0;
font-family:iwkbold;
//  color: #245891;
  font-size: .82rem;
  line-height: 2rem;
}

.tree-nav__item-title .icon {
  display: inline;
  padding-left: .8rem;
  margin-right: 0.8rem;
//  color: #666;
  font-size: 1.4rem;
  position: relative;
}
.tree-nav__item-title .icon::before {
  position: absolute;
  left: 0;
  display: inline-block;
  width: 1.6rem;
  text-align: center;
}

.xictool {
  display: block;text-align:center;
  font-size: 8pt;
}

.xictool:before {
  color: darkred;
}

.xictool_h1 {display: inline-block;font-size: 10pt;position:relative;top-9px;}
.xictool_h1:before {top-9px;}
.xictool_div {width:20px;border:1px solid #ffffff;padding:1px 6px 1px 6px;border-radius:4px;text-align:center;transition:.2s;}
.xictool_div i {position:relative;top:-4px;}
.xictool_div i::before {font-size:16pt;}
.xictool_div:hover {border:1px solid #7ab1c1;transition:.2s;cursor:pointer;}
.xictool_div.on {background:#7399c1;}
.xictool_div.on i::before {color:#fff;}



.xicpos {top:-4px;position:relative;}

.ion-basic:before, .ion-user:before, .ion-security:before, .ion-audit:before, .ion-delivery:before,
.ion-resource:before,.ion-storage:before,.ion-records:before,.ion-blockchain:before,.ion-ekt:before,.ion-elib:before,
.ion-report:before,.ion-wh:before,.ion-shelf:before,.ion-drawer:before,.ion-box:before,.ion-folder:before,
.ion-doc:before,.ion-docout:before,.ion-add:before,.ion-edit:before,.ion-delete:before,.ion-cal:before,
.ion-dots:before,.ion-share:before,.ion-download:before,.ion-comments:before,.ion-list:before,
.ion-grid:before,.ion-expand:before,.ion-users:before
{
	display: inline-block;font-family: "Ionicons";speak: none;font-style: normal;font-weight: normal;
    font-variant: normal;text-transform: none;text-rendering: auto;line-height: 1;font-size: .98rem;
   color: #68809b;margin-top:9px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;
}
.ion-delete:before {content: "\f129";}
.ion-edit:before {content: "\f417";}
.ion-add:before {content: "\f217";}
.ion-list:before {content: "\f20d";}
.ion-expand:before {content: "\f20b";font-size:18pt;margin:0;}
.ion-grid:before {content: "\f13f";}
.ion-basic:before {content: "\f39d";}
.ion-cal:before {content: "\f117";}
.ion-dots:before {content: "\f396";}
.ion-share:before {content: "\f3ac";}
.ion-report:before {content: "\f127";}
.ion-user:before {content: "\f213";}
.ion-users:before {content: "\f212";}
.ion-download:before {content: "\f407";}
.ion-comments:before {content: "\f3f9";}
.ion-security:before {content: "\f392";}
.ion-audit:before {content: "\f375";}
.ion-delivery:before {content: "\f2c3";}
.ion-resource:before {content: "\f3c9";}
.ion-storage:before {content: "\f229";}
.ion-records:before {content: "\f3eb";}
.ion-blockchain:before {content: "\f318";}
.ion-ekt:before {content: "\f3e7";}
.ion-elib:before {content: "\f44f";}
.ion-wh:before {content: "\f447";}
.ion-shelf:before {content: "\f3c9";}
.ion-drawer:before {content: "\f428";}
.ion-box:before {content: "\f3eb";}
.ion-folder:before {content: "\f434";}
.ion-doc:before {content: "\f471";}
.ion-docout:before {content: "\f405";color:#bd1e1e;}
.ictool:before {color:#d2dae9;padding-right:6px;cursor:pointer;margin:3px;}
.ictool:hover::before {color: #68809b;}

.tree-nav__item-title::-webkit-details-marker {
  display: none;
}

.xtbl {
border-collapse: collapse;
    margin: 0;
    font-size: 0.84em;
    font-family: roboto;
    min-width: 100px;width:100%;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}
.xtbl thead tr {background-color: #4c7695;
    color: #ffffff;font-size:1.1em;
    text-align: left;
}

.xtbl tbody tr {
    border-bottom: 1px solid #dddddd;
}

.xtbl tbody tr:nth-of-type(even) {
    background-color: #f3f3f3;
}

.xtbl tbody tr:last-of-type {
    border-bottom: 2px solid #4c7695;
}

.xtbl tbody tr:hover {cursor:pointer;background:#e4f5ff;}

.xtbl th{
    padding: 6px 10px;
	border:1px solid #b9d4ed;position:relative;
}

.xtbl td {padding:0.5rem;white-space: nowrap;}

.xtbl tbody tr.act {
	font-weight:600;
    color: #4c7695;
}

.xtbl .act_view:before, .act_edit:before, .act_remove:before, .act_reset:before,.act_save:before,.act_cancel:before,
	.act_forward:before,.act_new:before {
	display: inline-block;font-family: "Ionicons";speak: none;font-style: normal;font-weight: normal;
    font-variant: normal;text-transform: none;text-rendering: auto;line-height: 1;font-size: 1.2rem;
   color: #68809b;padding:0 6px 0 6px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.act_view:before {content: "\f39c";}
.act_edit:before {content: "\f12c";}
.act_remove:before {content: "\f252";}
.act_reset:before {content: "\f459";}
.act_forward:before {content: "\f220";}
.act_new:before {content: "\f217";font-size:14pt;}
.act_save:before {content: "\f121";}
.act_cancel:before {content: "\f129";}
.act_save:hover:before {color:#25b54a;}
.act_cancel:hover:before {color:darkred;}


.asort_asc, .asort_dsc{position:relative;float:right;line-height: 1;top:0;cursor:pointer;}
.asort_asc:after, .asort_dsc:after{color:white;display:inline-block;font-weight:100;
	font-family:"ionicons";font-size:1.2rem;flex:right;padding:0 2px 0 6px;
}
.asort_asc:after {content: "\f365";}
.asort_dsc:after {content: "\f35f";}

.tbflex {
    position: absolute;
    top: 0;
    right: 0;
    width: 5px;
    cursor: col-resize;
    user-select: none;
}

.tbload {filter: blur(2px);
transition:.8s;pointer-events: none;
}

.tbFlex:hover,
.resizing {
    border-right: 2px solid #6fa5cb;
}

.tcbx input:checked ~ .checkmark:after {
  display: block;
}

.tcbx {cursor:pointer;}

.tcbx .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.lpagenav {height:34px;float:right;text-align:right;display:inline-block;padding-bottom:8px;}
.lpagenav a {
  padding: 4px 10px;
  text-decoration: none;
  transition: background-color .3s;
  border: 1px solid #ddd;
	font-family:roboto;font-size:.9em;
color:#4c7695;
  margin: 0 4px;}

.lpagenav .ctl{
	background:#f5f5f5;display:inline-block;font-family:"ionicons";
	font-size:1.2em;position:relative;padding:1px 10px 1px 10px;

}
.lpagenav .first:before {content: "\f222";padding:1px;}
.lpagenav .last:before {content: "\f223";}
.lpagenav .previous:before {content: "\f107";}
.lpagenav .next:before {content: "\f10a";}

.lpagenav a.active {
  background-color: #4c7695;
  color: white;
  border: 1px solid #486e8b;
}

.lpagenav a:hover:not(.active) {background-color: #ddd;}
.lpagenav input.active {
  background-color: #4c7695;
  color: white;
  border: 1px solid #486e8b;
  text-decoration: none;
  transition: all .3s;
  border: 1px solid #0a609d;width:40px;
	font-family:roboto;font-size:1em;
  margin: 0 4px;height:24px;text-align:center;
}

.lpagenav input::-webkit-outer-spin-button,
.lpagenav input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.lpagenav input:focus {
background: #508abd;width:70px;
    transform: scale(1.1);
    border: 2px solid #3e617a;outline:0;
    border-radius: 8px;
}
.lpagenav input:focus::-webkit-outer-spin-button,
.lpagenav input:focus::-webkit-inner-spin-button {
  -webkit-appearance: textfield;
  margin: 0;
}

.xSearchList{
list-style-type: none;font-family:iwk;font-size:.96em;
  margin: 0;color:#3a627e;
  padding: 0;
}

.xSearchList .hover {background:#d9e8ff;cursor:default;}

.xSearchList li {padding:5px 4px 5px 9px;}
.xSearchList li:hover {background:#d9e8ff;cursor:default;}
.xSearchList li:before {
	content: "\f4a4";font-family:ionicons;padding-right:0.6em;
	font-size:.98em;
}

.iwkloaddiv.iwkactive {display:block;outline:0;}
.iwkloaddiv {
display:none;
position: absolute;
outline:0;
border:0;
    top: -500px;
    left: -500px;
    bottom: -500px;
    right: -500px;
    margin: auto;
    overflow: hidden;
    width: 100%;
    height: 100%;
z-index:9999;
}

.iwkload{
	transform-origin: 50% 50%; 
	animation: 2.5641s linear 0s infinite reverse forwards running iwkload;
}

@keyframes iwkload
{
  0% {
    animation-timing-function: cubic-bezier(0.1361,0.2514,0.2175,0.8786);
    transform: translate(0,0px) scaleY(1);
  }
  37% {
    animation-timing-function: cubic-bezier(0.7674,0.1844,0.8382,0.7157);
    transform: translate(0,-39.96px) scaleY(1);
  }
  72% {
    animation-timing-function: cubic-bezier(0.1118,0.2149,0.2172,0.941);
    transform: translate(0,0px) scaleY(1);
  }
  87% {
    animation-timing-function: cubic-bezier(0.7494,0.2259,0.8209,0.6963);
    transform: translate(0,19.900000000000002px) scaleY(0.602);
  }
  100% {
    transform: translate(0,0px) scaleY(1);
  }
}

.xFrmBox {width:99%;border:1px solid #c0c0c0;border:1px solid;border-color:#c0c0c0;
	background:var(--frmbg);border-radius:4px;height:100%;opacity:0;transition: all .18s ease;
}
.dFrm path {
  stroke: var(--xfrmico);
  fill: var(--xfrmico);
	stroke-width:1;
}

.dFrm{color:var(--vcol);width:100%;overflow:hidden;outline:none;}

.dFrm::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgb(255 255 255 / 90%);
    border-radius: 10px;
    background-color: #baccdf;
}

.dFrm::-webkit-scrollbar
{
	width: 8px;
	background-color: #F5F5F5;
}

.dFrm::-webkit-scrollbar-thumb
{
	border-radius: 10px;background-color: #2b98e5;
    background-image: -webkit-linear-gradient(0deg, transparent, rgb(255 255 255 / 40%) 50%, transparent, transparent);
}

.xFrm_Pane{display:inline-block;vertical-align:top;height:100%;overflow:auto;
	width: calc(100% - 72px);}
.xFrm_Pane::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgb(255 255 255 / 90%);
    border-radius: 10px;
    background-color: #baccdf;
}

.xFrm_Pane::-webkit-scrollbar
{
	width: 8px;
	background-color: #F5F5F5;
}

.xFrm_Pane::-webkit-scrollbar-thumb
{
	border-radius: 10px;background-color: #2b98e5;
    background-image: -webkit-linear-gradient(0deg, transparent, rgb(255 255 255 / 40%) 50%, transparent, transparent);
}

.xFrm_Cab {float:right;width:68px;display:inline-block;vertical-align:top;
	height:100%;border-left:1px solid;border-color:#c0c0c0;overflow:hidden;}

.dFrm h1 {font-family:iWkBold;font-size:1.42em;padding:0;margin:0;}
.dFrm h2 {font-family:Roboto;font-size:.78em;padding:0;margin:0;font-weight:500;color:var(--vcol);}

.tbody_dark .xFrmBox {background:var(--frmbgd);}

.dFrm_dark{background:var(--frmbgd);border-color:#c0c0c0;
	color:#efefef;}

.cpul {position:relative;list-style-type: none;width:100%;margin:0;padding:0;}
.cpul>li {display:block;vertical-align:middle;width:100%;text-align:center;
	height:50px;padding:0 0 28px 0;
}

.frm_a {display:block;height:100%;padding:4px;width:100%;
	border-bottom: 2px solid var(--frmbg);
	border-top: 1px solid var(--frmbg);
}
.frm_a:hover {
	cursor:pointer;background:var(--xfrmbg);
	border-bottom: 2px solid var(--mmbdr);
	border-top: 1px solid var(--mmbdr);
	text-decoration: none;
}
.frm_a:link {text-decoration: none;}
.frm_a:visited {text-decoration: none;}
.frm_a:active {text-decoration: none;}
.frm_act {
	cursor:pointer;background:var(--xfrmbg);
	border-bottom: 2px solid var(--mmbdr);
	border-top: 1px solid var(--mmbdr);
	text-decoration: none;
}

.frmpul {position:relative;list-style-type: none;padding:0;width:100%;margin:6px 0 0 0;text-align:right;}
.frmpul>li {display:inline;vertical-align:middle;width:100%;text-align:center;
	height:38px;padding:0 4px 0 4px;
}

.frm_b {display:table-cell;outline:0;text-decoration:none;}

.xsel {
	border: 1px solid;font-family:iwk;font-size:.98em;color:var(--vcol);
	border-color:#b3c0cf;display: inline-block;
	border-radius:4px 4px 4px 4px;
	padding: 0.5em 3.5em 0.5em 1em;margin: 0;      
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image:
    linear-gradient(45deg, transparent 50%, #6586a7 50%),
    linear-gradient(135deg, #6586a7 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 13px) 1em,
    calc(100% - 8px) 1em,
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
}

.xsel > option {Background:red;border-radius:0;
 -webkit-appearance: none;
  -webkit-border-radius: 0px;}

.xsel:focus {
	background:#f2f8ff;
 background-image:
    linear-gradient(45deg, transparent 50%, #6586a7 50%),
    linear-gradient(135deg, #6586a7 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 13px) 1em,
    calc(100% - 8px) 1em,
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
}

.xsel:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}

.xCRad {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.xRad{
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
}


.dWrapper{width:511px;}

.dcell {
   width:100px;
   height:51px;
   background-color:Chartreuse;
   float:left;
   border:2px solid yellow;
}

.dwCell {
   width:509px;
   height:51px;
   background-color:blue;
   float:left;
   border:2px solid pink;
}

.prio-cbx {
    position: absolute;
    visibility: hidden;
  }
.prio-cbx:checked + .prio-cbx span:first-child {
    background: #07f;
    border-color: #07f;
    animation: wave-4 0.4s ease;
  }
.prio-cbx:checked + .prio-cbx span:first-child svg {
    stroke-dashoffset: 0;
  }

.prio-cbx:checked + .lcbx0, .prio-cbx:checked + .lcbx1,
	.prio-cbx:checked + .lcbx2,.prio-cbx:checked + .lcbx3,.prio-cbx:checked + .lcbx4,
.prio-cbx:checked + .mdt_ct1
{
	color:white;
}

.prio-cbx:checked + .lcbx0{background-color: #b5c7d5;}
.prio-cbx:checked + .lcbx1{background-color: #2196F3;}
.prio-cbx:checked + .lcbx2{background-color: #2ed74b;}
.prio-cbx:checked + .lcbx3{background-color: #ffa41d;}
.prio-cbx:checked + .lcbx4{background-color: #f32121;}
.prio-cbx:checked + .mdt_ct1{background-color: #2196F3;}

.lcbx0, .lcbx1, .lcbx2, .lcbx3, .lcbx4  {
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    padding: 4px 6px;
    border-radius: 6px;
    overflow: hidden;
    transition: all 0.1s ease;
    display: inline-block;
	border:1px solid;border-color:var(--frmbg);
  }
.lcbx0 {color:#b5c7d5;}
.lcbx0:hover {border:1px solid;border-color:#b5c7d5;}
.lcbx1 {color:#2196F3;}
.lcbx1:hover {border:1px solid;border-color:#2196F3;}
.lcbx2 {color:#2ed74b;}
.lcbx2:hover {border:1px solid;border-color:#2ed74b;}
.lcbx3 {color:#ffa41d;}
.lcbx3:hover {border:1px solid;border-color:#ffa41d;}
.lcbx4 {color:#f32121;}
.lcbx4:hover {border:1px solid;border-color:#f32121;}

.lcbx:not(:last-child) {
    margin-right: 0px;
  }
.lcbx:hover {
//    background: rgba(0,119,255,0.06);
	background:#184264;
	color:white;
  }

.hr1 {
	border: 0;height: 1px;
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

.g_radl.active{
box-shadow: 0 3px 10px rgb(225 47 47 / 80%);
}

.g_rad {
    position: absolute;
	opacity:0;
  }

.g_rad:checked + .g_rad span:first-child {
    background: #07f;
    border-color: #07f;
	border:1px solid #c0c0c0;

    animation: wave-4 0.4s ease;
  }
.g_rad:checked + .g_rad span:first-child svg {
    stroke-dashoffset: 0;
  }

.g_rad:checked + .g_radl, .g_rad:checked + .g_radl
{
	color:white;
}

.g_rad:checked + .g_radl{background-color: #b5c7d5;}
.g_rad:checked + .g_radl{background-color: #2196F3;}

.g_radl:hover {border:1px solid;border-color:#b5c7d5;}

.g_radl  {
	font-size:.92em;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    padding: 5px 8px;
    border-radius: 6px;
    overflow: hidden;
    transition: all 0.1s ease;
	border:1px solid;border-color:var(--frmbg);
  }

.xSelM {
	position:relative;display:inline-block;
	border-radius: 0.8em 0 0.8em 0;
	border: 1px solid #b9b9b9;box-sizing: border-box;color: #013c78;
    display: inline-flex;height: 28px;
//padding: 0 0.8em 0 0.8em;
    word-wrap: break-word;text-decoration: none;
	width: 100%;font-family: iWk;
    font-size: .98em;outline:0;
	cursor:pointer; 
}
.xSelM .options {
    position: absolute;
	left:8px;
//	z-index:9999;
    top: 12px;font-family: iWk;
    font-size: .94em;
	width:160px;
    background: #fff;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
	border:1px solid #c0c0c0;
    overflow: auto;
display: block;
    outline: 0;
    border-width: 2px;
    border-color: transparent;
    border-style: inset;
}

.check_inp {
   display: table-cell;
vertical-align:middle;
  position: relative;
  padding: 12px 0 12px 40px;
  cursor: pointer;
font-size:.92em;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
	width:100vw;
	
  }

.check_inp input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.check_inpl {
  position: absolute;
display:table-cell;
vertical-align:middle;
  top: 0;
  left: 0;
 height:27px;
  width: 20px;
 border:1px solid #013c78;
}

.check_inp:hover input ~ .check_inpl {
  background-color: #ccc;
}

.check_inp input:checked ~ .check_inpl {
  background-color: #2196F3;
}

.check_inpl:after {
  content: "";
  position: absolute;
  display: none;
}

.check_inp input:checked ~ .check_inpl:after {
  display: block;
}

.check_inp .check_inpl:after {
  left: 12px;
  top: 3px;
  width: 5px;
  height: 16px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.xSelM .options div {
//padding: 10px 12px 10px 4px;
	padding:0;
    border: 1px solid #e6edf5;
    cursor: pointer;
}

.xSelM .iopt:hover, .iopt.active{
background: #62baea;
    color: #fff;
}

.xSelM .iopt:before {content: '\2713';
  display: none;
  color: #013c78;
  padding: 0 6px 0 0; 
}

.xSelM .iopt {outline:0;}
.xSelM.xActive,xSelM.xactive .xSelM:focus, .xSelM.options.sxActive {
	border:2px solid #7998bf;
}

.xSelM.sactive {  -webkit-box-shadow: 1px 1px 8px #456997;outline: 0;border-width: 2px;border-color: transparent;
    border-style: inset;background: #f3faff;
}
.xSelM:focus+span {
    top: 2px;
    outline: 0;color:#b9b9b9;
    -webkit-transform: scale(0.67) translateY(-90%) translateX(30%);
	background: white;
    padding: 4px;visibility:visible;
    transition: all 0.2s;
    -webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
    transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
pointer-events:none;
	display:block;
}

.xSelM.xactive span {
	opacity:.8;
//    -webkit-transform: scale(0.67) translateX(50px);
    transition: all 0.2s;
}
.xSelM span {    
	left: 0;
    top: 12%;
    display: flex;
    position: absolute;
    visibility: visible;
    -webkit-transform: scale(0.67);
    background: white;
    padding: 0 6px 0 6px;
	color:#b1b1b1;
}

.frm_t1 {padding:10px 0 0 10px;display:inline-block;margin:0;}
.frm_ctl {display:inline-block;float:right;width:100px;right:0;}
.frm_hdrdiv {padding:6px 0 0 10px;display:block;margin:0;}
.frm_hdr {display:table;font-family:iwk;font-size: .86em;letter-spacing:.2;
	vertical-align:middle;width:100%;font-weight: 500;}
.frm_modreq {display:inline-block;vertical-align:top;}
.frm_tb1 {display:table-cell;vertical-align:top;}
.frm_tb1a {display:inline-block;vertical-align:top;}
.frm_tb2 {display:inline-block;float:right;vertical-align:top;width:360px;}
.frm_tb3 h2 {display:table-cell;vertical-align:top;color:#e51515;}
.frm_prior{margin-top:4px;float:right;margin:0;padding-top:4px;border-top:1px solid #d5ced2;}
.frm_hdr1 {display:block;opacity:1;width:calc(100% - 10px);padding:2px 0 0 10px;display:block;margin:0;transition:.4s;}
.frm_hdr1a {border:1px solid;border-color:#c0c0c0;border-radius:4px;}
.frm_hdr1b {display:table;padding-bottom:8px;vertical-align:middle;padding-bottom:10px;}
.frm_hdr1c {display:table-cell;width:16px;vertical-align: middle;padding:0 8px 0 0;}
.disactivate {opacity:0;transition:.3s;display:none;}

.mdt_box {margin:0;padding-top:4px;font-size:14px;padding-left:20px;}
.mdt_ct1:hover {border:1px solid;border-color:#2196F3;}
.mdt_ct1  {
	color:#2196F3;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    padding: 4px 6px;
    border-radius: 6px;
    overflow: hidden;
    transition: all 0.1s ease;
    display: inline-block;
	border:1px solid;border-color:var(--frmbg);
  }

.dt__calendar{
-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'Roboto', sans-serif;
    width: 100%;
    max-width: 240px;
    padding: 14px;

    box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    background: #fff;
    z-index: 0;
    position: relative;
    box-sizing: border-box;
}

.opt_divname{
	display: block;
    font-size: .78em;
}

.opt_deptname{
	display:block;
}

.up_tbgap {
display:table-cell;width:100%;height:100%;padding-left:12px;
}

.up_tb {
display:table;width:100%;height:100%;padding-left:12px;
//padding-top:6px;
}

.up_h1 {
	font-size:.88em;height:90%;display:table-cell;width:68%;vertical-align:middle;padding-left:6px;
}
.up_type2{
	font-size:.88em;display:inline-block;vertical-align:middle;position:relative;
	width:95%
}

.up_type{
	font-size:.88em;display:inline-block;vertical-align:middle;position:relative;
	right:10px;float:right;
}
.up_typetxt{
	border: 1px solid #49b1e3;
    top: 4px;
    padding: 4px 8px 4px 8px;
    background:#cdcdcd;
    border-radius: 4px;
    color: white;
    display: inline;
    position: relative;
	display:block;
}
.up_typetxt.xMdt {
	color: #f2ff29;background: #c91313;
}

.uploaded {
background: #31a8dc;

}
.up_h2 {font-size:.85em;height:100%;display:table-cell;width:45px;border-left:1px solid #c0c0c0;
	padding-left:12px;padding-right:12px;text-align:right;padding-top:10px;vertical-align:top;
	white-space:nowrap;}
.up_actdiv {position:relative;height:100%;width:80px;display:table-cell;vertical-align:middle;border-left:1px solid #c0c0c0;padding-left:12px;}
.up_actdiv:hover{background: #ffd9d9;cursor: pointer;border-radius: 0 9px 9px 0;}
.up_act1, .up_act2,.up_act3,.up_act4 {position:relative;display: inline-flex;width: 23px;
	vertical-align: middle;padding:0 10px 0 4px;}
.up_act1, .up_act2, .up_act3, .up_act4:hover{cursor:pointer;}
.up_act1::after{
	width:23px;
//	content: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22Capa_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20511.626%20511.626%22%20style%3D%22enable-background%3Anew%200%200%20511.626%20511.626%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%3Cpath%20style%3D%22fill%3A%23386fa5%22%20d%3D%22M505.918%2C236.117c-26.651-43.587-62.485-78.609-107.497-105.065c-45.015-26.457-92.549-39.687-142.608-39.687c-50.059%2C0-97.595%2C13.225-142.61%2C39.687C68.187%2C157.508%2C32.355%2C192.53%2C5.708%2C236.117C1.903%2C242.778%2C0%2C249.345%2C0%2C255.818c0%2C6.473%2C1.903%2C13.04%2C5.708%2C19.699c26.647%2C43.589%2C62.479%2C78.614%2C107.495%2C105.064c45.015%2C26.46%2C92.551%2C39.68%2C142.61%2C39.68c50.06%2C0%2C97.594-13.176%2C142.608-39.536c45.012-26.361%2C80.852-61.432%2C107.497-105.208c3.806-6.659%2C5.708-13.223%2C5.708-19.699C511.626%2C249.345%2C509.724%2C242.778%2C505.918%2C236.117z%20M194.568%2C158.03c17.034-17.034%2C37.447-25.554%2C61.242-25.554c3.805%2C0%2C7.043%2C1.336%2C9.709%2C3.999c2.662%2C2.664%2C4%2C5.901%2C4%2C9.707c0%2C3.809-1.338%2C7.044-3.994%2C9.704c-2.662%2C2.667-5.902%2C3.999-9.708%2C3.999c-16.368%2C0-30.362%2C5.808-41.971%2C17.416c-11.613%2C11.615-17.416%2C25.603-17.416%2C41.971c0%2C3.811-1.336%2C7.044-3.999%2C9.71c-2.667%2C2.668-5.901%2C3.999-9.707%2C3.999c-3.809%2C0-7.044-1.334-9.71-3.999c-2.667-2.666-3.999-5.903-3.999-9.71C169.015%2C195.482%2C177.535%2C175.065%2C194.568%2C158.03z%20M379.867%2C349.04c-38.164%2C23.12-79.514%2C34.687-124.054%2C34.687c-44.539%2C0-85.889-11.56-124.051-34.687s-69.901-54.2-95.215-93.222c28.931-44.921%2C65.19-78.518%2C108.777-100.783c-11.61%2C19.792-17.417%2C41.207-17.417%2C64.236c0%2C35.216%2C12.517%2C65.329%2C37.544%2C90.362s55.151%2C37.544%2C90.362%2C37.544c35.214%2C0%2C65.329-12.518%2C90.362-37.544s37.545-55.146%2C37.545-90.362c0-23.029-5.808-44.447-17.419-64.236c43.585%2C22.265%2C79.846%2C55.865%2C108.776%2C100.783C449.767%2C294.84%2C418.031%2C325.913%2C379.867%2C349.04z%22%2F%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
	content: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C%21--%20Uploaded%20to%3A%20SVG%20Repo%2C%20www.svgrepo.com%2C%20Generator%3A%20SVG%20Repo%20Mixer%20Tools%20--%3E%0A%3Csvg%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20opacity%3D%220.5%22%20d%3D%22M17%209.00195C19.175%209.01406%2020.3529%209.11051%2021.1213%209.8789C22%2010.7576%2022%2012.1718%2022%2015.0002V16.0002C22%2018.8286%2022%2020.2429%2021.1213%2021.1215C20.2426%2022.0002%2018.8284%2022.0002%2016%2022.0002H8C5.17157%2022.0002%203.75736%2022.0002%202.87868%2021.1215C2%2020.2429%202%2018.8286%202%2016.0002L2%2015.0002C2%2012.1718%202%2010.7576%202.87868%209.87889C3.64706%209.11051%204.82497%209.01406%207%209.00195%22%20stroke%3D%22%231C274C%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M12%202L12%2015M12%2015L9%2011.5M12%2015L15%2011.5%22%20stroke%3D%22%231C274C%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E");
}
.up_act1 {width: 18px;}
.up_act2 {width: 15px;top:-2px;}
.up_act3 {width: 21px;}
.up_act4 {width: 20px;}

.up_act2::after{
	width:19px;
	content: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22Capa_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20194.436%20194.436%22%20style%3D%22enable-background%3Anew%200%200%20194.436%20194.436%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%3Cpath%20style%3D%22fill%3A%23386fa5%22%20d%3D%22M192.238%2C34.545L159.894%2C2.197C158.487%2C0.79%2C156.579%2C0%2C154.59%2C0c-1.989%2C0-3.897%2C0.79-5.303%2C2.196l-32.35%2C32.35c-0.004%2C0.004-0.008%2C0.01-0.013%2C0.014L54.876%2C96.608c-1.351%2C1.352-2.135%2C3.166-2.193%2C5.076l-1.015%2C33.361c-0.063%2C2.067%2C0.731%2C4.068%2C2.193%2C5.531c1.409%2C1.408%2C3.317%2C2.196%2C5.303%2C2.196c0.076%2C0%2C0.153-0.001%2C0.229-0.004l33.36-1.018c1.909-0.058%2C3.724-0.842%2C5.075-2.192l94.41-94.408C195.167%2C42.223%2C195.167%2C37.474%2C192.238%2C34.545z%20M154.587%2C61.587L132.847%2C39.85l21.743-21.743l21.738%2C21.741L154.587%2C61.587z%20M89.324%2C126.85l-22.421%2C0.685l0.682-22.422l54.655-54.656l21.741%2C21.738L89.324%2C126.85z%22%2F%3E%3Cpath%20d%3D%22M132.189%2C117.092c-4.142%2C0-7.5%2C3.357-7.5%2C7.5v54.844H15.001V69.748h54.844c4.142%2C0%2C7.5-3.357%2C7.5-7.5s-3.358-7.5-7.5-7.5H7.501c-4.142%2C0-7.5%2C3.357-7.5%2C7.5v124.687c0%2C4.143%2C3.358%2C7.5%2C7.5%2C7.5h124.687c4.142%2C0%2C7.5-3.357%2C7.5-7.5v-62.344C139.689%2C120.449%2C136.331%2C117.092%2C132.189%2C117.092z%22%2F%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.up_act3::after{
	width:28px;
	content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%3E%3Cg%20id%3D%22Layer_20%22%20data-name%3D%22Layer%2020%22%3E%3Cpath%20style%3D%22fill%3A%23356fa5%3Bstroke%3A%23356fa5%22%20d%3D%22M49.93%2C17.33H41.87V12a1.5%2C1.5%2C0%2C0%2C0-1.5-1.5H23.63a1.5%2C1.5%2C0%2C0%2C0-1.5%2C1.5v5.33H14.07a1.5%2C1.5%2C0%2C0%2C0%2C0%2C3H16V48a5.49%2C5.49%2C0%2C0%2C0%2C5.49%2C5.48h21.1A5.49%2C5.49%2C0%2C0%2C0%2C48%2C48V20.33h1.89A1.5%2C1.5%2C0%2C0%2C0%2C49.93%2C17.33ZM25.13%2C13.5H38.87v3.83H25.13ZM45%2C48a2.49%2C2.49%2C0%2C0%2C1-2.49%2C2.48H21.45A2.49%2C2.49%2C0%2C0%2C1%2C19%2C48V20.33H45Z%22%2F%3E%3Cpath%20d%3D%22M28%2C25.87a1.5%2C1.5%2C0%2C0%2C0-1.5%2C1.5V43.46a1.5%2C1.5%2C0%2C1%2C0%2C3%2C0V27.37A1.5%2C1.5%2C0%2C0%2C0%2C28%2C25.87Z%22%2F%3E%3Cpath%20d%3D%22M36%2C25.87a1.5%2C1.5%2C0%2C0%2C0-1.5%2C1.5V43.46a1.5%2C1.5%2C0%2C1%2C0%2C3%2C0V27.37A1.5%2C1.5%2C0%2C0%2C0%2C36%2C25.87Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
}
.up_act4::after{
	width:23px;
	content: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2032%2032%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3Asketch%3D%22http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%2Fns%22%3E%3Cg%20id%3D%22Page-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20sketch%3Atype%3D%22MSPage%22%3E%3Cg%20id%3D%22icon-91-inbox-document-text%22%20sketch%3Atype%3D%22MSArtboardGroup%22%20fill%3D%22%23000000%22%3E%3Cpath%20style%3D%22fill%3A%23356fa5%3B%22%20d%3D%22M22%2C20%20L28%2C20%20L28%2C27%20L5%2C27%20L5%2C20%20L11%2C20%20L11%2C21.5%20C11%2C22.8807119%2012.1152735%2C24%2013.4960703%2C24%20L19.5039297%2C24%20C20.8824713%2C24%2022%2C22.8903379%2022%2C21.5%20L22%2C20%20L22%2C20%20L22%2C20%20Z%20M4%2C19.5%20L4%2C19%20L7%2C14.2%20L7%2C6.00494659%20C7%2C4.89702623%207.89666625%2C4%209.00276013%2C4%20L20%2C4%20L26%2C11%20L26%2C11.5%20L26%2C14.2%20L29%2C19%20L29%2C28%20L4%2C28%20L4%2C19.5%20L4%2C19.5%20Z%20M7%2C19%20L7%2C16.1599609%20L5.22497559%2C19%20L7%2C19%20L7%2C19%20L7%2C19%20Z%20M26%2C19%20L26%2C16.1599609%20L27.7750244%2C19%20L26%2C19%20L26%2C19%20L26%2C19%20Z%20M8%2C19%20L8%2C6.00307055%20C8%2C5.43891776%208.44573523%2C5%208.9955775%2C5%20L19%2C5%20L19%2C9.99408095%20C19%2C11.1134452%2019.8944962%2C12%2020.9979131%2C12%20L25%2C12%20L25%2C19%20L8%2C19%20L8%2C19%20Z%20M20%2C5.5%20L20%2C9.99121523%20C20%2C10.5483517%2020.4506511%2C11%2020.9967388%2C11%20L24.6999512%2C11%20L20%2C5.5%20L20%2C5.5%20Z%20M12%2C20%20L12%2C21.5%20C12%2C22.3284271%2012.6764628%2C23%2013.5063976%2C23%20L19.4936024%2C23%20C20.3255628%2C23%2021%2C22.3342028%2021%2C21.5%20L21%2C20%20L12%2C20%20L12%2C20%20Z%20M10%2C15%20L10%2C16%20L23%2C16%20L23%2C15%20L10%2C15%20L10%2C15%20Z%20M10%2C7%20L10%2C8%20L17%2C8%20L17%2C7%20L10%2C7%20L10%2C7%20Z%20M10%2C11%20L10%2C12%20L17%2C12%20L17%2C11%20L10%2C11%20L10%2C11%20Z%22%20id%3D%22inbox-document-text%22%20sketch%3Atype%3D%22MSShapeGroup%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
}

.up_divx {width:100%;height:48px;border:1px solid #c0c0c0;
	border-radius:10px;}
.up_divx:hover {cursor:pointer;background:#eff9ff;border:1px solid #88bef5;}

.up_divxgap {width:99%;height:34px;border:1px solid #c0c0c0;
	border-radius:10px;}
.up_divxgap:hover {cursor:pointer;background:#eff9ff;border:1px solid #88bef5;}

.xtblw {
border-collapse: collapse;
    margin: 0;
    font-size: 0.88em;
    font-family: iwk;
    min-width: 100px;width:100%;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}
.xtblw thead { position: -webkit-sticky;position: sticky;top:0;}

.xtblw thead tr {background-color: #4c7695;
    color: #ffffff;font-size:1.1em;
    text-align: left;
}

.xtblw tbody tr {
    border-bottom: 1px solid #dddddd;
}

.xtblw tbody tr:nth-of-type(even) {
    background-color: #f3f3f3;
}

.xtblw tbody tr:last-of-type {
    border-bottom: 2px solid #4c7695;
}

.xtblw tbody tr:hover {cursor:pointer;background:#e4f5ff;}

.xtblw th{
    padding: 6px 10px;
	border:1px solid #b9d4ed;position:relative;
}

.xtblw td {padding:0.5rem;vertical-align: top;border:1px solid #eeeeee;}

.xtblw tbody tr.act {
	font-weight:600;
    color: #4c7695;
}

.xtblw .act_view:before, .act_edit:before, .act_remove:before, .act_reset:before,.act_save:before,.act_cancel:before,
	.act_forward:before {
	display: inline-block;font-family: "Ionicons";speak: none;font-style: normal;font-weight: normal;
    font-variant: normal;text-transform: none;text-rendering: auto;line-height: 1;font-size: 1.2rem;
   color: #68809b;padding:0 6px 0 6px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.xtblw .act_new:before {display: inline-block;font-family: "Ionicons";speak: none;font-style: normal;font-weight: normal;
    font-variant: normal;text-transform: none;text-rendering: auto;line-height: 1;font-size: 1.2rem;
   color: #fff;padding:0 6px 0 6px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.abnext {
  background-image: linear-gradient(169deg, #7998bf 0%, #648697 100%);
  border-radius: .5rem;box-sizing: border-box;color: #FFFFFF;display: flex;
  height:38px;padding:0 1em 0 1em;justify-content: center;align-items: center;word-wrap: break-word;
  text-decoration: none;min-width: 130px;max-width: 100%;border: 0;cursor: pointer;user-select: none;
  -webkit-user-select: none;touch-action: manipulation;font-family:iWk;font-size:.88em;
position: absolute;margin-top:8px;z-index:999;min-width: 30px;right: 80px;height: 25px;border-radius: 0 0.5rem 0 0;
//top:640px;
bottom:10px;
}

.abnext:hover {
  background-image: linear-gradient(-180deg, #1D95C9 0%, #17759C 100%);
}

.abPrev {
    float: left;
    bottom: 10px;
    position: absolute;
    display: flex;
    left: 0;
    width: 80px;
}

.abPrev2 {
    float: left;
    bottom: 55%;
    position: absolute;
    display: flex;
    left: 0;
    width: 80px;
}

.abnext:disabled,.ab1[disabled]{
    pointer-events: none;
    color: #a3a3a3;
    cursor: linear-gradient(-180deg, #37AEE2 0%, #1E96C8 100%);
    background-image: linear-gradient(-180deg, #e3e3e3 0%, #dbdbdb 100%);
}

.loading {
font-family: iwk;
    font-size: .8em;
  color: transparent;
  background: linear-gradient(100deg, #eceff1 30%, #f6f7f8 50%, #eceff1 70%);
  background-size: 400%;
  animation: loading 1.2s ease-in-out infinite;
}

@keyframes loading {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}

.displist
{
	background:white;
	border:1px solid #81aee5;
	transition:.8s;
    color: var(--vcol);
}

.bsave {
  background-image: linear-gradient(-180deg, #37AEE2 0%, #1E96C8 100%);
  border-radius: .5rem;box-sizing: border-box;color: #FFFFFF;display: flex;
  height:28px;padding:0 1em 0 1em;justify-content: center;align-items: center;word-wrap: break-word;
  text-decoration: none;min-width: 40px;max-width: 100%;border: 0;cursor: pointer;user-select: none;
  -webkit-user-select: none;touch-action: manipulation;font-family:iWk;font-size:10pt;
 outline-style: solid;outline-color: #90d6e6;outline:0;
}

.bsave:focus {outline:1;}
.bsave:hover {
  background-image: linear-gradient(-180deg, #1D95C9 0%, #17759C 100%);
}

.bsave:disabled,.bsave[disabled]{
    pointer-events: none;
    color: #a3a3a3;
    cursor: linear-gradient(-180deg, #37AEE2 0%, #1E96C8 100%);
    background-image: linear-gradient(-180deg, #e3e3e3 0%, #dbdbdb 100%);
}

.bcancel {
background-image:linear-gradient(-180deg, #ff7a7a 0%, #d71111 100%);
    border-radius: 0.5rem;
    box-sizing: border-box;
    color: #FFFFFF;
    display: flex;
    height: 28px;
    padding: 0 1em 0 1em;
    justify-content: center;
    align-items: center;
    word-wrap: break-word;
    text-decoration: none;
    min-width: 40px;
    max-width: 100%;
    border: 0;
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    font-family: iWk;
    font-size: 10pt;
}

.bcancel:hover {
background-image: linear-gradient(-180deg, #dd5353 0%, #cf1a1a 100%);
}

.bcancel:disabled,.bcancel[disabled]{
    pointer-events: none;
    color: #a3a3a3;
    cursor: linear-gradient(-180deg, #37AEE2 0%, #1E96C8 100%);
    background-image: linear-gradient(-180deg, #e3e3e3 0%, #dbdbdb 100%);
}

.absave1 {
  background-image: linear-gradient(-180deg, #37AEE2 0%, #1E96C8 100%);
  border-radius: .5rem;box-sizing: border-box;color: #FFFFFF;display: flex;
  height:28px;padding:0 1em 0 1em;justify-content: center;align-items: center;word-wrap: break-word;
  text-decoration: none;min-width: 30px;max-width: 100%;border: 0;cursor: pointer;user-select: none;
  -webkit-user-select: none;touch-action: manipulation;font-family:iWk;font-size:.92em;
	transition:all .2s;
}

.absave1:hover {
	background-image: linear-gradient(-180deg, #e173a2 0%, #bd316c 100%);
	-moz-transform: scale(1.1,1.1);
    -webkit-transform: scale(1.1,1.1);
    transform: scale(1.1,1.1);
}

.absave1:disabled,.absave1[disabled]{
    pointer-events: none;
    color: #a3a3a3;
    cursor: linear-gradient(-180deg, #37AEE2 0%, #1E96C8 100%);
    background-image: linear-gradient(-180deg, #e3e3e3 0%, #dbdbdb 100%);
}

.lNotif
{
    position: absolute;
    width: 400px;display:none;
    min-height: 100px;
    margin-left: -260px;
    background: var(--mpbg2);
    color: var(--svgcol);
    border: 1px solid #c0c0c0;
    border-radius: 10px;
    box-shadow: 8px 8px 10px rgba(0, 0, 0, 0.16);
	overflow-x:hidden;overflow-y:auto;
	max-height:calc(100vh - 10vh);
}
.lProfile
{
    position: absolute;
    width: 150px;display:none;
    margin-left: -88px;
    background: var(--mpbg2);
    color: var(--svgcol);
    border: 1px solid #c0c0c0;
    border-radius: 10px;
    box-shadow: 8px 8px 10px rgba(0, 0, 0, 0.16);
	overflow-x:hidden;overflow-y:auto;
	max-height:calc(100vh - 10vh);
}

.nOpen {display:block;}
.nUnread {font-weight:600;}
.NotifPan {width:95%;text-align:left;padding:10px;font-family:iwk;font-size:.8em;}
.NP1 {
	position: relative;text-align: right;display: block;
	right: 12px;font-size:.98em;font-weight:600;
}

.not_item0 {border-radius:4px;padding:6px 0 6px 0}
.not_item {border-top:1px solid #c0c0c0;padding:10px 0 2px 0;}
.not_item:hover, .not_item0:hover {background:var(--mmbg);
	transform: scale(1.04);transition:.1s;}
.not_ico {color: var(--svgcol);
	position:absolute;display:inline-block;height:30px;
	width:26px;font-family:ionicons;text-align:center;
	vertical-align:top;font-size:1.8em;margin-top:-4px;
}
.iUnread {color: #c10a0a;}
.not_iconew {color: #c10a0a;position:absolute;display:inline-block;height:30px;
	width:26px;font-family:ionicons;text-align:center;
	vertical-align:top;font-size:1.8em;
}
.not_h1 {color:#3a4854;padding-left:30px;}
.not_h2 {display:block;font-size:1.18em;padding-top:4px;padding-left:30px;}
.not_uread {color: #3fa7f1;font-family: ionicons;font-size: .46em;}
.tc_menu{padding-left:8px;padding-right:8px;font-family:ionicons;font-size:1.48em;
	padding-top:1px;padding-bottom:1px;
	color:var(--vcol);outline:0;text-decoration:none;}
.tc_menu:hover
{border: 1px solid #a1c5ef;
    transition: .1s;
    background: #e9f2ff;
    color: #54a6fb;
}

#g1
{
 width:130px; height:100px;
        display: inline-block;
        margin: 0.1em;
		border: 1px #e3e3e3 solid;
	 border-radius: 5px;
}
#g1 path {
fill: rgb(114 210 255);
    stroke: #3bc0ff;
}

.stdc {display:block;white-space:nowrap;}
.stdc:before {
	content: '\f383';font-family:ionicons;padding-right:5px;font-size:1.4em;color:#2aab22;
	position:relative;top:2px;
}

.xUDP{display:none;width:90%;}
.tr_tr1 {
	font-family:iwk;font-size:.86em;
}

.infobox
{
display:flex; flex-flow: row wrap;row-gap: .6rem;column-gap:0.1rem;justify-content: space-around;list-style: none;
	padding:0;margin:0;border-sizing:border-box;
}
.infobox-item{background: #fbfbfb;border:1px solid #e8e8e8;
  min-width:240px;width:23%;max-height: 110px; margin-top: 0px;border-radius:4.6px;
	box-sizing:border-box;display:inline-block;
-webkit-box-shadow: 0px 4px 4px -5px rgba(0,0,0,0.71);
-moz-box-shadow: 0px 4px 4px -5px rgba(0,0,0,0.71);
box-shadow: 0px 4px 4px -5px rgba(0,0,0,0.71);
}
.infobox-item > span {display:inline-block;font-size: 1.18rem;letter-spacing: .32px;margin-top:2px;
	font-family: system-ui,averta,Helvetica,"sans-serif";padding:4px;
    color:#bfbebe;font-weight: 600;font-style: normal;line-height: 1.68;display: block;
}

.infobox-item:hover {border:2px;cursor:pointer;}

.infoNo {text-align:left;font-family: system-ui;font-size:3.5vh;
    position: relative;top: -25px;left: 10px;}
.infoNo > font {font-family: system-ui;font-size:.45em;top:3.6px;position:relative;}

.infoMore {height:25px;min-width:100%;position:relative;display:block;bottom:-82px;border-radius:0 0 4.6px 4.6px;padding:0;}
.infoMore > font {font-family: system-ui;font-size:.72em;top:3.6px;position:relative;color:#bfbfbf;}

.infobox-item::before{content:none;}
.info-icon {top:-76px;text-align:right;position:relative;display:block;left: calc(100% - 80px);
  width: 4.8em; height: 4.8em;background:transparent;stroke:none;
}
/*
.info-icon path,
.info-icon polygon,
.info-icon rect {fill: none;}
*/
.info-icon > path, .info-icon>line, .info-icon>circle, .info-icon>rect {
	stroke:currentColor;
	stroke-width:2;fill:none;stroke-linecap:round;
	stroke-linejoin:round;
}

.fEdit
{font-family:ionicons;font-size:.98em;font-weight:100;cursor:pointer;display:inline-block;padding-left:12px;}

.fEdit::before {content: '\f12c';}
.fion::before {content: '\f373';}

.xinput {border-radius: 0.6em 0 0.6em 0;border: 1px solid #b9b9b9;box-sizing: border-box;
	color: #013c78;display: flex;height: 24px;padding: 0.3em 0.3em 0 0.3em;justify-content: center;
	align-items: center;word-wrap: break-word;text-decoration: none;min-width: 130px;
	font-family: iWk;font-size: .98em;outline: 0;width:100%;
}
.xinput:focus {-webkit-box-shadow: 1px 1px 8px #456997;outline: 0;border-width: 2px;border-color: transparent;
    border-style: inset;background: #f3faff;}

.xselinput {border-radius: 6px;border: 1px solid #b9b9b9;box-sizing: border-box;
	color: #013c78;display: flex;height: 24px;padding: 0.3em 0.3em 0 0.3em;justify-content: center;
	align-items: center;word-wrap: break-word;text-decoration: none;min-width: 40px;
	font-family: iWk;font-size: .98em;outline: 0;width:100%;
}
.xinput:focus {-webkit-box-shadow: 1px 1px 8px #456997;outline: 0;border-width: 2px;border-color: transparent;
    border-style: inset;background: #f3faff;}

.crPane {
display:inline-block;vertical-align:top;height:100%;width:calc(100% - 240px);overflow-x:scroll;
}

.rMark {transition:.2s;background:#ffe5e5;}
.wBack{display: inline-block;font-family: ionicons;font-size: .8em;padding-left: 30px;
	width: 8px;position: relative;cursor: pointer;color: #5987ed;}
.wFwd{display: inline-block;font-family: ionicons;font-size: .8em;padding-left:8px;
	width: 8px;position: relative;cursor: pointer;color: #5987ed;}
.wActNo {pointer-events:none;color:#d8dee9;}
.vReqNo {color:#139cdd;font-weight:600;}
.vDocNo {color:#ef1f1f;font-weight:600;}

.tInfo {display:block;height:16px;background:#aabdd3;vertical-align:middle;
				text-align:center;padding:0;}
.tInfoBtn {display:inline-block;margin-top:-3px;color:white;font-family:ionicons;font-size:14pt;}
.tInfoCtn {display:block;background:white;height: 0;overflow: hidden;-webkit-transition: height .2s;}
.tInfoTb {font-family:iwk;font-size:9pt;line-height:9.5pt;}
.tInfoTb td {font-weight: 600;color: #226dc3;}
.tInfoTb .td1 {font-weight: 100;color: #226dc3;}
.tInfoOpen {display:block;height:95px; -moz-transition: height .2s;
  -ms-transition: height .2s;
  -o-transition: height .2s;
  -webkit-transition: height .2s;
  transition: height .2s;}

.BPMSrv {font-family:roboto;font-size:8pt;color:#8f8f8f;text-align:right;}
.BPMSrvDark {color:#cbcbcb;}
.BackBtnPos {position: absolute;width: 80px;
	margin-top:8px;right: 80px;bottom:10px;}

.inpstat2{
    -webkit-appearance:none!important;
    color:red;
    text-align:right;
    width:75px;
    border:1px solid gray;
    border-left:0px;
    margin:0 0 0 -7px;
    background:white;
}
.inpstat1{
    -webkit-appearance:none!important;
    border:1px solid gray;
    border-right:0px;
    outline:none;
}

.tbh1 {
  background-image: linear-gradient(-180deg, #37AEE2 0%, #1E96C8 100%);display:block;
border-radius: .3rem;box-sizing: border-box;color: #FFFFFF;
  height:29px;justify-content: center;align-items: center;word-wrap: break-word;
  width:32px;text-decoration: none;border: 0;cursor: pointer;user-select: none;
  -webkit-user-select: none;touch-action: manipulation;font-family:iWk;font-size:.86em;width:100%;
padding:0;color:white;text-align:center;
}

.tbh1:hover
{opacity:.8;}

.gradient {
  position: relative;
  min-height: 27px;
  background-image: linear-gradient(
    to right,
    hsl(205.48deg 32.44% 44.12%),
    hsl(0deg 0% 93.85%)
  );
  z-index: 1;
	border-radius: .3rem;box-sizing: border-box;color: #FFFFFF;
	justify-content: center;align-items: center;word-wrap: break-word;
  width:32px;text-decoration: none;border: 0;cursor: pointer;user-select: none;
  -webkit-user-select: none;touch-action: manipulation;font-family:iWk;font-size:.86em;width:100%;
padding:6px;color:white;
}

.tbd1{display:table-cell;padding:10px;font-family:iwk;font-size:10pt;}

.gradient::before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(
    to left,
    hsl(205.48deg 32.44% 44.12%),
    hsl(0deg 0% 93.85%)
  );
  z-index: -1;
  transition: opacity 0.2s linear;
  opacity: 0;
}
.gradient:hover::before {
  opacity: 1;text-align:right;
}

.QBox
{
position:relative;display:block;width:calc(100% - 20px);height:380px;border:1px solid #cecece;padding:6px;overflow:hidden;
transition:.1s linear;overflow:hidden;
/*overflow-y:auto;*/
}

.QOff {height:30px;}
.xForm.divtb.dim:disabled {background: white;
    border: 0;color: var(--vcol);
}
.xForm:disabled {background: #f3f3f3;color:#8d8d8d;}
.xForm:focus{background:#e9f5fb;}
.xForm, .divtb select{
    position: relative;
    display: inline-block;
    /* border-radius: 4px; */
    border-radius: 0.4em 0.4em 0.4em 0.4em;
    border: 1px solid #b9b9b9;
    box-sizing: border-box;
    color: #013c78;
    display: inline-flex;
    height: 28px;
    padding: 0.2em;
    justify-content: center;
    align-items: center;
    word-wrap: break-word;
    text-decoration: none;
    width: 100%;
    font-family: iWk;
    font-size: .98em;
    outline: 0;
    cursor: pointer;
}

.xForm > option {
 -webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;   
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   border-radius: 0;
}

.xAlert {box-shadow: 2px 3px 8px 0px rgb(183 23 23);
    text-decoration: none;outline:0;
}

.xAlert[type=text]:focus-visible{
box-shadow: 2px 3px 8px 0px rgb(105 160 180);
}

.xAlertMsg {display: block;color: #ad2966;position: relative; 
	padding-top: 8px;font-family: iwk;font-size: 9pt;text-align:center;display:none;
}
.divtb select {height:32px;}

.xForm[type=text] {height:32px;padding:12px;}
.xForm[type=text].Err,.divtb select.Err{border-color: #e77575;
    border-width: 2px;
    box-shadow: 1px 2px 2px 0px rgb(255 199 190);
    background-image: url(../images/task_urgent.png);background-repeat: no-repeat;background-size: 18px 18px;
    background-position: 98% center;
}
.xForm[type=password]{height:32px;padding:12px;}

.xForm[type=text]:focus-visible, .divtb select:focus-visible, .divtb textarea:focus-visible
{
box-shadow: 2px 3px 8px 0px rgb(135 166 181);
}

.xForm[type=password]:not(:placeholder-shown) {
  font-family: 'pass', 'Roboto', Helvetica, Arial, sans-serif;font-size:1em;
  letter-spacing: 0.18em;

}
.xForm[type=password]:focus-visible{
box-shadow: 0 3px 15px rgb(122 151 165 / 80);
}


.defbox
{margin: 1px auto;padding: 1px;border: 1px #DDDDDD solid;border-radius: 4px;font-family: iWk;font-size: 10pt;
    background: linear-gradient( 354deg, rgb(255 255 255) 0%, #ffffff 82%, rgb(210 222 233) 93%);
}
.defboxsum
{margin: 1px auto;padding: 1px;border: 1px #DDDDDD solid;border-radius: 4px;font-family: iWk;font-size: 10pt;
	transition: height 4s;display:block;}
.dbs_close{transition: height 4s;height:0;overflow:hidden;}
.mUsrList
{
	display:block;position:relative;overflow:hidden;
	max-height:35px;transition:.2s;
}
.mUsrListExp
{
	max-height:75px;
	overflow-y: hidden;
    transition-property: all;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(1, 1, 1, 1);

}
.InMore{font-family: ionicons;color:#9eb5c5;font-size: 10pt;padding-left: 10px;}
.InMoreC{font-family: ionicons;color:#9eb5c5;font-size: 13.5pt;margin-right:-3px;}

[contenteditable="true"]:focus-visible{
	background-color: #ebf3ff;border: 1px solid #d33fe5;outline:none;
	border-style: double;font-size:1.1em;
}

.xDialog{
	 position: absolute; top: 50%;left: 50%;margin-top: -200px;margin-left: -230px;width: 460px;
    height: 400px;z-index:999;opacity:0;transform: rotate3d(1, .5, .5, 180deg) scale(0.1);
  transition: all ease-in .2s;
}

.xDPop{
	 position: absolute; top: 50%;left: 50%;margin-top: -100px;margin-left: -200px;width: 400px;
    height: 200px;z-index:999;opacity:0;transform: rotate3d(1, .5, .5, 180deg) scale(0.1);
  transition: all ease-in .18s;
}

.xDDiv {display: inline-block;margin: 0 auto;width: 100%;font-family: 'iWk';font-size: 2vw;height: 100%;
    border: 1px solid #f3f3f3;border-radius: 8px;background: white;}

.xDDiv::-webkit-scrollbar-track
{-webkit-box-shadow: inset 0 0 6px rgb(255 255 255 / 90%);border-radius: 10px;background-color: #baccdf;}

.xDDiv::-webkit-scrollbar {width: 8px;background-color: #F5F5F5;}

.xDDiv::-webkit-scrollbar-thumb
{border-radius: 10px;background-color: #2b98e5;
	background-image: -webkit-linear-gradient(0deg, transparent, rgb(255 255 255 / 40%) 50%, transparent, transparent);
}

.xDOn {display:block;}
.xDCon {border-radius: 8px;box-shadow: 0 3px 15px rgb(122 151 165 / 80);}
.xDBlock {position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0,0);
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .18s;
    transition-duration: .18s;
    -webkit-transition-delay: 0s;
    transition-delay: 0.18s;
    visibility: hidden;
}
.xLogImg {cursor:pointer;}
.xDCheck {display:none;cursor:pointer;}

.xDCheck:checked ~ .xDialog {
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
    z-index: 1005;
}

.xDCheck:checked ~ .xDPop {
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
    z-index: 1005;
}


.xDCheck:checked ~ .xDBlock {-webkit-transition-duration: .1s;
    transition-duration: .1s;
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
    background: rgba(0,0,0,.5);
    visibility: visible;
    opacity: 1;
    z-index: 1003;
}

.xDCheck:checked ~ .close-menu {display:none;}

.xClose img:not(:hover){transition: .2s;filter: saturate(0%); -webkit-filter: saturate(0%);opacity:.2;z-index:999;}
.xClose img:hover {transition:.1s;}

.FPLink {display:block;outline:0;font-family:iwk;font-size: 8.8pt;color: #29577d;text-decoration:none;}
.FPLink:hover {cursor:pointer;text-decoration:underline;}

.LogProc {
	display:inline-block;transition:.2s;opacity:1;
}

.LogProcOn {opacity:0;}
.mDash {display:block;position:relative;padding:12px;text-align:center;transition:.2s;}
.mDOff {display:none;transition:.2s;}
.icToolGrp {position:relative;display:inline-block;padding-left:12px;
	height:22px;left:7px;border:1px solid transparent;transition: border .3s ease;
	min-width:64px;}
.icToolGrp:hover {border:1px solid #abbad1;border-radius:8px;}
.icsum {position: relative;display: inline-block;vertical-align: top;}
.icsum[contenteditable="true"]:active,.icsum[contenteditable="true"]:focus {
	background: #d9f0fd;padding: 0 6px 0 6px;border: 1px solid #74b3cb;border-radius: 8px;
	font-size: 10pt;box-shadow: 0 0 8px rgba(0, 0, 0, 0.18);
}

.previmg {
	padding: 6px;border: 1px solid #c1cad7;min-height: 64px;border-radius: 8px;
	transition: opacity .2s ease-in-out;-moz-transition: opacity .2s ease-in-out;
	-webkit-transition: opacity .2s ease-in-out;opacity:.46;box-shadow: 2px 2px 6px #6588a1;
}

.previmg:hover {
    border: 1px solid #94c0df;
	cursor:hand;opacity:1;
}

.DocCards {
  display: flex;
  flex-flow: row wrap;
  row-gap: 1.2rem;
  column-gap: 1.2rem;
  justify-content: flex-start;
  list-style: none;
  padding: 10px;
  margin: 0;
  border-sizing: border-box;
}

.DocCard{background: #fefefe;border:1px solid #a1c2dd;width:200px;
	 margin-top: 0px;border-radius:4.6px;padding:8px;
	box-sizing:border-box;display:inline-block;transition:.2s;

//height:148px;
}
.DocCard div.uprodet{margin-top:8px;}
.DocCard .xicdiv {display:table-cell;vertical-align:top;text-align:center;width:100%;}
.DocCard.Init {  
	background: linear-gradient(295deg, #ffffff 8%, #f3f3f3 18%, #ffffff 33%);
	border-radius: 5px;background-size: 200% 100%;animation: 1.5s shine linear infinite;
	pointer-events:none;transition:.2s;
}
.DocCard div > h2 .ic:before {color:#7390a1;font-size:8pt;}
.DocCard div > h1 {font-size:9pt;font-weight:600;height:14px;}
.DocCard div > h2 {font-size:8pt;font-weight:100;margin-top:-6px;color:#93269b;}
.DocCard.Init div.init{ background:#bbbbbb;opacity:.2;}
.DocCard.Init div i{ background:#bbbbbb;opacity:.2;}
.DocCard.Init div > h1{width:90%;background:#bbbbbb;opacity:.2;}
.DocCard.Init div > h2{width:100px;background:#bbbbbb;opacity:.1;}
.DocCard.Init div.uprodet{width:100%;background:#efefef;opacity:.3;}

.DCList {width:100%;height:120px;transition:.2s;}
.DCList .xicdiv {text-align:left;padding-left:160px;top: -16px;position: relative;}
.DCList div > .previmg {height:80px;position:relative;top:-34px;}
.DCList div > .xicpen {display:inline-block;top:24px;}
.DCList div > p {display:inline-block;padding-right:6px;}
.DCList .uproname {display: block;position: relative;left: 160px;}
.DCList .uprodet {display: block;position: relative;top: -70px;}

.DCList .DC_Content {display: block;position: relative;top:-20px;left: 16px;text-align:left;
	height:0;}
.DC_Content {display:table-cell;vertical-align:top;min-width: 126px;text-align: center;}

.ConCard
{
	display:flex; flex-flow: row wrap;row-gap: 1.2rem;column-gap:1.2rem;
	justify-content: flex-start;list-style: none;
	padding:10px;margin:0;border-sizing:border-box;
}

.ConCard-Item{background: #fefefe;border:1px solid #e8e8e8;min-width:280px;width:23%;
	 margin-top: 0px;border-radius:4.6px;padding:8px;
	box-sizing:border-box;display:inline-block;

//height:148px;
}

.ConCard-Item.Init {  
	background: linear-gradient(295deg, #ffffff 8%, #f3f3f3 18%, #ffffff 33%);
	border-radius: 5px;
    background-size: 200% 100%;
    animation: 1.5s shine linear infinite;
}

.ConCard-Item.Init div.init{ background:#bbbbbb;opacity:.2;}
.ConCard-Item.Init div > h1{width:90%;background:#bbbbbb;opacity:.2;}
.ConCard-Item.Init div > h2{width:100px;background:#bbbbbb;opacity:.1;}
.ConCard-Item.Init div.uprodet{width:100%;background:#efefef;opacity:.3;}

.ConCard-Item:hover {cursor:hand;
//transition:.2s;transform: scale(1.1);
 animation: pop 0.16s linear 1.2;
-webkit-box-shadow: 0px 4px 4px -5px rgba(0,0,0,0.71);
-moz-box-shadow: 0px 4px 4px -5px rgba(0,0,0,0.71);
box-shadow: 0px 4px 4px -5px rgba(0,0,0,0.71);
}

.upro {
  display: inline-block;width: 40px;height: 40px;border-radius: 50%;background-repeat: no-repeat;
  background-position: center center;background-size: cover;
  background-image: url('../images/prefbtn.png');
}

.uproname{display:inline-block;vertical-align:top;padding-left:8px;font-style:normal;}
.uproname >h1{font-family:iwk;font-size:11pt;font-weight:600;color:#1a4369;font-style:normal;}
.uproname >h2{font-family:iwk;font-size:9pt;font-weight:300;text-decoration:none;color:#5f5f5f;font-style:normal;}
.uprodet{font-family:system-ui;display:block;position:relative;width:100%;font-style:normal;}
.uprodet>p{display: block;
    position: relative;
    margin-top: -16px;}
.uprodet>h1 {display:inline-block;font-size:.76em;color:#7b7b7b;letter-spacing: 0.23pt;line-height:24px;
	margin-top:-3px;}
.uprodet>h2 {display:inline-block;left:65px;font-size:.76em;color:#2b3f53;letter-spacing: 0.23pt;position:absolute;
	height:0;font-weight:600;font-style:normal;}

.uprozoom {
  display: inline-block;width: 90px;height: 90px;border-radius: 50%;background-repeat: no-repeat;
  background-position: center center;background-size: cover;
  background-image: url('../images/rcontacts.png');
}

@keyframes pop{
  50%  {transform: scale(1.24);}
}


@keyframes shine {
  to {
    background-position-x: -200%;
  }
}

.DocCard:hover {cursor:hand;transition:.2s;transform: scale(1.04);
 background: linear-gradient(112deg, #0000 20.55%, #d1dfe7 94.17%);
 animation: pop 0.16s linear 1.2;
-webkit-box-shadow: 0px 4px 4px -5px rgba(0,0,0,0.71);
-moz-box-shadow: 0px 4px 4px -5px rgba(0,0,0,0.71);
box-shadow: 0px 4px 4px -5px rgba(0,0,0,0.71);
}

.xicpen {padding:2px;border:1px solid #cfcfcf;width:20px;margin:auto;border-radius:6px;}
.xicpen:hover {border-color: #95bed1;background: #6693a9;transition: .2s ease-in-out;color:#fff;
	-moz-transition: .2s ease-in-out;-webkit-transition: .2s ease-in-out;}
.xicpos:hover::before {color:#fff;}
.xrow {height: 4px;display: block;margin: 0;padding: 0;}

.DocSearch {
    border-radius: 6px;border: 1px solid #b9b9b9;box-sizing: border-box;color: #013c78;
    display: inline-block;height: 28px;padding: 0 0.8em 0 0.8em;justify-content: center;align-items: center;
    word-wrap: break-word;text-decoration: none;min-width: 130px;max-width: 100%;font-family: iWk;
    font-size: .98em;outline:0;width:100%;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%234f81b5'%3E%3Cpath d='M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3Cpath d='M0 0h24v24H0z' color='red' fill='none'/%3E%3C/svg%3E");

    background-repeat: no-repeat;background-size: 18px 18px;
    background-position: 98% center;
    transition: all .1s ease-in-out;
    backface-visibility: hidden;
    transform-style: preserve-3d;
}

.DocSearch:focus {
    -webkit-box-shadow: 1px 1px 8px #456997;outline: 0;border-width: 2px;border-color: transparent;
    border-style: inset;background: #f3faff;
}

.cDocView { width: 80vw;height: 70vh;position: absolute;top: 50%;left: 50%;margin-left: -40vw;margin-top: -35vh;}
.ObjPop {border:1px solid #83b7db;border-radius:8px;}
.pDocView {opacity:1;background: linear-gradient(78deg, rgb(115 127 133) 0%, rgb(101 123 145) 31%, rgb(97 140 165) 59%, rgb(243 255 254) 86%, rgb(255 255 255) 91%);}
.pDocTitle {position: absolute;z-index: 9999;top: 8px;left: 50px;font-size: 10.6pt;color: #fff;font-weight: 300;
	font-family: 'iWK';}

.iLoading {display: none;position: fixed;top: 40%;left: 40%;z-index: 999;}
.iLoadOn {display:block;}
.iLoading img {width:128px;}
.cDocView_Info {width: 50vw;height: 50vh;position: absolute;top: 50%;
	left: 50%;margin-left: -25vw; margin-top: -25vh;}
.divtb {display:table-cell;min-width:120px;padding:4px;font-family:iwk;font-size:9pt;}
.divhr {border-top: 1px solid #dce0e3;}


::-webkit-scrollbar
{
	width: 8px;
	background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb
{
	border-radius: 10px;background-color: #2b98e5;
    background-image: -webkit-linear-gradient(0deg, transparent, rgb(255 255 255 / 40%) 50%, transparent, transparent);
}

.DocTool {
	display:block;position:relative;overflow-y:auto;padding:4px;
    padding: 4px;width: 100%;height: 98%;opacity:1;transition:.2s;}
.DocTool_Off {pointer-events:none;opacity:.6;transition:.2s;}
.xDocDN {opacity:0;margin: auto;width: 100%;text-align: center;position: relative;top: 30px;}
.xAnim {  animation-name: animate-pop;
  animation-timing-function: cubic-bezier(0.26, 0.53, 0.74, 1.48);
  animation-duration: 0.5s;opacity:1;}

@keyframes animate-pop {
  0% {
    opacity: 0;
    transform: scale(0.5, 0.5);
  }

  100% {
    opacity: 1;
    transform: scale(1, 1);
  }
}

.dChatBox {border: 1px solid #6ac6e1;border-radius: 6px;box-shadow: 0 2px 4px rgb(88 169 207 / 80%);}

.ChatBox {height:280px;background-color: #e5e5f7;border:1px solid #f1c7ea;border-radius:6px;background-color: #ffffff;
	background-image:  linear-gradient(30deg, #f6f6f6 12%, transparent 12.5%, transparent 87%, #f6f6f6 87.5%, #f6f6f6), linear-gradient(150deg, #f6f6f6 12%, transparent 12.5%, transparent 87%, #f6f6f6 87.5%, #f6f6f6), linear-gradient(30deg, #f6f6f6 12%, transparent 12.5%, transparent 87%, #f6f6f6 87.5%, #f6f6f6), linear-gradient(150deg, #f6f6f6 12%, transparent 12.5%, transparent 87%, #f6f6f6 87.5%, #f6f6f6), linear-gradient(60deg, #f6f6f677 25%, transparent 25.5%, transparent 75%, #f6f6f677 75%, #f6f6f677), linear-gradient(60deg, #f6f6f677 25%, transparent 25.5%, transparent 75%, #f6f6f677 75%, #f6f6f677);
	background-size: 52px 91px;background-position: 0 0, 0 0, 26px 46px, 26px 46px, 0 0, 26px 46px;
	overflow-y:auto;
}
.oChat {display: block;position: relative;float: left;background: #effff1;padding: 4px;
	max-width: 70%;border: 1px solid #61c75f;border-radius: 6px;margin:0;
	box-shadow: 1px 2px 4px rgb(102 197 105 / 80%);
}
.oChat.xMe {background: #4ba7e9;float: right;color: #fff;
    border: 1px solid #4c85b5;box-shadow: 1px 2px 6px rgb(62 142 181 / 80%);
}
.oChat.xMe .mTime{color:#c3e5ff;}
.oChat.xMe .mSender{display:none;}


.oChat .mTxt {display:block;font-size: 10pt;}
.oChat .mTime {display: block;font-size: 8.5pt;float: right;padding: 2px;color: #388d34;}
.oChat .mSender {display:block;font-size:10pt;font-weight:600;}
.oChatTxt {    position: relative;
    display: inline-block;
    border-radius: 0.4em 0.4em 0.4em 0.4em;
    border: 1px solid #b9b9b9;
    box-sizing: border-box;
    color: #013c78;
    display: inline-flex;
    height: 58px;
    padding: 0.2em;
    justify-content: center;
    align-items: center;
    word-wrap: break-word;
    text-decoration: none;
    width: 100%;
    font-family: iWk;
    font-size: 10pt;
    outline: 0;
    cursor: pointer;
	box-shadow: 2px 2px 3px 0px rgb(135 166 181);}

.TagDiv
{display:none;border: 1px solid #cbc2c2;position: relative;padding: 4px;top: -10px;left: 20px;color: #fff;
    border-radius: 6px;background: #3775b5;"
}
.TagDiv:hover {background:#d12c2c;cursor:pointer;}
.dTag_Open {display:block;}
.GapAnalOff {background:#c8d1d7;}
.GapAnalOff.On {background:#edf9ff;}
.GapStat{color: white;text-align: center;font-weight: 500;font-size: 1.2em;}
.GapStat.Open {background: rgb(25,117,23);color:#fff;vertical-align:middle;
	background: linear-gradient(113deg, rgba(25,117,23,1) 0%, rgb(38 101 59) 31%, rgba(60,156,68,1) 65%, rgb(27 131 28) 91%);
}
.GapStat.Process {background: rgb(87,164,218);color:#fff;vertical-align:middle;
background: linear-gradient(228deg, rgba(87,164,218,1) 0%, rgba(17,83,138,1) 29%, rgba(52,106,158,1) 66%, rgba(23,113,152,1) 93%);
}
.GapStat.Anl {background: rgb(170,144,58);color:#65520c;vertical-align:middle;
background: linear-gradient(145deg, rgba(170,144,58,1) 0%, rgba(237,209,63,1) 37%, rgba(255,232,61,1) 67%, rgba(189,175,21,1) 88%);
}
.GapStat.Closed {color:#d1d1d1;background: rgb(158,140,140);vertical-align:middle;
background: linear-gradient(290deg, rgba(158,140,140,1) 0%, rgba(57,54,54,1) 30%, rgba(78,67,67,1) 75%, rgba(134,113,113,1) 93%);
}

.GapStat.Rejected {color: #ffefca;
    background: rgb(158,140,140);
    vertical-align: middle;
    background: linear-gradient(144deg, rgb(193 30 30) 0%, rgb(205 21 21) 30%, rgb(93 68 68) 75%, rgba(134,113,113,1) 93%);
}
.GapStat.Approved {color: #ffffff;
    background: rgb(158,140,140);
    vertical-align: middle;
    background: linear-gradient(144deg, rgb(63 231 43) 0%, rgb(121 213 98) 30%, rgb(74 153 34) 75%, rgb(0 141 37) 93%);
}
.GapStat.Verified {color: #ffffff;
    background: rgb(158,140,140);
    vertical-align: middle;
    background: linear-gradient(144deg, rgb(43 110 231) 0%, rgb(66 175 53) 30%, rgb(34 104 153) 75%, rgb(11 33 81) 93%)
}

.GapDocMore {display: block;max-height:30px;
    text-align: center;
    font-size: 12pt;
    border-radius: 0 0 8px 8px;
    border: 1px solid #afc5df;
    background: #b8d3df;
	overflow:hidden;
}

.GapDocList{max-height:36px;overflow:hidden;transition:.2s;}
.GapDocList.open{max-height:420px;overflow-y:auto}

.hideth{
overflow: hidden;
    width: 0!important;
    max-width: 0!important;
    padding: 0!important;
    border-width: 0!important;
    font-size: 0!important;
    min-width: 0!important;
    transition: .2s;
}

.AStrip {
    position: absolute;
    top: 182px;
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 50%;
    left: calc(50vw - 40px);font-size: 28px;
    color: #fff;font-family: "Ionicons";vertical-align: middle;transition:.2s;
    background: linear-gradient(290deg, rgb(44 146 205) 0%, rgb(37 106 177) 30%, rgb(120 180 223) 75%, rgb(88 187 203) 93%);
}
.AStrip:hover{cursor:pointer;transition:.2s;
    background: linear-gradient(290deg, rgb(161 215 127) 0%, rgb(37 177 54) 30%, rgb(120 223 128) 75%, rgb(111 255 93) 93%);
}
.AStrip.On{
	background: linear-gradient(290deg, rgb(255 189 89) 0%, rgb(223 164 31) 30%, rgb(255 213 62) 75%, rgb(255 179 40) 93%);
}
.Astrip.On:before {content: "\f267";top: 2px;
    position: relative;}

.Astrip:before {content: "\f270";top: 2px;
    position: relative;}
.FieldOff {pointer-events:none;opacity:.72;}
.AutoSearch {position: absolute;
	border-width: 0px 1px 1px;border-right-style: solid;border-bottom-style: solid;
    border-left-style: solid;border-right-color: rgb(65, 125, 143);border-bottom-color: rgb(65, 125, 143);
    border-left-color: rgb(65, 125, 143);border-image: initial;border-top-style: initial;
    border-top-color: initial;max-width: 300px;box-sizing: border-box;
    z-index: 9999;background: white;padding: 8px;border-radius: 0 0 12px 12px;font-size: 10pt;font-family: 'iWK';
    color: var(--vcol);min-width:320px;max-height:130px;height:auto;
}
.AutoSearch:focus-visible {outline:0;}
.AutoSearchIR {position: absolute;
    left: 362px;border-width: 0px 1px 1px;border-right-style: solid;border-bottom-style: solid;
    border-left-style: solid;border-right-color: rgb(65, 125, 143);border-bottom-color: rgb(65, 125, 143);
    border-left-color: rgb(65, 125, 143);border-image: initial;border-top-style: initial;
    border-top-color: initial;max-width: 300px;box-sizing: border-box;
    z-index: 9999;background: white;padding: 8px;border-radius: 0 0 12px 12px;font-size: 10pt;font-family: 'iWK';
    color: var(--vcol);min-width:300px;max-height:130px;height:auto;
}
.AutoSearchIR:focus-visible {outline:0;}
.AutoSearchLT {position: absolute;
    left: 400px;border-width: 0px 1px 1px;border-right-style: solid;border-bottom-style: solid;
    border-left-style: solid;border-right-color: rgb(65, 125, 143);border-bottom-color: rgb(65, 125, 143);
    border-left-color: rgb(65, 125, 143);border-image: initial;border-top-style: initial;
    border-top-color: initial;max-width: 300px;box-sizing: border-box;
    z-index: 9999;background: white;padding: 8px;border-radius: 0 0 12px 12px;font-size: 10pt;font-family: 'iWK';
    color: var(--vcol);min-width:320px;max-height:130px;height:auto;
}
.AutoSearchLT:focus-visible {outline:0;}

.tabeditdoc {min-height: 22px;
    text-align: left;
    padding-left: 8px;min-width:120px;
    padding-top: 6px;font-size:10pt;
	color: #a79696;background: #fcffd2;text-align:left;
}
.tabeditdoc.isfilled{background: #5392d1;
    color: white;	
    text-align: left;
}
.tabeditdoc[contentEditable=true]:empty:not(:focus):before {
  content: attr(data-text)
}
.tabeditdoc[contenteditable="true"]:active,
.tabeditdoc[contenteditable="true"]:focus {
background: #d9f0fd;
display:inline-block;
    padding: 0 6px 0 6px;
	padding-top:6px;padding-left:4px;
    border: 1px solid #74b3cb;
    border-radius: 8px;
    font-size: 10pt;
    color: #1a3677;
	min-width:120px;
    text-align: left;
    /* min-height: 40px; */
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.18);
}


.tabedit[contentEditable=true]:empty:not(:focus):before {
  content: attr(data-text)
}
.tabedit[contenteditable="true"]:active,
.tabedit[contenteditable="true"]:focus {
background: #d9f0fd;
    padding: 0 6px 0 6px;
    border: 1px solid #74b3cb;
    border-radius: 8px;
    font-size: 10pt;
    color: #1a3677;
    text-align: left;
    /* min-height: 40px; */
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.18);
}

.tabedit{
    color: #a79696;background: #fcffd2;text-align:center;
}

.tabedit.isfilled{background: #5392d1;
    color: white;
    text-align: left;
}

.tabeditx{
    color: #a79696;background: #fcffd2;text-align:left;
}
.tabeditx[contentEditable=true]:empty:not(:focus):before {
  content: attr(data-text)
}
.tabeditx[contenteditable="true"]:active,
.tabeditx[contenteditable="true"]:focus {
background: #d9f0fd;
    padding: 0 6px 0 6px;
    border: 1px solid #74b3cb;
    border-radius: 8px;
    font-size: 10pt;
    color: #1a3677;
    text-align: left;
    /* min-height: 40px; */
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.18);
}

.rMemList { display: block;max-height: 80px;overflow-y: auto;padding: 2px;
}
.rMemList .tbrow {display:block;position:relative;}
.rMemList .tbrow input {}
.rMemList .tbrow label {display: inline-block;cursor:pointer;
    padding-left: 4px;
    position: relative;
    top: -2px;}

.aSec1 {font-family:iwk;font-size:10pt;color:white;}
.aSec2 {font-family:iwk;font-size:9pt;color:black;}