.text-center { text-align: center; }
.p-0 { padding: 0; }
.m-0 { padding: 0; }
.fit-object {
	width: 100%;
	object-fit: contain;
}

body {
  padding: 5px 0;
	font-size: 14px !important;	
	font-family: 'Source Sans Pro', sans-serif !important;
	line-height: 1.2 !important;
}

input, textarea, select {
	font-family: "Roboto", Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif;
 	font-size: 13px;
	background-color: #ffffff; /* #f5f5f5 */
	color: black; /*#0066CC;*/
	padding: 1px;
	border : 1px solid #aaaaaa;
	border-radius: 4px !important;
	padding: 0 4px !important;
	font-size: 14px !important;
}

input:focus,
input:hover,
textarea:focus,
textarea:hover,
select:focus,
select:hover {
	color: Black;
	/*  background: #E0E1BF; */
	/*border: 1px solid Red;*/
}

a:link { color: #0066cc; }
a:visited { color: #0066cc; }
a:hover,a:active { color: #0066cc; }
a.link_strike { color: #0066cc; }

.icon  {
	padding: 10px 5px 5px 5px; 
	float: left; 
	width: 160px; 
	height: 240px; 
	border-top: 1px solid white; 
	border-left: 1px solid white; 
	border-right: 1px solid #dedede; 
	border-bottom: 1px solid #dedede; 
	line-height: 15px;
	position: relative;
}

.icon_img {
	height: 150px; 
	vertical-align: bottom; 
	text-align: center; 
	margin-bottom: 10px !important; 
	cursor: pointer;
}

@media screen and (max-width:767px){
	#title-logo { text-align: center; }
	#title-folder { text-align: center; }
	#title-folder h3 { font-size: 14px !important; line-height: 1.2; }
}

h1 { font-size: 1.5rem !important; font-weight2: bold !important; }
h2 { font-size: 1.4rem !important; font-weight2: bold !important; }
h3 { font-size: 1.3rem !important; font-weight2: bold !important; }
h4 { font-size: 1.2rem !important; font-weight2: bold !important; }
h5 { font-size: 1.0rem !important; font-weight: bold !important; }

.bg_blue 		{ background:#629fcf !important; }
.bg_green 	{ background:#379b3c !important; }
.bg_green2 	{ background:#63BE7a !important; }
.bg_yellow 	{ background:#d9c855 !important; } /* #c4b22a; */
.bg_orange 	{ background:#CC6600 !important; }
.bg_red2 		{ background:#bd4646 !important; }
.bg_grey 		{ background:#434343 !important; }
.bg_grey2 	{ background:#6f6f6f !important; }
.bg_grey3 	{ background:#9f9f9f !important; }
.bg_brown 	{ background:#af9c7e !important; }
.bg_black 	{ background:#000000 !important; }

/* -------------------------------------------------------------------------------------------------------------- */
/* KA/Colors
/* -------------------------------------------------------------------------------------------------------------- */

.blue 	{ color: #0275d8 !important; } /* #3366cc; */
.red 		{ color: #DD002E !important; } /* #bd4646 */
.orange { color: #FF6700 !important;} /* #CC6600; } */
.green 	{ color: #379b3c !important; }
.green2 { color: #909139 !important; }
.grey 	{ color: #5F5F5F !important; }
.grey2	{ color: #7D7D7D !important; }
.black 	{ color: #333333 !important; }
.brown 	{ color: #9F6000 !important; }
.yellow { color: yellow !important; }

.bg_blue 		{ background:#629fcf !important; }
.bg_green 	{ background:#379b3c !important; }
.bg_green2 	{ background:#63BE7a !important; }
.bg_yellow 	{ background:#d9c855 !important; } /* #c4b22a; */
.bg_orange 	{ background:#CC6600 !important; }
.bg_red2 		{ background:#bd4646 !important; }
.bg_grey 		{ background:#434343 !important; }
.bg_grey2 	{ background:#6f6f6f !important; }
.bg_grey3 	{ background:#9f9f9f !important; }
.bg_brown 	{ background:#af9c7e !important; }
.bg_black 	{ background:#000000 !important; }

.pt5 { padding-top: 5px !important; }
.pt7 { padding-top: 7px !important; }
.pt10 { padding-top: 10px !important; }
.pt20 { padding-top: 20px !important; }
.pt30 { padding-top: 30px !important; }
.pt40 { padding-top: 40px !important; }

.pb5 { padding-bottom: 5px !important; }
.pb7 { padding-bottom: 7px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb40 { padding-bottom: 40px !important; }

.pr5 { padding-right: 5px !important; }
.pr10 { padding-right: 10px !important; }
.pr20 { padding-right: 20px !important; }
.pr30 { padding-right: 30px !important; }
.pr40 { padding-right: 40px !important; }

.pl5 { padding-left: 5px !important; }
.pl10 { padding-left: 10px !important; }
.pl20 { padding-left: 20px !important; }
.pl30 { padding-left: 30px !important; }
.pl40 { padding-left: 40px !important; }

.mt5 { margin-top: 5px !important; }
.mt7 { margin-top: 7px !important; }
.mt10 { margin-top: 10px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }

.mb5 { margin-bottom: 5px !important; }
.mb7 { margin-bottom: 7px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }

.mr5 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr20 { margin-right: 20px !important; }
.mr30 { margin-right: 30px !important; }

.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml20 { margin-left: 20px !important; }
.ml30 { margin-left: 30px !important; }

.tal { text-align: left !important; }
.tac { text-align: center !important; }
.tar { text-align: right !important; }

.nw {
	white-space: nowrap !important;
}

.dp {
	display: none !important;
}

.w1 { width: 1% !important; }

.w100 {	width: 100% !important; }

.mw { max-width: 1100px !important; }

.wm { max-width: 1100px !important; }

.mw2 { max-width: 600px !important; }

.vat { vertical-align: top !important; }

.vam { vertical-align: middle !important; }

.vab { vertical-align: bottom  !important; }

.cb { clear:both; }

.bold { font-weight: bold; }

.card { border: 0px; }

.button {
	background: #373A3C !important;
	color: white;
	display: inline-block;
	font-weight: 400;
	line-height: 1.25;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid transparent;
	padding: .5rem 1rem;
	font-size: 1rem;
	border-radius: .25rem;
}

.bg-inverse {
    color: #fff!important;
    background-color: #6a8811 !important;
}

.btn {
	margin-bottom: 10px !important;
}


/* -------------------------------------------------------------------------------------------------------------- */
/* KA/Grid
/* -------------------------------------------------------------------------------------------------------------- */

.ka_grid {
	font-family: "Roboto", Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 13px;
  border : none;
	background-color: #FFFFFF; /* #F9F8F8; */
	color: #333333;
	spacing: 0;
	padding: 2;
	//width: 980px;
	width: 100%;
	border-spacing: 0px;
}

.ka_grid tr { height: 22px; }
.ka_grid td { padding: 5px; line-height: 22px; }
.ka_grid a 	{ color: #ffffff; }

.ka_grid_header th, .ka_grid_header td {
	text-align: left; /* center */
	vertical-align: middle;
	padding: 4px;
	background-color: #629fcf; /*#c0cffa;*/
	color: White; /*#333333;*/
	white-space: nowrap;
	}

.ka_grid_header a:link, .panel_grid_header a:visited, .panel_grid_header a:hover, .panel_grid_header a:active {
	color: White; /*#333333;*/
	font-weight: bold;
}

.ka_grid_footer th { 
	text-align: center;
	vertical-align: middle;
	padding: 4px;
	background-color: #666666; /*#c0cffa;*/
	color: White; /*#333333;*/
	white-space: nowrap;
	/*font-weight: bold;*/
}

.ka_grid_row tr { height: 22px; }
.ka_grid_row td {
	font-size: 13px;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	border-bottom: 1px solid #dedede;
	vertical-align: middle;
	background-color: #FFFFFF;
	color: #343434;
	height: 25px;
}
.ka_grid_row a:link 		{ color: #0066CC; }
.ka_grid_row a:visited 	{ color: #0066CC; }
.ka_grid_row a:hover 		{	color: #0066CC; }
.ka_grid_row a:active		{	color: #0066CC; }
.ka_grid_row td:hover 	{ background-color: #e6f0f5; }

.ka_grid_row td img,
.ka_grid_row_alt td img {
	max-height: 40px !important;
	margin: 4px auto !important;
}

.ka_grid_row_alt tr { height: 22px; }
.ka_grid_row_alt td {
	font-size: 13px;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	border-bottom: 1px solid #dedede;
	vertical-align: middle;
	background-color: #eeeeee; /*#E6E3E3*/
	color: #343434;
	height: 25px;
}
.ka_grid_row_alt a:link 		{ color: #0066CC; }
.ka_grid_row_alt a:visited 	{ color: #0066CC; }
.ka_grid_row_alt a:hover 		{	color: #0066CC; }
.ka_grid_row_alt a:active		{	color: #0066CC; }
.ka_grid_row_alt td:hover 	{ background-color: #e6f0f5; }

.ka_grid_row_add tr { height: 22px; }
.ka_grid_row_add td {
	font-size: 13px;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	border-bottom: 1px solid #dedede;
	vertical-align: middle;
	background-color: #bad4e9;
	color: #343434;
	height: 32px;
}
.ka_grid_row_add a:link 		{ color: #0066CC; }
.ka_grid_row_add a:visited 	{ color: #0066CC; }
.ka_grid_row_add a:hover 		{	color: #0066CC; }
.ka_grid_row_add a:active		{	color: #0066CC; }
.ka_grid_row_add td:hover 	{ background-color: #e6f0f5; }

.ka_grid_row_flat tr { height: 30px; }
.ka_grid_row_flat td {
	font-size: 13px;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	border-bottom: 1px solid #dedede;
	vertical-align: middle;
	background-color: #FFFFFF;
	color: #343434;
	height: 30px;
}



.mkt_file_grid {
	padding: 5px !important;
	
}
.mkt_file_grid > div {
	padding: 10px;
	border: 1px solid #b7b7b7;
	border-radius: 4px;
	box-shadow: 3px 5px 10px -9px rgb(0 0 0 / 40%);
}
	.mkt_file_grid.important > div {
		border: 1px solid crimson;
	}
	.mkt_file_grid > div:hover {
		background: #fffff2;
		border-color: #dbdbb2
	}

.mkt_file_grid .item-img {
	margin-top: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	height: 120px;
	margin-bottom: 10px;
	background-image: linear-gradient(45deg, #f1f1f1 25%, transparent 25%), linear-gradient(-45deg, #f1f1f1 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #f1f1f1 75%), linear-gradient(-45deg, transparent 75%, #f1f1f1 75%);
	background-size: 20px 20px;
	background-position: 0 0, 0 10px, 10px -10px, -10px 0px;
	padding: 5px 0;
	border: 1px dotted #b7b7b7;
}
.mkt_file_grid .item-img > a {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	height: 120px;	
}
.mkt_file_grid img {
	max-width:100%;
	max-height:100%;
	object-fit: cover;
}
.mkt_file_grid .item-info {
	border-top: 1px solid #efefef;
	padding-top: 5px;
	height: 90px;
	line-height: 1.2;
	text-align: center;
	font-size: 14px;
	word-break: break-all !important;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
@media screen and (max-width: 768px) {
	.mkt_file_grid .item-img,
	.mkt_file_grid .item-img > a {
		height: 75px;
}
	.mkt_file_grid .item-info {
		height: 70px;
		font-size: 12px;				
	}
}

.mkt_file_grid .item-img {
	margin-top: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	height: 120px;
	margin-bottom: 10px;
	background-image: linear-gradient(45deg, #fafafa 25%, transparent 25%), linear-gradient(-45deg, #fafafa 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #fafafa 75%), linear-gradient(-45deg, transparent 75%, #fafafa 75%);
  background-size: 20px 20px;
  background-position: 0 0, 0 10px, 10px -10px, -10px 0px;
  padding: 5px 0;
  border: 1px dotted #b7b7b7;
}
.mkt_file_grid .item-img > a {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	height: 120px;	
}
.mkt_file_grid img {
	max-width:100%;
	max-height:100%;
	object-fit: cover;
}
.mkt_file_grid .item-info {
	border-top: 1px solid #efefef;
	padding-top: 5px;
	height: 90px;
	line-height: 1.2;
	text-align: center;
	font-size: 14px;
	word-break: break-all !important;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
@media screen and (max-width: 768px) {
	.mkt_file_grid .item-img,
	.mkt_file_grid .item-img > a {
		height: 75px;
}
	.mkt_file_grid .item-info {
		height: 70px;
		font-size: 12px;				
	}
}