/* GLOBAL*/




@import 'karnov-styles.css';
/* @import '../fonts/fontawesome.css'; */

/* @import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css"); */
/* @import 'fontawesome.css'; */
@import 'font-awesome-6-free-min.css';

/* @import '../fonts/WoltersKluwer/font-awesome.css'; */
@font-face {
	font-family: 'Fira';
	src: url('../fonts/WoltersKluwer/FiraSans-Light.eot'); /* IE9 Compat Modes */
	src: url('../fonts/WoltersKluwer/FiraSans-Light.woff') format('woff'), /* Pretty Modern Browsers */
	url('../fonts/WoltersKluwer/FiraSans-Light.ttf')  format('truetype');
}

@font-face {
  font-family: "Roboto Light";
  src: url("../fonts/roboto-light-webfont.woff2") format("woff2");
}
@font-face {
  font-family: "Roboto Medium";
  src: url("../fonts/roboto-medium-webfont.woff2") format("woff2");
}
@font-face {
  font-family: "Roboto Regular";
  src: url("../fonts/roboto-regular-webfont.woff2") format("woff2");
  font-weight: 100;
}
@font-face {
  font-family: "Karnov Display";
  src: url("../fonts/karnovdisplay.woff2") format("woff2");
}
@font-face {
	font-family: "Karnov Icons Open";
  src: url("../fonts/fk-icons-open.woff") format("woff");
  font-weight: 100;
}






:root {
	--color_primario_500: #0083D2;
	--color_primario_400: #1d1a39;
	--color_primario_300: #538bb1;
	--color_primario_200: #80A9C5;
	--color_primario_100: #ECF4F9;
	--color_secundario_500: #F5AE0B;
	--color_secundario_400: #FED500;
	--color_secundario_300: #FEEA7F;
	--color_success_400: #A6D937;
	--color_danger: #ff5f5f;
	--color_warning: #ff8400;
	--color_grey_400: #d4d4d4;
	--color_grey_300: #f1f1f1;
	--color_nivel_1_hover: #16517a;
	--color_nivel_2_hover: #a8c5d8;
	--color_nivel_3_hover: #E0EEFB;


}


[class*="glyphicon"], [class^="smt-icon-"], [class*=" smt-icon-"] {
  font-family: 'Font Awesome 6 Free' !important;
  font-style: normal;
  /* font-weight: bold; */
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  padding: 0px 2px 0px 0px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	font-weight: 900;
  font-size: 13px;

}

.wk table.table_element thead th { background-color: #85BC20; color: #fff !important; text-shadow: none; }
.wk form.form_element label { color: #007AC3; }
/* .wk #tabs.ui-tabs .ui-tabs-nav li.ui-state-default { background-color: #007ac3 !important; background-image: none; text-shadow: none; } */
.wk #tabs.ui-tabs .ui-tabs-nav li.ui-state-default a { color: #fff; }
.wk #tabs.ui-tabs .ui-tabs-nav li.ui-tabs-active { border-top: 2px #005b92 solid; background-color: #FFFFFF !important;}
.wk #tabs.ui-tabs .ui-tabs-nav li.ui-tabs-active  a { color: #333; }
.wk a.app_button.blue { background-color: #007AC3; background-image: none; box-shadow: none; }
.wk a.app_button.blue:hover { opacity: 0.8; }
.wk input.app_button.blue[type="button"], .wk input.app_button.blue[type="submit"] { background-color: #007AC3; background-image: none; box-shadow: none; text-shadow: none; color: white}
/* .wk .btn-primary { background-color: #007AC3; background-image: none; box-shadow: none; text-shadow: none; } */
.wk .btn-plus { font-size: 20px; font-weight: normal; }

/* HEADER */
.wk .login-header { background: #fff none !important;  }
.wk #zona_logo, .wk #container-logo { top: 20px; width: auto; line-height: 100px; }
.wk #container-logo-endorso { height: 45px; padding-right: 35px; position: absolute; right: 0; text-align: right; width: auto; line-height: 65px }
/* .wk #container-logo-endorso a img { max-height: 25px; max-width: 130px; } */

.wk #zona_menu, .wk #container-menu { background-color: #007ac3; top: 73px; height: 40px; }
.wk #menu-navigation { height: 40px; }
.wk #menu-navigation .submenu-navigation { height: 40px; line-height: 27px; }
.wk #menu-navigation .submenu-navigation:hover { background-color: #005b92; color: #fff; }
.wk #menu-navigation .submenu-navigation a:hover { color: #007ac3; }
.wk #menu-navigation ul { top: 39px !important; }
.wk .menu-overflow { height: 375px; overflow-y: auto; overflow-x: hidden; border-bottom: 1px solid #ccc; }
.wk .menu-group { height: auto; border-top: 1px solid #ccc; }
.wk .menu-group-title { font-weight: bold; background-color: #ddd; }
.wk .menu-right { float: right; }
.submenu2-laleydigital a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/* HEADER DEV */
.wk #container-logo > a.dev { opacity: 0.3; }
.wk #container-logo-endorso > a.dev { opacity: 0.3; }
.wk #zona_menu.dev { background-color: var(--color_primario_400);; }
.wk #menu-navigation .submenu-navigation.dev:hover { background-color: #5b5b5b; }


/* BODY */
body { font-family: 'Roboto Light', sans-serif; font-size: 14px; }
.ui-widget { font-family: 'Roboto Light'; }

.wk #main {
	display: table;
    padding-bottom: 0;
    width: 100%;
    margin-top: 90px !important;
}
.empty#main {
	display: table;
    padding-bottom: 0;
    width: 100%;
	margin-top: 0px !important;
}

.complylaw-fieldset-legend {
    border: 0px;
    background-color: #007AC3;
    padding-left: 5px;
    color: #ffffff;
}

/* FOOTER */
#footer {
	font-size: 1em;
	font-weight: normal;
	width: 100%;
	float: none;
}
#footer p.text-white {
	color: white;
}
#footer img.icono {
	width: 23px;
	padding-right: 5px;
}
#footer .footer-dark {
	padding: 30px 0;
	background: #757575;

}
#footer .footer-wrapper-cols {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;

	-webkit-justify-content: space-around;
	-ms-flex-pack: distribute;
	justify-content: space-around;

	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;

	-webkit-box-flex: 0;
	-webkit-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
}
#footer .footer-wrapper-cols > dl {
	padding: 0 20px;
}
#footer .footer-wrapper-cols .footer-tit-col {
	color: #bfbfbf;
	font-weight: normal;
}
#footer .footer-wrapper-cols dl dd {
	padding-top: 12px;
	color: white;
}
#footer .footer-wrapper-cols dl dd a {
	color: white;
}
#footer .footer-wrapper-cols dl dd a i.fa {
	color: white !important;
	padding: 3px;
}
#footer .footer-wrapper-cols dl dd a i.fa:hover {
	color: #ccc !important;
}
#footer .footer-wrapper-cols dl dd a:hover {
	color: white !important;
	text-decoration: underline !important;
}

#footer .logo-footer-wk {
	margin-left: 50px;
}


#footer .footer-light {
	padding-top: 20px;
	background: #EEEEEE;
	font-size: 0.9em;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;

	-webkit-justify-content: space-around;
	-ms-flex-pack: distribute;
	justify-content: space-around;

	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 10px;
}
#footer .footer-light > dl {
	padding: 0 20px;
}
#footer .footer-light dd {
	padding-top: 12px;
	color: #474747;
}
#footer .footer-light dd a {
	color: #474747;
}
#footer .footer-light dd a:hover {
	color: #474747;
	text-decoration: underline !important;
}
#footer .footer-light dl.flex-inline {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;

}
#footer .logo-light {
	padding: 5px;
}

/* MANUAL */
#manual_top .wk #zona_logo, .wk #container-logo { top: 0; }
#manual_top  #container-logo-endorso { top: 7px; }

@media all and (max-width: 1000px) {
	.footer-light {
		margin-bottom: 65px;
	}
}

@media all and (max-width: 800px) {
	.footer-wrapper-cols > dl {
		width: 45%;
	}
}

@media all and (max-width: 600px) {
	.footer-wrapper-cols {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		        -ms-grid-row-align: center;
		        align-items: center;
	}
	.footer-wrapper-cols p {
		text-align: center;
	}
	.footer-wrapper-cols > dl {
		padding: 0;
		width: 90%;
		text-align: center;
	}
	.logo-footer-wk {
		text-align: center;
	}

	.footer-light {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		        -ms-grid-row-align: center;
		        align-items: center;
	}
	.footer-light dd {
		text-align: center;
	}
}