
@import 'font/fontawesome-all.min.css';
@font-face {
  font-family: 'Titillium Web';
  src: url("font/Titillium_Web/TitilliumWeb-Regular.ttf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Titillium Web';
  src: url("font/Titillium_Web/TitilliumWeb-Bold.ttf");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Titillium Web';
  src: url("font/Titillium_Web/TitilliumWeb-Italic.ttf");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'Titillium Web';
  src: url("font/Titillium_Web/TitilliumWeb-BoldItalic.ttf");
  font-weight: bold;
  font-style: italic;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	font-size:1em;
	line-height: 150%;
}
html *{
	line-height: 150%;
}
body {
  margin: 0;
  
}
a {
  background: transparent;
}
a:focus {
/*  outline: thin dotted;*/
	outline: blue solid 0.17rem;
}

*:focus {
	outline: blue solid 0.17rem;
}
/*
a:active,
a:hover {
  outline: 0;
}*/
h1 {
  font-size: 2em;
  margin: 0 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
mark {
  background: #f8f8f8;
  color: mediumblue;
/*  font-size: 14px*/
  font-size: 1em;
  font-family: Consolas, "courier new";
  padding: 0 5px;
}
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}
pre {
  white-space: pre-wrap;
}
q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 0;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 00.11;/*2px*/
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
button,
input,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0;
}
button,
input {
  line-height: normal;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
  vertical-align: top;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
span{
line-height: 150%;
}
.color_primary {
  color: #5A96FF;
}
.color_info {
  color: #9cbddd;
}
.color_success {
  color: #93d59c;
}
.color_danger {
  color: #F18785;
}
.color_write {
  color: #FDFDFD;
}
.color_warning {
  color: #F3D043;
}
.color_black {
  color: #0F1010;
}
.color_red {
  color: #FE2712;
}
.color_R-O {
  color: #FC600A;
}
.color_arange {
  color: #FB9902;
}
.color_Y-O {
  color: #FCCC1A;
}
.color_YELLOW {
  color: #FEFE33;
}
.color_Y-G {
  color: #B2D732;
}
.color_green {
  color: #66B032;
}
.color_B-G {
  color: #67AFCB;
}
.color_BLUE {
  color: #80A2FE;
}
.color_B-P {
  color: #AE9FEF;
}
.color_PURPLE {
  color: #DA62FE;
}
.color_R-P {
  color: #F16FA7;
}
.color_gray {
  color: #8AA2AD;
}
.bg_red {
  background-color: #FE2712;
}
.bg_R-O {
  background-color: #FC600A;
}
.bg_arange {
  background-color: #FB9902;
}
.bg_Y-O {
  background-color: #FCCC1A;
}
.bg_YELLOW {
  background-color: #FEFE33;
}
.bg_Y-G {
  background-color: #B2D732;
}
.bg_green {
  background-color: #66B032;
}
.bg_B-G {
  background-color: #67AFCB;
}
.bg_BLUE {
  background-color: #80A2FE;
}
.bg_B-P {
  background-color: #AE9FEF;
}
.bg_PURPLE {
  background-color: #DA62FE;
}
.bg_R-P {
  background-color: #F16FA7;
}
.bg_gray {
  background-color: #8AA2AD;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body {
/* font-size: 18px*/
  font-size: 1.0rem;
  text-align:left;
  font-family: 'Titillium Web', sans-serif;
  line-height: 150%;/*wcag*/
}
body * {
 /*font-size: 18px*/
/*  font-size: 1.03em;
  font-family: 'Titillium Web', sans-serif;*/
/*  text-align:left;*/
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-weight: 400;
  display: inline-block;
  width: 100%;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
  margin-left: 10px;
  font-size: 0.9em;
}
h1,
h2,
h3,
h4,
h5 {
  line-height: 1.2em;
}
h1 {
  font-size: 3em;
}
h2 {
  font-size: 2.22em;
}
h3 {
  font-size: 1.78em;
}
h4 {
  font-size: 1.28em;
}
h5 {
  font-size: 1.17em;
}
h6 {
  font-size: 1em;
  line-height: 1.55em;
}
p {
  margin: 0 0 10px 0;
/*  color: #333;*/
  color: #000;
}
small {
  color: #777;
}
cite {
  color: #333;
}
code {
  background: whitesmoke;
  color: #333;
  font-size: 0.9em;
}
*[disabled],
*[disabled]:hover {
  opacity: 0.80 !important;
  filter: alpha(opacity=80) !important;
  cursor: default;
}
pre {
  display: inline-block;
  width: 100%;
}
.close {
/*  font-size: 21px;*/
  font-size: 1.50em;
  line-height:0.11em;/*2px;*/
  font-weight: 700;
}
.close:hover {
  color: red !important;
}
.close:before {
  content: '×';
}
[class*="dsxxx-"],
[class*="dsxx-"],
[class*="dsx-"],
[class*="ds-"],
[class*="dm-"],
[class*="dl-"],
[class*="dlx-"],
[class*="dlxx-"],
[class*="dx-"] {
  display: inline-block;
  float: left;
  word-wrap: break-word;
  vertical-align: top;
}
[class*="dsxxx-"]> img,
[class*="dsxx-"]> img,
[class*="dsx-"]> img,
[class*="ds-"]> img,
[class*="dm-"]> img,
[class*="dl-"]> img,
[class*="dlx-"]> img,
[class*="dlxx-"]> img,
[class*="dx-"]> img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: top;
}
.dsxxx-13,
.dsxx-13,
.dsx-13,
.ds-13,
.dm-13,
.dl-13,
.dlx-13,
.dlxx-13,
.dx-13,
.d-13 {
  width: 108.33333333333% !important;
}
.dsxxx-12,
.dsxx-12,
.dsx-12,
.ds-12,
.dm-12,
.dl-12,
.dlx-12,
.dlxx-12,
.dx-12,
.d-12 {
  width: 100% !important;
}
.dsxxx-11,
.dsxx-11,
.dsx-11,
.ds-11,
.dm-11,
.dl-11,
.dlx-11,
.dlxx-11,
.dx-11,
.d-11 {
  width: 91.666666666667% !important;
}
.dsxxx-10,
.dsxx-10,
.dsx-10,
.ds-10,
.dm-10,
.dl-10,
.dlx-10,
.dlxx-10,
.dx-10,
.d-10 {
  width: 83.333333333333% !important;
}
.dsxxx-9,
.dsxx-9,
.dsx-9,
.ds-9,
.dm-9,
.dl-9,
.dlx-9,
.dlxx-9,
.dx-9,
.d-9 {
  width: 75% !important;
}
.dsxxx-8,
.dsxx-8,
.dsx-8,
.ds-8,
.dm-8,
.dl-8,
.dlx-8,
.dlxx-8,
.dx-8,
.d-8 {
  width: 66.666666666667% !important;
}
.dsxxx-7,
.dsxx-7,
.dsx-7,
.ds-7,
.dm-7,
.dl-7,
.dlx-7,
.dlxx-7,
.dx-7,
.d-7 {
  width: 58.333333333333% !important;
}
.dsxxx-6,
.dsxx-6,
.dsx-6,
.ds-6,
.dm-6,
.dl-6,
.dlx-6,
.dlxx-6,
.dx-6,
.d-6 {
  width: 50% !important;
}
.dsxxx-5,
.dsxx-5,
.dsx-5,
.ds-5,
.dm-5,
.dl-5,
.dlx-5,
.dlxx-5,
.dx-5,
.d-5 {
  width: 41.666666666667% !important;
}
.dsxxx-4,
.dsxx-4,
.dsx-4,
.ds-4,
.dm-4,
.dl-4,
.dlx-4,
.dlxx-4,
.dx-4,
.d-4 {
  width: 33.333333333333% !important;
}
.dsxxx-3,
.dsxx-3,
.dsx-3,
.ds-3,
.dm-3,
.dl-3,
.dlx-3,
.dlxx-3,
.dx-3,
.d-3 {
  width: 25% !important;
}
.dsxxx-2,
.dsxx-2,
.dsx-2,
.ds-2,
.dm-2,
.dl-2,
.dlx-2,
.dlxx-2,
.dx-2,
.d-2 {
  width: 16.666666666667% !important;
}
.dsxxx-1,
.dsxx-1,
.dsx-1,
.ds-1,
.dm-1,
.dl-1,
.dlx-1,
.dlxx-1,
.dx-1,
.d-1 {
  width: 8.3333333333333% !important;
}
.offset-12 {
  margin-left: 100%;
}
.offset-11 {
  margin-left: 91.666666666667%;
}
.offset-10 {
  margin-left: 83.333333333333%;
}
.offset-9 {
  margin-left: 75%;
}
.offset-8 {
  margin-left: 66.666666666667%;
}
.offset-7 {
  margin-left: 58.333333333333%;
}
.offset-6 {
  margin-left: 50%;
}
.offset-5 {
  margin-left: 41.666666666667%;
}
.offset-4 {
  margin-left: 33.333333333333%;
}
.offset-3 {
  margin-left: 25%;
}
.offset-2 {
  margin-left: 16.666666666667%;
}
.offset-1 {
  margin-left: 8.3333333333333%;
}
.btn {
  padding: 9px 11px;
  background: #EBEBEB;
  cursor: pointer;
  margin-bottom: 5px;
  margin-top: 5px;
  display: inline-block;
  border: 1px solid #dedede;
  opacity: 0.85;
  filter: alpha(opacity=85);
  text-decoration: none;
  color: #000;
 /* outline: none;*/
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.btn:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.btn.primary * {
  color: #0F1010;
}
.btn.black * {
  color: #ffffff;
}
.btn.write * {
  color: #0F1010;
}
.btn.info * {
  color: #0F1010;
}
.btn.success * {
  color: #0F1010;
}
.btn.warning * {
  color: #0F1010;
}
.btn.danger * {
  color: #0F1010;
}
.btn.link,
.link {
  background: none;
  border: none;
  text-decoration: underline;
  color: blue !important;
}
.input,
.ligo-form input,
.ligo-form select
{
  outline: 1px solid #fff;
  padding: 9px;
  border-width: 0.056em 0.056em 0.17em;/*3px;*/
  border-style: solid;
  border-color: #bbb;
  border-bottom-color: #999;
  margin-top: 5px;
  margin-bottom: 5px;
  transition-property: border-color;
  transition-duration: 0.3s;
  transition-timing-function: linear;
  transition-delay: 0s;
  background: #FFF;
}
.input:focus,
.ligo-form input:focus, 
.ligo-form select:focus {
 /* border-color: #00a8ff;*/
  border-color: blue;
  border-width: 0.056rem 0.056rem 0.17rem;/*3px;*/
  -webkit-animation: inputHighlighter 0.3s ease;
  -moz-animation: inputHighlighter 0.3s ease;
  animation: inputHighlighter 0.3s ease;
/*  margin-top:5px;
  margin-bottom:5px;*/
/*  margin: 5px 0 0.17em;/*3px;*/
}
@-webkit-keyframes inputHighlighter {
  50% {
    background: #bfcfff;
  }
  0%,
  100% {
    background: #FFF;
  }
}
@-moz-keyframes inputHighlighter {
  50% {
    background: #bfcfff;
  }
  0%,
  100% {
    background: #FFF;
  }
}
@keyframes inputHighlighter {
  50% {
    background: #bfcfff;
  }
  0%,
  100% {
    background: #FFF;
  }
}
.input-error {
  border-color: #ee0500;
}
.input-success {
  border-color: #40a750;
}
select.input {
  background: #FFF;
}
label input[type="radio"],
label input[type="checkbox"] {
  position: relative;
  top:0.11;/*2px;*/
}
.group-input {
  display: flex;
  width: 100%;
  word-wrap: normal;
}
.group-input > * {
  display: table-cell;
}
.group-input .input {
  width: 100%;
}
/*
.group-input .group-item:last-child {
  border-left: 0;
}
.group-input .group-item:first-child {
  border-right: 0;
}
*/
.group-input .group-icon:last-child {
  border-left: 0;
}
.group-input .group-icon:first-child {
  border-right: 0;
}
.group-input [type="radio"],
.group-input [type="checkbox"],
.group-input label {
  display: inline-block;
}
.group-item {
  margin:5px 0.17em;
  outline: 0.0625em solid #eeeeee;
  border-style: solid;
  border-color: #bbb;
  padding: 10px;
  text-align: center;
  min-width: 2.375em;/*38px;*/
  border-width: 0.0625em 0.0625em 0.17em;
  border-bottom-color: #999;
  background: #eee;  
}
.group-item:active{
 outline: blue solid 0.0625rem;
}
.group-item:focus{
  border-color: blue;
  border-width: 0.056rem 0.056rem 0.17rem;/*3px;*/
  -webkit-animation: inputHighlighter 0.3s ease;
  -moz-animation: inputHighlighter 0.3s ease;
  animation: inputHighlighter 0.3s ease;
}
.group-item button {
  border: none;
  background: none;
}
.group-input.size-large .group-item {
  min-width: 2.67em;/*48px;*/
}
.group-input.size-extra .group-item {
  min-width: 3.06em;/*55px;*/
}
.group-input.round *:first-child {
  border-radius: 5px 0 0 5px;
}
.group-input.round *:last-child {
  border-radius: 0 5px 5px 0;
}
.group-icon {
  vertical-align: middle;
  padding: 0 10px;
  text-align: center;
  width: 2.11em;/*38px;*/
}
.group-icon button {
  border: none;
  background: none;
}
.group-input.size-large .group-icon {
  min-width: 2.67em;/*48px;*/
}
.group-input.size-extra .group-icon {
  min-width: 3.06em;/*55px;*/
}

/****************************************************************/
.out-default {
  border-color: #555555;
  color: #555555 !important;
  background:none !important;
  border-width: 0.17em;   
}
.out-success {
  border-color: #055f21;
  color: #055f21 !important;
  background:none !important;
  border-width: 0.17em;   
}
.out-danger {
  border-color: #af1029;
  color: #af1029 !important;
  background:none !important;
  border-width: 0.17em;   
}
.out-warning {
  border-color: #765214;
  color: #765214 !important;
  background:none !important;
  border-width: 0.17em;   
}
.out-info {
  border-color: #1947a1 ;
  color: #1947a1 !important;
  background:none !important;
  border-width: 0.17em;   
}
.out-primary {
  border-color: #004fda ;
  color: #5A96FF !important;
  background:none !important;
  border-width: 0.17em;   
}

/****************************************************************/

.form {
  margin-bottom: 10px;
  padding: 15px;
  display: inline-block;
  width: 100%;
}
.form .btn:last-child {
  margin: 0;
}
.form .group-input {
  margin-bottom: 15px;
}
.form legend {
  text-transform: uppercase;
  color: #555;
  margin-bottom: 10px;
}
.form label[class*="dm-"],
.form label[class*="ds-"] {
  padding: 0 0 10px 0;
}
.required-msg {
  position: absolute;
  background: #F7F7F7;
  border: 1px solid #D9D9D9;
  padding: 5px;
  -webkit-box-shadow: 0 0 24px rgba(0,0,0,0.3);
  -moz-box-shadow: 0 0 24px rgba(0,0,0,0.3);
  box-shadow: 0 0 24px rgba(0,0,0,0.3);
  left: 10px;
  top: 100%;
  z-index: 1000;
}
.required-msg .icon {
  color: #F3D043;
}
.required-msg:after,
.required-msg:before {
  bottom: 100%;
  left: 1.67em;/*30px;*/
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.required-msg:after {
  border-color: rgba(136,183,213,0);
  border-bottom-color: #F7F7F7;
  border-width: 7px;
  margin-left: -22px;
}
.required-msg:before {
  border-color: rgba(194,225,245,0);
  border-bottom-color: #D9D9D9;
  border-width: 9px;
  margin-left: -24px;
}
.menu,
.menu-horizontal {
  background: #EBEBEB;
  border: 1px solid #dedede;
  display: inline-block;
  width: 100%;
  font-size: 1.1em;
  position: relative;
  vertical-align: top;
}
.menu *,
.menu-horizontal * {
  text-decoration: none;
  margin: 0;
  color: #000;
  vertical-align: top;
}
.menu .menu-title,
.menu .menu-title *,
.menu-horizontal .menu-title,
.menu-horizontal .menu-title * {
  background: #3071a9;
  color: #fff;
}
.menu ul,
.menu-horizontal ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.menu .menu-item:hover,
.menu > ul li:hover,
.menu > a:hover,
.menu-horizontal .menu-item:hover,
.menu-horizontal > ul li:hover,
.menu-horizontal > a:hover {
  background: #d2d2d2;
  color: #000;
}
.menu .menu-item:hover *,
.menu > ul li:hover *,
.menu > a:hover *,
.menu-horizontal .menu-item:hover *,
.menu-horizontal > ul li:hover *,
.menu-horizontal > a:hover * {
  color: #000;
}
.menu .form,
.menu form,
.menu-horizontal .form,
.menu-horizontal form {
  padding: 10px;
  display: inline-block;
  width: auto;
}
.menu .form .btn,
.menu form .btn,
.menu-horizontal .form .btn,
.menu-horizontal form .btn {
  margin: 0;
  padding: 10px;
}
.menu .form .input,
.menu form .input,
.menu-horizontal .form .input,
.menu-horizontal form .input {
  padding: 10px;
}
.menu .menu-item > *,
.menu a,
.menu .menu-title > *,
.menu-horizontal .menu-item > *,
.menu-horizontal a,
.menu-horizontal .menu-title > * {
  display: inline-block;
  padding: 21px;
}
.menu .selected,
.menu-horizontal .selected {
  background: #9cbddd;
  color: #000010;
}
.menu .selected *,
.menu-horizontal .selected * {
  color: #000;
}
.menu .selected:hover,
.menu-horizontal .selected:hover {
  background: #9cbddd;
}
.menu .selected:hover *,
.menu-horizontal .selected:hover * {
  color: #000;
}
.menu .btn,
.menu-horizontal .btn {
  margin: 10px 10px 10px 0;
  padding: 10px;
  text-align: center;
}
.menu .btn *,
.menu-horizontal .btn * {
  float: none;
}
.menu * {
  float: left;
}
.menu .icon-hide-menu {
  top: 10px;
  right: 10px;
}
.menu.round > *:first-child {
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  overflow: hidden;
}
.menu-horizontal .menu-title > *,
.menu-horizontal a,
.menu-horizontal .menu-item > * {
  width: 100%;
  padding: 15px;
}
.menu-horizontal .form,
.menu-horizontal form {
  width: 100%;
}
.menu-horizontal .icon-hide-menu {
  top: 0.17em;/*3px;*/
  right: 0.17em;/*3px;*/
}
.menu-horizontal.round > *:first-child {
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  overflow: hidden;
}
.icon-hide-menu {
  position: absolute;
  right: 0;
  top: 0;
/*  font-size: 1.67em;/*30px;*/*/
  font-size: 2.14em;
  cursor: pointer;
  width: 2.78em;/*50px;*/
  padding: 10px;
  display: none;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.icon-hide-menu span {
  display: inline-block;
  width: 100%;
  background: #333;
  height:0.22em;/*4px;*/
  float: left;
  margin-bottom: 5px;
  transition-property: all;
  transition-duration: 0.7s;
  transition-timing-function: linear;
  transition-delay: 0s;
}
.icon-hide-menu span:last-child {
  margin-bottom: 0;
}
.icon-hide-menu:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
@media screen and (max-width: 636px) {
  .menu-title {
    width: 100% !important;
  }
}
@media screen and (max-width: 888px) {
  .menu .menu-item,
  .menu .menu-title,
  .menu ul,
  .menu .menu-item li,
  .menu .menu-title li,
  .menu ul li,
  .menu .menu-item a,
  .menu .menu-title a,
  .menu ul a {
    width: 100%;
  }
  .menu ul,
  .menu-horizontal ul {
    display: none;
  }
  .icon-hide-menu {
    display: block;
  }
  .menu-title {
    width: 100% !important;
  }
}
.dxmenu {
  position: fixed;
  right: 0;
  top: 15%;
  width: 2.22em;/*40px;*/
  margin-top: -2.5em;
  background: transparent;
  opacity: 0.6;
  filter: alpha(opacity=60);
  z-index: 1000;
}
.dxmenu:hover {
  opacity: 1;
  filter: alpha(opacity=100);
  width: 7.78em;/*140px;*/
}
.dxmenutext {
  display: none;
}
.dxmenu:hover .dxmenutext {
  display: block;
}
.sxmenu {
  position: fixed;
  left: 0;
  top: 0px;
  width: 2.22em;/*40px;*/
  background: transparent;
  opacity: 0.6;
  filter: alpha(opacity=60);
  z-index: 1000;
  transition: all 0.1s ease-out;
}
.sxmenu:hover {
  opacity: 1;
  filter: alpha(opacity=100);
  width: 8.33em;/*150px;*/
}
.sxmenutext {
  display: none;
  float: left;
}
.sxmenutext:hover {
  margin-left: 10px !important;
  background: #e4e4e4;
}
.sxmenutext {
  transition: all 0.1s ease-out;
}
.sxicon {
  clear: right;
}
.sxmenu:hover .sxmenuiconA {
  display: block;
}
.sxmenu .sxmenuiconA {
  display: none;
}
.sxmenu:hover .sxmenuiconC {
  display: none;
}
.sxmenu .sxmenuiconC {
  display: block;
}
.sxmenu:hover .sxmenutext {
  display: block;
}
.txmenu {
  position: fixed;
  top: 0;
  z-index: 1000;
}
table[class*="table"] {
  width: 100%;
  color: #333;
  background: #fff;
}
table[class*="table"] thead {
  border-bottom: 1px solid #c9c9c9;
  text-align: left;
}
table[class*="table"] th,
table[class*="table"] td {
  padding: 10px;
}
table[class*="table"] tbody tr {
  border-bottom: 1px solid #dedede;
}
table[class*="table"] tbody tr .btn {
  margin: 0 10px 0 0;
  float: left;
}
table[class*="table"] tbody tr .btn:last-of-type {
  margin-right: 0;
}
table[class*="table"] .table-title {
  background: #3071a9;
  color: #fff;
}
.table-striped tbody tr:nth-child(odd) {
  background: #eee;
}
.table-border td,
.table-border th {
  border: 1px solid #dedede;
}
.table-border th {
  background: #eee;
  color: #333;
}
.table-hover tbody tr:hover {
  background: #eee;
}
@media only screen and (max-width: 540px) {
  .responsive-tables table,
  .responsive-tables thead,
  .responsive-tables tbody,
  .responsive-tables th,
  .responsive-tables td,
  .responsive-tables tr {
    display: block;
    height: auto;
    clear: both;
    overflow: hidden;
  }
  .responsive-tables thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  .responsive-tables tr {
    border: 1px solid #ccc;
  }
  .responsive-tables td {
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    left: 6px;
    padding-left: 42% !important;
    white-space: normal;
    text-align: left;
  }
  .responsive-tables table td {
    border: none;
    border-bottom: none;
    position: static;
    padding-left: 0 !important;
    white-space: normal;
    text-align: left;
  }
  .responsive-tables td:before {
    position: absolute;
    top: 6px;
    left: 0;
    width: 35%;
    padding-right: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: right;
    color: #fff;
  }
  .responsive-tables td:before {
    content: attr(data-title);
  }
  .responsive-tables-hide {
    display: none !important;
  }
  .responsive-tables td {
    min-height: 1.94em;/*35px;*/
  }
  .table-border td,
  .table-border th {
    border-left: none !important;
    border-top: none !important;
  }
  .responsive-tables tr {
    background: linear-gradient(to left,#fff 60%,#575A5D 30%) !important;
  }
  .responsive-tables tbody tr {
    border-bottom: 10px solid #dedede !important;
  }
}
.msg {
  position: relative;
  padding: 10px;
  margin-bottom: 10px;
  background: #EBEBEB;
  border: 1px solid #dedede;
  color: #000;
  opacity: 0.90;
  filter: alpha(opacity=90);
  clear: both;
}
.msg * {
  margin: 0;
}
.msg .close {
  position: absolute;
  right: 10px;
  top: 50%;
  cursor: pointer;
}
.msg.success {
  background: #dbf1de !important;
}
.msg.danger {
  background: #ffd5d4 !important;
}
.msg.warning {
  background: #f9e8a3 !important;
}
.msg.info {
  background: #8fc9dc !important;
}
.msg.primary {
  background: #c0d7ff !important;
}
.label {
  /*font-size: 12px;*/
  font-size: 0.86em;
  font-weight: 700;
  padding: 2px0.22;/*4px;*/
  display: inline-block;
  background: #EBEBEB;
  border: 1px solid #dedede;
  color: #000;
}
a.label {
  text-decoration: none;
}
sup.label {
  padding: 9px 6px;
}
.note,
[class*="note-"] {
  display: inline-block;
  padding: 10px;
  border: 1px solid #dedede;
  border-left: 5px solid #dedede;
  margin: 10px 0;
}
.note p,
[class*="note-"] p {
  color: #000;
}
.note h4,
[class*="note-"] h4 {
  margin: 0 0 10px 0;
  font-size: 1.5em;
}
.note-black {
  border-color: #000000;
}
.note-black >* {
  color: #000000;
}
.note-write {
  border-color: #bdbdbd;
}
.note-write >* {
  color: #bdbdbd;
}
.note-primary {
  border-color: #004fda;
}
.note-primary >* {
  color: #004fda;
}
.note-warning {
  border-color: #ac8c0b;
}
.note-warning >* {
  color: #ac8c0b;
}
.note-danger {
  border-color: #ee0500;
}
.note-danger >* {
  color: #ee0500;
}
.note-info {
  border-color: #205465;
}
.note-info >* {
  color: #205465;
}
.note-success {
  border-color: #40a750;
}
.note-success >* {
  color: #40a750;
}
.list {
  display: inline-block;
  width: 100%;
  font-size: 1em;
  background: #fff;
}
.list * {
  text-decoration: none;
  color: #000;
  vertical-align: top;
}
.list li {
  padding: 10px;
  border-bottom: 1px solid #dedede;
}
.list li a {
  display: inline-block;
  width: 100%;
}
.list li:last-child {
  border-bottom: 0;
}
.list li:hover {
  background: #eee;
}
.list .selected {
  background: #dedede;
  color: #000;
}
.list .selected:hover {
  background: #dedede;
}
.list.round li:first-child {
  -webkit-border-top-right-radius: 4.5454545454545px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 4.5454545454545px;
  -moz-border-radius-topright: 4.5454545454545px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 4.5454545454545px;
  border-top-right-radius: 4.5454545454545px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 4.5454545454545px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.list.round li:last-child {
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 4.5454545454545px;
  -webkit-border-bottom-left-radius: 4.5454545454545px;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 4.5454545454545px;
  -moz-border-radius-bottomleft: 4.5454545454545px;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 4.5454545454545px;
  border-bottom-left-radius: 4.5454545454545px;
  border-top-left-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.list .list-title {
  background: #3071a9;
  color: #fff;
}
.list .list-title * {
  color: #fff;
}
.list .list-title:hover {
  background: #3071a9;
}
ul.list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.pagination {
  display: inline-block;
  background: #EBEBEB;
  cursor: pointer;
}
.pagination * {
  float: left;
}
.pagination *:hover {
  background: #d2d2d2;
  color: #000 !important;
}
.pagination >* {
  border: 1px solid #dedede;
  border-right: 0;
}
.pagination >*:last-child {
  border-right: 1px solid #dedede;
}
.pagination a,
.pagination span {
  display: inline-block;
  padding: 9px 13px;
  opacity: 0.8;
  filter: alpha(opacity=80);
  color: #000;
  text-decoration: none;
}
.pagination .selected,
.pagination .active {
  background: #9cbddd;
  color: #000010;
}
.pagination .selected:hover,
.pagination .active:hover {
  background: #9cbddd;
}
ul.pagination {
  list-style: none;
  margin: 0;
  padding: 0;
}
.dropdown {
  position: relative;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: inline-block;
}
.dropdown * {
  cursor: pointer;
}
.dropdown ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.dropdown .dropdown-item {
  z-index: 1000;
/*  font-size: 14px;*/
  font-size: 1em;
  display: none;
  position: absolute;
  left: 15px;
  top: 90%;
  min-width: 11.11em;/*200px;*/
  border: 1px solid #dedede;
  background: #fff;
  -webkit-box-shadow: 0 0 24px rgba(0,0,0,0.3);
  -moz-box-shadow: 0 0 24px rgba(0,0,0,0.3);
  box-shadow: 0 0 24px rgba(0,0,0,0.3);
}
.dropdown .dropdown-item * {
  color: #000 !important;
}
.dropdown .dropdown-item li {
  position: relative;
  width: 100%;
}
.dropdown .dropdown-item li a {
  width: 100%;
  display: inline-block;
  padding: 10px;
}
.dropdown .dropdown-item li a * {
  vertical-align: middle;
}
.dropdown .dropdown-item li a:hover {
  background: #EDEDED;
}
.dropdown-icon {
  float: right;
  margin-left: 10px;
}
.dropdown-icon.icon:before {
  content: '▼';
}
.dialog-container {
  position: fixed;
  display: none;
  width: 100%;
  top: 0;
  left: 0;
  background-color: rgba(255,255,255,0.7);
  overflow-y: auto;
  height: 100%;
  z-index: 1001;
  text-align: center;
}
.dialog,
.dialog-static {
  text-align: left;
  border: 1px solid #dedede;
  padding: 0;
  background: #fff;
  -webkit-box-shadow: 0 0 24px rgba(0,0,0,0.3);
  -moz-box-shadow: 0 0 24px rgba(0,0,0,0.3);
  box-shadow: 0 0 24px rgba(0,0,0,0.3);
}
.dialog.round >*:first-child,
.dialog-static.round >*:first-child {
  -webkit-border-top-right-radius: 3.846153846152.11em;/*38px;*/
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 3.846153846152.11em;/*38px;*/
  -moz-border-radius-topright: 3.846153846152.11em;/*38px;*/
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 3.846153846152.11em;/*38px;*/
  border-top-right-radius: 3.846153846152.11em;/*38px;*/
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 3.846153846152.11em;/*38px;*/
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.dialog .dialog-footer .btn,
.dialog .dialog-body .btn,
.dialog-static .dialog-footer .btn,
.dialog-static .dialog-body .btn {
  margin: 0;
}
.dialog .dialog-title,
.dialog-static .dialog-title {
  background: #3071a9;
  color: #fff;
}
.dialog .form,
.dialog-static .form {
  margin-bottom: 0;
}
.dialog-static >*:last-child {
  border-bottom: 0;
}
.dialog-header,
.dialog-body,
.dialog-footer {
  padding: 15px;
  float: left;
  display: inline-block;
  width: 100%;
  border-bottom: 1px solid #dedede;
}
.dialog-header {
  font-size: 1.5em;
}
.dialog-body .group-input {
  margin-bottom: 17px;
}
.dialog-body .group-input:last-of-type {
  margin-bottom: 0;
}
.dialog-close {
  position: absolute;
  top: -12.5px;
  right: -12.5px;
  padding: 12px 7px;
  background: #fff;
  border: 3px solid #dedede;
  color: #555;
  cursor: pointer;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
}
.dialog {
  max-width: 90%;
  display: none;
  position: relative;
  float: none;
  top: -100%;
}
.round-bottom-left-rigth {
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0.22em;/*4p#;*/
  -webkit-border-bottom-left-radius: 0.22em;/*4p#;*/
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0.22em;/*4p#;*/
  -moz-border-radius-bottomleft: 0.22em;/*4p#;*/
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0.22em;/*4p#;*/
  border-bottom-left-radius: 0.22em;/*4p#;*/
  border-top-left-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.dialog-static form {
  width: 100%;
  padding: 0;
}
.progress-bar,
.progress-bar.write,
.progress-bar.black,
.progress-bar.primary,
.progress-bar.danger,
.progress-bar.success,
.progress-bar.info,
.progress-bar.warning {
  display: inline-block;
  width: 100%;
  height: 2.11em;/*38px;*/
  background: #dedede !important;
  border-left-color: #A1A1A1 !important;
  border-top: 1px solid #c9c9c9 !important;
  border-bottom: 1px solid #faf7f7 !important;
  overflow: hidden;
}
.progress-bar > div,
.progress-bar.write > div,
.progress-bar.black > div,
.progress-bar.primary > div,
.progress-bar.danger > div,
.progress-bar.success > div,
.progress-bar.info > div,
.progress-bar.warning > div {
  display: inline-block;
  height: 100%;
  background: #A1A1A1;
}
.progress-bar.danger > div,
.progress-bar.write.danger > div,
.progress-bar.black.danger > div,
.progress-bar.primary.danger > div,
.progress-bar.danger.danger > div,
.progress-bar.success.danger > div,
.progress-bar.info.danger > div,
.progress-bar.warning.danger > div {
  background: #D30519;
}
.progress-bar.success > div,
.progress-bar.write.success > div,
.progress-bar.black.success > div,
.progress-bar.primary.success > div,
.progress-bar.danger.success > div,
.progress-bar.success.success > div,
.progress-bar.info.success > div,
.progress-bar.warning.success > div {
  background: #47a447;
}
.progress-bar.info > div,
.progress-bar.write.info > div,
.progress-bar.black.info > div,
.progress-bar.primary.info > div,
.progress-bar.danger.info > div,
.progress-bar.success.info > div,
.progress-bar.info.info > div,
.progress-bar.warning.info > div {
  background: #3071a9;
}
.progress-bar.warning > div,
.progress-bar.write.warning > div,
.progress-bar.black.warning > div,
.progress-bar.primary.warning > div,
.progress-bar.danger.warning > div,
.progress-bar.success.warning > div,
.progress-bar.info.warning > div,
.progress-bar.warning.warning > div {
  background: #FF8F00;
}
.zjs-calendar {
  display: inline-block;
  position: absolute;
  background: #fff;
  border: 1px solid #dedede;
  padding: 10px;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-box-shadow: 0 0 24px rgba(0,0,0,0.3);
  -moz-box-shadow: 0 0 24px rgba(0,0,0,0.3);
  box-shadow: 0 0 24px rgba(0,0,0,0.3);
}
.zjs-calendar table {
  text-align: center;
  border: 1px solid #dedede;
  /*font-size: 12px;*/
  font-size: 0.86em;
}
.zjs-calendar table thead {
  background: #EBEBEB;
  border-bottom: 1px solid #dedede;
}
.zjs-calendar table td {
  padding: 5px;
  cursor: pointer;
}
.zjs-calendar table td.odd {
  color: #A1A1A1;
}
.zjs-calendar table td:hover {
  background: #d2d2d2;
}
.zjs-calendar table th {
  padding: 6px;
}
.zjs-calendar table tbody .select {
  background: #9cbddd;
}
.zjs-calendar-action-bar {
  margin-bottom: 17px;
  text-align: center;
}
.zjs-calendar-action-bar span {
  position: relative;
  top: 5px;
}
.zjs-calendar-next,
.zjs-calendar-prev {
/*  font-size: 16px;*/
  font-size: 1.14em;
}
.zjs-calendar-next {
  float: right;
}
.zjs-calendar-prev {
  float: left;
}
.tabs {
  display: inline-block;
  width: 100%;
}
.tabs >* {
  float: left;
}
.tabs .tabs-link {
  display: inline-block;
  width: 100%;
}
.tabs .tabs-link a {
  position: relative;
  padding: 10px;
  display: inline-block;
  background: #EBEBEB;
  /*float: left;*/
  text-decoration: none;
  color: #000;
  border-radius: 5px 5px 0 0;
}
.tabs .tabs-link a.current {
  background: #9cbddd;
}
.tabs .tabs-link a.current:hover {
  background: #9cbddd;
}
.tabs .tabs-link a:hover {
  background: #d2d2d2;
}
.tabs .tabs-content {
  background: #EBEBEB;
  padding: 15px;
  border: 1px solid #dedede;
  width: 100%;
}
.tabs .tabs-content > * {
  display: none;
}
.tabs .tabs-content > *:first-child {
  display: block;
}
.accordion {
  vertical-align: top;
}
.accordion,
.accordion li .accordion-link {
  display: inline-block;
  width: 100%;
}
.accordion .icon,
.accordion li .accordion-link .icon {
  float: right;
}
.accordion li .accordion-link.selected .icon {
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.accordion {
  border: 1px solid #dedede;
  list-style: none;
  margin: 0;
  padding: 0;
}
.accordion .accordion-content {
  display: none;
}
.accordion .accordion-content > div {
  padding: 10px;
}
.accordion-link.selected + .accordion-content {
  display: block;
}
.accordion li .accordion-link {
  background: #EBEBEB;
  padding: 10px;
  cursor: pointer;
  color: #000;
}
.accordion li .accordion-link.selected {
  background: #9cbddd;
  color: #000010;
}
.accordion li .accordion-link:hover {
  background: #d2d2d2;
  color: #000;
}
[data-tooltip] {
  position: relative;
}
[data-tooltip]:after {
  color: #000;
/*  font-size: 12px;*/
  font-size: 0.86em;
  visibility: hidden;
  position: absolute;
  content: attr(data-tooltip);
  text-align: center;
  white-space: nowrap;
  top: -15px;
  background: #EBEBEB;
  opacity: 0;
  padding: 6px;
  transition: top 0.5s cubic-bezier(.17,.11,.14,1.78);
  z-index: 10000;
  -webkit-box-shadow: 1px 1px 2px 0px rgba(50,50,50,0.4);
  -moz-box-shadow: 1px 1px 2px 0px rgba(50,50,50,0.4);
  box-shadow: 1px 1px 2px 0px rgba(50,50,50,0.4);
  left: -50%;
}
[data-tooltip]:hover:after {
  visibility: visible;
  opacity: 1;
  top: -30px;
}
.tooltip-success:after {
  background: #93d59c;
  border-color: #40a750;
  color: #100000;
}
.tooltip-info:after {
  background: #9cbddd;
  border-color: #205465;
  color: #000010;
}
.tooltip-warning:after {
  background: #F3D043;
  border-color: #ac8c0b;
  color: #000100;
}
.tooltip-danger:after {
  background: #F18785;
  border-color: #ee0500;
  color: #010000;
}
.tooltip-primary:after {
  background: #5A96FF;
  border-color: #004fda;
  color: #0F1010;
}
.tooltip-black:after {
  background: #0F1010;
  border-color: #000000;
  color: #ffffff;
}
.tooltip-write:after {
  background: #FDFDFD;
  border-color: #bdbdbd;
  color: #0F1010;
}
.slides {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.slides .slides-container {
  display: inline-block;
  width: 100%;
}
.slides .slides-container .slide {
  position: relative;
  display: none;
}
.slides .slides-container .next,
.slides .slides-container .prev {
  position: absolute;
  top: 0;
  width: 100%;
  display: block;
}
.slides .slides-container .next {
  left: 100%;
}
.slides .slides-container .prev {
  left: -100%;
}
.slides .slides-container .active {
  position: relative;
  display: block;
  left: 0;
}
.slides .btn-next,
.slides .btn-prev {
  position: absolute;
  top: 43%;
/*  font-size: 15px;*/
  font-size: 1.07em;
  background: #EBEBEB;
  z-index: 10;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  padding: 10px 12px;
  opacity: .5;
  filter: alpha(opacity=50);
  overflow: hidden;
  cursor: pointer;
  -webkit-box-shadow: 0 0 24px rgba(0,0,0,0.3);
  -moz-box-shadow: 0 0 24px rgba(0,0,0,0.3);
  box-shadow: 0 0 24px rgba(0,0,0,0.3);
}
.slides .btn-next:hover,
.slides .btn-prev:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.slides .btn-next {
  right: 10px;
}
.slides .btn-prev {
  left: 10px;
}
.slides .loader {
  display: inline-block;
  height: 0.17em;/*3px;*/
  background: red;
  width: 0;
}
.slides .spinner {
  background: rgba(255,255,255,0.95);
  z-index: 10;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.slides .spinner > div {
  display: table;
  width: 100%;
  height: 100%;
  text-align: center;
}
.slides .spinner > div > div {
  display: table-cell;
  vertical-align: middle;
}
.slides [class*="dm-"] {
  float: left;
}
.autocomplete-result {
  border: 1px solid #ccc;
  border-top-color: #d9d9d9;
  box-shadow: 0 2px 4px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
  cursor: default;
  position: absolute;
  background: #fff;
}
.autocomplete-result a {
  text-decoration: none;
}
.autocomplete-result .autocomplete-row {
  padding: 5px;
  display: inline-block;
  width: 100%;
  color: #000;
  text-decoration: none;
}
.autocomplete-result .autocomplete-row:visited {
  color: #52188c;
}
.autocomplete-result .autocomplete-row:hover {
  background: #E8E8E8;
}
.autocomplete-result .autocomplete-row img {
  max-height: 1.67em;/*30px;*/
  max-width: 1.67em;/*30px;*/
  vertical-align: middle;
  margin-right: 10px;
}
.autocomplete-result .selected {
  background: #E8E8E8;
}
.ligo-autocomplete {
  position: relative;
  display: inline-block;
}
.ligo-autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  top: 100%;
  left: 0;
  right: 0;
}
.ligo-autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #d4d4d4;
}
.ligo-autocomplete-items div:hover {
  background-color: #e9e9e9;
}
.ligo-autocomplete-active {
  background-color: DodgerBlue !important;
  color: #ffffff;
}
.breadcrumb,
.breadcrumb-dots {
  list-style: none;
  padding: 0;
  margin: 0;
}
.breadcrumb > li,
.breadcrumb-dots > li {
  display: inline;
}
.breadcrumb > li:after,
.breadcrumb-dots > li:after {
  content: ' » ';
}
.breadcrumb > li:last-child a,
.breadcrumb-dots > li:last-child a {
  text-decoration: none;
}
.breadcrumb > li:last-child:after,
.breadcrumb-dots > li:last-child:after {
  content: '';
}
.breadcrumb a,
.breadcrumb-dots a {
  color: #000;
}
.breadcrumb-dots > li:after {
  content: ' :: ';
}
.float-left {
  float: left;
}
.box-center {
  margin: auto;
  float: none !important;
  display: block;
}
.float-right {
  float: right !important;
}
.float-none {
  float: none !important;
}
.text-left {
  text-align: left !important;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.capitalize {
  text-transform: capitalize;
}
.lowercase {
  text-transform: lowercase;
}
.uppercase {
  text-transform: uppercase;
}
.size-small {
  font-size: 0.8em;
  line-height:150%;
}
.size-large {
  font-size: 1.5em;
  line-height:150%;
}
.size-extra {
  font-size: 2em;
  line-height:150%;
}
.size-onem {
  font-size: 1em;
  line-height:150%;
}
.border {
  border: 1px solid #dedede;
}
.border-TB {
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
}
.border-T {
  border-top: 1px solid #dedede;
}
.border-B {
  border-bottom: 1px solid #dedede;
}
.border-LR {
  border-left: 1px solid #dedede;
  border-right: 1px solid #dedede;
}
.border-L {
  border-left: 1px solid #dedede;
}
.border-R {
  border-right: 1px solid #dedede;
}
.round {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.box-shadow {
  -webkit-box-shadow: 0 0 24px rgba(0,0,0,0.3);
  -moz-box-shadow: 0 0 24px rgba(0,0,0,0.3);
  box-shadow: 0 0 24px rgba(0,0,0,0.3);
}
.clear {
  clear: both;
  display: inline-block;
  width: 100%;
}
.padding-1xP {
  padding: 1%;
}
.padding-2xP {
  padding: 2%;
}
.padding-4xP {
  padding: 4%;
}
.padding-8xP {
  padding: 8%;
}
.padding-16xP {
  padding: 16%;
}
.padding-1xP-T {
  padding-top: 1%;
}
.padding-2xP-T {
  padding-top: 2%;
}
.padding-4xP-T {
  padding-top: 4%;
}
.padding-8xP-T {
  padding-top: 8%;
}
.padding-16xP-T {
  padding-top: 16%;
}
.padding-1xP-L {
  padding-left: 1%;
}
.padding-2xP-L {
  padding-left: 2%;
}
.padding-4xP-L {
  padding-left: 4%;
}
.padding-8xP-L {
  padding-left: 8%;
}
.padding-16xP-L {
  padding-left: 16%;
}
.padding-1xP-R {
  padding-right: 1%;
}
.padding-2xP-R {
  padding-right: 2%;
}
.padding-4xP-R {
  padding-right: 4%;
}
.padding-8xP-R {
  padding-right: 8%;
}
.padding-16xP-R {
  padding-right: 16%;
}
.padding-1xP-B {
  padding-bottom: 1%;
}
.padding-2xP-B {
  padding-bottom: 2%;
}
.padding-4xP-B {
  padding-bottom: 4%;
}
.padding-8xP-B {
  padding-bottom: 8%;
}
.padding-16xP-B {
  padding-bottom: 16%;
}
.padding-1xP-TB {
  padding-top: 1%;
  padding-bottom: 1%;
}
.padding-2xP-TB {
  padding-top: 2%;
  padding-bottom: 2%;
}
.padding-4xP-TB {
  padding-top: 4%;
  padding-bottom: 4%;
}
.padding-8xP-TB {
  padding-top: 8%;
  padding-bottom: 8%;
}
.padding-16xP-TB {
  padding-top: 16%;
  padding-bottom: 16%;
}
.padding-1xP-LR {
  padding-left: 1%;
  padding-right: 1%;
}
.padding-2xP-LR {
  padding-left: 2%;
  padding-right: 2%;
}
.padding-4xP-LR {
  padding-left: 4%;
  padding-right: 4%;
}
.padding-8xP-LR {
  padding-left: 8%;
  padding-right: 8%;
}
.padding-16xP-LR {
  padding-left: 16%;
  padding-right: 16%;
}
.padding-11 {
  padding: 0.69em;
}
.padding-11-R {
  padding-right: 0.69em;
}
.padding-11-L {
  padding-left: 0.69em;
}
.padding-5 {
  padding: 5px;
}
.padding-10 {
  padding: 10px;
}
.padding-15 {
  padding: 15px;
}
.padding-20 {
  padding: 20px;
}
.padding-30 {
  padding: 1.67em;/*30px;*/
}
.padding-40 {
  padding: 2.22em;/*40px;*/
}
.padding-50 {
  padding: 2.78em;/*50px;*/
}
.padding-5-T {
  padding-top: 5px;
}
.padding-10-T {
  padding-top: 10px;
}
.padding-15-T {
  padding-top: 15px;
}
.padding-20-T {
  padding-top: 20px;
}
.padding-30-T {
  padding-top: 1.67em;/*30px;*/
}
.padding-40-T {
  padding-top: 2.22em;/*40px;*/
}
.padding-50-T {
  padding-top: 2.78em;/*50px;*/
}
.padding-5-L {
  padding-left: 5px;
}
.padding-10-L {
  padding-left: 10px;
}
.padding-15-L {
  padding-left: 15px;
}
.padding-20-L {
  padding-left: 20px;
}
.padding-30-L {
  padding-left: 1.67em;/*30px;*/
}
.padding-40-L {
  padding-left: 2.22em;/*40px;*/
}
.padding-50-L {
  padding-left: 2.78em;/*50px;*/
}
.padding-5-R {
  padding-right: 5px;
}
.padding-10-R {
  padding-right: 10px;
}
.padding-15-R {
  padding-right: 15px;
}
.padding-20-R {
  padding-right: 20px;
}
.padding-30-R {
  padding-right: 1.67em;/*30px;*/
}
.padding-40-R {
  padding-right: 2.22em;/*40px;*/
}
.padding-50-R {
  padding-right: 2.78em;/*50px;*/
}
.padding-5-B {
  padding-bottom: 5px;
}
.padding-10-B {
  padding-bottom: 10px;
}
.padding-15-B {
  padding-bottom: 15px;
}
.padding-20-B {
  padding-bottom: 20px;
}
.padding-30-B {
  padding-bottom: 1.67em;/*30px;*/
}
.padding-40-B {
  padding-bottom: 2.22em;/*40px;*/
}
.padding-50-B {
  padding-bottom: 2.78em;/*50px;*/
}
.padding-5-TB {
  padding-top: 5px;
  padding-bottom: 5px;
}
.padding-10-TB {
  padding-top: 10px;
  padding-bottom: 10px;
}
.padding-15-TB {
  padding-top: 15px;
  padding-bottom: 15px;
}
.padding-20-TB {
  padding-top: 20px;
  padding-bottom: 20px;
}
.padding-30-TB {
  padding-top: 1.67em;/*30px;*/
  padding-bottom: 1.67em;/*30px;*/
}
.padding-40-TB {
  padding-top: 2.22em;/*40px;*/
  padding-bottom: 2.22em;/*40px;*/
}
.padding-50-TB {
  padding-top: 2.78em;/*50px;*/
  padding-bottom: 2.78em;/*50px;*/
}
.padding-5-LR {
  padding-left: 5px;
  padding-right: 5px;
}
.padding-10-LR {
  padding-left: 10px;
  padding-right: 10px;
}
.padding-15-LR {
  padding-left: 15px;
  padding-right: 15px;
}
.padding-20-LR {
  padding-left: 20px;
  padding-right: 20px;
}
.padding-30-LR {
  padding-left: 1.67em;/*30px;*/
  padding-right: 1.67em;/*30px;*/
}
.padding-40-LR {
  padding-left: 2.22em;/*40px;*/
  padding-right: 2.22em;/*40px;*/
}
.padding-50-LR {
  padding-left: 2.78em;/*50px;*/
  padding-right: 2.78em;/*50px;*/
}
.no-border {
  border: none !important;
}
.no-margin {
  margin: 0 !important;
}
.badge {
  float: right;
  background: #eee;
  padding: 2px0.22;/*4px;*/
  font-size: 0.8em;
  color: #333 !important;
}
.default {
  background: #EBEBEB !important;
  border-color: #dedede !important;
  color: #000 !important;
}
.default * {
  color: #000 !important;
}
.success {
  background: #93d59c !important;
  border-color: #40a750 !important;
  color: #100000 !important;
}
.success * {
  color: #0F1010 !important;
}
.danger {
  background: #F18785 !important;
  border-color: #ee0500 !important;
  color: #010000 !important;
}
.danger * {
  color: #0F1010 !important;
}
.warning {
  background: #F3D043 !important;
  border-color: #ac8c0b !important;
  color: #000100 !important;
}
.warning * {
  color: #0F1010 !important;
}
.info {
  background: #9cbddd !important;
  border-color: #205465 !important;
  color: #000010 !important;
}
.info * {
  color: #0F1010 !important;
}
.primary {
  background: #5A96FF !important;
  border-color: #004fda !important;
  color: #0F1010 !important;
}
.primary * {
  color: #0F1010 !important;
}
.write {
  background: #FDFDFD !important;
  border-color: #bdbdbd !important;
  color: #0F1010 !important;
}
.write * {
  color: #0F1010 !important;
}

.whitecolor {
  color: #ffffff !important;
}
.black {
  background: #0F1010 !important;
  border-color: #000000 !important;
  color: #ffffff !important;
}
.black * {
  color: #ffffff !important;
}
.hide {
  display: none;
}
.show,
.desktop-show {
  display: block;
}
.pointer {
  cursor: pointer;
}
.fixed-bottom,
.fixed-top {
  position: fixed;
  left: 0;
}
.fixed-bottom {
  bottom: 0;
}
.fixed-top {
  top: 0;
}
.desktop-hide,
.mobile-show,
.tablet-show {
  display: none;
}
@media screen and (max-width: 888px) {
  [class*="dm-"] {
    width: 100% !important;
  }
  [class*="offset-"] {
    margin-left: 0;
  }
  .dropdown .dropdown-item {
    left: 0;
  }
  .dropdown .dropdown-item * {
/*    font-size: 16px;*/
    font-size: 1.14em;
  }
  .desktop-hide {
    display: block;
  }
  .tablet-show {
    display: block !important;
  }
  .tablet-hide {
    display: none !important;
  }
}
@media screen and (max-width: 636px) {
  [class*="ds-"] {
    width: 100% !important;
  }
  .mobile-hide {
    display: none !important;
  }
  .mobile-show {
    display: block !important;
  }
}
@media screen and (max-width: 888px) {
  .dm-13.perc,
  .ds-13.perc {
    width: 108.33333333333% !important;
  }
  .dm-12.perc,
  .ds-12.perc {
    width: 100% !important;
  }
  .dm-11.perc,
  .ds-11.perc {
    width: 91.666666666667% !important;
  }
  .dm-10.perc,
  .ds-10.perc {
    width: 83.333333333333% !important;
  }
  .dm-9.perc,
  .ds-9.perc {
    width: 75% !important;
  }
  .dm-8.perc,
  .ds-8.perc {
    width: 66.666666666667% !important;
  }
  .dm-7.perc,
  .ds-7.perc {
    width: 58.333333333333% !important;
  }
  .dm-6.perc,
  .ds-6.perc {
    width: 50% !important;
  }
  .dm-5.perc,
  .ds-5.perc {
    width: 41.666666666667% !important;
  }
  .dm-4.perc,
  .ds-4.perc {
    width: 33.333333333333% !important;
  }
  .dm-3.perc,
  .ds-3.perc {
    width: 25% !important;
  }
  .dm-2.perc,
  .ds-2.perc {
    width: 16.666666666667% !important;
  }
  .dm-1.perc,
  .ds-1.perc {
    width: 8.3333333333333% !important;
  }
}
@media screen and (max-width: 348px) {
  .table tbody tr .btn,
  .table-striped tbody tr .btn {
    margin: 0 0 10px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.print-show {
  display: none;
}
@media print {
  .print-show {
    display: block !important;
  }
  .print-hide {
    display: none;
  }
}
hr {
  color: #e7e7e7;
  border-color: #e7e7e7;
}
.loader-bg {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  min-width: 100%;
  height: 100%;
  min-height: 100%;
  z-index: 10000;
  background-color: rgba(255,255,255,0.9);
}
.loader {
  border: 10px solid #f3f3f3;
  border-top: 10px solid #3071a9;
  border-radius: 50%;
  width: 2.78em;/*50px;*/
  height: 2.78em;/*50px;*/
  animation: spin 1s linear infinite;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10001;
  color: #006;
  margin-left: -25px;
  margin-top: -25px;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@media screen and (max-width: 1608px) {
  [class*="dlxx-"] {
    width: 100% !important;
  }
  .hide-a-dlxx {
    display: none !important;
  }
  .text-left-a-dlxx {
    text-align: left;
  }
  .show-a-dlxx {
    display: block;
  }
  .text-center-a-dlxx {
    text-align: center;
  }
}
@media screen and (max-width: 1440px) {
  [class*="dlx-"] {
    width: 100% !important;
  }
  .hide-a-dlx {
    display: none !important;
  }
  .text-left-a-dlx {
    text-align: left;
  }
  .show-a-dlx {
    display: block;
  }
  .text-center-a-dlx {
    text-align: center;
  }
}
@media screen and (max-width: 1260px) {
  [class*="dl-"] {
    width: 100% !important;
  }
  .hide-a-dl {
    display: none !important;
  }
  .show-a-dl {
    display: block;
  }
  .text-left-a-dl {
    text-align: left;
  }
  .text-right-a-dl {
    text-align: right;
  }
  .text-center-a-dl {
    text-align: center;
  }
}
@media screen and (max-width: 888px) {
  .hide-a-dm {
    display: none !important;
  }
  .show-a-dm {
    display: block;
  }
  .text-left-a-dm {
    text-align: left;
  }
  .text-right-a-dm {
    text-align: right;
  }
  .text-center-a-dm {
    text-align: center;
  }
}
@media screen and (max-width: 636px) {
  .hide-a-ds {
    display: none !important;
  }
  .show-a-ds {
    display: block;
  }
  .text-left-a-ds {
    text-align: left;
  }
  .text-right-a-ds {
    text-align: right;
  }
  .text-center-a-ds {
    text-align: center;
  }
}
@media screen and (max-width: 540px) {
  [class*="dsx-"] {
    width: 100% !important;
  }
  .hide-a-dsx {
    display: none !important;
  }
  .show-a-dsx {
    display: block;
  }
  .text-left-a-dsx {
    text-align: left;
  }
  .text-right-a-dsx {
    text-align: right;
  }
  .text-center-a-dsx {
    text-align: center;
  }
}
@media screen and (max-width: 348px) {
  [class*="dsxx-"] {
    width: 100% !important;
  }
  .hide-a-dsxx {
    display: none !important;
  }
  .show-a-dsxx {
    display: block;
  }
  .text-left-a-dsxx {
    text-align: left;
  }
  .text-right-a-dsxx {
    text-align: right;
  }
  .text-center-a-dsxx {
    text-align: center;
  }
}
@media screen and (max-width: 192px) {
  [class*="dsxxx-"] {
    width: 100% !important;
  }
  .hide-a-dsxxx {
    display: none !important;
  }
  .show-a-dsxxx {
    display: block;
  }
  .text-left-a-dsxxx {
    text-align: left;
  }
  .text-right-a-dsxxx {
    text-align: right;
  }
  .text-center-a-dsxxx {
    text-align: center;
  }
}
@media screen and (min-width: 1608px) {
  .hide-da-dlxx {
    display: none !important;
  }
  .show-da-dlxx {
    display: block;
  }
  .pad-5L-da-dlxx {
    padding-left: 5px;
  }
  .text-left-da-dlxx {
    text-align: left;
  }
  .text-right-da-dlxx {
    text-align: right;
  }
  .text-center-da-dlxx {
    text-align: center;
  }
}
@media screen and (min-width: 1440px) {
  .hide-da-dlx {
    display: none !important;
  }
  .show-da-dlx {
    display: block;
  }
  .pad-5L-da-dlx {
    padding-left: 5px;
  }
  .text-left-da-dlx {
    text-align: left;
  }
  .text-right-da-dlx {
    text-align: right;
  }
  .text-center-da-dlx {
    text-align: center;
  }
}
@media screen and (min-width: 1260px) {
  .hide-da-dl {
    display: none !important;
  }
  .show-da-dl {
    display: block;
  }
  .pad-5L-da-dl {
    padding-left: 5px;
  }
  .text-left-da-dl {
    text-align: left;
  }
  .text-right-da-dl {
    text-align: right;
  }
  .text-center-da-dl {
    text-align: center;
  }
}
@media screen and (min-width: 888px) {
  .hide-da-dm {
    display: none;
  }
  .show-da-dm {
    display: block;
  }
  .pad-5L-da-dm {
    padding-left: 5px;
  }
  .text-left-da-dm {
    text-align: left;
  }
  .text-right-da-dm {
    text-align: right;
  }
  .text-center-da-dm {
    text-align: center;
  }
}
@media screen and (min-width: 636px) {
  .hide-da-ds {
    display: none !important;
  }
  .show-da-ds {
    display: block;
  }
  .pad-5L-da-ds {
    padding-left: 5px;
  }
  .text-left-da-ds {
    text-align: left;
  }
  .text-right-da-ds {
    text-align: right;
  }
  .text-center-da-ds {
    text-align: center;
  }
}
@media screen and (min-width: 540px) {
  .hide-da-dsx {
    display: none !important;
  }
  .show-da-dsx {
    display: block;
  }
  .pad-5L-da-dsx {
    padding-left: 5px;
  }
  .text-left-da-dsx {
    text-align: left;
  }
  .text-right-da-dsx {
    text-align: right;
  }
  .text-center-da-dsx {
    text-align: center;
  }
}
@media screen and (min-width: 348px) {
  .hide-da-dsxx {
    display: none !important;
  }
  .show-da-dsxx {
    display: block;
  }
  .pad-5L-da-dsxx {
    padding-left: 5px;
  }
  .text-left-da-dsxx {
    text-align: left;
  }
  .text-right-da-dsxx {
    text-align: right;
  }
  .text-center-da-dsxx {
    text-align: center;
  }
}
@media screen and (min-width: 192px) {
  .hide-da-dsxxx {
    display: none !important;
  }
  .show-da-dsxxx {
    display: block;
  }
  .pad-5L-da-dsxxx {
    padding-left: 5px;
  }
  .text-left-da-dsxxx {
    text-align: left;
  }
  .text-right-da-dsxxx {
    text-align: right;
  }
  .text-center-da-dsxxx {
    text-align: center;
  }
}
.h100p {
  height: 100%;
}
.h80p {
  height: 80%;
}
.h50p {
  height: 50%;
}

/*ligoconfirma */
    .ligoconfirm {
      position: fixed;
      z-index: 9998;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      background-color: rgba(0, 0, 0, 0.2);
      text-align: center;  
    }
    
    .ligoconfirmbtn {
      position: relative;
      z-index: 9999;
      padding: 10px 20px;
      margin: 0px 10px;
      border: 0;
      background-color: #cecebf;
      border-radius: 0.17em;/*3px;*/  
    }
    
    .ligoconfirmbtn:focus {
      background-color: #575748;
      outline: 0;
    }
    
    .ligoconfirmpanel {
        position: relative;
        padding: 10px;
        /*width: 16.67em;*//*300px;*/
		width: max-content;
        margin: 170px auto;
        border: 1px solid #cacaca;
        background-color: #f8f8f8;
        box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
        top: -30px;
        z-index: 4000;
        opacity: 1;
		max-width:95vw;
    }
    
    .ligoconfirmpanel h2, .ligoconfirmpanel p {
      backface-visibility: hidden;
    }
    .ligoconfirmpanel h2 {
      margin: 0;
      padding: 0;
    }
	
/*reset a relative*/
.relative
{
	position:relative;
}

.align-bottom{
	position:absolute;
	left:0;
	bottom:0;
}
/*ligo-cards-*/
[class*="ligo_cards_"]{
	display: flex;
	flex-wrap: wrap;
	align-items:stretch; 
}
[class*="ligo_cards_"]>* {
	display: flex;
	padding: 1rem;
/*	width: 100%;*/
	flex : 1;
}

.ligo_card {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
}

@media screen and (min-width: 636px) {
	.ligo_cards_dm{
		flex-flow:row;
	}
}

@media screen and (max-width: 636px) {
	.ligo_cards_dm{
		flex-flow:column;
	}
}


@media screen and (min-width: 1260px) {
	.ligo_cards_dl{
		flex-flow:row;
	}
}

@media screen and (max-width: 1260px) {
	.ligo_cards_dl{
		flex-flow:column;
	}
}


.ligo_card_bottom{
	display: block;
	width: 100%;
}
/*fine ligo-cards*/


/*container*/
[class*="flex-"]{
	display: flex;
}

.flex-just_space-ar  {
	justify-content:  space-around;	
}

.flex-justc-space-ar  {
	justify-content:  space-around;	
}

.spazia-10>*{
margin: 10px;
}

.spazia-20>*{
margin: 20px;
}

.spazia-30>*{
margin: 1.67em;/*30px;*/
}

.flex-* padding-10>* {
  padding:1em;
}
.flex-* padding-10>* {
  padding:.1em;
}

.flex-col {
  flex-direction: column;
}

.flex-col-rev {
  flex-direction: column-reverse;
}

.flex-row-* {
	flex-direction: row;
    flex-wrap: nowrap;
}
@media screen and (max-width: 888px) {
	.flex-row-dm {
	  flex-direction: column;
	  flex-wrap: nowrap;
	}
}
@media screen and (max-width: 636px) {
	.flex-row-ds {
	  flex-direction: column;
	  flex-wrap: nowrap;
	}
}


.flex-row-rev {
  flex-direction: row-reverse;
}

.flex-wrap{
	flex-wrap: wrap;
}

.flex-nowrap{
	flex-wrap: nowrap;
}
 
.flex-all > * {
  width:100%;
}

.flex-0x {
  flex-grow: 0;
}

.flex-2x {
  flex-grow: 2;
}
.flex-3x {
  flex-grow: 3;
}
.flex-4x {
  flex-grow: 4;
}
.flex-5x {
  flex-grow: 5;
}
.flex-6x {
  flex-grow: 6;
}

.flex-0 {
  flex: 0;
}
.flex-2 {
  flex: 2;
}
.flex-25 {
  flex: 25;
}
.flex-3 {
  flex: 3;
}
.flex-35 {
  flex: 35;
}
.flex-4 {
  flex: 4;
}
.flex-5 {
  flex: 5;
}
.flex-6 {
  flex: 6;
}

.flex-stretch {
	align-items:stretch ;
}
/* ligo_syntaxHighlight */
.string { color: green; }
.number { color: blue; }
.boolean { color: orange; }
.null { color: magenta; }
.key { color: red; }

/*da spostare in "input.less"*/
.hover:hover {
	outline: blue solid 2px;
}

/*I: css per cookies e privacy */
	.max-dim{
		/*max-width:1024px !important;*/
		max-width:64rem !important;
/*		width:64rem;*/
		margin-left: auto;
		margin-right: auto;
	}
	
	.textbold{
		font-weight: bold;
	}
	.em10,.em10 *{
	font-size:1em;
	}
/*F: css per cookies e privacy */

/*
colore Riscotel chiaro
#7399E8/#000000
*/

.bluRiscotelchiaro{
	background:#7399E8;
	color:#000000;
}

/*
colore Riscotel scuro
#384b72/#FFFFFF
*/

.bluRiscotelscuro{
	background:#384b72;
	color:#FFFFFF;
}

input, h1, p, * {
    line-height: 150%;
}
.arancioas{
	background:#ffa12d;
	color:#000000;
}


.ligo_accordion {
  position: relative;
  transition: 0.4s;
}

.ligo_accordion_alt{
  position: relative;
  transition: 0.4s;
}


.ligo_accordion_area{
  display: none;
   clear: left;
}
/* i ha come icona + se chiuso e - se aperto */
.ligo_accordion_i::after {
	position: absolute;
        content: "+";
	right:1em;
/*	font-size:200%;*/
}
.ligo_accordion_i.active::after {
    position: absolute;
	content: "-";
	right:1rem;
/*	font-size:200%;*/
}

/* i2 ha come icona l'arrow di fontawesome */
.ligo_accordion_i2::after {
    content: "\f078";
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
	position: absolute;
    right:1em;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 150%;
}
.ligo_accordion_i2.active::after {
    content: "\f077";
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    position: absolute;
	right:1rem;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 150%;
}

.ligo_accordion_i3::after {
    content: "\f07b";
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
	position: absolute;
    right:1em;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 150%;

}
.ligo_accordion_i3.active::after {
    content: "\f07c";
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    position: absolute;
	right:1rem;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 150%;

}
.input-cv:invalid {
	color: navy;
	outline: none; /* .glowing-border:focus */
	border-color: #ff1050;
	box-shadow: 0 0 10px #ff0000;//#9ecaed
}
.input-cv22:invalid {
  outline: none;
  box-shadow: 2px 2px 6px #fb7575;
}

.input-cv22:after{
    content:" *";
    color: red;
}
/*
	ligo-form
*/
.ligo-form {
	padding: 5px;
  	padding-bottom: 20px ;
	position: relative; 
}
  
.ligo-form label {
	display: inline-block;
	margin-bottom: 5px;
}
  
.ligo-form input,
.ligo-form label,
.ligo-form select
{
	width: 100%;
}  
.ligo-form.required  label:after{
	color: #e32;
   	content: ' *';
   	display:inline;
}  

.ligo-form.input-error input{
  /*border-color: #ee0500;*/
  box-shadow: 1px 1px 6px #ee0500;  
}
  
.ligo-form.input-success input{
/*  border-color: #40a750;*/
  box-shadow: 1px 1px 6px #40a750;    
}  
 .ligo-form i {
	visibility: hidden;
	position: absolute;
	top: 50px;
	right: 30px;
}
.ligo-form.input-success .ok{
	color: #2ecc71;
	visibility: visible;
}
.ligo-form.input-error .ko{
	color: #e74c3c;
	visibility: visible;
}
.ligo-form small{
	color: #e74c3c;
	position: absolute;
	bottom: 0;
	left: 0;
	visibility: hidden;
}

.ligo-form.input-error small{
	visibility: visible;
}
  
.ligo-form input[required] {
  display: block;
}

.ligo-form input[required]~label :after {
  content: '*';
  color: red;
}
