.main-mask{position: fixed;  z-index: -1; backdrop-filter: blur(20px);height: 100vh; width: 100%; -webkit-backdrop-filter: blur(20px);}

@supports(display:grid) {
	.grid {
	    display: grid !important;
	    grid-template-columns: repeat(24, 1fr);
	    display: -ms-grid;
	    -ms-grid-columns: (1fr)[24];
	}
	.grid-100 {
	    display: grid !important;
	    grid-template-columns: repeat(100, 1fr);
	    display: -ms-grid;
	    -ms-grid-columns: (1fr)[100];
	}
	.grid-2 {
	    display: grid !important;
	    grid-template-columns: repeat(2, 1fr);
	    display: -ms-grid;
	    -ms-grid-columns: (1fr)[2];
	}
	.grid-3 {
	    display: grid !important;
	    grid-template-columns: repeat(3, 1fr);
	    display: -ms-grid;
	    -ms-grid-columns: (1fr)[3];
	}
	.grid-4 {
	    display: grid !important;
	    grid-template-columns: repeat(4, 1fr);
	    display: -ms-grid;
	    -ms-grid-columns: (1fr)[4];
	}
	.grid-5 {
	    display: grid !important;
	    grid-template-columns: repeat(5, 1fr);
	    display: -ms-grid;
	    -ms-grid-columns: (1fr)[5];
	}
	.grid-6 {
	    display: grid !important;
	    grid-template-columns: repeat(6, 1fr);
	    display: -ms-grid;
	    -ms-grid-columns: (1fr)[6];
	}
	.grid-7 {
	    display: grid !important;
	    grid-template-columns: repeat(7, 1fr);
	    display: -ms-grid;
	    -ms-grid-columns: (1fr)[7];
	}
	.grid-8 {
	    display: grid !important;
	    grid-template-columns: repeat(8, 1fr);
	    display: -ms-grid;
	    -ms-grid-columns: (1fr)[8];
	}
	.grid-9 {
	    display: grid !important;
	    grid-template-columns: repeat(9, 1fr);
	    display: -ms-grid;
	    -ms-grid-columns: (1fr)[9];
	}
	.grid-10 {
	    display: grid !important;
	    grid-template-columns: repeat(10, 1fr);
	    display: -ms-grid;
	    -ms-grid-columns: (1fr)[10];
	}
	.grid-11 {
	    display: grid !important;
	    grid-template-columns: repeat(11, 1fr);
	    display: -ms-grid;
	    -ms-grid-columns: (1fr)[11];
	}
	.grid-12 {
	    display: grid !important;
	    grid-template-columns: repeat(12, 1fr);
	    display: -ms-grid;
	    -ms-grid-columns: (1fr)[12];
	}
	.grid-col-1{grid-column:span 1;  -ms-grid-column: 1;}
	.grid-col-2{grid-column:span 2;  -ms-grid-column: 2;}
	.grid-col-3{grid-column:span 3;  -ms-grid-column: 3;}
	.grid-col-4{grid-column:span 4;  -ms-grid-column: 4;}
	.grid-col-5{grid-column:span 5;  -ms-grid-column: 5;}
	.grid-col-6{grid-column:span 6;  -ms-grid-column: 6;}
	.grid-col-7{grid-column:span 7;  -ms-grid-column: 7;}
	.grid-col-8{grid-column:span 8;  -ms-grid-column: 8;}
	.grid-col-9{grid-column:span 9;  -ms-grid-column: 9;}
	.grid-col-10{grid-column:span 10;  -ms-grid-column: 10;}
	.grid-col-11{grid-column:span 11;  -ms-grid-column: 11;}
	.grid-col-12{grid-column:span 12;  -ms-grid-column: 12;}
	.grid-col-13{grid-column:span 13;  -ms-grid-column: 13;}
	.grid-col-14{grid-column:span 14;  -ms-grid-column: 14;}
	.grid-col-15{grid-column:span 15;  -ms-grid-column: 15;}
	.grid-col-16{grid-column:span 16;  -ms-grid-column: 16;}
	.grid-col-17{grid-column:span 17;  -ms-grid-column: 17;}
	.grid-col-18{grid-column:span 18;  -ms-grid-column: 18;}
	.grid-col-19{grid-column:span 19;  -ms-grid-column: 19;}
	.grid-col-20{grid-column:span 20;  -ms-grid-column: 20;}
	.grid-col-21{grid-column:span 21;  -ms-grid-column: 21;}
	.grid-col-22{grid-column:span 22;  -ms-grid-column: 22;}
	.grid-col-23{grid-column:span 23;  -ms-grid-column: 23;}
	.grid-col-24{grid-column:span 24;  -ms-grid-column: 24;}
	.grid-col-25{grid-column:span 25;  -ms-grid-column: 25;}
	.grid-col-26{grid-column:span 26;  -ms-grid-column: 26;}
	.grid-col-27{grid-column:span 27;  -ms-grid-column: 27;}
	.grid-col-28{grid-column:span 28;  -ms-grid-column: 28;}
	.grid-col-29{grid-column:span 29;  -ms-grid-column: 29;}
	.grid-col-30{grid-column:span 30;  -ms-grid-column: 30;}
	.grid-col-31{grid-column:span 31;  -ms-grid-column: 31;}
	.grid-col-32{grid-column:span 32;  -ms-grid-column: 32;}
	.grid-col-33{grid-column:span 33;  -ms-grid-column: 33;}
	.grid-col-34{grid-column:span 34;  -ms-grid-column: 34;}
	.grid-col-35{grid-column:span 35;  -ms-grid-column: 35;}
	.grid-col-36{grid-column:span 36;  -ms-grid-column: 36;}
	.grid-col-37{grid-column:span 37;  -ms-grid-column: 37;}
	.grid-col-38{grid-column:span 38;  -ms-grid-column: 38;}
	.grid-col-39{grid-column:span 39;  -ms-grid-column: 39;}
	.grid-col-40{grid-column:span 40;  -ms-grid-column: 40;}
	.grid-col-41{grid-column:span 41;  -ms-grid-column: 41;}
	.grid-col-42{grid-column:span 42;  -ms-grid-column: 42;}
	.grid-col-43{grid-column:span 43;  -ms-grid-column: 43;}
	.grid-col-44{grid-column:span 44;  -ms-grid-column: 44;}
	.grid-col-45{grid-column:span 45;  -ms-grid-column: 45;}
	.grid-col-46{grid-column:span 46;  -ms-grid-column: 46;}
	.grid-col-47{grid-column:span 47;  -ms-grid-column: 47;}
	.grid-col-48{grid-column:span 48;  -ms-grid-column: 48;}
	.grid-col-49{grid-column:span 49;  -ms-grid-column: 49;}
	.grid-col-50{grid-column:span 50;  -ms-grid-column: 50;}
	.grid-col-51{grid-column:span 51;  -ms-grid-column: 51;}
	.grid-col-52{grid-column:span 52;  -ms-grid-column: 52;}
	.grid-col-53{grid-column:span 53;  -ms-grid-column: 53;}
	.grid-col-54{grid-column:span 54;  -ms-grid-column: 54;}
	.grid-col-55{grid-column:span 55;  -ms-grid-column: 55;}
	.grid-col-56{grid-column:span 56;  -ms-grid-column: 56;}
	.grid-col-57{grid-column:span 57;  -ms-grid-column: 57;}
	.grid-col-58{grid-column:span 58;  -ms-grid-column: 58;}
	.grid-col-59{grid-column:span 59;  -ms-grid-column: 59;}
	.grid-col-60{grid-column:span 60;  -ms-grid-column: 60;}
	.grid-col-61{grid-column:span 61;  -ms-grid-column: 61;}
	.grid-col-62{grid-column:span 62;  -ms-grid-column: 62;}
	.grid-col-63{grid-column:span 63;  -ms-grid-column: 63;}
	.grid-col-64{grid-column:span 64;  -ms-grid-column: 64;}
	.grid-col-65{grid-column:span 65;  -ms-grid-column: 65;}
	.grid-col-66{grid-column:span 66;  -ms-grid-column: 66;}
	.grid-col-67{grid-column:span 67;  -ms-grid-column: 67;}
	.grid-col-68{grid-column:span 68;  -ms-grid-column: 68;}
	.grid-col-69{grid-column:span 69;  -ms-grid-column: 69;}
	.grid-col-70{grid-column:span 70;  -ms-grid-column: 70;}
	.grid-col-71{grid-column:span 71;  -ms-grid-column: 71;}
	.grid-col-72{grid-column:span 72;  -ms-grid-column: 72;}
	.grid-col-73{grid-column:span 73;  -ms-grid-column: 73;}
	.grid-col-74{grid-column:span 74;  -ms-grid-column: 74;}
	.grid-col-75{grid-column:span 75;  -ms-grid-column: 75;}
	.grid-col-76{grid-column:span 76;  -ms-grid-column: 76;}
	.grid-col-77{grid-column:span 77;  -ms-grid-column: 77;}
	.grid-col-78{grid-column:span 78;  -ms-grid-column: 78;}
	.grid-col-79{grid-column:span 79;  -ms-grid-column: 79;}
	.grid-col-80{grid-column:span 80;  -ms-grid-column: 80;}
	.grid-col-81{grid-column:span 81;  -ms-grid-column: 81;}
	.grid-col-82{grid-column:span 82;  -ms-grid-column: 82;}
	.grid-col-83{grid-column:span 83;  -ms-grid-column: 83;}
	.grid-col-84{grid-column:span 84;  -ms-grid-column: 84;}
	.grid-col-85{grid-column:span 85;  -ms-grid-column: 85;}
	.grid-col-86{grid-column:span 86;  -ms-grid-column: 86;}
	.grid-col-87{grid-column:span 87;  -ms-grid-column: 87;}
	.grid-col-88{grid-column:span 88;  -ms-grid-column: 88;}
	.grid-col-89{grid-column:span 89;  -ms-grid-column: 89;}
	.grid-col-90{grid-column:span 90;  -ms-grid-column: 90;}
	.grid-col-91{grid-column:span 91;  -ms-grid-column: 91;}
	.grid-col-92{grid-column:span 92;  -ms-grid-column: 92;}
	.grid-col-93{grid-column:span 93;  -ms-grid-column: 93;}
	.grid-col-94{grid-column:span 94;  -ms-grid-column: 94;}
	.grid-col-95{grid-column:span 95;  -ms-grid-column: 95;}
	.grid-col-96{grid-column:span 96;  -ms-grid-column: 96;}
	.grid-col-97{grid-column:span 97;  -ms-grid-column: 97;}
	.grid-col-98{grid-column:span 98;  -ms-grid-column: 98;}
	.grid-col-99{grid-column:span 99;  -ms-grid-column: 99;}
	.grid-col-100{grid-column:span 100;  -ms-grid-column: 100;}
	
	.grid-col-half { grid-column:span 12;-ms-grid-column: 12;}
	.grid-col-full { grid-column:span 24;-ms-grid-column: 24;}
	
	.selform-grid-col-33 {
	    grid-column:span 8;-ms-grid-column: 8;
	}
	.selform-grid-col-25 {
	    grid-column:span 6;-ms-grid-column: 6;
	}
	.selform-grid-col-50 ,.selform-grid-col-0,.selform-grid-col-{
	    grid-column:span 12;-ms-grid-column: 12;
	}
	.selform-grid-col-95 {
	    grid-column:span 24;-ms-grid-column: 24;
	}
	.selform-grid-row{display: flex;flex-direction: column;}
	.selform-grid-col{display: flex;}
	.selform-grid-col .fix-col{flex: 0 0 180px; align-items: center; flex-wrap: wrap; display: flex; padding: 5px; padding-right: 10px;   height: 45px;  margin: -1px 0 0 -1px; line-height: 14px; position: relative; justify-content: flex-end;}
	.selform-grid-col .fix-col .xh{position: absolute; right: 0px; top: 10px;}
	.selform-grid-col .auto-col{flex: 1; padding:5px 10px 5px 10px ;box-sizing: border-box; margin: -1px 0 0 -1px;display: inline-flex;align-items: center;vertical-align: middle; }

}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.grid,.grid-2,.grid-3,.grid-4,.grid-5,.grid-6,.grid-7,.grid-8,.grid-9,.grid-10,.grid-11,.grid-12,.grid-100 {
		display: table;width: 100%;border-collapse:separate;clear: both;
	}
	.grid > div,.grid-2 > div,.grid-3 > div,.grid-4 > div,.grid-5 > div,.grid-7 > div,.grid-8 > div,.grid-9 > div,.grid-10 > div,.grid-11 > div,.grid-12 > div,.grid-100 > div{margin-left: 0px; margin-right: 0px; }
	
	.grid-2 > div{width: 50.0%; float: left; margin-left: 0px !important; margin-right: 0px !important;}
	.grid-2 > .grid-col-1{width: 50.0%; float: left;}
	.grid-2 > .grid-col-2{width: 100.0%; float: left;}
	.grid-3 > div{width: 33.3333%; float: left; margin-left: 0px !important; margin-right: 0px !important;}
	.grid-3 > .grid-col-1{width: 33.3333%; float: left;}
	.grid-3 > .grid-col-2{width: 66.6667%; float: left;}
	.grid-3 > .grid-col-3{width: 100.0%; float: left;}
	.grid-4 > div{width: 25.0%; float: left; margin-left: 0px !important; margin-right: 0px !important;}
	.grid-4 > .grid-col-1{width: 25.0%; float: left;}
	.grid-4 > .grid-col-2{width: 50.0%; float: left;}
	.grid-4 > .grid-col-3{width: 75.0%; float: left;}
	.grid-4 > .grid-col-4{width: 100.0%; float: left;}
	.grid-5 > div{width: 20.0%; float: left; margin-left: 0px !important; margin-right: 0px !important;}
	.grid-5 > .grid-col-1{width: 20.0%; float: left;}
	.grid-5 > .grid-col-2{width: 40.0%; float: left;}
	.grid-5 > .grid-col-3{width: 60.0%; float: left;}
	.grid-5 > .grid-col-4{width: 80.0%; float: left;}
	.grid-5 > .grid-col-5{width: 100.0%; float: left;}
	.grid-6 > div{width: 16.6667%; float: left; margin-left: 0px !important; margin-right: 0px !important;}
	.grid-6 > .grid-col-1{width: 16.6667%; float: left;}
	.grid-6 > .grid-col-2{width: 33.3333%; float: left;}
	.grid-6 > .grid-col-3{width: 50.0%; float: left;}
	.grid-6 > .grid-col-4{width: 66.6667%; float: left;}
	.grid-6 > .grid-col-5{width: 83.3333%; float: left;}
	.grid-6 > .grid-col-6{width: 100.0%; float: left;}
	.grid-7 > div{width: 14.2857%; float: left; margin-left: 0px !important; margin-right: 0px !important;}
	.grid-7 > .grid-col-1{width: 14.2857%; float: left;}
	.grid-7 > .grid-col-2{width: 28.5714%; float: left;}
	.grid-7 > .grid-col-3{width: 42.8571%; float: left;}
	.grid-7 > .grid-col-4{width: 57.1429%; float: left;}
	.grid-7 > .grid-col-5{width: 71.4286%; float: left;}
	.grid-7 > .grid-col-6{width: 85.7143%; float: left;}
	.grid-7 > .grid-col-7{width: 100.0%; float: left;}
	.grid-8 > div{width: 12.5%; float: left; margin-left: 0px !important; margin-right: 0px !important;}
	.grid-8 > .grid-col-1{width: 12.5%; float: left;}
	.grid-8 > .grid-col-2{width: 25.0%; float: left;}
	.grid-8 > .grid-col-3{width: 37.5%; float: left;}
	.grid-8 > .grid-col-4{width: 50.0%; float: left;}
	.grid-8 > .grid-col-5{width: 62.5%; float: left;}
	.grid-8 > .grid-col-6{width: 75.0%; float: left;}
	.grid-8 > .grid-col-7{width: 87.5%; float: left;}
	.grid-8 > .grid-col-8{width: 100.0%; float: left;}
	.grid-9 > div{width: 11.1111%; float: left; margin-left: 0px !important; margin-right: 0px !important;}
	.grid-9 > .grid-col-1{width: 11.1111%; float: left;}
	.grid-9 > .grid-col-2{width: 22.2222%; float: left;}
	.grid-9 > .grid-col-3{width: 33.3333%; float: left;}
	.grid-9 > .grid-col-4{width: 44.4444%; float: left;}
	.grid-9 > .grid-col-5{width: 55.5556%; float: left;}
	.grid-9 > .grid-col-6{width: 66.6667%; float: left;}
	.grid-9 > .grid-col-7{width: 77.7778%; float: left;}
	.grid-9 > .grid-col-8{width: 88.8889%; float: left;}
	.grid-9 > .grid-col-9{width: 100.0%; float: left;}
	.grid-10 > div{width: 10.0%; float: left; margin-left: 0px !important; margin-right: 0px !important;}
	.grid-10 > .grid-col-1{width: 10.0%; float: left;}
	.grid-10 > .grid-col-2{width: 20.0%; float: left;}
	.grid-10 > .grid-col-3{width: 30.0%; float: left;}
	.grid-10 > .grid-col-4{width: 40.0%; float: left;}
	.grid-10 > .grid-col-5{width: 50.0%; float: left;}
	.grid-10 > .grid-col-6{width: 60.0%; float: left;}
	.grid-10 > .grid-col-7{width: 70.0%; float: left;}
	.grid-10 > .grid-col-8{width: 80.0%; float: left;}
	.grid-10 > .grid-col-9{width: 90.0%; float: left;}
	.grid-10 > .grid-col-10{width: 100.0%; float: left;}
	.grid-11 > div{width: 9.0909%; float: left; margin-left: 0px !important; margin-right: 0px !important;}
	.grid-11 > .grid-col-1{width: 9.0909%; float: left;}
	.grid-11 > .grid-col-2{width: 18.1818%; float: left;}
	.grid-11 > .grid-col-3{width: 27.2727%; float: left;}
	.grid-11 > .grid-col-4{width: 36.3636%; float: left;}
	.grid-11 > .grid-col-5{width: 45.4545%; float: left;}
	.grid-11 > .grid-col-6{width: 54.5455%; float: left;}
	.grid-11 > .grid-col-7{width: 63.6364%; float: left;}
	.grid-11 > .grid-col-8{width: 72.7273%; float: left;}
	.grid-11 > .grid-col-9{width: 81.8182%; float: left;}
	.grid-11 > .grid-col-10{width: 90.9091%; float: left;}
	.grid-11 > .grid-col-11{width: 100.0%; float: left;}
	.grid-12 > div{width: 8.3333%; float: left; margin-left: 0px !important; margin-right: 0px !important;}
	.grid-12 > .grid-col-1{width: 8.3333%; float: left;}
	.grid-12 > .grid-col-2{width: 16.6667%; float: left;}
	.grid-12 > .grid-col-3{width: 25.0%; float: left;}
	.grid-12 > .grid-col-4{width: 33.3333%; float: left;}
	.grid-12 > .grid-col-5{width: 41.6667%; float: left;}
	.grid-12 > .grid-col-6{width: 50.0%; float: left;}
	.grid-12 > .grid-col-7{width: 58.3333%; float: left;}
	.grid-12 > .grid-col-8{width: 66.6667%; float: left;}
	.grid-12 > .grid-col-9{width: 75.0%; float: left;}
	.grid-12 > .grid-col-10{width: 83.3333%; float: left;}
	.grid-12 > .grid-col-11{width: 91.6667%; float: left;}
	.grid-12 > .grid-col-12{width: 100.0%; float: left;}
	.grid-100 > div{width: 1.0%; float: left; margin-left: 0px !important; margin-right: 0px !important;}
	.grid-100 > .grid-col-1{width: 1.0%; float: left;}
	.grid-100 > .grid-col-2{width: 2.0%; float: left;}
	.grid-100 > .grid-col-3{width: 3.0%; float: left;}
	.grid-100 > .grid-col-4{width: 4.0%; float: left;}
	.grid-100 > .grid-col-5{width: 5.0%; float: left;}
	.grid-100 > .grid-col-6{width: 6.0%; float: left;}
	.grid-100 > .grid-col-7{width: 7.0%; float: left;}
	.grid-100 > .grid-col-8{width: 8.0%; float: left;}
	.grid-100 > .grid-col-9{width: 9.0%; float: left;}
	.grid-100 > .grid-col-10{width: 10.0%; float: left;}
	.grid-100 > .grid-col-11{width: 11.0%; float: left;}
	.grid-100 > .grid-col-12{width: 12.0%; float: left;}
	.grid-100 > .grid-col-13{width: 13.0%; float: left;}
	.grid-100 > .grid-col-14{width: 14.0%; float: left;}
	.grid-100 > .grid-col-15{width: 15.0%; float: left;}
	.grid-100 > .grid-col-16{width: 16.0%; float: left;}
	.grid-100 > .grid-col-17{width: 17.0%; float: left;}
	.grid-100 > .grid-col-18{width: 18.0%; float: left;}
	.grid-100 > .grid-col-19{width: 19.0%; float: left;}
	.grid-100 > .grid-col-20{width: 20.0%; float: left;}
	.grid-100 > .grid-col-21{width: 21.0%; float: left;}
	.grid-100 > .grid-col-22{width: 22.0%; float: left;}
	.grid-100 > .grid-col-23{width: 23.0%; float: left;}
	.grid-100 > .grid-col-24{width: 24.0%; float: left;}
	.grid-100 > .grid-col-25{width: 25.0%; float: left;}
	.grid-100 > .grid-col-26{width: 26.0%; float: left;}
	.grid-100 > .grid-col-27{width: 27.0%; float: left;}
	.grid-100 > .grid-col-28{width: 28.0%; float: left;}
	.grid-100 > .grid-col-29{width: 29.0%; float: left;}
	.grid-100 > .grid-col-30{width: 30.0%; float: left;}
	.grid-100 > .grid-col-31{width: 31.0%; float: left;}
	.grid-100 > .grid-col-32{width: 32.0%; float: left;}
	.grid-100 > .grid-col-33{width: 33.0%; float: left;}
	.grid-100 > .grid-col-34{width: 34.0%; float: left;}
	.grid-100 > .grid-col-35{width: 35.0%; float: left;}
	.grid-100 > .grid-col-36{width: 36.0%; float: left;}
	.grid-100 > .grid-col-37{width: 37.0%; float: left;}
	.grid-100 > .grid-col-38{width: 38.0%; float: left;}
	.grid-100 > .grid-col-39{width: 39.0%; float: left;}
	.grid-100 > .grid-col-40{width: 40.0%; float: left;}
	.grid-100 > .grid-col-41{width: 41.0%; float: left;}
	.grid-100 > .grid-col-42{width: 42.0%; float: left;}
	.grid-100 > .grid-col-43{width: 43.0%; float: left;}
	.grid-100 > .grid-col-44{width: 44.0%; float: left;}
	.grid-100 > .grid-col-45{width: 45.0%; float: left;}
	.grid-100 > .grid-col-46{width: 46.0%; float: left;}
	.grid-100 > .grid-col-47{width: 47.0%; float: left;}
	.grid-100 > .grid-col-48{width: 48.0%; float: left;}
	.grid-100 > .grid-col-49{width: 49.0%; float: left;}
	.grid-100 > .grid-col-50{width: 50.0%; float: left;}
	.grid-100 > .grid-col-51{width: 51.0%; float: left;}
	.grid-100 > .grid-col-52{width: 52.0%; float: left;}
	.grid-100 > .grid-col-53{width: 53.0%; float: left;}
	.grid-100 > .grid-col-54{width: 54.0%; float: left;}
	.grid-100 > .grid-col-55{width: 55.0%; float: left;}
	.grid-100 > .grid-col-56{width: 56.0%; float: left;}
	.grid-100 > .grid-col-57{width: 57.0%; float: left;}
	.grid-100 > .grid-col-58{width: 58.0%; float: left;}
	.grid-100 > .grid-col-59{width: 59.0%; float: left;}
	.grid-100 > .grid-col-60{width: 60.0%; float: left;}
	.grid-100 > .grid-col-61{width: 61.0%; float: left;}
	.grid-100 > .grid-col-62{width: 62.0%; float: left;}
	.grid-100 > .grid-col-63{width: 63.0%; float: left;}
	.grid-100 > .grid-col-64{width: 64.0%; float: left;}
	.grid-100 > .grid-col-65{width: 65.0%; float: left;}
	.grid-100 > .grid-col-66{width: 66.0%; float: left;}
	.grid-100 > .grid-col-67{width: 67.0%; float: left;}
	.grid-100 > .grid-col-68{width: 68.0%; float: left;}
	.grid-100 > .grid-col-69{width: 69.0%; float: left;}
	.grid-100 > .grid-col-70{width: 70.0%; float: left;}
	.grid-100 > .grid-col-71{width: 71.0%; float: left;}
	.grid-100 > .grid-col-72{width: 72.0%; float: left;}
	.grid-100 > .grid-col-73{width: 73.0%; float: left;}
	.grid-100 > .grid-col-74{width: 74.0%; float: left;}
	.grid-100 > .grid-col-75{width: 75.0%; float: left;}
	.grid-100 > .grid-col-76{width: 76.0%; float: left;}
	.grid-100 > .grid-col-77{width: 77.0%; float: left;}
	.grid-100 > .grid-col-78{width: 78.0%; float: left;}
	.grid-100 > .grid-col-79{width: 79.0%; float: left;}
	.grid-100 > .grid-col-80{width: 80.0%; float: left;}
	.grid-100 > .grid-col-81{width: 81.0%; float: left;}
	.grid-100 > .grid-col-82{width: 82.0%; float: left;}
	.grid-100 > .grid-col-83{width: 83.0%; float: left;}
	.grid-100 > .grid-col-84{width: 84.0%; float: left;}
	.grid-100 > .grid-col-85{width: 85.0%; float: left;}
	.grid-100 > .grid-col-86{width: 86.0%; float: left;}
	.grid-100 > .grid-col-87{width: 87.0%; float: left;}
	.grid-100 > .grid-col-88{width: 88.0%; float: left;}
	.grid-100 > .grid-col-89{width: 89.0%; float: left;}
	.grid-100 > .grid-col-90{width: 90.0%; float: left;}
	.grid-100 > .grid-col-91{width: 91.0%; float: left;}
	.grid-100 > .grid-col-92{width: 92.0%; float: left;}
	.grid-100 > .grid-col-93{width: 93.0%; float: left;}
	.grid-100 > .grid-col-94{width: 94.0%; float: left;}
	.grid-100 > .grid-col-95{width: 95.0%; float: left;}
	.grid-100 > .grid-col-96{width: 96.0%; float: left;}
	.grid-100 > .grid-col-97{width: 97.0%; float: left;}
	.grid-100 > .grid-col-98{width: 98.0%; float: left;}
	.grid-100 > .grid-col-99{width: 99.0%; float: left;}
	.grid-100 > .grid-col-100{width: 100.0%; float: left;}
	.grid > div{width: 4.1667%; float: left; margin-left: 0px !important; margin-right: 0px !important;}
	.grid > .grid-col-1{width: 4.1667%; float: left;}
	.grid > .grid-col-2{width: 8.3333%; float: left;}
	.grid > .grid-col-3{width: 12.5%; float: left;}
	.grid > .grid-col-4{width: 16.6667%; float: left;}
	.grid > .grid-col-5{width: 20.8333%; float: left;}
	.grid > .grid-col-6{width: 25.0%; float: left;}
	.grid > .grid-col-7{width: 29.1667%; float: left;}
	.grid > .grid-col-8{width: 33.3333%; float: left;}
	.grid > .grid-col-9{width: 37.5%; float: left;}
	.grid > .grid-col-10{width: 41.6667%; float: left;}
	.grid > .grid-col-11{width: 45.8333%; float: left;}
	.grid > .grid-col-12{width: 50.0%; float: left;}
	.grid > .grid-col-13{width: 54.1667%; float: left;}
	.grid > .grid-col-14{width: 58.3333%; float: left;}
	.grid > .grid-col-15{width: 62.5%; float: left;}
	.grid > .grid-col-16{width: 66.6667%; float: left;}
	.grid > .grid-col-17{width: 70.8333%; float: left;}
	.grid > .grid-col-18{width: 75.0%; float: left;}
	.grid > .grid-col-19{width: 79.1667%; float: left;}
	.grid > .grid-col-20{width: 83.3333%; float: left;}
	.grid > .grid-col-21{width: 87.5%; float: left;}
	.grid > .grid-col-22{width: 91.6667%; float: left;}
	.grid > .grid-col-23{width: 95.8333%; float: left;}
	.grid > .grid-col-24{width: 100.0%; float: left;}
	svg{height: 14px;}
	.grid-col-half { width: 50.0%; float: left;}
	.grid-col-full { width: 100.0%; float: left;}
	
	.grid > .selform-grid-col-33 {width: 33.3333% !important; float: left;	}
	.grid > .selform-grid-col-25 {width: 25% !important; float: left;}
	.grid > .selform-grid-col-50 ,.grid > .selform-grid-col-0,.grid > .selform-grid-col-{width: 50.0%; float: left;}
	.grid > .selform-grid-col-95 {width: 50.0% !important; float: left;}
	.selform-grid-row{display: flex;flex-direction: column;}
	.selform-grid-col{display: flex;}
	.selform-grid-col .fix-col{flex: 0 0 180px; align-items: center; flex-wrap: wrap; display: flex; padding: 5px; padding-right: 10px;   height: 45px;  margin: -1px 0 0 -1px; line-height: 14px; position: relative; justify-content: flex-end;}
	.selform-grid-col .fix-col .xh{position: absolute; right: 0px; top: 10px;}
	.selform-grid-col .auto-col{flex: 1; padding:5px 10px 5px 10px ;box-sizing: border-box; margin: -1px 0 0 -1px;display: inline-flex;align-items: center;vertical-align: middle; }
}


@keyframes bounce {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}
@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}
@keyframes slideInLeft {
  from { transform: translateX(-100%); }
  to { transform: translateX(0); }
}
@keyframes expandContract {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.2); }
}
@keyframes rotateIn {
  from { transform: rotate(-360deg); }
  to { transform: rotate(0); }
}
@keyframes colorShift {
  from { background-color: #3498db; }
  to { background-color: #e74c3c; }
}
@keyframes floating {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}
@keyframes gradientShift {
  0% { background: linear-gradient(45deg, #ff9a9e, #fad0c4); }
  50% { background: linear-gradient(45deg, #fad0c4, #fcb69f); }
  100% { background: linear-gradient(45deg, #fcb69f, #ff9a9e); }
}
@keyframes popUp {
  0% { transform: scale(0.9); }
  50% { transform: scale(1.1); }
  100% { transform: scale(1); }
}
@keyframes skewIn {
  0% { transform: translateX(-100%) skewX(-10deg); }
  100% { transform: translateX(0) skewX(0); }
}
@keyframes shrink {
  to { transform: scale(0.95); }
}
@keyframes spinner {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes wave {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

.grid.table > div{margin: -1px 0 0 -1px}
.grid-header > div{background-color: rgba(27,86,190,0.05); padding: 10px; border:1px solid #E5E5E5;font-weight: 700; color: #333;}
.grid-body .grid div{border:1px solid #E5E5E5;}
.grid-body .grid-body-title{background-color: rgba(27,86,190,0.05);font-weight: 700; }
.grid-child-row{margin: 5px 0px 5px 0px; position: relative;}
.grid-child-row > div:first-child{ margin-left: 20px; border-radius: 5px 0 0 5px;}
.grid-child-row > div:first-child:before{content: '';position: absolute;top: -5px;left: 10px;bottom: 50%;width: 10px;border-left: 1px dashed #ccc;z-index: 0;}
.grid-child-row > div:first-child:after{content: '';position: absolute;top: -15px;left: 12px;bottom: 50%;width: 9px;border-bottom: 1px dashed #ccc;z-index: 0;}
.grid-child-row > div{padding: 6px;}

.page-footer{position: sticky;z-index: 9999;}



.svg-icon{width:1em !important; height:1em !important;  position: relative; display: inline-block;vertical-align: baseline;}
.svg-icon:before{position: absolute; top: 0px; display: block; left: 0px; top:2px;width: 100%;height: 100%;content: ''; mask-size: contain;background-color:  currentColor;}
.svg-icon.fc-info:before{background-color: #1B56BE;}

.svg-icon-ban:before{ mask: url('/hr/template/js/jquery-easyui/themes/icons/svg/ban.svg') no-repeat center; -webkit-mask: url('/hr/template/js/jquery-easyui/themes/icons/svg/ban.svg') no-repeat center;}
.svg-icon-block:before{ mask: url('/hr/template/js/jquery-easyui/themes/icons/svg/block.svg') no-repeat center; -webkit-mask: url('/hr/template/js/jquery-easyui/themes/icons/svg/block.svg') no-repeat center;}
.svg-icon-book:before{ mask: url('/hr/template/js/jquery-easyui/themes/icons/svg/book.svg') no-repeat center; -webkit-mask: url('/hr/template/js/jquery-easyui/themes/icons/svg/book.svg') no-repeat center;}
.svg-icon-brief:before{ mask: url('/hr/template/js/jquery-easyui/themes/icons/svg/brief.svg') no-repeat center; -webkit-mask: url('/hr/template/js/jquery-easyui/themes/icons/svg/brief.svg') no-repeat center;}
.svg-icon-chart:before{ mask: url('/hr/template/js/jquery-easyui/themes/icons/svg/chart.svg') no-repeat center; -webkit-mask: url('/hr/template/js/jquery-easyui/themes/icons/svg/chart.svg') no-repeat center;}
.svg-icon-checkline:before{ mask: url('/hr/template/js/jquery-easyui/themes/icons/svg/checkline.svg') no-repeat center; -webkit-mask: url('/hr/template/js/jquery-easyui/themes/icons/svg/checkline.svg') no-repeat center;}
.svg-icon-checkpaper:before{ mask: url('/hr/template/js/jquery-easyui/themes/icons/svg/checkpaper.svg') no-repeat center; -webkit-mask: url('/hr/template/js/jquery-easyui/themes/icons/svg/checkpaper.svg') no-repeat center;}
.svg-icon-cogs:before{ mask: url('/hr/template/js/jquery-easyui/themes/icons/svg/cogs.svg') no-repeat center; -webkit-mask: url('/hr/template/js/jquery-easyui/themes/icons/svg/cogs.svg') no-repeat center;}
.svg-icon-computer:before{ mask: url('/hr/template/js/jquery-easyui/themes/icons/svg/computer.svg') no-repeat center; -webkit-mask: url('/hr/template/js/jquery-easyui/themes/icons/svg/computer.svg') no-repeat center;}
.svg-icon-delete:before{ mask: url('/hr/template/js/jquery-easyui/themes/icons/svg/delete.svg') no-repeat center; -webkit-mask: url('/hr/template/js/jquery-easyui/themes/icons/svg/delete.svg') no-repeat center;}
.svg-icon-detail:before{ mask: url('/hr/template/js/jquery-easyui/themes/icons/svg/detail.svg') no-repeat center; -webkit-mask: url('/hr/template/js/jquery-easyui/themes/icons/svg/detail.svg') no-repeat center;}
.svg-icon-duty:before{ mask: url('/hr/template/js/jquery-easyui/themes/icons/svg/duty.svg') no-repeat center; -webkit-mask: url('/hr/template/js/jquery-easyui/themes/icons/svg/duty.svg') no-repeat center;}
.svg-icon-edit:before{ mask: url('/hr/template/js/jquery-easyui/themes/icons/svg/edit.svg') no-repeat center; -webkit-mask: url('/hr/template/js/jquery-easyui/themes/icons/svg/edit.svg') no-repeat center;}
.svg-icon-folder:before{ mask: url('/hr/template/js/jquery-easyui/themes/icons/svg/folder.svg') no-repeat center; -webkit-mask: url('/hr/template/js/jquery-easyui/themes/icons/svg/folder.svg') no-repeat center;}
.svg-icon-home:before{ mask: url('/hr/template/js/jquery-easyui/themes/icons/svg/home.svg') no-repeat center; -webkit-mask: url('/hr/template/js/jquery-easyui/themes/icons/svg/home.svg') no-repeat center;}
.svg-icon-honor:before{ mask: url('/hr/template/js/jquery-easyui/themes/icons/svg/honor.svg') no-repeat center; -webkit-mask: url('/hr/template/js/jquery-easyui/themes/icons/svg/honor.svg') no-repeat center;}
.svg-icon-layer:before{ mask: url('/hr/template/js/jquery-easyui/themes/icons/svg/layer.svg') no-repeat center; -webkit-mask: url('/hr/template/js/jquery-easyui/themes/icons/svg/layer.svg') no-repeat center;}
.svg-icon-link:before{ mask: url('/hr/template/js/jquery-easyui/themes/icons/svg/link.svg') no-repeat center; -webkit-mask: url('/hr/template/js/jquery-easyui/themes/icons/svg/link.svg') no-repeat center;}
.svg-icon-objct:before{ mask: url('/hr/template/js/jquery-easyui/themes/icons/svg/objct.svg') no-repeat center; -webkit-mask: url('/hr/template/js/jquery-easyui/themes/icons/svg/objct.svg') no-repeat center;}
.svg-icon-order:before{ mask: url('/hr/template/js/jquery-easyui/themes/icons/svg/order.svg') no-repeat center; -webkit-mask: url('/hr/template/js/jquery-easyui/themes/icons/svg/order.svg') no-repeat center;}
.svg-icon-pencil:before{ mask: url('/hr/template/js/jquery-easyui/themes/icons/svg/pencil.svg') no-repeat center; -webkit-mask: url('/hr/template/js/jquery-easyui/themes/icons/svg/pencil.svg') no-repeat center;}
.svg-icon-plug:before{ mask: url('/hr/template/js/jquery-easyui/themes/icons/svg/plug.svg') no-repeat center; -webkit-mask: url('/hr/template/js/jquery-easyui/themes/icons/svg/plug.svg') no-repeat center;}
.svg-icon-plus:before{ mask: url('/hr/template/js/jquery-easyui/themes/icons/svg/plus.svg') no-repeat center; -webkit-mask: url('/hr/template/js/jquery-easyui/themes/icons/svg/plus.svg') no-repeat center;}
.svg-icon-print:before{ mask: url('/hr/template/js/jquery-easyui/themes/icons/svg/print.svg') no-repeat center; -webkit-mask: url('/hr/template/js/jquery-easyui/themes/icons/svg/print.svg') no-repeat center;}
.svg-icon-share:before{ mask: url('/hr/template/js/jquery-easyui/themes/icons/svg/share.svg') no-repeat center; -webkit-mask: url('/hr/template/js/jquery-easyui/themes/icons/svg/share.svg') no-repeat center;}
.svg-icon-shine:before{ mask: url('/hr/template/js/jquery-easyui/themes/icons/svg/shine.svg') no-repeat center; -webkit-mask: url('/hr/template/js/jquery-easyui/themes/icons/svg/shine.svg') no-repeat center;}
.svg-icon-stamp:before{ mask: url('/hr/template/js/jquery-easyui/themes/icons/svg/stamp.svg') no-repeat center; -webkit-mask: url('/hr/template/js/jquery-easyui/themes/icons/svg/stamp.svg') no-repeat center;}
.svg-icon-survey:before{ mask: url('/hr/template/js/jquery-easyui/themes/icons/svg/survey.svg') no-repeat center; -webkit-mask: url('/hr/template/js/jquery-easyui/themes/icons/svg/survey.svg') no-repeat center;}
.svg-icon-teacher:before{ mask: url('/hr/template/js/jquery-easyui/themes/icons/svg/teacher.svg') no-repeat center; -webkit-mask: url('/hr/template/js/jquery-easyui/themes/icons/svg/teacher.svg') no-repeat center;}
.svg-icon-upload:before{ mask: url('/hr/template/js/jquery-easyui/themes/icons/svg/upload.svg') no-repeat center; -webkit-mask: url('/hr/template/js/jquery-easyui/themes/icons/svg/upload.svg') no-repeat center;}
.svg-icon-user:before{ mask: url('/hr/template/js/jquery-easyui/themes/icons/svg/user.svg') no-repeat center; -webkit-mask: url('/hr/template/js/jquery-easyui/themes/icons/svg/user.svg') no-repeat center;}
.svg-icon-info:before{ mask: url('/hr/template/js/jquery-easyui/themes/icons/svg/info.svg') no-repeat center; -webkit-mask: url('/hr/template/js/jquery-easyui/themes/icons/svg/info.svg') no-repeat center;}
.svg-icon-success:before{ mask: url('/hr/template/js/jquery-easyui/themes/icons/svg/success.svg') no-repeat center; -webkit-mask: url('/hr/template/js/jquery-easyui/themes/icons/svg/success.svg') no-repeat center;}
.svg-icon-check:before{ mask: url('/hr/template/js/jquery-easyui/themes/icons/svg/check.svg') no-repeat center; -webkit-mask: url('/hr/template/js/jquery-easyui/themes/icons/svg/check.svg') no-repeat center;}
.svg-icon-skin:before{ mask: url('/hr/template/js/jquery-easyui/themes/icons/svg/skin.svg') no-repeat center; -webkit-mask: url('/hr/template/js/jquery-easyui/themes/icons/svg/skin.svg') no-repeat center;}
.svg-icon-user-solid:before{ mask: url('/hr/template/js/jquery-easyui/themes/icons/svg/user-solid.svg') no-repeat center; -webkit-mask: url('/hr/template/js/jquery-easyui/themes/icons/svg/user-solid.svg') no-repeat center;}
.svg-icon-bell:before{ mask: url('/hr/template/js/jquery-easyui/themes/icons/svg/bell.svg') no-repeat center; -webkit-mask: url('/hr/template/js/jquery-easyui/themes/icons/svg/bell.svg') no-repeat center;}