@charset "UTF-8";
/**@deprecated */
/* 
@Version 1.0.4
Applicare la classe
gruppo-piccolo: Per ridurre i gruppi
Applicare alla Toolbar la classe toolbar-right se si desidera mandare a destra tutta la toolbar di pannello

*/
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap");
:root {
  --theme-default: #557ec5;
  --theme-default-rgb: 85, 126, 197;
  --theme-default-contrast: #f6f9fc;
  --theme-default-hover: #4773c0;
  --theme-default-active: #18589D;
  --theme-default-hover-contrast: #f6f9fc;
  --theme-default-contrast-opacity: #f6f9fc;
  --theme-primary: #18589d;
  --theme-primary-rgb: 24, 88, 157;
  --theme-primary-contrast: #f6f9fc;
  --theme-primary-hover: #4a8acf;
  --theme-primary-hover-contrast: #f6f9fc;
  --theme-primary-contrast-opacity: #f6f9fc;
  --theme-success: #31ae79;
  --theme-success-rgb: 49, 174, 121;
  --theme-success-contrast: #FFFFFF;
  --theme-success-hover: #046d40;
  --theme-success-hover-contrast: #FFFFFF;
  --theme-success-contrast-opacity: #3b3939;
  --theme-info: #58bcc3;
  --theme-info-rgb: 88, 188, 195;
  --theme-info-contrast: #3b3939;
  --theme-info-hover: #5caaaf;
  --theme-info-hover-contrast: #585656;
  --theme-info-contrast-opacity: #3b3939;
  --theme-secondary: #8392ab;
  --theme-secondary-rgb: 131, 146, 171;
  --theme-secondary-contrast: #FFFFFF;
  --theme-secondary-hover: #6c788b;
  --theme-secondary-hover-contrast: #FFFFFF;
  --theme-secondary-contrast-opacity: #3b3939;
  --theme-panic: #ab83a9;
  --theme-panic-rgb: 171, 131, 169;
  --theme-panic-contrast: #FFFFFF;
  --theme-panic-hover: #6D28D9;
  --theme-panic-hover-contrast: #FFFFFF;
  --theme-panic-contrast-opacity: #FFFFFF;
  --theme-warning: #fab005;
  --theme-warning-rgb: 250, 176, 5;
  --theme-warning-contrast: #172b4d;
  --theme-warning-hover: #e4a30c;
  --theme-warning-hover-contrast: #172b4d;
  --theme-warning-contrast-opacity: #172b4d;
  --theme-danger: #c7566d;
  --theme-danger-rgb: 199, 86, 109;
  --theme-danger-contrast: #FFFFFF;
  --theme-danger-hover: #8d122a;
  --theme-danger-hover-contrast: #FFFFFF;
  --theme-danger-contrast-opacity: #FFFFFF;
  --theme-light: #eaedf1;
  --theme-light-rgb: 234, 237, 241;
  --theme-light-contrast: #172b4d;
  --theme-light-hover: #949799;
  --theme-light-hover-contrast: #172b4d;
  --theme-light-contrast-opacity: #172b4d;
  --theme-medium: #e9ecef;
  --theme-medium-rgb: 233, 236, 239;
  --theme-medium-contrast: #172b4d;
  --theme-medium-hover: #e9ecef;
  --theme-medium-hover-contrast: #172b4d;
  --theme-medium-contrast-opacity: #172b4d;
  --theme-dark: #172b4d;
  --theme-dark-rgb: 23, 43, 77;
  --theme-dark-contrast: #ced4da;
  --theme-dark-hover: #172b4d;
  --theme-dark-hover-contrast: #ced4da;
  --theme-dark-contrast-opacity: #ced4da;
  --theme-panel-toolbar: #d6d9e9;
  --theme-panel-toolbar-contrast: #172b4d;
  --text-primary: #18589d;
  --text-default: #557ec5;
  --text-success: #31ae79;
  --text-info: #58bcc3;
  --text-secondary: #8392ab;
  --text-warning: #fab005;
  --text-danger: #c7566d;
  --lux-navbar-backcolor: #18589d;
  --lux-navbar-contrast: #f6f9fc;
  --lux-navbar-color: #18589d;
  --lux-toolbar-backcolor: #d6d9e9;
  --lux-toolbar-color: #172b4d;
  --panel-qbe-button-color: white;
  --panel-qbe-button-backcolor: #557ec5;
  --panel-qbe-button-backcolor-hover: #557ec5;
  --panel-qbe-field-value-backcolor: white;
  --panel-qbe-label: #557ec5;
}

h1, h2, h3, h4, h5, h6, p, div, * {
  font-family: "Open Sans", sans-serif;
}

/* Allineamento */
.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

/* Spessore testo */
.text-bold {
  font-weight: 700 !important;
}

.text-weight-500 {
  font-weight: 500 !important;
}

.text-link {
  /* Colore che imita il link standard di Bootstrap 3 */
  color: #557ec5;
  /* Cambia il cursore in una mano, essenziale per l'usabilità */
  cursor: pointer;
}

/* Aggiungi la sottolineatura al passaggio del mouse, come un vero link */
.text-link:hover {
  text-decoration: underline;
}

/* Dimensione Testo */
/**
Classe per i messaggi di testo informativi in campi statici
Colore: Secondary
Antepone una icona fa-info-circle
*/
.text-help-message {
  font-size: 10pt;
  color: #8392ab;
  /* Per Fontawesome6 impostare come font-family 'Font Awesome 6 Free'*/
}
.text-help-message:before {
  font-family: FontAwesome;
  content: "\f05a";
  display: inline-block;
  padding-right: 3px;
  vertical-align: middle;
}

.text-italic, .fs-italic {
  font-style: italic;
}

.fs-xxx-large, .text-xxx-large {
  font-size: xxx-large;
  font-size: -webkit-xxx-large;
}

.fs-xx-large, .text-xx-large {
  font-size: xx-large;
}

.fs-x-large, .text-x-large {
  font-size: x-large;
}

.fs-large, .text-large {
  font-size: large;
}

.fs-larger, .text-larger {
  font-size: larger;
}

.fs-medium, .text-medium {
  font-size: medium;
}

.fs-small, .text-small {
  font-size: small;
}

.fs-x-small, .text-x-small {
  font-size: x-small;
}

.fs-1 {
  font-size: 1px;
}

.fs-2 {
  font-size: 2px;
}

.fs-3 {
  font-size: 3px;
}

.fs-4 {
  font-size: 4px;
}

.fs-5 {
  font-size: 5px;
}

.fs-6 {
  font-size: 6px;
}

.fs-7 {
  font-size: 7px;
}

.fs-8 {
  font-size: 8px;
}

.fs-9, .text-9 {
  font-size: 9px;
}

.fs-10, .text-10 {
  font-size: 10px;
}

.fs-11, .text-11 {
  font-size: 11px;
}

.fs-12, .text-12 {
  font-size: 12px;
}

.fs-13, .text-13 {
  font-size: 13px;
}

.fs-14, .text-14 {
  font-size: 14px;
}

.fs-15, .text-15 {
  font-size: 15px;
}

.fs-16, .text-16 {
  font-size: 16px;
}

.fs-17 {
  font-size: 17px;
}

.fs-18 {
  font-size: 18px;
}

.fs-19 {
  font-size: 19px;
}

.fs-20 {
  font-size: 20px;
}

.fs-21 {
  font-size: 21px;
}

.fs-22 {
  font-size: 22px;
}

.fs-23 {
  font-size: 23px;
}

.fs-24 {
  font-size: 24px;
}

.fs-25 {
  font-size: 25px;
}

.fs-26 {
  font-size: 26px;
}

.fs-27 {
  font-size: 27px;
}

.fs-28 {
  font-size: 28px;
}

.fs-29 {
  font-size: 29px;
}

.fs-30 {
  font-size: 30px;
}

.fs-31 {
  font-size: 31px;
}

.fs-32 {
  font-size: 32px;
}

.fs-33 {
  font-size: 33px;
}

.fs-34 {
  font-size: 34px;
}

.fs-35 {
  font-size: 35px;
}

.fs-36 {
  font-size: 36px;
}

.fs-37 {
  font-size: 37px;
}

.fs-38 {
  font-size: 38px;
}

.fs-39 {
  font-size: 39px;
}

.fs-40 {
  font-size: 40px;
}

.fs-41 {
  font-size: 41px;
}

.fs-42 {
  font-size: 42px;
}

.fs-43 {
  font-size: 43px;
}

.fs-44 {
  font-size: 44px;
}

.fs-45 {
  font-size: 45px;
}

.fs-46 {
  font-size: 46px;
}

.fs-47 {
  font-size: 47px;
}

.fs-48 {
  font-size: 48px;
}

.fs-49 {
  font-size: 49px;
}

.fs-50 {
  font-size: 50px;
}

.fs-51 {
  font-size: 51px;
}

.fs-52 {
  font-size: 52px;
}

.fs-53 {
  font-size: 53px;
}

.fs-54 {
  font-size: 54px;
}

.fs-55 {
  font-size: 55px;
}

.fs-56 {
  font-size: 56px;
}

.fs-57 {
  font-size: 57px;
}

.fs-58 {
  font-size: 58px;
}

.fs-59 {
  font-size: 59px;
}

.fs-60 {
  font-size: 60px;
}

.fs-61 {
  font-size: 61px;
}

.fs-62 {
  font-size: 62px;
}

.fs-63 {
  font-size: 63px;
}

.fs-64 {
  font-size: 64px;
}

.fs-65 {
  font-size: 65px;
}

.fs-66 {
  font-size: 66px;
}

.fs-67 {
  font-size: 67px;
}

.fs-68 {
  font-size: 68px;
}

.fs-69 {
  font-size: 69px;
}

.fs-70 {
  font-size: 70px;
}

.fs-71 {
  font-size: 71px;
}

.fs-72 {
  font-size: 72px;
}

.fs-73 {
  font-size: 73px;
}

.fs-74 {
  font-size: 74px;
}

.fs-75 {
  font-size: 75px;
}

.fs-76 {
  font-size: 76px;
}

.fs-77 {
  font-size: 77px;
}

.fs-78 {
  font-size: 78px;
}

.fs-79 {
  font-size: 79px;
}

.fs-80 {
  font-size: 80px;
}

.fs-81 {
  font-size: 81px;
}

.fs-82 {
  font-size: 82px;
}

.fs-83 {
  font-size: 83px;
}

.fs-84 {
  font-size: 84px;
}

.fs-85 {
  font-size: 85px;
}

.fs-86 {
  font-size: 86px;
}

.fs-87 {
  font-size: 87px;
}

.fs-88 {
  font-size: 88px;
}

.fs-89 {
  font-size: 89px;
}

.fs-90 {
  font-size: 90px;
}

.fs-91 {
  font-size: 91px;
}

.fs-92 {
  font-size: 92px;
}

.fs-93 {
  font-size: 93px;
}

.fs-94 {
  font-size: 94px;
}

.fs-95 {
  font-size: 95px;
}

.fs-96 {
  font-size: 96px;
}

.fs-97 {
  font-size: 97px;
}

.fs-98 {
  font-size: 98px;
}

.fs-99 {
  font-size: 99px;
}

.fs-100 {
  font-size: 100px;
}

.fs-101 {
  font-size: 101px;
}

.fs-102 {
  font-size: 102px;
}

.fs-103 {
  font-size: 103px;
}

.fs-104 {
  font-size: 104px;
}

.fs-105 {
  font-size: 105px;
}

.fs-106 {
  font-size: 106px;
}

.fs-107 {
  font-size: 107px;
}

.fs-108 {
  font-size: 108px;
}

.fs-109 {
  font-size: 109px;
}

.fs-110 {
  font-size: 110px;
}

.fs-111 {
  font-size: 111px;
}

.fs-112 {
  font-size: 112px;
}

.fs-113 {
  font-size: 113px;
}

.fs-114 {
  font-size: 114px;
}

.fs-115 {
  font-size: 115px;
}

.fs-116 {
  font-size: 116px;
}

.fs-117 {
  font-size: 117px;
}

.fs-118 {
  font-size: 118px;
}

.fs-119 {
  font-size: 119px;
}

.fs-120 {
  font-size: 120px;
}

.fs-121 {
  font-size: 121px;
}

.fs-122 {
  font-size: 122px;
}

.fs-123 {
  font-size: 123px;
}

.fs-124 {
  font-size: 124px;
}

.fs-125 {
  font-size: 125px;
}

.fs-126 {
  font-size: 126px;
}

.fs-127 {
  font-size: 127px;
}

.fs-128 {
  font-size: 128px;
}

.fs-129 {
  font-size: 129px;
}

.fs-130 {
  font-size: 130px;
}

.fs-131 {
  font-size: 131px;
}

.fs-132 {
  font-size: 132px;
}

.fs-133 {
  font-size: 133px;
}

.fs-134 {
  font-size: 134px;
}

.fs-135 {
  font-size: 135px;
}

.fs-136 {
  font-size: 136px;
}

.fs-137 {
  font-size: 137px;
}

.fs-138 {
  font-size: 138px;
}

.fs-139 {
  font-size: 139px;
}

.fs-140 {
  font-size: 140px;
}

.fs-141 {
  font-size: 141px;
}

.fs-142 {
  font-size: 142px;
}

.fs-143 {
  font-size: 143px;
}

.fs-144 {
  font-size: 144px;
}

.fs-145 {
  font-size: 145px;
}

.fs-146 {
  font-size: 146px;
}

.fs-147 {
  font-size: 147px;
}

.fs-148 {
  font-size: 148px;
}

.fs-149 {
  font-size: 149px;
}

.fs-150 {
  font-size: 150px;
}

.fs-151 {
  font-size: 151px;
}

.fs-152 {
  font-size: 152px;
}

.fs-153 {
  font-size: 153px;
}

.fs-154 {
  font-size: 154px;
}

.fs-155 {
  font-size: 155px;
}

.fs-156 {
  font-size: 156px;
}

.fs-157 {
  font-size: 157px;
}

.fs-158 {
  font-size: 158px;
}

.fs-159 {
  font-size: 159px;
}

.fs-160 {
  font-size: 160px;
}

.fs-161 {
  font-size: 161px;
}

.fs-162 {
  font-size: 162px;
}

.fs-163 {
  font-size: 163px;
}

.fs-164 {
  font-size: 164px;
}

.fs-165 {
  font-size: 165px;
}

.fs-166 {
  font-size: 166px;
}

.fs-167 {
  font-size: 167px;
}

.fs-168 {
  font-size: 168px;
}

.fs-169 {
  font-size: 169px;
}

.fs-170 {
  font-size: 170px;
}

.fs-171 {
  font-size: 171px;
}

.fs-172 {
  font-size: 172px;
}

.fs-173 {
  font-size: 173px;
}

.fs-174 {
  font-size: 174px;
}

.fs-175 {
  font-size: 175px;
}

.fs-176 {
  font-size: 176px;
}

.fs-177 {
  font-size: 177px;
}

.fs-178 {
  font-size: 178px;
}

.fs-179 {
  font-size: 179px;
}

.fs-180 {
  font-size: 180px;
}

.fs-181 {
  font-size: 181px;
}

.fs-182 {
  font-size: 182px;
}

.fs-183 {
  font-size: 183px;
}

.fs-184 {
  font-size: 184px;
}

.fs-185 {
  font-size: 185px;
}

.fs-186 {
  font-size: 186px;
}

.fs-187 {
  font-size: 187px;
}

.fs-188 {
  font-size: 188px;
}

.fs-189 {
  font-size: 189px;
}

.fs-190 {
  font-size: 190px;
}

.fs-191 {
  font-size: 191px;
}

.fs-192 {
  font-size: 192px;
}

.fs-193 {
  font-size: 193px;
}

.fs-194 {
  font-size: 194px;
}

.fs-195 {
  font-size: 195px;
}

.fs-196 {
  font-size: 196px;
}

.fs-197 {
  font-size: 197px;
}

.fs-198 {
  font-size: 198px;
}

.fs-199 {
  font-size: 199px;
}

.fs-200 {
  font-size: 200px;
}

/* Fine Dimensione Testo */
.text-primary,
td.text-primary span {
  color: #18589d;
}

/*Modalità Reverse*/
td.text-reverse-primary {
  background-color: #18589d;
}

td.text-reverse-default span {
  color: #f6f9fc;
}

.bg-primary {
  background-color: #18589d;
}

.text-success,
td.text-success span {
  color: #31ae79;
}

/*Modalità Reverse*/
td.text-reverse-success {
  background-color: #31ae79;
}

td.text-reverse-default span {
  color: #FFFFFF;
}

.bg-success {
  background-color: #31ae79;
}

.text-info,
td.text-info span {
  color: #58bcc3;
}

/*Modalità Reverse*/
td.text-reverse-info {
  background-color: #58bcc3;
}

td.text-reverse-default span {
  color: #3b3939;
}

.bg-info {
  background-color: #58bcc3;
}

.text-secondary,
td.text-secondary span {
  color: #8392ab;
}

/*Modalità Reverse*/
td.text-reverse-secondary {
  background-color: #8392ab;
}

td.text-reverse-default span {
  color: #FFFFFF;
}

.bg-secondary {
  background-color: #8392ab;
}

.text-warning,
td.text-warning span {
  color: #fab005;
}

/*Modalità Reverse*/
td.text-reverse-warning {
  background-color: #fab005;
}

td.text-reverse-default span {
  color: #172b4d;
}

.bg-warning {
  background-color: #fab005;
}

.text-danger,
td.text-danger span {
  color: #c7566d;
}

/*Modalità Reverse*/
td.text-reverse-danger {
  background-color: #c7566d;
}

td.text-reverse-default span {
  color: #FFFFFF;
}

.bg-danger {
  background-color: #c7566d;
}

.text-light,
td.text-light span {
  color: #eaedf1;
}

/*Modalità Reverse*/
td.text-reverse-light {
  background-color: #eaedf1;
}

td.text-reverse-default span {
  color: #172b4d;
}

.bg-light {
  background-color: #eaedf1;
}

.text-medium,
td.text-medium span {
  color: #e9ecef;
}

/*Modalità Reverse*/
td.text-reverse-medium {
  background-color: #e9ecef;
}

td.text-reverse-default span {
  color: #172b4d;
}

.bg-medium {
  background-color: #e9ecef;
}

.text-dark,
td.text-dark span {
  color: #172b4d;
}

/*Modalità Reverse*/
td.text-reverse-dark {
  background-color: #172b4d;
}

td.text-reverse-default span {
  color: #ced4da;
}

.bg-dark {
  background-color: #172b4d;
}

.text-panic,
td.text-panic span {
  color: #ab83a9;
}

/*Modalità Reverse*/
td.text-reverse-panic {
  background-color: #ab83a9;
}

td.text-reverse-default span {
  color: #FFFFFF;
}

.bg-panic {
  background-color: #ab83a9;
}

.label-primary {
  color: #f6f9fc;
  background-color: #18589d;
}

.label-success {
  color: #FFFFFF;
  background-color: #31ae79;
}

.label-info {
  color: #3b3939;
  background-color: #58bcc3;
}

.label-secondary {
  color: #FFFFFF;
  background-color: #8392ab;
}

.label-warning {
  color: #172b4d;
  background-color: #fab005;
}

.label-danger {
  color: #FFFFFF;
  background-color: #c7566d;
}

.label-light {
  color: #172b4d;
  background-color: #eaedf1;
}

.label-medium {
  color: #172b4d;
  background-color: #e9ecef;
}

.label-dark {
  color: #ced4da;
  background-color: #172b4d;
}

.label-panic {
  color: #FFFFFF;
  background-color: #ab83a9;
}

.alert-primary {
  background-image: none !important;
  border-style: none !important;
  background-color: #18589d !important;
  background-repeat: no-repeat !important;
  color: #f6f9fc !important;
  font-size: 1.1em;
  font-weight: 600;
  border-radius: 1rem;
  box-shadow: 0 0 0 0;
}

.alert-success {
  background-image: none !important;
  border-style: none !important;
  background-color: #31ae79 !important;
  background-repeat: no-repeat !important;
  color: #FFFFFF !important;
  font-size: 1.1em;
  font-weight: 600;
  border-radius: 1rem;
  box-shadow: 0 0 0 0;
}

.alert-info {
  background-image: none !important;
  border-style: none !important;
  background-color: #58bcc3 !important;
  background-repeat: no-repeat !important;
  color: #3b3939 !important;
  font-size: 1.1em;
  font-weight: 600;
  border-radius: 1rem;
  box-shadow: 0 0 0 0;
}

.alert-secondary {
  background-image: none !important;
  border-style: none !important;
  background-color: #8392ab !important;
  background-repeat: no-repeat !important;
  color: #FFFFFF !important;
  font-size: 1.1em;
  font-weight: 600;
  border-radius: 1rem;
  box-shadow: 0 0 0 0;
}

.alert-warning {
  background-image: none !important;
  border-style: none !important;
  background-color: #fab005 !important;
  background-repeat: no-repeat !important;
  color: #172b4d !important;
  font-size: 1.1em;
  font-weight: 600;
  border-radius: 1rem;
  box-shadow: 0 0 0 0;
}

.alert-danger {
  background-image: none !important;
  border-style: none !important;
  background-color: #c7566d !important;
  background-repeat: no-repeat !important;
  color: #FFFFFF !important;
  font-size: 1.1em;
  font-weight: 600;
  border-radius: 1rem;
  box-shadow: 0 0 0 0;
}

.alert-light {
  background-image: none !important;
  border-style: none !important;
  background-color: #eaedf1 !important;
  background-repeat: no-repeat !important;
  color: #172b4d !important;
  font-size: 1.1em;
  font-weight: 600;
  border-radius: 1rem;
  box-shadow: 0 0 0 0;
}

.alert-medium {
  background-image: none !important;
  border-style: none !important;
  background-color: #e9ecef !important;
  background-repeat: no-repeat !important;
  color: #172b4d !important;
  font-size: 1.1em;
  font-weight: 600;
  border-radius: 1rem;
  box-shadow: 0 0 0 0;
}

.alert-dark {
  background-image: none !important;
  border-style: none !important;
  background-color: #172b4d !important;
  background-repeat: no-repeat !important;
  color: #ced4da !important;
  font-size: 1.1em;
  font-weight: 600;
  border-radius: 1rem;
  box-shadow: 0 0 0 0;
}

.alert-panic {
  background-image: none !important;
  border-style: none !important;
  background-color: #ab83a9 !important;
  background-repeat: no-repeat !important;
  color: #FFFFFF !important;
  font-size: 1.1em;
  font-weight: 600;
  border-radius: 1rem;
  box-shadow: 0 0 0 0;
}

/* GESTIONE TOOLBAR BUTTON */
/*Applicare alla Toolbar la classe toolbar-right 
se si desidera mandare a destra tutta la toolbar di pannello*/
.btn-group:has(> .toolbar-right) {
  float: right !important;
}

/* Bottoni per Inserimento con classe panel-insert-button presenti sui pannelli, sulle videate, bottoni statici */
.panel .panel-heading.frame-toolbar-box .btn-group button.btn-default.panel-insert-button,
.form-toolbar-group .btn-group button.btn-default.panel-insert-button,
button.btn-default.panel-insert-button {
  background-image: none;
  background-color: #31ae79;
  text-shadow: none;
  color: #FFFFFF;
  border-color: #31ae79;
}

.panel .panel-heading.frame-toolbar-box .btn-group button.btn-default.panel-insert-button:hover,
.form-toolbar-group .btn-group button.btn-default.panel-insert-button:hover,
button.btn-default.panel-insert-button:hover {
  background-color: #046d40;
}

/* Bottoni per Eliminazione con classe panel-delete-button presenti sui pannelli, videate e campi statici*/
.panel .panel-heading.frame-toolbar-box .btn-group button.btn-default.panel-delete-button,
.form-toolbar-group .btn-group button.btn-default.panel-delete-button,
button.btn-default.panel-delete-button {
  background-image: none;
  background-color: #c7566d;
  text-shadow: none;
  color: #FFFFFF;
  border-color: #c7566d;
}

.panel .panel-heading.frame-toolbar-box .btn-group button.btn-default.panel-delete-button:hover,
.form-toolbar-group .btn-group button.btn-default.panel-delete-button:hover,
button.btn-default.panel-delete-button:hover {
  background-color: #8d122a;
}

/* Bottoni per Salvataggio con classe panel-save-button*/
.panel .panel-heading.frame-toolbar-box .btn-group button.btn-default.panel-save-button,
.form-toolbar-group .btn-group button.btn-default.panel-save-button,
button.btn-default.panel-save-button {
  background-image: none;
  background-color: #31ae79;
  text-shadow: none;
  color: #FFFFFF;
  border-color: #31ae79;
}

.panel .panel-heading.frame-toolbar-box .btn-group button.btn-default.panel-save-button:hover,
.form-toolbar-group .btn-group button.btn-default.panel-save-button:hover,
button.btn-default.panel-save-button:hover {
  background-color: #046d40;
}

/*Se Button di chiusura lo coloro diversamente*/
.panel .panel-heading.frame-toolbar-box .btn-group button.btn-close {
  background-color: dimgray;
}

/*Sono i Button Chiudi*/
a.btn.btn-default[id^=frm][id$=":clo"] {
  background-color: dimgray;
}
a.btn.btn-default[id^=frm][id$=":clo"] span, a.btn.btn-default[id^=frm][id$=":clo"] i {
  color: #ffffff;
}
a.btn.btn-default[id^=frm][id$=":clo"]:hover, a.btn.btn-default[id^=frm][id$=":clo"]:active {
  background-color: color-mix(in srgb, dimgray 80%, white);
}
a.btn.btn-default[id^=frm][id$=":clo"]:hover span, a.btn.btn-default[id^=frm][id$=":clo"]:hover i, a.btn.btn-default[id^=frm][id$=":clo"]:active span, a.btn.btn-default[id^=frm][id$=":clo"]:active i {
  color: #ffffff;
}

/* FINE GESTIONE BOTTONI TOOLBAR */
.badge-primary {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  color: #f6f9fc !important;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-color: #18589d !important;
  border-radius: 1rem;
}

.badge-success {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  color: #FFFFFF !important;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-color: #31ae79 !important;
  border-radius: 1rem;
}

.badge-info {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  color: #3b3939 !important;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-color: #58bcc3 !important;
  border-radius: 1rem;
}

.badge-secondary {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  color: #FFFFFF !important;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-color: #8392ab !important;
  border-radius: 1rem;
}

.badge-warning {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  color: #172b4d !important;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-color: #fab005 !important;
  border-radius: 1rem;
}

.badge-danger {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  color: #FFFFFF !important;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-color: #c7566d !important;
  border-radius: 1rem;
}

.badge-light {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  color: #172b4d !important;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-color: #eaedf1 !important;
  border-radius: 1rem;
}

.badge-medium {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  color: #172b4d !important;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-color: #e9ecef !important;
  border-radius: 1rem;
}

.badge-dark {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  color: #ced4da !important;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-color: #172b4d !important;
  border-radius: 1rem;
}

.badge-panic {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  color: #FFFFFF !important;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-color: #ab83a9 !important;
  border-radius: 1rem;
}

.btn.btn-default {
  font-size: small;
  padding: 8px 14px;
  background-image: none;
  border-style: none;
  background-color: #557ec5;
  color: #f6f9fc;
  border: none;
  opacity: 1;
  filter: alpha(opacity=100);
  text-shadow: none;
  transition: 130ms;
  border-radius: 1rem !important;
}
.btn.btn-default span {
  font-weight: 700;
}
.btn.btn-default:focus, .btn.btn-default:hover {
  background-image: none;
  outline: none;
  background-color: #557ec5;
  filter: alpha(opacity=100);
  border: none;
  color: #f6f9fc;
}
.btn.btn-default:hover {
  opacity: 0.8;
}
.btn.btn-default.active, .btn.btn-default:active {
  background-image: none;
  background-color: #557ec5;
  opacity: 1;
  filter: alpha(opacity=100);
  border: none;
  color: #f6f9fc;
}
.btn.btn-default.disabled, .btn.btn-default.disabled.active, .btn.btn-default.disabled.focus, .btn.btn-default.disabled:active, .btn.btn-default.disabled:focus, .btn.btn-default.disabled:hover, .btn.btn-default[disabled], .btn.btn-default[disabled].active, .btn.btn-default[disabled].focus, .btn.btn-default[disabled]:active, .btn.btn-default[disabled]:focus, .btn.btn-default[disabled]:hover, fieldset[disabled] .btn.btn-default, fieldset[disabled] .btn.btn-default.active, fieldset[disabled] .btn.btn-default.focus, fieldset[disabled] .btn.btn-default:active, fieldset[disabled] .btn.btn-default:focus, fieldset[disabled] .btn.btn-default:hover {
  background-image: none;
  border-style: none;
  background-color: #557ec5;
  color: #f6f9fc;
  border: none;
  opacity: 0.5 !important;
  filter: alpha(opacity=50) !important;
  box-shadow: none !important;
  transform: none !important;
}

.btn.btn-primary {
  font-size: small;
  padding: 8px 14px;
  background-image: none;
  border-style: none;
  background-color: #18589d;
  color: #f6f9fc;
  border: none;
  opacity: 1;
  filter: alpha(opacity=100);
  text-shadow: none;
  transition: 130ms;
  border-radius: 1rem !important;
}
.btn.btn-primary span {
  font-weight: 700;
}
.btn.btn-primary:focus, .btn.btn-primary:hover {
  background-image: none;
  outline: none;
  background-color: #18589d;
  filter: alpha(opacity=100);
  border: none;
  color: #f6f9fc;
}
.btn.btn-primary:hover {
  opacity: 0.8;
}
.btn.btn-primary.active, .btn.btn-primary:active {
  background-image: none;
  background-color: #18589d;
  opacity: 1;
  filter: alpha(opacity=100);
  border: none;
  color: #f6f9fc;
}
.btn.btn-primary.disabled, .btn.btn-primary.disabled.active, .btn.btn-primary.disabled.focus, .btn.btn-primary.disabled:active, .btn.btn-primary.disabled:focus, .btn.btn-primary.disabled:hover, .btn.btn-primary[disabled], .btn.btn-primary[disabled].active, .btn.btn-primary[disabled].focus, .btn.btn-primary[disabled]:active, .btn.btn-primary[disabled]:focus, .btn.btn-primary[disabled]:hover, fieldset[disabled] .btn.btn-primary, fieldset[disabled] .btn.btn-primary.active, fieldset[disabled] .btn.btn-primary.focus, fieldset[disabled] .btn.btn-primary:active, fieldset[disabled] .btn.btn-primary:focus, fieldset[disabled] .btn.btn-primary:hover {
  background-image: none;
  border-style: none;
  background-color: #18589d;
  color: #f6f9fc;
  border: none;
  opacity: 0.5 !important;
  filter: alpha(opacity=50) !important;
  box-shadow: none !important;
  transform: none !important;
}

.btn.btn-secondary {
  font-size: small;
  padding: 8px 14px;
  background-image: none;
  border-style: none;
  background-color: #8392ab;
  color: #FFFFFF;
  border: none;
  opacity: 1;
  filter: alpha(opacity=100);
  text-shadow: none;
  transition: 130ms;
  border-radius: 1rem !important;
}
.btn.btn-secondary span {
  font-weight: 700;
}
.btn.btn-secondary:focus, .btn.btn-secondary:hover {
  background-image: none;
  outline: none;
  background-color: #8392ab;
  filter: alpha(opacity=100);
  border: none;
  color: #FFFFFF;
}
.btn.btn-secondary:hover {
  opacity: 0.8;
}
.btn.btn-secondary.active, .btn.btn-secondary:active {
  background-image: none;
  background-color: #8392ab;
  opacity: 1;
  filter: alpha(opacity=100);
  border: none;
  color: #FFFFFF;
}
.btn.btn-secondary.disabled, .btn.btn-secondary.disabled.active, .btn.btn-secondary.disabled.focus, .btn.btn-secondary.disabled:active, .btn.btn-secondary.disabled:focus, .btn.btn-secondary.disabled:hover, .btn.btn-secondary[disabled], .btn.btn-secondary[disabled].active, .btn.btn-secondary[disabled].focus, .btn.btn-secondary[disabled]:active, .btn.btn-secondary[disabled]:focus, .btn.btn-secondary[disabled]:hover, fieldset[disabled] .btn.btn-secondary, fieldset[disabled] .btn.btn-secondary.active, fieldset[disabled] .btn.btn-secondary.focus, fieldset[disabled] .btn.btn-secondary:active, fieldset[disabled] .btn.btn-secondary:focus, fieldset[disabled] .btn.btn-secondary:hover {
  background-image: none;
  border-style: none;
  background-color: #8392ab;
  color: #FFFFFF;
  border: none;
  opacity: 0.5 !important;
  filter: alpha(opacity=50) !important;
  box-shadow: none !important;
  transform: none !important;
}

.btn.btn-info {
  font-size: small;
  padding: 8px 14px;
  background-image: none;
  border-style: none;
  background-color: #58bcc3;
  color: #3b3939;
  border: none;
  opacity: 1;
  filter: alpha(opacity=100);
  text-shadow: none;
  transition: 130ms;
  border-radius: 1rem !important;
}
.btn.btn-info span {
  font-weight: 700;
}
.btn.btn-info:focus, .btn.btn-info:hover {
  background-image: none;
  outline: none;
  background-color: #58bcc3;
  filter: alpha(opacity=100);
  border: none;
  color: #3b3939;
}
.btn.btn-info:hover {
  opacity: 0.8;
}
.btn.btn-info.active, .btn.btn-info:active {
  background-image: none;
  background-color: #58bcc3;
  opacity: 1;
  filter: alpha(opacity=100);
  border: none;
  color: #3b3939;
}
.btn.btn-info.disabled, .btn.btn-info.disabled.active, .btn.btn-info.disabled.focus, .btn.btn-info.disabled:active, .btn.btn-info.disabled:focus, .btn.btn-info.disabled:hover, .btn.btn-info[disabled], .btn.btn-info[disabled].active, .btn.btn-info[disabled].focus, .btn.btn-info[disabled]:active, .btn.btn-info[disabled]:focus, .btn.btn-info[disabled]:hover, fieldset[disabled] .btn.btn-info, fieldset[disabled] .btn.btn-info.active, fieldset[disabled] .btn.btn-info.focus, fieldset[disabled] .btn.btn-info:active, fieldset[disabled] .btn.btn-info:focus, fieldset[disabled] .btn.btn-info:hover {
  background-image: none;
  border-style: none;
  background-color: #58bcc3;
  color: #3b3939;
  border: none;
  opacity: 0.5 !important;
  filter: alpha(opacity=50) !important;
  box-shadow: none !important;
  transform: none !important;
}

.btn.btn-success {
  font-size: small;
  padding: 8px 14px;
  background-image: none;
  border-style: none;
  background-color: #31ae79;
  color: #FFFFFF;
  border: none;
  opacity: 1;
  filter: alpha(opacity=100);
  text-shadow: none;
  transition: 130ms;
  border-radius: 1rem !important;
}
.btn.btn-success span {
  font-weight: 700;
}
.btn.btn-success:focus, .btn.btn-success:hover {
  background-image: none;
  outline: none;
  background-color: #31ae79;
  filter: alpha(opacity=100);
  border: none;
  color: #FFFFFF;
}
.btn.btn-success:hover {
  opacity: 0.8;
}
.btn.btn-success.active, .btn.btn-success:active {
  background-image: none;
  background-color: #31ae79;
  opacity: 1;
  filter: alpha(opacity=100);
  border: none;
  color: #FFFFFF;
}
.btn.btn-success.disabled, .btn.btn-success.disabled.active, .btn.btn-success.disabled.focus, .btn.btn-success.disabled:active, .btn.btn-success.disabled:focus, .btn.btn-success.disabled:hover, .btn.btn-success[disabled], .btn.btn-success[disabled].active, .btn.btn-success[disabled].focus, .btn.btn-success[disabled]:active, .btn.btn-success[disabled]:focus, .btn.btn-success[disabled]:hover, fieldset[disabled] .btn.btn-success, fieldset[disabled] .btn.btn-success.active, fieldset[disabled] .btn.btn-success.focus, fieldset[disabled] .btn.btn-success:active, fieldset[disabled] .btn.btn-success:focus, fieldset[disabled] .btn.btn-success:hover {
  background-image: none;
  border-style: none;
  background-color: #31ae79;
  color: #FFFFFF;
  border: none;
  opacity: 0.5 !important;
  filter: alpha(opacity=50) !important;
  box-shadow: none !important;
  transform: none !important;
}

.btn.btn-warning {
  font-size: small;
  padding: 8px 14px;
  background-image: none;
  border-style: none;
  background-color: #fab005;
  color: #172b4d;
  border: none;
  opacity: 1;
  filter: alpha(opacity=100);
  text-shadow: none;
  transition: 130ms;
  border-radius: 1rem !important;
}
.btn.btn-warning span {
  font-weight: 700;
}
.btn.btn-warning:focus, .btn.btn-warning:hover {
  background-image: none;
  outline: none;
  background-color: #fab005;
  filter: alpha(opacity=100);
  border: none;
  color: #172b4d;
}
.btn.btn-warning:hover {
  opacity: 0.8;
}
.btn.btn-warning.active, .btn.btn-warning:active {
  background-image: none;
  background-color: #fab005;
  opacity: 1;
  filter: alpha(opacity=100);
  border: none;
  color: #172b4d;
}
.btn.btn-warning.disabled, .btn.btn-warning.disabled.active, .btn.btn-warning.disabled.focus, .btn.btn-warning.disabled:active, .btn.btn-warning.disabled:focus, .btn.btn-warning.disabled:hover, .btn.btn-warning[disabled], .btn.btn-warning[disabled].active, .btn.btn-warning[disabled].focus, .btn.btn-warning[disabled]:active, .btn.btn-warning[disabled]:focus, .btn.btn-warning[disabled]:hover, fieldset[disabled] .btn.btn-warning, fieldset[disabled] .btn.btn-warning.active, fieldset[disabled] .btn.btn-warning.focus, fieldset[disabled] .btn.btn-warning:active, fieldset[disabled] .btn.btn-warning:focus, fieldset[disabled] .btn.btn-warning:hover {
  background-image: none;
  border-style: none;
  background-color: #fab005;
  color: #172b4d;
  border: none;
  opacity: 0.5 !important;
  filter: alpha(opacity=50) !important;
  box-shadow: none !important;
  transform: none !important;
}

.btn.btn-danger {
  font-size: small;
  padding: 8px 14px;
  background-image: none;
  border-style: none;
  background-color: #c7566d;
  color: #FFFFFF;
  border: none;
  opacity: 1;
  filter: alpha(opacity=100);
  text-shadow: none;
  transition: 130ms;
  border-radius: 1rem !important;
}
.btn.btn-danger span {
  font-weight: 700;
}
.btn.btn-danger:focus, .btn.btn-danger:hover {
  background-image: none;
  outline: none;
  background-color: #c7566d;
  filter: alpha(opacity=100);
  border: none;
  color: #FFFFFF;
}
.btn.btn-danger:hover {
  opacity: 0.8;
}
.btn.btn-danger.active, .btn.btn-danger:active {
  background-image: none;
  background-color: #c7566d;
  opacity: 1;
  filter: alpha(opacity=100);
  border: none;
  color: #FFFFFF;
}
.btn.btn-danger.disabled, .btn.btn-danger.disabled.active, .btn.btn-danger.disabled.focus, .btn.btn-danger.disabled:active, .btn.btn-danger.disabled:focus, .btn.btn-danger.disabled:hover, .btn.btn-danger[disabled], .btn.btn-danger[disabled].active, .btn.btn-danger[disabled].focus, .btn.btn-danger[disabled]:active, .btn.btn-danger[disabled]:focus, .btn.btn-danger[disabled]:hover, fieldset[disabled] .btn.btn-danger, fieldset[disabled] .btn.btn-danger.active, fieldset[disabled] .btn.btn-danger.focus, fieldset[disabled] .btn.btn-danger:active, fieldset[disabled] .btn.btn-danger:focus, fieldset[disabled] .btn.btn-danger:hover {
  background-image: none;
  border-style: none;
  background-color: #c7566d;
  color: #FFFFFF;
  border: none;
  opacity: 0.5 !important;
  filter: alpha(opacity=50) !important;
  box-shadow: none !important;
  transform: none !important;
}

.btn.btn-light {
  font-size: small;
  padding: 8px 14px;
  background-image: none;
  border-style: none;
  background-color: #eaedf1;
  color: #172b4d;
  border: none;
  opacity: 1;
  filter: alpha(opacity=100);
  text-shadow: none;
  transition: 130ms;
  border-radius: 1rem !important;
}
.btn.btn-light span {
  font-weight: 700;
}
.btn.btn-light:focus, .btn.btn-light:hover {
  background-image: none;
  outline: none;
  background-color: #eaedf1;
  filter: alpha(opacity=100);
  border: none;
  color: #172b4d;
}
.btn.btn-light:hover {
  opacity: 0.8;
}
.btn.btn-light.active, .btn.btn-light:active {
  background-image: none;
  background-color: #eaedf1;
  opacity: 1;
  filter: alpha(opacity=100);
  border: none;
  color: #172b4d;
}
.btn.btn-light.disabled, .btn.btn-light.disabled.active, .btn.btn-light.disabled.focus, .btn.btn-light.disabled:active, .btn.btn-light.disabled:focus, .btn.btn-light.disabled:hover, .btn.btn-light[disabled], .btn.btn-light[disabled].active, .btn.btn-light[disabled].focus, .btn.btn-light[disabled]:active, .btn.btn-light[disabled]:focus, .btn.btn-light[disabled]:hover, fieldset[disabled] .btn.btn-light, fieldset[disabled] .btn.btn-light.active, fieldset[disabled] .btn.btn-light.focus, fieldset[disabled] .btn.btn-light:active, fieldset[disabled] .btn.btn-light:focus, fieldset[disabled] .btn.btn-light:hover {
  background-image: none;
  border-style: none;
  background-color: #eaedf1;
  color: #172b4d;
  border: none;
  opacity: 0.5 !important;
  filter: alpha(opacity=50) !important;
  box-shadow: none !important;
  transform: none !important;
}

.btn.btn-medium {
  font-size: small;
  padding: 8px 14px;
  background-image: none;
  border-style: none;
  background-color: #e9ecef;
  color: #172b4d;
  border: none;
  opacity: 1;
  filter: alpha(opacity=100);
  text-shadow: none;
  transition: 130ms;
  border-radius: 1rem !important;
}
.btn.btn-medium span {
  font-weight: 700;
}
.btn.btn-medium:focus, .btn.btn-medium:hover {
  background-image: none;
  outline: none;
  background-color: #e9ecef;
  filter: alpha(opacity=100);
  border: none;
  color: #172b4d;
}
.btn.btn-medium:hover {
  opacity: 0.8;
}
.btn.btn-medium.active, .btn.btn-medium:active {
  background-image: none;
  background-color: #e9ecef;
  opacity: 1;
  filter: alpha(opacity=100);
  border: none;
  color: #172b4d;
}
.btn.btn-medium.disabled, .btn.btn-medium.disabled.active, .btn.btn-medium.disabled.focus, .btn.btn-medium.disabled:active, .btn.btn-medium.disabled:focus, .btn.btn-medium.disabled:hover, .btn.btn-medium[disabled], .btn.btn-medium[disabled].active, .btn.btn-medium[disabled].focus, .btn.btn-medium[disabled]:active, .btn.btn-medium[disabled]:focus, .btn.btn-medium[disabled]:hover, fieldset[disabled] .btn.btn-medium, fieldset[disabled] .btn.btn-medium.active, fieldset[disabled] .btn.btn-medium.focus, fieldset[disabled] .btn.btn-medium:active, fieldset[disabled] .btn.btn-medium:focus, fieldset[disabled] .btn.btn-medium:hover {
  background-image: none;
  border-style: none;
  background-color: #e9ecef;
  color: #172b4d;
  border: none;
  opacity: 0.5 !important;
  filter: alpha(opacity=50) !important;
  box-shadow: none !important;
  transform: none !important;
}

.btn.btn-dark {
  font-size: small;
  padding: 8px 14px;
  background-image: none;
  border-style: none;
  background-color: #172b4d;
  color: #ced4da;
  border: none;
  opacity: 1;
  filter: alpha(opacity=100);
  text-shadow: none;
  transition: 130ms;
  border-radius: 1rem !important;
}
.btn.btn-dark span {
  font-weight: 700;
}
.btn.btn-dark:focus, .btn.btn-dark:hover {
  background-image: none;
  outline: none;
  background-color: #172b4d;
  filter: alpha(opacity=100);
  border: none;
  color: #ced4da;
}
.btn.btn-dark:hover {
  opacity: 0.8;
}
.btn.btn-dark.active, .btn.btn-dark:active {
  background-image: none;
  background-color: #172b4d;
  opacity: 1;
  filter: alpha(opacity=100);
  border: none;
  color: #ced4da;
}
.btn.btn-dark.disabled, .btn.btn-dark.disabled.active, .btn.btn-dark.disabled.focus, .btn.btn-dark.disabled:active, .btn.btn-dark.disabled:focus, .btn.btn-dark.disabled:hover, .btn.btn-dark[disabled], .btn.btn-dark[disabled].active, .btn.btn-dark[disabled].focus, .btn.btn-dark[disabled]:active, .btn.btn-dark[disabled]:focus, .btn.btn-dark[disabled]:hover, fieldset[disabled] .btn.btn-dark, fieldset[disabled] .btn.btn-dark.active, fieldset[disabled] .btn.btn-dark.focus, fieldset[disabled] .btn.btn-dark:active, fieldset[disabled] .btn.btn-dark:focus, fieldset[disabled] .btn.btn-dark:hover {
  background-image: none;
  border-style: none;
  background-color: #172b4d;
  color: #ced4da;
  border: none;
  opacity: 0.5 !important;
  filter: alpha(opacity=50) !important;
  box-shadow: none !important;
  transform: none !important;
}

.btn.btn-panic {
  font-size: small;
  padding: 8px 14px;
  background-image: none;
  border-style: none;
  background-color: #ab83a9;
  color: #FFFFFF;
  border: none;
  opacity: 1;
  filter: alpha(opacity=100);
  text-shadow: none;
  transition: 130ms;
  border-radius: 1rem !important;
}
.btn.btn-panic span {
  font-weight: 700;
}
.btn.btn-panic:focus, .btn.btn-panic:hover {
  background-image: none;
  outline: none;
  background-color: #ab83a9;
  filter: alpha(opacity=100);
  border: none;
  color: #FFFFFF;
}
.btn.btn-panic:hover {
  opacity: 0.8;
}
.btn.btn-panic.active, .btn.btn-panic:active {
  background-image: none;
  background-color: #ab83a9;
  opacity: 1;
  filter: alpha(opacity=100);
  border: none;
  color: #FFFFFF;
}
.btn.btn-panic.disabled, .btn.btn-panic.disabled.active, .btn.btn-panic.disabled.focus, .btn.btn-panic.disabled:active, .btn.btn-panic.disabled:focus, .btn.btn-panic.disabled:hover, .btn.btn-panic[disabled], .btn.btn-panic[disabled].active, .btn.btn-panic[disabled].focus, .btn.btn-panic[disabled]:active, .btn.btn-panic[disabled]:focus, .btn.btn-panic[disabled]:hover, fieldset[disabled] .btn.btn-panic, fieldset[disabled] .btn.btn-panic.active, fieldset[disabled] .btn.btn-panic.focus, fieldset[disabled] .btn.btn-panic:active, fieldset[disabled] .btn.btn-panic:focus, fieldset[disabled] .btn.btn-panic:hover {
  background-image: none;
  border-style: none;
  background-color: #ab83a9;
  color: #FFFFFF;
  border: none;
  opacity: 0.5 !important;
  filter: alpha(opacity=50) !important;
  box-shadow: none !important;
  transform: none !important;
}

.btn.btn-default-outline, .input-group span:last-child button.btn, .input-group span:first-child button.btn {
  font-size: small;
  padding: 8px 14px;
  box-shadow: none;
  background-image: none;
  border-style: none;
  background-color: white;
  color: #557ec5;
  border: none;
  opacity: 1;
  filter: alpha(opacity=100);
  text-shadow: none;
  transition: 130ms;
  border-radius: 1rem !important;
  border-style: solid;
  border-width: 1px;
  border-color: #557ec5;
}
.btn.btn-default-outline span, .input-group span:last-child button.btn span, .input-group span:first-child button.btn span {
  font-weight: 700;
}
.btn.btn-default-outline:focus, .input-group span:last-child button.btn:focus, .input-group span:first-child button.btn:focus, .btn.btn-default-outline:hover, .input-group span:last-child button.btn:hover, .input-group span:first-child button.btn:hover {
  background-image: none;
  outline: none;
  background-color: white;
  filter: alpha(opacity=100);
  border: none;
  color: #557ec5;
  border-style: solid;
  border-width: 1px;
  border-color: #557ec5;
}
.btn.btn-default-outline:hover, .input-group span:last-child button.btn:hover, .input-group span:first-child button.btn:hover {
  opacity: 0.8;
}
.btn.btn-default-outline.active, .input-group span:last-child button.btn.active, .input-group span:first-child button.btn.active, .btn.btn-default-outline:active, .input-group span:last-child button.btn:active, .input-group span:first-child button.btn:active {
  background-image: none;
  background-color: white;
  opacity: 1;
  filter: alpha(opacity=100);
  border: none;
  color: #557ec5;
  border-style: solid;
  border-width: 1px;
  border-color: #557ec5;
}
.btn.btn-default-outline.disabled, .input-group span:last-child button.btn.disabled, .input-group span:first-child button.btn.disabled, .btn.btn-default-outline.disabled.active, .btn.btn-default-outline.disabled.focus, .btn.btn-default-outline.disabled:active, .btn.btn-default-outline.disabled:focus, .btn.btn-default-outline.disabled:hover, .btn.btn-default-outline[disabled], .input-group span:last-child button.btn[disabled], .input-group span:first-child button.btn[disabled], .btn.btn-default-outline[disabled].active, .btn.btn-default-outline[disabled].focus, .btn.btn-default-outline[disabled]:active, .btn.btn-default-outline[disabled]:focus, .btn.btn-default-outline[disabled]:hover, fieldset[disabled] .btn.btn-default-outline, fieldset[disabled] .input-group span:last-child button.btn, .input-group span:last-child fieldset[disabled] button.btn, fieldset[disabled] .input-group span:first-child button.btn, .input-group span:first-child fieldset[disabled] button.btn, fieldset[disabled] .btn.btn-default-outline.active, fieldset[disabled] .btn.btn-default-outline.focus, fieldset[disabled] .btn.btn-default-outline:active, fieldset[disabled] .btn.btn-default-outline:focus, fieldset[disabled] .btn.btn-default-outline:hover {
  background-image: none;
  border-style: none;
  background-color: white;
  color: #557ec5;
  border: none;
  opacity: 0.5 !important;
  filter: alpha(opacity=50) !important;
  box-shadow: none !important;
  transform: none !important;
  border-style: solid;
  border-width: 1px;
  border-color: #557ec5;
}

.btn.btn-primary-outline {
  font-size: small;
  padding: 8px 14px;
  box-shadow: none;
  background-image: none;
  border-style: none;
  background-color: white;
  color: #18589d;
  border: none;
  opacity: 1;
  filter: alpha(opacity=100);
  text-shadow: none;
  transition: 130ms;
  border-radius: 1rem !important;
  border-style: solid;
  border-width: 1px;
  border-color: #18589d;
}
.btn.btn-primary-outline span {
  font-weight: 700;
}
.btn.btn-primary-outline:focus, .btn.btn-primary-outline:hover {
  background-image: none;
  outline: none;
  background-color: white;
  filter: alpha(opacity=100);
  border: none;
  color: #18589d;
  border-style: solid;
  border-width: 1px;
  border-color: #18589d;
}
.btn.btn-primary-outline:hover {
  opacity: 0.8;
}
.btn.btn-primary-outline.active, .btn.btn-primary-outline:active {
  background-image: none;
  background-color: white;
  opacity: 1;
  filter: alpha(opacity=100);
  border: none;
  color: #18589d;
  border-style: solid;
  border-width: 1px;
  border-color: #18589d;
}
.btn.btn-primary-outline.disabled, .btn.btn-primary-outline.disabled.active, .btn.btn-primary-outline.disabled.focus, .btn.btn-primary-outline.disabled:active, .btn.btn-primary-outline.disabled:focus, .btn.btn-primary-outline.disabled:hover, .btn.btn-primary-outline[disabled], .btn.btn-primary-outline[disabled].active, .btn.btn-primary-outline[disabled].focus, .btn.btn-primary-outline[disabled]:active, .btn.btn-primary-outline[disabled]:focus, .btn.btn-primary-outline[disabled]:hover, fieldset[disabled] .btn.btn-primary-outline, fieldset[disabled] .btn.btn-primary-outline.active, fieldset[disabled] .btn.btn-primary-outline.focus, fieldset[disabled] .btn.btn-primary-outline:active, fieldset[disabled] .btn.btn-primary-outline:focus, fieldset[disabled] .btn.btn-primary-outline:hover {
  background-image: none;
  border-style: none;
  background-color: white;
  color: #18589d;
  border: none;
  opacity: 0.5 !important;
  filter: alpha(opacity=50) !important;
  box-shadow: none !important;
  transform: none !important;
  border-style: solid;
  border-width: 1px;
  border-color: #18589d;
}

.btn.btn-secondary-outline {
  font-size: small;
  padding: 8px 14px;
  box-shadow: none;
  background-image: none;
  border-style: none;
  background-color: white;
  color: #8392ab;
  border: none;
  opacity: 1;
  filter: alpha(opacity=100);
  text-shadow: none;
  transition: 130ms;
  border-radius: 1rem !important;
  border-style: solid;
  border-width: 1px;
  border-color: #8392ab;
}
.btn.btn-secondary-outline span {
  font-weight: 700;
}
.btn.btn-secondary-outline:focus, .btn.btn-secondary-outline:hover {
  background-image: none;
  outline: none;
  background-color: white;
  filter: alpha(opacity=100);
  border: none;
  color: #8392ab;
  border-style: solid;
  border-width: 1px;
  border-color: #8392ab;
}
.btn.btn-secondary-outline:hover {
  opacity: 0.8;
}
.btn.btn-secondary-outline.active, .btn.btn-secondary-outline:active {
  background-image: none;
  background-color: white;
  opacity: 1;
  filter: alpha(opacity=100);
  border: none;
  color: #8392ab;
  border-style: solid;
  border-width: 1px;
  border-color: #8392ab;
}
.btn.btn-secondary-outline.disabled, .btn.btn-secondary-outline.disabled.active, .btn.btn-secondary-outline.disabled.focus, .btn.btn-secondary-outline.disabled:active, .btn.btn-secondary-outline.disabled:focus, .btn.btn-secondary-outline.disabled:hover, .btn.btn-secondary-outline[disabled], .btn.btn-secondary-outline[disabled].active, .btn.btn-secondary-outline[disabled].focus, .btn.btn-secondary-outline[disabled]:active, .btn.btn-secondary-outline[disabled]:focus, .btn.btn-secondary-outline[disabled]:hover, fieldset[disabled] .btn.btn-secondary-outline, fieldset[disabled] .btn.btn-secondary-outline.active, fieldset[disabled] .btn.btn-secondary-outline.focus, fieldset[disabled] .btn.btn-secondary-outline:active, fieldset[disabled] .btn.btn-secondary-outline:focus, fieldset[disabled] .btn.btn-secondary-outline:hover {
  background-image: none;
  border-style: none;
  background-color: white;
  color: #8392ab;
  border: none;
  opacity: 0.5 !important;
  filter: alpha(opacity=50) !important;
  box-shadow: none !important;
  transform: none !important;
  border-style: solid;
  border-width: 1px;
  border-color: #8392ab;
}

.btn.btn-info-outline {
  font-size: small;
  padding: 8px 14px;
  box-shadow: none;
  background-image: none;
  border-style: none;
  background-color: white;
  color: #58bcc3;
  border: none;
  opacity: 1;
  filter: alpha(opacity=100);
  text-shadow: none;
  transition: 130ms;
  border-radius: 1rem !important;
  border-style: solid;
  border-width: 1px;
  border-color: #58bcc3;
}
.btn.btn-info-outline span {
  font-weight: 700;
}
.btn.btn-info-outline:focus, .btn.btn-info-outline:hover {
  background-image: none;
  outline: none;
  background-color: white;
  filter: alpha(opacity=100);
  border: none;
  color: #58bcc3;
  border-style: solid;
  border-width: 1px;
  border-color: #58bcc3;
}
.btn.btn-info-outline:hover {
  opacity: 0.8;
}
.btn.btn-info-outline.active, .btn.btn-info-outline:active {
  background-image: none;
  background-color: white;
  opacity: 1;
  filter: alpha(opacity=100);
  border: none;
  color: #58bcc3;
  border-style: solid;
  border-width: 1px;
  border-color: #58bcc3;
}
.btn.btn-info-outline.disabled, .btn.btn-info-outline.disabled.active, .btn.btn-info-outline.disabled.focus, .btn.btn-info-outline.disabled:active, .btn.btn-info-outline.disabled:focus, .btn.btn-info-outline.disabled:hover, .btn.btn-info-outline[disabled], .btn.btn-info-outline[disabled].active, .btn.btn-info-outline[disabled].focus, .btn.btn-info-outline[disabled]:active, .btn.btn-info-outline[disabled]:focus, .btn.btn-info-outline[disabled]:hover, fieldset[disabled] .btn.btn-info-outline, fieldset[disabled] .btn.btn-info-outline.active, fieldset[disabled] .btn.btn-info-outline.focus, fieldset[disabled] .btn.btn-info-outline:active, fieldset[disabled] .btn.btn-info-outline:focus, fieldset[disabled] .btn.btn-info-outline:hover {
  background-image: none;
  border-style: none;
  background-color: white;
  color: #58bcc3;
  border: none;
  opacity: 0.5 !important;
  filter: alpha(opacity=50) !important;
  box-shadow: none !important;
  transform: none !important;
  border-style: solid;
  border-width: 1px;
  border-color: #58bcc3;
}

.btn.btn-success-outline {
  font-size: small;
  padding: 8px 14px;
  box-shadow: none;
  background-image: none;
  border-style: none;
  background-color: white;
  color: #31ae79;
  border: none;
  opacity: 1;
  filter: alpha(opacity=100);
  text-shadow: none;
  transition: 130ms;
  border-radius: 1rem !important;
  border-style: solid;
  border-width: 1px;
  border-color: #31ae79;
}
.btn.btn-success-outline span {
  font-weight: 700;
}
.btn.btn-success-outline:focus, .btn.btn-success-outline:hover {
  background-image: none;
  outline: none;
  background-color: white;
  filter: alpha(opacity=100);
  border: none;
  color: #31ae79;
  border-style: solid;
  border-width: 1px;
  border-color: #31ae79;
}
.btn.btn-success-outline:hover {
  opacity: 0.8;
}
.btn.btn-success-outline.active, .btn.btn-success-outline:active {
  background-image: none;
  background-color: white;
  opacity: 1;
  filter: alpha(opacity=100);
  border: none;
  color: #31ae79;
  border-style: solid;
  border-width: 1px;
  border-color: #31ae79;
}
.btn.btn-success-outline.disabled, .btn.btn-success-outline.disabled.active, .btn.btn-success-outline.disabled.focus, .btn.btn-success-outline.disabled:active, .btn.btn-success-outline.disabled:focus, .btn.btn-success-outline.disabled:hover, .btn.btn-success-outline[disabled], .btn.btn-success-outline[disabled].active, .btn.btn-success-outline[disabled].focus, .btn.btn-success-outline[disabled]:active, .btn.btn-success-outline[disabled]:focus, .btn.btn-success-outline[disabled]:hover, fieldset[disabled] .btn.btn-success-outline, fieldset[disabled] .btn.btn-success-outline.active, fieldset[disabled] .btn.btn-success-outline.focus, fieldset[disabled] .btn.btn-success-outline:active, fieldset[disabled] .btn.btn-success-outline:focus, fieldset[disabled] .btn.btn-success-outline:hover {
  background-image: none;
  border-style: none;
  background-color: white;
  color: #31ae79;
  border: none;
  opacity: 0.5 !important;
  filter: alpha(opacity=50) !important;
  box-shadow: none !important;
  transform: none !important;
  border-style: solid;
  border-width: 1px;
  border-color: #31ae79;
}

.btn.btn-warning-outline {
  font-size: small;
  padding: 8px 14px;
  box-shadow: none;
  background-image: none;
  border-style: none;
  background-color: white;
  color: #fab005;
  border: none;
  opacity: 1;
  filter: alpha(opacity=100);
  text-shadow: none;
  transition: 130ms;
  border-radius: 1rem !important;
  border-style: solid;
  border-width: 1px;
  border-color: #fab005;
}
.btn.btn-warning-outline span {
  font-weight: 700;
}
.btn.btn-warning-outline:focus, .btn.btn-warning-outline:hover {
  background-image: none;
  outline: none;
  background-color: white;
  filter: alpha(opacity=100);
  border: none;
  color: #fab005;
  border-style: solid;
  border-width: 1px;
  border-color: #fab005;
}
.btn.btn-warning-outline:hover {
  opacity: 0.8;
}
.btn.btn-warning-outline.active, .btn.btn-warning-outline:active {
  background-image: none;
  background-color: white;
  opacity: 1;
  filter: alpha(opacity=100);
  border: none;
  color: #fab005;
  border-style: solid;
  border-width: 1px;
  border-color: #fab005;
}
.btn.btn-warning-outline.disabled, .btn.btn-warning-outline.disabled.active, .btn.btn-warning-outline.disabled.focus, .btn.btn-warning-outline.disabled:active, .btn.btn-warning-outline.disabled:focus, .btn.btn-warning-outline.disabled:hover, .btn.btn-warning-outline[disabled], .btn.btn-warning-outline[disabled].active, .btn.btn-warning-outline[disabled].focus, .btn.btn-warning-outline[disabled]:active, .btn.btn-warning-outline[disabled]:focus, .btn.btn-warning-outline[disabled]:hover, fieldset[disabled] .btn.btn-warning-outline, fieldset[disabled] .btn.btn-warning-outline.active, fieldset[disabled] .btn.btn-warning-outline.focus, fieldset[disabled] .btn.btn-warning-outline:active, fieldset[disabled] .btn.btn-warning-outline:focus, fieldset[disabled] .btn.btn-warning-outline:hover {
  background-image: none;
  border-style: none;
  background-color: white;
  color: #fab005;
  border: none;
  opacity: 0.5 !important;
  filter: alpha(opacity=50) !important;
  box-shadow: none !important;
  transform: none !important;
  border-style: solid;
  border-width: 1px;
  border-color: #fab005;
}

.btn.btn-danger-outline {
  font-size: small;
  padding: 8px 14px;
  box-shadow: none;
  background-image: none;
  border-style: none;
  background-color: white;
  color: #c7566d;
  border: none;
  opacity: 1;
  filter: alpha(opacity=100);
  text-shadow: none;
  transition: 130ms;
  border-radius: 1rem !important;
  border-style: solid;
  border-width: 1px;
  border-color: #c7566d;
}
.btn.btn-danger-outline span {
  font-weight: 700;
}
.btn.btn-danger-outline:focus, .btn.btn-danger-outline:hover {
  background-image: none;
  outline: none;
  background-color: white;
  filter: alpha(opacity=100);
  border: none;
  color: #c7566d;
  border-style: solid;
  border-width: 1px;
  border-color: #c7566d;
}
.btn.btn-danger-outline:hover {
  opacity: 0.8;
}
.btn.btn-danger-outline.active, .btn.btn-danger-outline:active {
  background-image: none;
  background-color: white;
  opacity: 1;
  filter: alpha(opacity=100);
  border: none;
  color: #c7566d;
  border-style: solid;
  border-width: 1px;
  border-color: #c7566d;
}
.btn.btn-danger-outline.disabled, .btn.btn-danger-outline.disabled.active, .btn.btn-danger-outline.disabled.focus, .btn.btn-danger-outline.disabled:active, .btn.btn-danger-outline.disabled:focus, .btn.btn-danger-outline.disabled:hover, .btn.btn-danger-outline[disabled], .btn.btn-danger-outline[disabled].active, .btn.btn-danger-outline[disabled].focus, .btn.btn-danger-outline[disabled]:active, .btn.btn-danger-outline[disabled]:focus, .btn.btn-danger-outline[disabled]:hover, fieldset[disabled] .btn.btn-danger-outline, fieldset[disabled] .btn.btn-danger-outline.active, fieldset[disabled] .btn.btn-danger-outline.focus, fieldset[disabled] .btn.btn-danger-outline:active, fieldset[disabled] .btn.btn-danger-outline:focus, fieldset[disabled] .btn.btn-danger-outline:hover {
  background-image: none;
  border-style: none;
  background-color: white;
  color: #c7566d;
  border: none;
  opacity: 0.5 !important;
  filter: alpha(opacity=50) !important;
  box-shadow: none !important;
  transform: none !important;
  border-style: solid;
  border-width: 1px;
  border-color: #c7566d;
}

.btn.btn-light-outline {
  font-size: small;
  padding: 8px 14px;
  box-shadow: none;
  background-image: none;
  border-style: none;
  background-color: white;
  color: #eaedf1;
  border: none;
  opacity: 1;
  filter: alpha(opacity=100);
  text-shadow: none;
  transition: 130ms;
  border-radius: 1rem !important;
  border-style: solid;
  border-width: 1px;
  border-color: #eaedf1;
}
.btn.btn-light-outline span {
  font-weight: 700;
}
.btn.btn-light-outline:focus, .btn.btn-light-outline:hover {
  background-image: none;
  outline: none;
  background-color: white;
  filter: alpha(opacity=100);
  border: none;
  color: #eaedf1;
  border-style: solid;
  border-width: 1px;
  border-color: #eaedf1;
}
.btn.btn-light-outline:hover {
  opacity: 0.8;
}
.btn.btn-light-outline.active, .btn.btn-light-outline:active {
  background-image: none;
  background-color: white;
  opacity: 1;
  filter: alpha(opacity=100);
  border: none;
  color: #eaedf1;
  border-style: solid;
  border-width: 1px;
  border-color: #eaedf1;
}
.btn.btn-light-outline.disabled, .btn.btn-light-outline.disabled.active, .btn.btn-light-outline.disabled.focus, .btn.btn-light-outline.disabled:active, .btn.btn-light-outline.disabled:focus, .btn.btn-light-outline.disabled:hover, .btn.btn-light-outline[disabled], .btn.btn-light-outline[disabled].active, .btn.btn-light-outline[disabled].focus, .btn.btn-light-outline[disabled]:active, .btn.btn-light-outline[disabled]:focus, .btn.btn-light-outline[disabled]:hover, fieldset[disabled] .btn.btn-light-outline, fieldset[disabled] .btn.btn-light-outline.active, fieldset[disabled] .btn.btn-light-outline.focus, fieldset[disabled] .btn.btn-light-outline:active, fieldset[disabled] .btn.btn-light-outline:focus, fieldset[disabled] .btn.btn-light-outline:hover {
  background-image: none;
  border-style: none;
  background-color: white;
  color: #eaedf1;
  border: none;
  opacity: 0.5 !important;
  filter: alpha(opacity=50) !important;
  box-shadow: none !important;
  transform: none !important;
  border-style: solid;
  border-width: 1px;
  border-color: #eaedf1;
}

.btn.btn-medium-outline {
  font-size: small;
  padding: 8px 14px;
  box-shadow: none;
  background-image: none;
  border-style: none;
  background-color: white;
  color: #e9ecef;
  border: none;
  opacity: 1;
  filter: alpha(opacity=100);
  text-shadow: none;
  transition: 130ms;
  border-radius: 1rem !important;
  border-style: solid;
  border-width: 1px;
  border-color: #e9ecef;
}
.btn.btn-medium-outline span {
  font-weight: 700;
}
.btn.btn-medium-outline:focus, .btn.btn-medium-outline:hover {
  background-image: none;
  outline: none;
  background-color: white;
  filter: alpha(opacity=100);
  border: none;
  color: #e9ecef;
  border-style: solid;
  border-width: 1px;
  border-color: #e9ecef;
}
.btn.btn-medium-outline:hover {
  opacity: 0.8;
}
.btn.btn-medium-outline.active, .btn.btn-medium-outline:active {
  background-image: none;
  background-color: white;
  opacity: 1;
  filter: alpha(opacity=100);
  border: none;
  color: #e9ecef;
  border-style: solid;
  border-width: 1px;
  border-color: #e9ecef;
}
.btn.btn-medium-outline.disabled, .btn.btn-medium-outline.disabled.active, .btn.btn-medium-outline.disabled.focus, .btn.btn-medium-outline.disabled:active, .btn.btn-medium-outline.disabled:focus, .btn.btn-medium-outline.disabled:hover, .btn.btn-medium-outline[disabled], .btn.btn-medium-outline[disabled].active, .btn.btn-medium-outline[disabled].focus, .btn.btn-medium-outline[disabled]:active, .btn.btn-medium-outline[disabled]:focus, .btn.btn-medium-outline[disabled]:hover, fieldset[disabled] .btn.btn-medium-outline, fieldset[disabled] .btn.btn-medium-outline.active, fieldset[disabled] .btn.btn-medium-outline.focus, fieldset[disabled] .btn.btn-medium-outline:active, fieldset[disabled] .btn.btn-medium-outline:focus, fieldset[disabled] .btn.btn-medium-outline:hover {
  background-image: none;
  border-style: none;
  background-color: white;
  color: #e9ecef;
  border: none;
  opacity: 0.5 !important;
  filter: alpha(opacity=50) !important;
  box-shadow: none !important;
  transform: none !important;
  border-style: solid;
  border-width: 1px;
  border-color: #e9ecef;
}

.btn.btn-dark-outline {
  font-size: small;
  padding: 8px 14px;
  box-shadow: none;
  background-image: none;
  border-style: none;
  background-color: white;
  color: #172b4d;
  border: none;
  opacity: 1;
  filter: alpha(opacity=100);
  text-shadow: none;
  transition: 130ms;
  border-radius: 1rem !important;
  border-style: solid;
  border-width: 1px;
  border-color: #172b4d;
}
.btn.btn-dark-outline span {
  font-weight: 700;
}
.btn.btn-dark-outline:focus, .btn.btn-dark-outline:hover {
  background-image: none;
  outline: none;
  background-color: white;
  filter: alpha(opacity=100);
  border: none;
  color: #172b4d;
  border-style: solid;
  border-width: 1px;
  border-color: #172b4d;
}
.btn.btn-dark-outline:hover {
  opacity: 0.8;
}
.btn.btn-dark-outline.active, .btn.btn-dark-outline:active {
  background-image: none;
  background-color: white;
  opacity: 1;
  filter: alpha(opacity=100);
  border: none;
  color: #172b4d;
  border-style: solid;
  border-width: 1px;
  border-color: #172b4d;
}
.btn.btn-dark-outline.disabled, .btn.btn-dark-outline.disabled.active, .btn.btn-dark-outline.disabled.focus, .btn.btn-dark-outline.disabled:active, .btn.btn-dark-outline.disabled:focus, .btn.btn-dark-outline.disabled:hover, .btn.btn-dark-outline[disabled], .btn.btn-dark-outline[disabled].active, .btn.btn-dark-outline[disabled].focus, .btn.btn-dark-outline[disabled]:active, .btn.btn-dark-outline[disabled]:focus, .btn.btn-dark-outline[disabled]:hover, fieldset[disabled] .btn.btn-dark-outline, fieldset[disabled] .btn.btn-dark-outline.active, fieldset[disabled] .btn.btn-dark-outline.focus, fieldset[disabled] .btn.btn-dark-outline:active, fieldset[disabled] .btn.btn-dark-outline:focus, fieldset[disabled] .btn.btn-dark-outline:hover {
  background-image: none;
  border-style: none;
  background-color: white;
  color: #172b4d;
  border: none;
  opacity: 0.5 !important;
  filter: alpha(opacity=50) !important;
  box-shadow: none !important;
  transform: none !important;
  border-style: solid;
  border-width: 1px;
  border-color: #172b4d;
}

.btn.btn-panic-outline {
  font-size: small;
  padding: 8px 14px;
  box-shadow: none;
  background-image: none;
  border-style: none;
  background-color: white;
  color: #ab83a9;
  border: none;
  opacity: 1;
  filter: alpha(opacity=100);
  text-shadow: none;
  transition: 130ms;
  border-radius: 1rem !important;
  border-style: solid;
  border-width: 1px;
  border-color: #ab83a9;
}
.btn.btn-panic-outline span {
  font-weight: 700;
}
.btn.btn-panic-outline:focus, .btn.btn-panic-outline:hover {
  background-image: none;
  outline: none;
  background-color: white;
  filter: alpha(opacity=100);
  border: none;
  color: #ab83a9;
  border-style: solid;
  border-width: 1px;
  border-color: #ab83a9;
}
.btn.btn-panic-outline:hover {
  opacity: 0.8;
}
.btn.btn-panic-outline.active, .btn.btn-panic-outline:active {
  background-image: none;
  background-color: white;
  opacity: 1;
  filter: alpha(opacity=100);
  border: none;
  color: #ab83a9;
  border-style: solid;
  border-width: 1px;
  border-color: #ab83a9;
}
.btn.btn-panic-outline.disabled, .btn.btn-panic-outline.disabled.active, .btn.btn-panic-outline.disabled.focus, .btn.btn-panic-outline.disabled:active, .btn.btn-panic-outline.disabled:focus, .btn.btn-panic-outline.disabled:hover, .btn.btn-panic-outline[disabled], .btn.btn-panic-outline[disabled].active, .btn.btn-panic-outline[disabled].focus, .btn.btn-panic-outline[disabled]:active, .btn.btn-panic-outline[disabled]:focus, .btn.btn-panic-outline[disabled]:hover, fieldset[disabled] .btn.btn-panic-outline, fieldset[disabled] .btn.btn-panic-outline.active, fieldset[disabled] .btn.btn-panic-outline.focus, fieldset[disabled] .btn.btn-panic-outline:active, fieldset[disabled] .btn.btn-panic-outline:focus, fieldset[disabled] .btn.btn-panic-outline:hover {
  background-image: none;
  border-style: none;
  background-color: white;
  color: #ab83a9;
  border: none;
  opacity: 0.5 !important;
  filter: alpha(opacity=50) !important;
  box-shadow: none !important;
  transform: none !important;
  border-style: solid;
  border-width: 1px;
  border-color: #ab83a9;
}

.btn.btn-default-clear {
  font-size: small;
  padding: 8px 14px;
  box-shadow: none;
  background-image: none;
  border-style: none;
  background-color: transparent;
  color: #557ec5;
  border: none;
  opacity: 1;
  filter: alpha(opacity=100);
  text-shadow: none;
  transition: 130ms;
  border-radius: 1rem !important;
}
.btn.btn-default-clear span {
  font-weight: 700;
}
.btn.btn-default-clear:focus, .btn.btn-default-clear:hover {
  background-image: none;
  outline: none;
  background-color: transparent;
  filter: alpha(opacity=100);
  border: none;
  color: #557ec5;
}
.btn.btn-default-clear:hover {
  opacity: 0.8;
}
.btn.btn-default-clear:focus {
  box-shadow: none;
}
.btn.btn-default-clear.active, .btn.btn-default-clear:active {
  background-image: none;
  background-color: transparent;
  opacity: 1;
  filter: alpha(opacity=100);
  border: none;
  color: #557ec5;
}
.btn.btn-default-clear.disabled, .btn.btn-default-clear.disabled.active, .btn.btn-default-clear.disabled.focus, .btn.btn-default-clear.disabled:active, .btn.btn-default-clear.disabled:focus, .btn.btn-default-clear.disabled:hover, .btn.btn-default-clear[disabled], .btn.btn-default-clear[disabled].active, .btn.btn-default-clear[disabled].focus, .btn.btn-default-clear[disabled]:active, .btn.btn-default-clear[disabled]:focus, .btn.btn-default-clear[disabled]:hover, fieldset[disabled] .btn.btn-default-clear, fieldset[disabled] .btn.btn-default-clear.active, fieldset[disabled] .btn.btn-default-clear.focus, fieldset[disabled] .btn.btn-default-clear:active, fieldset[disabled] .btn.btn-default-clear:focus, fieldset[disabled] .btn.btn-default-clear:hover {
  background-image: none;
  border-style: none;
  background-color: transparent;
  color: #557ec5;
  border: none;
  opacity: 0.5 !important;
  filter: alpha(opacity=50) !important;
  box-shadow: none !important;
  transform: none !important;
}

.btn.btn-primary-clear, .list-qbe-filter-act > .btn {
  font-size: small;
  padding: 8px 14px;
  box-shadow: none;
  background-image: none;
  border-style: none;
  background-color: transparent;
  color: #18589d;
  border: none;
  opacity: 1;
  filter: alpha(opacity=100);
  text-shadow: none;
  transition: 130ms;
  border-radius: 1rem !important;
}
.btn.btn-primary-clear span, .list-qbe-filter-act > .btn span {
  font-weight: 700;
}
.btn.btn-primary-clear:focus, .list-qbe-filter-act > .btn:focus, .btn.btn-primary-clear:hover, .list-qbe-filter-act > .btn:hover {
  background-image: none;
  outline: none;
  background-color: transparent;
  filter: alpha(opacity=100);
  border: none;
  color: #18589d;
}
.btn.btn-primary-clear:hover, .list-qbe-filter-act > .btn:hover {
  opacity: 0.8;
}
.btn.btn-primary-clear:focus, .list-qbe-filter-act > .btn:focus {
  box-shadow: none;
}
.btn.btn-primary-clear.active, .list-qbe-filter-act > .btn.active, .btn.btn-primary-clear:active, .list-qbe-filter-act > .btn:active {
  background-image: none;
  background-color: transparent;
  opacity: 1;
  filter: alpha(opacity=100);
  border: none;
  color: #18589d;
}
.btn.btn-primary-clear.disabled, .list-qbe-filter-act > .btn.disabled, .btn.btn-primary-clear.disabled.active, .btn.btn-primary-clear.disabled.focus, .btn.btn-primary-clear.disabled:active, .btn.btn-primary-clear.disabled:focus, .btn.btn-primary-clear.disabled:hover, .btn.btn-primary-clear[disabled], .list-qbe-filter-act > .btn[disabled], .btn.btn-primary-clear[disabled].active, .btn.btn-primary-clear[disabled].focus, .btn.btn-primary-clear[disabled]:active, .btn.btn-primary-clear[disabled]:focus, .btn.btn-primary-clear[disabled]:hover, fieldset[disabled] .btn.btn-primary-clear, fieldset[disabled] .list-qbe-filter-act > .btn, fieldset[disabled] .btn.btn-primary-clear.active, fieldset[disabled] .btn.btn-primary-clear.focus, fieldset[disabled] .btn.btn-primary-clear:active, fieldset[disabled] .btn.btn-primary-clear:focus, fieldset[disabled] .btn.btn-primary-clear:hover {
  background-image: none;
  border-style: none;
  background-color: transparent;
  color: #18589d;
  border: none;
  opacity: 0.5 !important;
  filter: alpha(opacity=50) !important;
  box-shadow: none !important;
  transform: none !important;
}

.btn.btn-secondary-clear {
  font-size: small;
  padding: 8px 14px;
  box-shadow: none;
  background-image: none;
  border-style: none;
  background-color: transparent;
  color: #8392ab;
  border: none;
  opacity: 1;
  filter: alpha(opacity=100);
  text-shadow: none;
  transition: 130ms;
  border-radius: 1rem !important;
}
.btn.btn-secondary-clear span {
  font-weight: 700;
}
.btn.btn-secondary-clear:focus, .btn.btn-secondary-clear:hover {
  background-image: none;
  outline: none;
  background-color: transparent;
  filter: alpha(opacity=100);
  border: none;
  color: #8392ab;
}
.btn.btn-secondary-clear:hover {
  opacity: 0.8;
}
.btn.btn-secondary-clear:focus {
  box-shadow: none;
}
.btn.btn-secondary-clear.active, .btn.btn-secondary-clear:active {
  background-image: none;
  background-color: transparent;
  opacity: 1;
  filter: alpha(opacity=100);
  border: none;
  color: #8392ab;
}
.btn.btn-secondary-clear.disabled, .btn.btn-secondary-clear.disabled.active, .btn.btn-secondary-clear.disabled.focus, .btn.btn-secondary-clear.disabled:active, .btn.btn-secondary-clear.disabled:focus, .btn.btn-secondary-clear.disabled:hover, .btn.btn-secondary-clear[disabled], .btn.btn-secondary-clear[disabled].active, .btn.btn-secondary-clear[disabled].focus, .btn.btn-secondary-clear[disabled]:active, .btn.btn-secondary-clear[disabled]:focus, .btn.btn-secondary-clear[disabled]:hover, fieldset[disabled] .btn.btn-secondary-clear, fieldset[disabled] .btn.btn-secondary-clear.active, fieldset[disabled] .btn.btn-secondary-clear.focus, fieldset[disabled] .btn.btn-secondary-clear:active, fieldset[disabled] .btn.btn-secondary-clear:focus, fieldset[disabled] .btn.btn-secondary-clear:hover {
  background-image: none;
  border-style: none;
  background-color: transparent;
  color: #8392ab;
  border: none;
  opacity: 0.5 !important;
  filter: alpha(opacity=50) !important;
  box-shadow: none !important;
  transform: none !important;
}

.btn.btn-info-clear {
  font-size: small;
  padding: 8px 14px;
  box-shadow: none;
  background-image: none;
  border-style: none;
  background-color: transparent;
  color: #58bcc3;
  border: none;
  opacity: 1;
  filter: alpha(opacity=100);
  text-shadow: none;
  transition: 130ms;
  border-radius: 1rem !important;
}
.btn.btn-info-clear span {
  font-weight: 700;
}
.btn.btn-info-clear:focus, .btn.btn-info-clear:hover {
  background-image: none;
  outline: none;
  background-color: transparent;
  filter: alpha(opacity=100);
  border: none;
  color: #58bcc3;
}
.btn.btn-info-clear:hover {
  opacity: 0.8;
}
.btn.btn-info-clear:focus {
  box-shadow: none;
}
.btn.btn-info-clear.active, .btn.btn-info-clear:active {
  background-image: none;
  background-color: transparent;
  opacity: 1;
  filter: alpha(opacity=100);
  border: none;
  color: #58bcc3;
}
.btn.btn-info-clear.disabled, .btn.btn-info-clear.disabled.active, .btn.btn-info-clear.disabled.focus, .btn.btn-info-clear.disabled:active, .btn.btn-info-clear.disabled:focus, .btn.btn-info-clear.disabled:hover, .btn.btn-info-clear[disabled], .btn.btn-info-clear[disabled].active, .btn.btn-info-clear[disabled].focus, .btn.btn-info-clear[disabled]:active, .btn.btn-info-clear[disabled]:focus, .btn.btn-info-clear[disabled]:hover, fieldset[disabled] .btn.btn-info-clear, fieldset[disabled] .btn.btn-info-clear.active, fieldset[disabled] .btn.btn-info-clear.focus, fieldset[disabled] .btn.btn-info-clear:active, fieldset[disabled] .btn.btn-info-clear:focus, fieldset[disabled] .btn.btn-info-clear:hover {
  background-image: none;
  border-style: none;
  background-color: transparent;
  color: #58bcc3;
  border: none;
  opacity: 0.5 !important;
  filter: alpha(opacity=50) !important;
  box-shadow: none !important;
  transform: none !important;
}

.btn.btn-success-clear {
  font-size: small;
  padding: 8px 14px;
  box-shadow: none;
  background-image: none;
  border-style: none;
  background-color: transparent;
  color: #31ae79;
  border: none;
  opacity: 1;
  filter: alpha(opacity=100);
  text-shadow: none;
  transition: 130ms;
  border-radius: 1rem !important;
}
.btn.btn-success-clear span {
  font-weight: 700;
}
.btn.btn-success-clear:focus, .btn.btn-success-clear:hover {
  background-image: none;
  outline: none;
  background-color: transparent;
  filter: alpha(opacity=100);
  border: none;
  color: #31ae79;
}
.btn.btn-success-clear:hover {
  opacity: 0.8;
}
.btn.btn-success-clear:focus {
  box-shadow: none;
}
.btn.btn-success-clear.active, .btn.btn-success-clear:active {
  background-image: none;
  background-color: transparent;
  opacity: 1;
  filter: alpha(opacity=100);
  border: none;
  color: #31ae79;
}
.btn.btn-success-clear.disabled, .btn.btn-success-clear.disabled.active, .btn.btn-success-clear.disabled.focus, .btn.btn-success-clear.disabled:active, .btn.btn-success-clear.disabled:focus, .btn.btn-success-clear.disabled:hover, .btn.btn-success-clear[disabled], .btn.btn-success-clear[disabled].active, .btn.btn-success-clear[disabled].focus, .btn.btn-success-clear[disabled]:active, .btn.btn-success-clear[disabled]:focus, .btn.btn-success-clear[disabled]:hover, fieldset[disabled] .btn.btn-success-clear, fieldset[disabled] .btn.btn-success-clear.active, fieldset[disabled] .btn.btn-success-clear.focus, fieldset[disabled] .btn.btn-success-clear:active, fieldset[disabled] .btn.btn-success-clear:focus, fieldset[disabled] .btn.btn-success-clear:hover {
  background-image: none;
  border-style: none;
  background-color: transparent;
  color: #31ae79;
  border: none;
  opacity: 0.5 !important;
  filter: alpha(opacity=50) !important;
  box-shadow: none !important;
  transform: none !important;
}

.btn.btn-warning-clear {
  font-size: small;
  padding: 8px 14px;
  box-shadow: none;
  background-image: none;
  border-style: none;
  background-color: transparent;
  color: #fab005;
  border: none;
  opacity: 1;
  filter: alpha(opacity=100);
  text-shadow: none;
  transition: 130ms;
  border-radius: 1rem !important;
}
.btn.btn-warning-clear span {
  font-weight: 700;
}
.btn.btn-warning-clear:focus, .btn.btn-warning-clear:hover {
  background-image: none;
  outline: none;
  background-color: transparent;
  filter: alpha(opacity=100);
  border: none;
  color: #fab005;
}
.btn.btn-warning-clear:hover {
  opacity: 0.8;
}
.btn.btn-warning-clear:focus {
  box-shadow: none;
}
.btn.btn-warning-clear.active, .btn.btn-warning-clear:active {
  background-image: none;
  background-color: transparent;
  opacity: 1;
  filter: alpha(opacity=100);
  border: none;
  color: #fab005;
}
.btn.btn-warning-clear.disabled, .btn.btn-warning-clear.disabled.active, .btn.btn-warning-clear.disabled.focus, .btn.btn-warning-clear.disabled:active, .btn.btn-warning-clear.disabled:focus, .btn.btn-warning-clear.disabled:hover, .btn.btn-warning-clear[disabled], .btn.btn-warning-clear[disabled].active, .btn.btn-warning-clear[disabled].focus, .btn.btn-warning-clear[disabled]:active, .btn.btn-warning-clear[disabled]:focus, .btn.btn-warning-clear[disabled]:hover, fieldset[disabled] .btn.btn-warning-clear, fieldset[disabled] .btn.btn-warning-clear.active, fieldset[disabled] .btn.btn-warning-clear.focus, fieldset[disabled] .btn.btn-warning-clear:active, fieldset[disabled] .btn.btn-warning-clear:focus, fieldset[disabled] .btn.btn-warning-clear:hover {
  background-image: none;
  border-style: none;
  background-color: transparent;
  color: #fab005;
  border: none;
  opacity: 0.5 !important;
  filter: alpha(opacity=50) !important;
  box-shadow: none !important;
  transform: none !important;
}

.btn.btn-danger-clear {
  font-size: small;
  padding: 8px 14px;
  box-shadow: none;
  background-image: none;
  border-style: none;
  background-color: transparent;
  color: #c7566d;
  border: none;
  opacity: 1;
  filter: alpha(opacity=100);
  text-shadow: none;
  transition: 130ms;
  border-radius: 1rem !important;
}
.btn.btn-danger-clear span {
  font-weight: 700;
}
.btn.btn-danger-clear:focus, .btn.btn-danger-clear:hover {
  background-image: none;
  outline: none;
  background-color: transparent;
  filter: alpha(opacity=100);
  border: none;
  color: #c7566d;
}
.btn.btn-danger-clear:hover {
  opacity: 0.8;
}
.btn.btn-danger-clear:focus {
  box-shadow: none;
}
.btn.btn-danger-clear.active, .btn.btn-danger-clear:active {
  background-image: none;
  background-color: transparent;
  opacity: 1;
  filter: alpha(opacity=100);
  border: none;
  color: #c7566d;
}
.btn.btn-danger-clear.disabled, .btn.btn-danger-clear.disabled.active, .btn.btn-danger-clear.disabled.focus, .btn.btn-danger-clear.disabled:active, .btn.btn-danger-clear.disabled:focus, .btn.btn-danger-clear.disabled:hover, .btn.btn-danger-clear[disabled], .btn.btn-danger-clear[disabled].active, .btn.btn-danger-clear[disabled].focus, .btn.btn-danger-clear[disabled]:active, .btn.btn-danger-clear[disabled]:focus, .btn.btn-danger-clear[disabled]:hover, fieldset[disabled] .btn.btn-danger-clear, fieldset[disabled] .btn.btn-danger-clear.active, fieldset[disabled] .btn.btn-danger-clear.focus, fieldset[disabled] .btn.btn-danger-clear:active, fieldset[disabled] .btn.btn-danger-clear:focus, fieldset[disabled] .btn.btn-danger-clear:hover {
  background-image: none;
  border-style: none;
  background-color: transparent;
  color: #c7566d;
  border: none;
  opacity: 0.5 !important;
  filter: alpha(opacity=50) !important;
  box-shadow: none !important;
  transform: none !important;
}

.btn.btn-light-clear, .navbar.navbar-fixed-top .btn {
  font-size: small;
  padding: 8px 14px;
  box-shadow: none;
  background-image: none;
  border-style: none;
  background-color: transparent;
  color: #eaedf1;
  border: none;
  opacity: 1;
  filter: alpha(opacity=100);
  text-shadow: none;
  transition: 130ms;
  border-radius: 1rem !important;
}
.btn.btn-light-clear span, .navbar.navbar-fixed-top .btn span {
  font-weight: 700;
}
.btn.btn-light-clear:focus, .navbar.navbar-fixed-top .btn:focus, .btn.btn-light-clear:hover, .navbar.navbar-fixed-top .btn:hover {
  background-image: none;
  outline: none;
  background-color: transparent;
  filter: alpha(opacity=100);
  border: none;
  color: #eaedf1;
}
.btn.btn-light-clear:hover, .navbar.navbar-fixed-top .btn:hover {
  opacity: 0.8;
}
.btn.btn-light-clear:focus, .navbar.navbar-fixed-top .btn:focus {
  box-shadow: none;
}
.btn.btn-light-clear.active, .navbar.navbar-fixed-top .btn.active, .btn.btn-light-clear:active, .navbar.navbar-fixed-top .btn:active {
  background-image: none;
  background-color: transparent;
  opacity: 1;
  filter: alpha(opacity=100);
  border: none;
  color: #eaedf1;
}
.btn.btn-light-clear.disabled, .navbar.navbar-fixed-top .btn.disabled, .btn.btn-light-clear.disabled.active, .btn.btn-light-clear.disabled.focus, .btn.btn-light-clear.disabled:active, .btn.btn-light-clear.disabled:focus, .btn.btn-light-clear.disabled:hover, .btn.btn-light-clear[disabled], .navbar.navbar-fixed-top .btn[disabled], .btn.btn-light-clear[disabled].active, .btn.btn-light-clear[disabled].focus, .btn.btn-light-clear[disabled]:active, .btn.btn-light-clear[disabled]:focus, .btn.btn-light-clear[disabled]:hover, fieldset[disabled] .btn.btn-light-clear, fieldset[disabled] .navbar.navbar-fixed-top .btn, .navbar.navbar-fixed-top fieldset[disabled] .btn, fieldset[disabled] .btn.btn-light-clear.active, fieldset[disabled] .btn.btn-light-clear.focus, fieldset[disabled] .btn.btn-light-clear:active, fieldset[disabled] .btn.btn-light-clear:focus, fieldset[disabled] .btn.btn-light-clear:hover {
  background-image: none;
  border-style: none;
  background-color: transparent;
  color: #eaedf1;
  border: none;
  opacity: 0.5 !important;
  filter: alpha(opacity=50) !important;
  box-shadow: none !important;
  transform: none !important;
}

.btn.btn-medium-clear {
  font-size: small;
  padding: 8px 14px;
  box-shadow: none;
  background-image: none;
  border-style: none;
  background-color: transparent;
  color: #e9ecef;
  border: none;
  opacity: 1;
  filter: alpha(opacity=100);
  text-shadow: none;
  transition: 130ms;
  border-radius: 1rem !important;
}
.btn.btn-medium-clear span {
  font-weight: 700;
}
.btn.btn-medium-clear:focus, .btn.btn-medium-clear:hover {
  background-image: none;
  outline: none;
  background-color: transparent;
  filter: alpha(opacity=100);
  border: none;
  color: #e9ecef;
}
.btn.btn-medium-clear:hover {
  opacity: 0.8;
}
.btn.btn-medium-clear:focus {
  box-shadow: none;
}
.btn.btn-medium-clear.active, .btn.btn-medium-clear:active {
  background-image: none;
  background-color: transparent;
  opacity: 1;
  filter: alpha(opacity=100);
  border: none;
  color: #e9ecef;
}
.btn.btn-medium-clear.disabled, .btn.btn-medium-clear.disabled.active, .btn.btn-medium-clear.disabled.focus, .btn.btn-medium-clear.disabled:active, .btn.btn-medium-clear.disabled:focus, .btn.btn-medium-clear.disabled:hover, .btn.btn-medium-clear[disabled], .btn.btn-medium-clear[disabled].active, .btn.btn-medium-clear[disabled].focus, .btn.btn-medium-clear[disabled]:active, .btn.btn-medium-clear[disabled]:focus, .btn.btn-medium-clear[disabled]:hover, fieldset[disabled] .btn.btn-medium-clear, fieldset[disabled] .btn.btn-medium-clear.active, fieldset[disabled] .btn.btn-medium-clear.focus, fieldset[disabled] .btn.btn-medium-clear:active, fieldset[disabled] .btn.btn-medium-clear:focus, fieldset[disabled] .btn.btn-medium-clear:hover {
  background-image: none;
  border-style: none;
  background-color: transparent;
  color: #e9ecef;
  border: none;
  opacity: 0.5 !important;
  filter: alpha(opacity=50) !important;
  box-shadow: none !important;
  transform: none !important;
}

.btn.btn-dark-clear {
  font-size: small;
  padding: 8px 14px;
  box-shadow: none;
  background-image: none;
  border-style: none;
  background-color: transparent;
  color: #172b4d;
  border: none;
  opacity: 1;
  filter: alpha(opacity=100);
  text-shadow: none;
  transition: 130ms;
  border-radius: 1rem !important;
}
.btn.btn-dark-clear span {
  font-weight: 700;
}
.btn.btn-dark-clear:focus, .btn.btn-dark-clear:hover {
  background-image: none;
  outline: none;
  background-color: transparent;
  filter: alpha(opacity=100);
  border: none;
  color: #172b4d;
}
.btn.btn-dark-clear:hover {
  opacity: 0.8;
}
.btn.btn-dark-clear:focus {
  box-shadow: none;
}
.btn.btn-dark-clear.active, .btn.btn-dark-clear:active {
  background-image: none;
  background-color: transparent;
  opacity: 1;
  filter: alpha(opacity=100);
  border: none;
  color: #172b4d;
}
.btn.btn-dark-clear.disabled, .btn.btn-dark-clear.disabled.active, .btn.btn-dark-clear.disabled.focus, .btn.btn-dark-clear.disabled:active, .btn.btn-dark-clear.disabled:focus, .btn.btn-dark-clear.disabled:hover, .btn.btn-dark-clear[disabled], .btn.btn-dark-clear[disabled].active, .btn.btn-dark-clear[disabled].focus, .btn.btn-dark-clear[disabled]:active, .btn.btn-dark-clear[disabled]:focus, .btn.btn-dark-clear[disabled]:hover, fieldset[disabled] .btn.btn-dark-clear, fieldset[disabled] .btn.btn-dark-clear.active, fieldset[disabled] .btn.btn-dark-clear.focus, fieldset[disabled] .btn.btn-dark-clear:active, fieldset[disabled] .btn.btn-dark-clear:focus, fieldset[disabled] .btn.btn-dark-clear:hover {
  background-image: none;
  border-style: none;
  background-color: transparent;
  color: #172b4d;
  border: none;
  opacity: 0.5 !important;
  filter: alpha(opacity=50) !important;
  box-shadow: none !important;
  transform: none !important;
}

.btn.btn-panic-clear {
  font-size: small;
  padding: 8px 14px;
  box-shadow: none;
  background-image: none;
  border-style: none;
  background-color: transparent;
  color: #ab83a9;
  border: none;
  opacity: 1;
  filter: alpha(opacity=100);
  text-shadow: none;
  transition: 130ms;
  border-radius: 1rem !important;
}
.btn.btn-panic-clear span {
  font-weight: 700;
}
.btn.btn-panic-clear:focus, .btn.btn-panic-clear:hover {
  background-image: none;
  outline: none;
  background-color: transparent;
  filter: alpha(opacity=100);
  border: none;
  color: #ab83a9;
}
.btn.btn-panic-clear:hover {
  opacity: 0.8;
}
.btn.btn-panic-clear:focus {
  box-shadow: none;
}
.btn.btn-panic-clear.active, .btn.btn-panic-clear:active {
  background-image: none;
  background-color: transparent;
  opacity: 1;
  filter: alpha(opacity=100);
  border: none;
  color: #ab83a9;
}
.btn.btn-panic-clear.disabled, .btn.btn-panic-clear.disabled.active, .btn.btn-panic-clear.disabled.focus, .btn.btn-panic-clear.disabled:active, .btn.btn-panic-clear.disabled:focus, .btn.btn-panic-clear.disabled:hover, .btn.btn-panic-clear[disabled], .btn.btn-panic-clear[disabled].active, .btn.btn-panic-clear[disabled].focus, .btn.btn-panic-clear[disabled]:active, .btn.btn-panic-clear[disabled]:focus, .btn.btn-panic-clear[disabled]:hover, fieldset[disabled] .btn.btn-panic-clear, fieldset[disabled] .btn.btn-panic-clear.active, fieldset[disabled] .btn.btn-panic-clear.focus, fieldset[disabled] .btn.btn-panic-clear:active, fieldset[disabled] .btn.btn-panic-clear:focus, fieldset[disabled] .btn.btn-panic-clear:hover {
  background-image: none;
  border-style: none;
  background-color: transparent;
  color: #ab83a9;
  border: none;
  opacity: 0.5 !important;
  filter: alpha(opacity=50) !important;
  box-shadow: none !important;
  transform: none !important;
}

.input-group span {
  background-color: transparent;
}
.input-group span:first-child {
  /*Button a Sinistra*/
}
.input-group span:first-child button.btn {
  height: 35px;
  margin-right: 5px !important;
  background-color: transparent;
  border: none;
}
.input-group span:first-child button.btn:focus, .input-group span:first-child button.btn:hover {
  background-color: transparent;
  border: none;
}
.input-group span:last-child button.btn {
  margin-left: 5px !important;
  background-color: transparent;
  border: none;
}
.input-group span:last-child button.btn:has(i) {
  padding-top: 4px;
  padding-bottom: 4px;
}
.input-group span:last-child button.btn:focus, .input-group span:last-child button.btn:hover {
  background-color: transparent;
  border: none;
}

.list-qbe-cell-active-form-group .input-group-btn .btn {
  height: unset;
}

/*Size Button*/
.btn-group-sm > .btn, .btn-sm {
  padding: 5px 10px;
  font-size: 12px !important;
  line-height: 0.5 !important;
  border-radius: 3px;
  height: 25px !important;
}

.btn-group-xs > .btn, .btn-xs {
  padding: 1px 5px !important;
  font-size: small;
  line-height: 1.5;
  border-radius: 3px;
  height: 20px !important;
}

.btn-group-lg > .btn, .btn-lg {
  padding: 10px 16px;
  font-size: 10pt;
  line-height: 1.3333333;
  border-radius: 6px;
}

/*
Possibile applicare ai campi Input un colore di background
Applicare le classi ai campi senza {{ }}
input-primary
input-success
input-warning

Applicare la classe {{form-button-align}} ai Bottoni presenti in una form
con i campi con etichetta in alto. Il bottone viene allineato alla base
*/
input.form-control {
  font-family: "Open Sans", sans-serif;
}

/*Caselle di Input in Lista*/
div.input-group.form-list-cell-group > input.form-control {
  height: 100% !important;
  box-sizing: border-box;
}
div.input-group.form-list-cell-group > span.input-group-btn {
  height: 100% !important;
  box-sizing: border-box;
}
div.input-group.form-list-cell-group > span.input-group-btn > button {
  height: 100% !important;
}

.form-control {
  outline: 0;
  box-shadow: none;
  border-color: #ced4da;
}
.form-control:focus {
  border-style: solid;
  border-width: 1.5px;
  border-color: #005cff;
  box-shadow: none;
}
.form-control::placeholder {
  font-size: 0.8em !important;
}

.input-group:has(input:focus) {
  border-color: #005cff;
  border-width: 1.5px;
}

.input-group:not(.form-list-cell-group) input.form-control:last-child,
.input-group:not(.form-list-cell-group) input.form-control:not(:has(~ *:visible)) {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

/* Nelle form è usato quando è presente un attivatore o un addon*/
.input-group:not(.form-list-cell-group) {
  border-color: #ced4da;
  border-width: thin;
  border-style: solid;
  border-radius: 8px;
  /*Applicare la classe al campo senza {{
  colora il fondo del campo input */
}
.input-group:not(.form-list-cell-group):focus {
  border-color: #8392ab;
  border-width: 1px;
}
.input-group:not(.form-list-cell-group) input.form-control {
  border-radius: 8px 0 0 8px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  border-style: none;
}
.input-group:not(.form-list-cell-group) .input-group-addon {
  background-color: lightgray;
}
.input-group:not(.form-list-cell-group) input.form-control.input-primary {
  background-color: #e6f2ff !important;
}
.input-group:not(.form-list-cell-group) input.form-control.input-success {
  background-color: #e6f9ec !important;
}
.input-group:not(.form-list-cell-group) input.form-control.input-warning {
  background-color: #fff9e6 !important;
}

/* Usato quando viene mostrata una icona a sinistra in una casella 
combobox chiusa  */
.input-group-addon {
  border: unset;
}

.form-field-no-activator {
  border-radius: 8px !important;
}

/* 
Cerco di gestire i pulsanti Radio Inline
togliendo il bordo
*/
.input-group:has(.radio-inline),
.panel-field-value-form.form-field-no-activator:has(.radio-inline) {
  border: none;
  border-radius: unset !important;
}

.radio-inline {
  font-size: larger;
}

.control-label {
  font-weight: 600 !important;
  color: #557ec5 !important;
  font-size: 0.9em !important;
}

.has-error .form-control {
  border-color: #c7566d !important;
}
.has-error .control-label {
  color: #c7566d !important;
}

.list-qbe-cell-active-form-group .form-control {
  min-height: unset;
}

/*Casella discesa*/
.combo-popup-table {
  margin-top: 5px;
}

/*Sovrascrivo quello BS*/
.form-group {
  margin-bottom: 15px;
}

/* Questa regola sarà valida se viene personalizzato il metodo RD3_Glb.SetDisplay() come abbiamo fatto in Logos*/
/* Nascondi .form-group se NON ha figli immediati visibili */
.form-group:not(:has(> *:not(.d-none):not([hidden]):not([style*="display: none"]))) {
  display: none;
}

/* Allinea un Button in una form quando i campi hanno etichetta in alto
e il bottone deve allinearsi al basso*/
.form-button-align .form-group {
  margin-bottom: 0px;
  margin-top: 30px;
}

.ideditor-toolbar {
  white-space: nowrap !important;
}
.ideditor-toolbar .dropdown-menu, .ideditor-toolbar .navbar.navbar-fixed-top ul > li.dropdown .dropdown-menu, .navbar.navbar-fixed-top ul > li.dropdown .ideditor-toolbar .dropdown-menu {
  padding: 5px 0 !important;
}

table.panel-list-header-table {
  width: 100% !important;
}
table.panel-list-header-table tr:not(.list-qbe-row) td {
  font-family: inherit !important;
  font-weight: 600 !important;
  color: #8392ab !important;
}
table.panel-list-header-table tr.list-qbe-row td {
  vertical-align: middle !important;
  height: 15px !important;
  background-color: white !important;
  border-left: none;
  border-right: none;
}
table.panel-list-header-table tr.list-qbe-row td .input-group-btn {
  height: 100%;
  display: flex;
}
table.panel-list-header-table tr.list-qbe-row td .input-group-btn .btn {
  margin-top: auto;
  margin-bottom: auto;
  padding: 8px;
  margin-right: 5px;
  display: flex;
  height: auto;
}

table.panel-list-rows-table {
  border: none !important;
}
table.panel-list-rows-table tr {
  background-color: transparent !important;
}
table.panel-list-rows-table td {
  font-family: inherit !important;
  color: #557ec5;
  vertical-align: middle !important;
  font-weight: 600 !important;
  border-bottom-color: #ddd !important;
  border-top-color: #ddd !important;
  border-left-color: #ddd !important;
  border-right-color: #ddd !important;
  height: 50px;
}

.panel-small .panel-list-container table.panel-list-rows-table td {
  height: 30px;
}

.panel.panel-default.frame-box-fixed div.panel-list-body-box.panel-list-bordered > table tr {
  background-color: transparent;
}

/* Pannello in lista con header superiore ridotto */
.panel.table-header-condensed .panel-list-container > .panel-list-caption-box > table.panel-list-header-table > thead > tr > td {
  padding: 8px;
  font-size: 8pt !important;
}

/* Pannello in lista condensato righe ad altezza minima ridotta */
.panel.panel-list-condensed .panel-list-container > .panel-list-body-box > table.panel-list-rows-table > tbody > tr > td {
  padding-top: 5px;
  padding-bottom: 5px;
}

/* Tabelle Speciali per Optometria */
.table-optometria {
  /*Nasconde la cella numero 2 sulla prima riga ed imposta un colore lightgray*/
}
.table-optometria.hide-addizionale table tbody tr:first-child td:nth-child(2) {
  visibility: hidden;
}
.table-optometria.hide-addizionale .panel-list-body-box {
  background-color: lightgray;
}
.table-optometria tbody {
  background-color: white;
}
.table-optometria .panel-list-container .panel-list-caption-box .panel-list-header-table td {
  font-size: 0.9em !important;
  background-color: #4a8acf !important;
  color: #f6f9fc !important;
  letter-spacing: 1px;
}

/* Gestione Input Lista */
.form-list-cell-group > input.form-control {
  padding: 5px 5px 5px 5px !important;
  background-color: white !important;
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  margin-top: 1px !important;
}

/*
gruppo-piccolo: Diminuisce altezza e dimensione del titolo
gruppo-top-0: Toglie il padding top al pannello contenuto nel gruppo
gruppo-no-margini: Toglie i margini top e bottom
gruppo-trasparente: Rende trasparente il panel-body del gruppo
gruppo-field-small (Crea i Gruppi con i campi con meno paddind left-right
gruppo-border-{colore}: Crea i bordi del colore scelto
panel-form-body-horizontal: applicato al pannello  toglie il padding verticale per fare sparire le scrollbar inutili
panel-only-toolbar: Utilizzare in un pannello se si desidera mostrare solo la Toolbar (Attenzione Dimensionare il campo statico a 50px)

Applicando alla form la classe form-{{color}} vengono colorati in modo appropriato gli header dei pannelli
*/
.argon-background {
  background-color: #18589d;
  width: 100vw;
  height: 40vh;
  position: absolute;
  top: 0;
}

body {
  background: #eaedf1;
}

#welcome-container {
  border-radius: 1rem;
}

.panel-value-html {
  text-overflow: unset !important;
}

.panel .caption-toolbar {
  color: #557ec5;
  font-weight: 700;
}

.panel.form-main-box {
  border: none;
  border-radius: 1rem;
  box-shadow: 0 0 0 0;
  /* Colori Speciali per le Form con classe speciale*/
  /*Cambia la colorazione della Caption Form e Pannello*/
  /* Divisione di 2 Frame */
  /**
  * Applicare a un form che contiene 2 frame (Superiore e Inferiore)
  * in modo da impostare per il frame superiore il 15% e per il frame inferiore il 85%
  */
  /**
  Possibilità di colorare le form (panel-title) nei vari colori
  form-warning form-danger form-success 
  Il colore è applicato solo alla Caption della Form
  **/
  /* Gruppo Piccolo */
}
.panel.form-main-box.form-colorized-primary .panel-heading {
  background: #18589d;
}
.panel.form-main-box.form-colorized-primary .panel-heading .panel-title {
  color: #f6f9fc;
}
.panel.form-main-box.form-colorized-primary .panel .caption-toolbar {
  color: #f6f9fc;
}
.panel.form-main-box.form-colorized-success .panel-heading {
  background: #31ae79;
}
.panel.form-main-box.form-colorized-success .panel-heading .panel-title {
  color: #FFFFFF;
}
.panel.form-main-box.form-colorized-success .panel .caption-toolbar {
  color: #FFFFFF;
}
.panel.form-main-box.form-colorized-secondary .panel-heading {
  background: #8392ab;
}
.panel.form-main-box.form-colorized-secondary .panel-heading .panel-title {
  color: #FFFFFF;
}
.panel.form-main-box.form-colorized-secondary .panel .caption-toolbar {
  color: #FFFFFF;
}
.panel.form-main-box.form-colorized-warning .panel-heading {
  background: #fab005;
}
.panel.form-main-box.form-colorized-warning .panel-heading .panel-title {
  color: #172b4d;
}
.panel.form-main-box.form-colorized-warning .panel .caption-toolbar {
  color: #172b4d;
}
.panel.form-main-box.form-colorized-danger .panel-heading {
  background: #c7566d;
}
.panel.form-main-box.form-colorized-danger .panel-heading .panel-title {
  color: #FFFFFF;
}
.panel.form-main-box.form-colorized-danger .panel .caption-toolbar {
  color: #FFFFFF;
}
.panel.form-main-box.form-colorized-info .panel-heading {
  background: #58bcc3;
}
.panel.form-main-box.form-colorized-info .panel-heading .panel-title {
  color: #3b3939;
}
.panel.form-main-box.form-colorized-info .panel .caption-toolbar {
  color: #3b3939;
}
.panel.form-main-box.form-colorized-light .panel-heading {
  background: #eaedf1;
}
.panel.form-main-box.form-colorized-light .panel-heading .panel-title {
  color: #172b4d;
}
.panel.form-main-box.form-colorized-light .panel .caption-toolbar {
  color: #172b4d;
}
.panel.form-main-box.form-colorized-medium .panel-heading {
  background: #e9ecef;
}
.panel.form-main-box.form-colorized-medium .panel-heading .panel-title {
  color: #172b4d;
}
.panel.form-main-box.form-colorized-medium .panel .caption-toolbar {
  color: #172b4d;
}
.panel.form-main-box.form-colorized-dark .panel-heading {
  background: #172b4d;
}
.panel.form-main-box.form-colorized-dark .panel-heading .panel-title {
  color: #ced4da;
}
.panel.form-main-box.form-colorized-dark .panel .caption-toolbar {
  color: #ced4da;
}
.panel.form-main-box.form-frame-balance > .form-body > .frame-row:first-child {
  height: 15% !important;
}
.panel.form-main-box.form-frame-balance > .form-body > .frame-row:last-child {
  height: 85% !important;
}
.panel.form-main-box.form-primary > .panel-heading {
  background: rgba(24, 88, 157, 0.5);
}
.panel.form-main-box.form-primary > .panel-heading h3.panel-title {
  color: #ffffff;
}
.panel.form-main-box.form-primary > .panel-heading .panel-title {
  color: #ffffff;
}
.panel.form-main-box.form-primary > .panel-heading .caption-toolbar {
  color: #ffffff;
}
.panel.form-main-box.form-success > .panel-heading {
  background: rgba(49, 174, 121, 0.5);
}
.panel.form-main-box.form-success > .panel-heading h3.panel-title {
  color: #000000;
}
.panel.form-main-box.form-success > .panel-heading .panel-title {
  color: #000000;
}
.panel.form-main-box.form-success > .panel-heading .caption-toolbar {
  color: #000000;
}
.panel.form-main-box.form-info > .panel-heading {
  background: rgba(88, 188, 195, 0.5);
}
.panel.form-main-box.form-info > .panel-heading h3.panel-title {
  color: #000000;
}
.panel.form-main-box.form-info > .panel-heading .panel-title {
  color: #000000;
}
.panel.form-main-box.form-info > .panel-heading .caption-toolbar {
  color: #000000;
}
.panel.form-main-box.form-secondary > .panel-heading {
  background: rgba(131, 146, 171, 0.5);
}
.panel.form-main-box.form-secondary > .panel-heading h3.panel-title {
  color: #000000;
}
.panel.form-main-box.form-secondary > .panel-heading .panel-title {
  color: #000000;
}
.panel.form-main-box.form-secondary > .panel-heading .caption-toolbar {
  color: #000000;
}
.panel.form-main-box.form-warning > .panel-heading {
  background: rgba(250, 176, 5, 0.5);
}
.panel.form-main-box.form-warning > .panel-heading h3.panel-title {
  color: #000000;
}
.panel.form-main-box.form-warning > .panel-heading .panel-title {
  color: #000000;
}
.panel.form-main-box.form-warning > .panel-heading .caption-toolbar {
  color: #000000;
}
.panel.form-main-box.form-danger > .panel-heading {
  background: rgba(199, 86, 109, 0.5);
}
.panel.form-main-box.form-danger > .panel-heading h3.panel-title {
  color: #000000;
}
.panel.form-main-box.form-danger > .panel-heading .panel-title {
  color: #000000;
}
.panel.form-main-box.form-danger > .panel-heading .caption-toolbar {
  color: #000000;
}
.panel.form-main-box.form-light > .panel-heading {
  background: rgba(234, 237, 241, 0.5);
}
.panel.form-main-box.form-light > .panel-heading h3.panel-title {
  color: #000000;
}
.panel.form-main-box.form-light > .panel-heading .panel-title {
  color: #000000;
}
.panel.form-main-box.form-light > .panel-heading .caption-toolbar {
  color: #000000;
}
.panel.form-main-box.form-medium > .panel-heading {
  background: rgba(233, 236, 239, 0.5);
}
.panel.form-main-box.form-medium > .panel-heading h3.panel-title {
  color: #000000;
}
.panel.form-main-box.form-medium > .panel-heading .panel-title {
  color: #000000;
}
.panel.form-main-box.form-medium > .panel-heading .caption-toolbar {
  color: #000000;
}
.panel.form-main-box.form-dark > .panel-heading {
  background: rgba(23, 43, 77, 0.5);
}
.panel.form-main-box.form-dark > .panel-heading h3.panel-title {
  color: #ffffff;
}
.panel.form-main-box.form-dark > .panel-heading .panel-title {
  color: #ffffff;
}
.panel.form-main-box.form-dark > .panel-heading .caption-toolbar {
  color: #ffffff;
}
.panel.form-main-box.form-panic > .panel-heading {
  background: rgba(171, 131, 169, 0.5);
}
.panel.form-main-box.form-panic > .panel-heading h3.panel-title {
  color: #000000;
}
.panel.form-main-box.form-panic > .panel-heading .panel-title {
  color: #000000;
}
.panel.form-main-box.form-panic > .panel-heading .caption-toolbar {
  color: #000000;
}
.panel.form-main-box .panel-heading {
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  background: #d6d9e9;
  border: none;
  padding-bottom: 5px;
  padding-top: 5px;
  max-height: 55px;
}
.panel.form-main-box .panel-heading h3.panel-title {
  line-height: 32px;
}
.panel.form-main-box .panel-heading h3 .form-toolbar-group {
  margin-top: 0px;
}
.panel.form-main-box .panel-heading .panel-title {
  color: #557ec5;
  font-weight: 700;
  font-size: 1.2em;
  vertical-align: middle;
}
.panel.form-main-box .panel-heading .btn-group {
  height: fit-content;
  padding: 0px 5px;
  margin: 0px;
}
.panel.form-main-box .panel-heading .btn-group button {
  margin-left: 5px;
}
.panel.form-main-box .panel-form-pgroup.gruppo-top-0 .panel-body {
  padding-top: 0px !important;
}
.panel.form-main-box .panel-form-pgroup.gruppo-piccolo .panel-heading .panel-title {
  line-height: 20px;
  font-size: 1em;
}
.panel.form-main-box .panel-form-pgroup.gruppo-trasparente {
  background-color: transparent;
}
.panel.form-main-box .panel-form-pgroup.gruppo-no-margini {
  margin-bottom: 0px;
  margin-top: 0px;
}
.panel.form-main-box .gruppo-field-small {
  margin-bottom: 10px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-xs-1 {
  padding-right: 5px;
  padding-left: 10px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-xs-1 .form-group label.control-label {
  margin-bottom: 5px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-xs-1 .form-group .input-group span.input-group-btn {
  width: 25px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-xs-1 .form-group .input-group span.input-group-btn button {
  width: 25px;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-xs-2 {
  padding-right: 5px;
  padding-left: 10px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-xs-2 .form-group label.control-label {
  margin-bottom: 5px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-xs-2 .form-group .input-group span.input-group-btn {
  width: 25px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-xs-2 .form-group .input-group span.input-group-btn button {
  width: 25px;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-xs-3 {
  padding-right: 5px;
  padding-left: 10px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-xs-3 .form-group label.control-label {
  margin-bottom: 5px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-xs-3 .form-group .input-group span.input-group-btn {
  width: 25px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-xs-3 .form-group .input-group span.input-group-btn button {
  width: 25px;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-xs-4 {
  padding-right: 5px;
  padding-left: 10px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-xs-4 .form-group label.control-label {
  margin-bottom: 5px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-xs-4 .form-group .input-group span.input-group-btn {
  width: 25px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-xs-4 .form-group .input-group span.input-group-btn button {
  width: 25px;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-xs-5 {
  padding-right: 5px;
  padding-left: 10px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-xs-5 .form-group label.control-label {
  margin-bottom: 5px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-xs-5 .form-group .input-group span.input-group-btn {
  width: 25px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-xs-5 .form-group .input-group span.input-group-btn button {
  width: 25px;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-xs-6 {
  padding-right: 5px;
  padding-left: 10px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-xs-6 .form-group label.control-label {
  margin-bottom: 5px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-xs-6 .form-group .input-group span.input-group-btn {
  width: 25px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-xs-6 .form-group .input-group span.input-group-btn button {
  width: 25px;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-xs-7 {
  padding-right: 5px;
  padding-left: 10px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-xs-7 .form-group label.control-label {
  margin-bottom: 5px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-xs-7 .form-group .input-group span.input-group-btn {
  width: 25px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-xs-7 .form-group .input-group span.input-group-btn button {
  width: 25px;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-xs-8 {
  padding-right: 5px;
  padding-left: 10px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-xs-8 .form-group label.control-label {
  margin-bottom: 5px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-xs-8 .form-group .input-group span.input-group-btn {
  width: 25px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-xs-8 .form-group .input-group span.input-group-btn button {
  width: 25px;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-xs-9 {
  padding-right: 5px;
  padding-left: 10px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-xs-9 .form-group label.control-label {
  margin-bottom: 5px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-xs-9 .form-group .input-group span.input-group-btn {
  width: 25px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-xs-9 .form-group .input-group span.input-group-btn button {
  width: 25px;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-xs-10 {
  padding-right: 5px;
  padding-left: 10px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-xs-10 .form-group label.control-label {
  margin-bottom: 5px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-xs-10 .form-group .input-group span.input-group-btn {
  width: 25px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-xs-10 .form-group .input-group span.input-group-btn button {
  width: 25px;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-xs-11 {
  padding-right: 5px;
  padding-left: 10px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-xs-11 .form-group label.control-label {
  margin-bottom: 5px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-xs-11 .form-group .input-group span.input-group-btn {
  width: 25px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-xs-11 .form-group .input-group span.input-group-btn button {
  width: 25px;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-xs-12 {
  padding-right: 5px;
  padding-left: 10px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-xs-12 .form-group label.control-label {
  margin-bottom: 5px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-xs-12 .form-group .input-group span.input-group-btn {
  width: 25px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-xs-12 .form-group .input-group span.input-group-btn button {
  width: 25px;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-sm-1 {
  padding-right: 5px;
  padding-left: 10px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-sm-1 .form-group label.control-label {
  margin-bottom: 5px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-sm-1 .form-group .input-group span.input-group-btn {
  width: 25px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-sm-1 .form-group .input-group span.input-group-btn button {
  width: 25px;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-sm-2 {
  padding-right: 5px;
  padding-left: 10px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-sm-2 .form-group label.control-label {
  margin-bottom: 5px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-sm-2 .form-group .input-group span.input-group-btn {
  width: 25px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-sm-2 .form-group .input-group span.input-group-btn button {
  width: 25px;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-sm-3 {
  padding-right: 5px;
  padding-left: 10px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-sm-3 .form-group label.control-label {
  margin-bottom: 5px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-sm-3 .form-group .input-group span.input-group-btn {
  width: 25px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-sm-3 .form-group .input-group span.input-group-btn button {
  width: 25px;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-sm-4 {
  padding-right: 5px;
  padding-left: 10px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-sm-4 .form-group label.control-label {
  margin-bottom: 5px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-sm-4 .form-group .input-group span.input-group-btn {
  width: 25px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-sm-4 .form-group .input-group span.input-group-btn button {
  width: 25px;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-sm-5 {
  padding-right: 5px;
  padding-left: 10px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-sm-5 .form-group label.control-label {
  margin-bottom: 5px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-sm-5 .form-group .input-group span.input-group-btn {
  width: 25px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-sm-5 .form-group .input-group span.input-group-btn button {
  width: 25px;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-sm-6 {
  padding-right: 5px;
  padding-left: 10px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-sm-6 .form-group label.control-label {
  margin-bottom: 5px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-sm-6 .form-group .input-group span.input-group-btn {
  width: 25px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-sm-6 .form-group .input-group span.input-group-btn button {
  width: 25px;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-sm-7 {
  padding-right: 5px;
  padding-left: 10px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-sm-7 .form-group label.control-label {
  margin-bottom: 5px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-sm-7 .form-group .input-group span.input-group-btn {
  width: 25px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-sm-7 .form-group .input-group span.input-group-btn button {
  width: 25px;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-sm-8 {
  padding-right: 5px;
  padding-left: 10px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-sm-8 .form-group label.control-label {
  margin-bottom: 5px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-sm-8 .form-group .input-group span.input-group-btn {
  width: 25px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-sm-8 .form-group .input-group span.input-group-btn button {
  width: 25px;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-sm-9 {
  padding-right: 5px;
  padding-left: 10px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-sm-9 .form-group label.control-label {
  margin-bottom: 5px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-sm-9 .form-group .input-group span.input-group-btn {
  width: 25px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-sm-9 .form-group .input-group span.input-group-btn button {
  width: 25px;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-sm-10 {
  padding-right: 5px;
  padding-left: 10px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-sm-10 .form-group label.control-label {
  margin-bottom: 5px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-sm-10 .form-group .input-group span.input-group-btn {
  width: 25px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-sm-10 .form-group .input-group span.input-group-btn button {
  width: 25px;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-sm-11 {
  padding-right: 5px;
  padding-left: 10px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-sm-11 .form-group label.control-label {
  margin-bottom: 5px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-sm-11 .form-group .input-group span.input-group-btn {
  width: 25px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-sm-11 .form-group .input-group span.input-group-btn button {
  width: 25px;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-sm-12 {
  padding-right: 5px;
  padding-left: 10px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-sm-12 .form-group label.control-label {
  margin-bottom: 5px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-sm-12 .form-group .input-group span.input-group-btn {
  width: 25px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-sm-12 .form-group .input-group span.input-group-btn button {
  width: 25px;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-md-1 {
  padding-right: 5px;
  padding-left: 10px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-md-1 .form-group label.control-label {
  margin-bottom: 5px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-md-1 .form-group .input-group span.input-group-btn {
  width: 25px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-md-1 .form-group .input-group span.input-group-btn button {
  width: 25px;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-md-2 {
  padding-right: 5px;
  padding-left: 10px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-md-2 .form-group label.control-label {
  margin-bottom: 5px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-md-2 .form-group .input-group span.input-group-btn {
  width: 25px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-md-2 .form-group .input-group span.input-group-btn button {
  width: 25px;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-md-3 {
  padding-right: 5px;
  padding-left: 10px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-md-3 .form-group label.control-label {
  margin-bottom: 5px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-md-3 .form-group .input-group span.input-group-btn {
  width: 25px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-md-3 .form-group .input-group span.input-group-btn button {
  width: 25px;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-md-4 {
  padding-right: 5px;
  padding-left: 10px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-md-4 .form-group label.control-label {
  margin-bottom: 5px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-md-4 .form-group .input-group span.input-group-btn {
  width: 25px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-md-4 .form-group .input-group span.input-group-btn button {
  width: 25px;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-md-5 {
  padding-right: 5px;
  padding-left: 10px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-md-5 .form-group label.control-label {
  margin-bottom: 5px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-md-5 .form-group .input-group span.input-group-btn {
  width: 25px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-md-5 .form-group .input-group span.input-group-btn button {
  width: 25px;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-md-6 {
  padding-right: 5px;
  padding-left: 10px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-md-6 .form-group label.control-label {
  margin-bottom: 5px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-md-6 .form-group .input-group span.input-group-btn {
  width: 25px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-md-6 .form-group .input-group span.input-group-btn button {
  width: 25px;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-md-7 {
  padding-right: 5px;
  padding-left: 10px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-md-7 .form-group label.control-label {
  margin-bottom: 5px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-md-7 .form-group .input-group span.input-group-btn {
  width: 25px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-md-7 .form-group .input-group span.input-group-btn button {
  width: 25px;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-md-8 {
  padding-right: 5px;
  padding-left: 10px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-md-8 .form-group label.control-label {
  margin-bottom: 5px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-md-8 .form-group .input-group span.input-group-btn {
  width: 25px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-md-8 .form-group .input-group span.input-group-btn button {
  width: 25px;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-md-9 {
  padding-right: 5px;
  padding-left: 10px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-md-9 .form-group label.control-label {
  margin-bottom: 5px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-md-9 .form-group .input-group span.input-group-btn {
  width: 25px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-md-9 .form-group .input-group span.input-group-btn button {
  width: 25px;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-md-10 {
  padding-right: 5px;
  padding-left: 10px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-md-10 .form-group label.control-label {
  margin-bottom: 5px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-md-10 .form-group .input-group span.input-group-btn {
  width: 25px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-md-10 .form-group .input-group span.input-group-btn button {
  width: 25px;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-md-11 {
  padding-right: 5px;
  padding-left: 10px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-md-11 .form-group label.control-label {
  margin-bottom: 5px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-md-11 .form-group .input-group span.input-group-btn {
  width: 25px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-md-11 .form-group .input-group span.input-group-btn button {
  width: 25px;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-md-12 {
  padding-right: 5px;
  padding-left: 10px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-md-12 .form-group label.control-label {
  margin-bottom: 5px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-md-12 .form-group .input-group span.input-group-btn {
  width: 25px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-md-12 .form-group .input-group span.input-group-btn button {
  width: 25px;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-lg-1 {
  padding-right: 5px;
  padding-left: 10px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-lg-1 .form-group label.control-label {
  margin-bottom: 5px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-lg-1 .form-group .input-group span.input-group-btn {
  width: 25px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-lg-1 .form-group .input-group span.input-group-btn button {
  width: 25px;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-lg-2 {
  padding-right: 5px;
  padding-left: 10px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-lg-2 .form-group label.control-label {
  margin-bottom: 5px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-lg-2 .form-group .input-group span.input-group-btn {
  width: 25px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-lg-2 .form-group .input-group span.input-group-btn button {
  width: 25px;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-lg-3 {
  padding-right: 5px;
  padding-left: 10px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-lg-3 .form-group label.control-label {
  margin-bottom: 5px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-lg-3 .form-group .input-group span.input-group-btn {
  width: 25px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-lg-3 .form-group .input-group span.input-group-btn button {
  width: 25px;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-lg-4 {
  padding-right: 5px;
  padding-left: 10px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-lg-4 .form-group label.control-label {
  margin-bottom: 5px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-lg-4 .form-group .input-group span.input-group-btn {
  width: 25px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-lg-4 .form-group .input-group span.input-group-btn button {
  width: 25px;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-lg-5 {
  padding-right: 5px;
  padding-left: 10px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-lg-5 .form-group label.control-label {
  margin-bottom: 5px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-lg-5 .form-group .input-group span.input-group-btn {
  width: 25px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-lg-5 .form-group .input-group span.input-group-btn button {
  width: 25px;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-lg-6 {
  padding-right: 5px;
  padding-left: 10px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-lg-6 .form-group label.control-label {
  margin-bottom: 5px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-lg-6 .form-group .input-group span.input-group-btn {
  width: 25px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-lg-6 .form-group .input-group span.input-group-btn button {
  width: 25px;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-lg-7 {
  padding-right: 5px;
  padding-left: 10px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-lg-7 .form-group label.control-label {
  margin-bottom: 5px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-lg-7 .form-group .input-group span.input-group-btn {
  width: 25px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-lg-7 .form-group .input-group span.input-group-btn button {
  width: 25px;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-lg-8 {
  padding-right: 5px;
  padding-left: 10px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-lg-8 .form-group label.control-label {
  margin-bottom: 5px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-lg-8 .form-group .input-group span.input-group-btn {
  width: 25px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-lg-8 .form-group .input-group span.input-group-btn button {
  width: 25px;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-lg-9 {
  padding-right: 5px;
  padding-left: 10px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-lg-9 .form-group label.control-label {
  margin-bottom: 5px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-lg-9 .form-group .input-group span.input-group-btn {
  width: 25px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-lg-9 .form-group .input-group span.input-group-btn button {
  width: 25px;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-lg-10 {
  padding-right: 5px;
  padding-left: 10px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-lg-10 .form-group label.control-label {
  margin-bottom: 5px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-lg-10 .form-group .input-group span.input-group-btn {
  width: 25px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-lg-10 .form-group .input-group span.input-group-btn button {
  width: 25px;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-lg-11 {
  padding-right: 5px;
  padding-left: 10px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-lg-11 .form-group label.control-label {
  margin-bottom: 5px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-lg-11 .form-group .input-group span.input-group-btn {
  width: 25px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-lg-11 .form-group .input-group span.input-group-btn button {
  width: 25px;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-lg-12 {
  padding-right: 5px;
  padding-left: 10px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-lg-12 .form-group label.control-label {
  margin-bottom: 5px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-lg-12 .form-group .input-group span.input-group-btn {
  width: 25px;
}
.panel.form-main-box .gruppo-field-small .panel-body .row .col-lg-12 .form-group .input-group span.input-group-btn button {
  width: 25px;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.panel.form-main-box .panel-form-pgroup.gruppo-border-primary {
  border: 1px solid #4a8acf !important;
}
.panel.form-main-box .panel-form-pgroup.gruppo-header-primary > .panel-heading {
  background-color: #18589d;
}
.panel.form-main-box .panel-form-pgroup.gruppo-header-primary > .panel-heading > .panel-title {
  color: #f6f9fc;
}
.panel.form-main-box .panel-form-pgroup.gruppo-border-success {
  border: 1px solid #046d40 !important;
}
.panel.form-main-box .panel-form-pgroup.gruppo-header-success > .panel-heading {
  background-color: #31ae79;
}
.panel.form-main-box .panel-form-pgroup.gruppo-header-success > .panel-heading > .panel-title {
  color: #FFFFFF;
}
.panel.form-main-box .panel-form-pgroup.gruppo-border-info {
  border: 1px solid #5caaaf !important;
}
.panel.form-main-box .panel-form-pgroup.gruppo-header-info > .panel-heading {
  background-color: #58bcc3;
}
.panel.form-main-box .panel-form-pgroup.gruppo-header-info > .panel-heading > .panel-title {
  color: #3b3939;
}
.panel.form-main-box .panel-form-pgroup.gruppo-border-secondary {
  border: 1px solid #6c788b !important;
}
.panel.form-main-box .panel-form-pgroup.gruppo-header-secondary > .panel-heading {
  background-color: #8392ab;
}
.panel.form-main-box .panel-form-pgroup.gruppo-header-secondary > .panel-heading > .panel-title {
  color: #FFFFFF;
}
.panel.form-main-box .panel-form-pgroup.gruppo-border-warning {
  border: 1px solid #e4a30c !important;
}
.panel.form-main-box .panel-form-pgroup.gruppo-header-warning > .panel-heading {
  background-color: #fab005;
}
.panel.form-main-box .panel-form-pgroup.gruppo-header-warning > .panel-heading > .panel-title {
  color: #172b4d;
}
.panel.form-main-box .panel-form-pgroup.gruppo-border-danger {
  border: 1px solid #8d122a !important;
}
.panel.form-main-box .panel-form-pgroup.gruppo-header-danger > .panel-heading {
  background-color: #c7566d;
}
.panel.form-main-box .panel-form-pgroup.gruppo-header-danger > .panel-heading > .panel-title {
  color: #FFFFFF;
}
.panel.form-main-box .panel-form-pgroup.gruppo-border-light {
  border: 1px solid #949799 !important;
}
.panel.form-main-box .panel-form-pgroup.gruppo-header-light > .panel-heading {
  background-color: #eaedf1;
}
.panel.form-main-box .panel-form-pgroup.gruppo-header-light > .panel-heading > .panel-title {
  color: #172b4d;
}
.panel.form-main-box .panel-form-pgroup.gruppo-border-medium {
  border: 1px solid #e9ecef !important;
}
.panel.form-main-box .panel-form-pgroup.gruppo-header-medium > .panel-heading {
  background-color: #e9ecef;
}
.panel.form-main-box .panel-form-pgroup.gruppo-header-medium > .panel-heading > .panel-title {
  color: #172b4d;
}
.panel.form-main-box .panel-form-pgroup.gruppo-border-dark {
  border: 1px solid #172b4d !important;
}
.panel.form-main-box .panel-form-pgroup.gruppo-header-dark > .panel-heading {
  background-color: #172b4d;
}
.panel.form-main-box .panel-form-pgroup.gruppo-header-dark > .panel-heading > .panel-title {
  color: #ced4da;
}
.panel.form-main-box .panel-form-pgroup.gruppo-border-panic {
  border: 1px solid #6D28D9 !important;
}
.panel.form-main-box .panel-form-pgroup.gruppo-header-panic > .panel-heading {
  background-color: #ab83a9;
}
.panel.form-main-box .panel-form-pgroup.gruppo-header-panic > .panel-heading > .panel-title {
  color: #FFFFFF;
}
.panel.form-main-box .panel-form-pgroup.gruppo-header-version-1 > .panel-heading {
  background-color: antiquewhite !important;
}
.panel.form-main-box .panel-form-pgroup.gruppo-header-version-2 > .panel-heading {
  background-color: khaki !important;
}
.panel.form-main-box .panel-body {
  padding-left: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  /*
  @author: Pietro
  Lasciare questo right che è il defaul di Bootstrap
  che non mostra la scrollbar orizzontale
  */
  padding-right: 15px;
}
.panel.form-main-box .panel-body .frame-box-fixed {
  border-radius: 1rem;
  border: none;
  box-shadow: none;
}
.panel.form-main-box .panel-body .frame-box-fixed .panel-body.frame-content-box, .panel.form-main-box .panel-body .frame-box-fixed .panel-body.tab-content, .panel.form-main-box .panel-body .frame-box-fixed .panel-body.tabbed-view-content-box {
  padding: 5px 15px 5px 5px;
}
.panel.form-main-box .panel-body .frame-box-fixed .panel-body .panel-form-pgroup {
  border: none;
  box-shadow: 0 0 0 0;
  border-radius: 1rem;
}
.panel.form-main-box .panel-body .frame-box-fixed .panel-body .panel-form-pgroup div.panel-body[id^="suf:"] {
  padding-left: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-right: 0px;
}
.panel.form-main-box .panel-body .frame-box-fixed .panel-body .panel-form-pgroup .panel-body {
  padding-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  /*
  @author: Pietro
  Lasciare questo right che è il defaul di Bootstrap
  che non mostra la scrollbar orizzontale
  */
  padding-right: 15px;
}

/*Se applico al pannello panel-form-body-horizontal toglie il padding verticale 
e di solito spariscono le scrollbar*/
.panel.panel-form-body-horizontal .panel-body {
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 0px;
  padding-bottom: 0px;
}

ul.nav.nav-tabs {
  border: none;
  border-bottom-style: solid;
  border-bottom-color: #e9ecef;
  border-bottom-width: 2px;
}
ul.nav.nav-tabs > li a {
  color: #8392ab;
  border: none !important;
  outline: none !important;
  cursor: pointer;
}
ul.nav.nav-tabs > li.active {
  cursor: default;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-bottom-color: #18589d;
}
ul.nav.nav-tabs > li.active a {
  color: #18589d;
  font-weight: 700;
}
ul.nav.nav-tabs > li:hover a {
  background-color: white;
  color: #18589d;
}

.panel-heading.tabbed-view-header-box {
  background: white;
  border-width: 2px;
}
.panel-heading.tabbed-view-header-box > ul.nav.nav[role=tablist] {
  border: none;
}
.panel-heading.tabbed-view-header-box > ul.nav.nav[role=tablist] > li a {
  color: #8392ab;
  border: none !important;
  outline: none !important;
}
.panel-heading.tabbed-view-header-box > ul.nav.nav[role=tablist] > li.active {
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-bottom-color: #18589d;
}
.panel-heading.tabbed-view-header-box > ul.nav.nav[role=tablist] > li.active a {
  color: #18589d;
}
.panel-heading.tabbed-view-header-box > ul.nav.nav[role=tablist] > li:hover a {
  background-color: white;
  color: #18589d;
}

/* 
    Utilizzare in un pannello se si desidera mostrare solo la Toolbar
    Attenzione Dimensionare il campo statico a 50px
*/
.panel.panel-only-toolbar {
  height: 50px;
}
.panel.panel-only-toolbar > .panel-body {
  display: none;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
  min-height: 0px;
}

/*Questa regola è applicata via JS quando ho un suppressmenu collapsed al 
wep-main-container*/
.small-side-left {
  padding-right: 15px;
  padding-left: 90px; /* 240 + 15 + 15 */
}

@media only screen and (min-width: 768px) {
  #wep-main-row {
    padding-left: 15px;
  }
}
/* Gestione dei SottoMenu come popover*/
/*Utilizzato quando sono in Sidebar Collapsed*/
.popover-submenu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}

.popover-submenu li a {
  display: block;
  padding: 5px 10px;
  color: #2c3e50;
  text-decoration: none;
}

.popover-submenu li a:hover {
  background-color: #eee;
}

#sidebar.sidebar-offcanvas {
  position: absolute !important;
  background-color: white;
  padding: 15px;
  border-radius: 1rem;
  box-shadow: 0 0 0 0;
}
#sidebar.sidebar-offcanvas #sidebarlogo {
  display: flex;
}
#sidebar.sidebar-offcanvas #sidebarlogo .sidebarlogoimg {
  margin: auto;
}
#sidebar.sidebar-offcanvas.sidebar-collapsed {
  width: 75px;
}
#sidebar.sidebar-offcanvas.sidebar-collapsed #sidebarlogo {
  display: none;
}
#sidebar.sidebar-offcanvas.sidebar-collapsed .item-menu {
  display: none;
}
#sidebar.sidebar-offcanvas.sidebar-collapsed div[id$=sub] {
  display: none;
}
#sidebar.sidebar-offcanvas.sidebar-collapsed #form-list-box-container {
  display: none;
}
#sidebar.sidebar-offcanvas #menu-accordion {
  margin-top: 5px;
}
#sidebar.sidebar-offcanvas #menu-accordion * {
  border: none;
}
#sidebar.sidebar-offcanvas #menu-accordion .panel-default {
  box-shadow: none;
}
#sidebar.sidebar-offcanvas #menu-accordion .panel-default .panel-heading {
  background: #18589d;
  border: none;
}
#sidebar.sidebar-offcanvas #menu-accordion .panel-default .panel-heading .panel-title {
  font-weight: 700;
  font-size: 1em;
  color: #f6f9fc;
}
#sidebar.sidebar-offcanvas #menu-accordion .panel-default .panel-heading .panel-title div[id^=cms][id$=":link"] > span > i {
  font-size: 18px;
}
#sidebar.sidebar-offcanvas #menu-accordion .panel-default .panel-collapse {
  border: none;
}
#sidebar.sidebar-offcanvas #menu-accordion .panel-default .panel-collapse .panel-body {
  padding: 0px;
  border: none;
}
#sidebar.sidebar-offcanvas #menu-accordion .panel-default .panel-collapse .panel-body td {
  border-radius: 1rem;
  padding-left: 5px;
  border: none;
}
#sidebar.sidebar-offcanvas #menu-accordion .panel-default .panel-collapse .panel-body td:hover {
  background-color: #e9ecef;
}
#sidebar.sidebar-offcanvas #menu-accordion .panel-default .panel-collapse .panel-body td a {
  color: #18589d;
  width: 100%;
  display: inline-block;
  font-size: small;
  /* Icon Voce Menu Accordion */
}
#sidebar.sidebar-offcanvas #menu-accordion .panel-default .panel-collapse .panel-body td a:hover {
  text-decoration: none;
}
#sidebar.sidebar-offcanvas #menu-accordion .panel-default .panel-collapse .panel-body td a i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background: #18589d;
  color: white;
  font-size: 1.5rem;
  margin-right: 5px;
}
#sidebar.sidebar-offcanvas #form-list-box-container {
  border: none;
  box-shadow: none;
}
#sidebar.sidebar-offcanvas #form-list-box-container * {
  border: none;
  box-shadow: none;
}
#sidebar.sidebar-offcanvas #form-list-box-container .panel-heading {
  background: var(--theme-default-contrast);
}
#sidebar.sidebar-offcanvas #form-list-box-container .panel-heading h4 {
  font-weight: 700;
  font-size: 1em;
  color: var(--theme-default);
  text-transform: uppercase;
}
#sidebar.sidebar-offcanvas #form-list-box-container .panel-collapse {
  border: none;
}
#sidebar.sidebar-offcanvas #form-list-box-container .panel-collapse .panel-body {
  padding: 0px;
  border: none;
}
#sidebar.sidebar-offcanvas #form-list-box-container .panel-collapse .panel-body td {
  border-radius: 1rem;
  padding-left: 25px;
  border: none;
}
#sidebar.sidebar-offcanvas #form-list-box-container .panel-collapse .panel-body td:hover {
  background-color: #e9ecef;
}
#sidebar.sidebar-offcanvas #form-list-box-container .panel-collapse .panel-body td a {
  color: #8392ab;
}
#sidebar.sidebar-offcanvas #form-list-box-container .panel-collapse .panel-body td a:hover {
  text-decoration: none;
}

.modal-content {
  border-radius: 1rem;
  box-shadow: 0 0 0 0;
  border: 1px solid #172b4d;
  overflow: hidden;
}

.modal-body .panel.form-main-box .panel-body.collapse.in.frame-content-box {
  padding-right: 15px;
}

.modal[id^=MSGBOX] .modal-content {
  background-color: #f6f9fc;
}

.modal[id^=MSGBOX] .modal-header {
  background-color: #d6d9e9;
}

/* Gestione Finestre Modali */
/* Per un corretto funzionamento copiare anche il JS WebForm.prototype.Realize */
@media (min-width: 768px) {
  .form-main-box.modal-sm, .form-main-box.modal-md, .form-main-box.modal-lg, .form-main-box.modal-xl {
    width: 100%;
  }
  .modal-sm {
    width: 300px;
  }
  .modal-md {
    width: 600px;
  }
  .modal-lg {
    width: 600px;
  }
  .modal-xl {
    width: 700px;
  }
}
@media (min-width: 992px) {
  .modal-sm {
    width: 300px;
  }
  .modal-md {
    width: 600px;
  }
  .modal-lg {
    width: 800px;
  }
  .modal-xl {
    width: 900px;
  }
}
@media (min-width: 1200px) {
  .form-main-box.modal-sm, .form-main-box.modal-md, .form-main-box.modal-lg, .form-main-box.modal-xl {
    width: 100%;
  }
  .modal-sm {
    width: 300px;
  }
  .modal-md {
    width: 800px;
  }
  .modal-lg {
    width: 1000px;
  }
  .modal-xl {
    width: 1140px;
  }
}
/* Form Modali con 2 pannelli (Ricerca e Body) */
/* Impostare nella form le classi CSS  modal-xl e modal-ricerca
   Impostare nel pannello superiore la classe CSS ricerca e Altezza Fissa = TRUE
*/
.modal-sm.modal-ricerca .form-body > :first-child.frame-row {
  height: 15% !important;
}

.modal-sm.modal-ricerca .form-body > :last-child.frame-row {
  height: 85% !important;
}

.modal-md.modal-ricerca .form-body > :first-child.frame-row {
  height: 15% !important;
}

.modal-md.modal-ricerca .form-body > :last-child.frame-row {
  height: 85% !important;
}

.modal-lg.modal-ricerca .form-body > :first-child.frame-row {
  height: 15% !important;
}

.modal-lg.modal-ricerca .form-body > :last-child.frame-row {
  height: 85% !important;
}

.modal-xl.modal-ricerca .form-body > :first-child.frame-row {
  height: 15% !important;
}

.modal-xl.modal-ricerca .form-body > :last-child.frame-row {
  height: 85% !important;
}

/* Per un corretto funzionamento copiare anche il JS WebForm.prototype.Realize */
@media (min-width: 100px) {
  .modal-dialog.modal-xl {
    width: auto;
    margin: 30px 50px;
  }
}
@media (max-width: 100px) {
  .modal-dialog.modal-xl {
    margin: 10px; /* fallback per schermi molto piccoli */
  }
}
.progress {
  height: 8px;
}
.progress .progress-bar.progress-bar-striped {
  background-color: #557ec5;
  font-size: 0px;
}
.progress .progress-bar:not(.progress-bar-striped) {
  background: #557ec5;
  font-size: 0px;
}
.progress.primary {
  height: 8px;
}
.progress.primary .progress-bar.progress-bar-striped {
  background-color: #18589d;
  font-size: 0px;
}
.progress.primary .progress-bar:not(.progress-bar-striped) {
  background: #18589d;
  font-size: 0px;
}
.progress.secondary {
  height: 8px;
}
.progress.secondary .progress-bar.progress-bar-striped {
  background-color: #8392ab;
  font-size: 0px;
}
.progress.secondary .progress-bar:not(.progress-bar-striped) {
  background: #8392ab;
  font-size: 0px;
}
.progress.danger {
  height: 8px;
}
.progress.danger .progress-bar.progress-bar-striped {
  background-color: #c7566d;
  font-size: 0px;
}
.progress.danger .progress-bar:not(.progress-bar-striped) {
  background: #c7566d;
  font-size: 0px;
}
.progress.warning {
  height: 8px;
}
.progress.warning .progress-bar.progress-bar-striped {
  background-color: #fab005;
  font-size: 0px;
}
.progress.warning .progress-bar:not(.progress-bar-striped) {
  background: #fab005;
  font-size: 0px;
}
.progress.success {
  height: 8px;
}
.progress.success .progress-bar.progress-bar-striped {
  background-color: #31ae79;
  font-size: 0px;
}
.progress.success .progress-bar:not(.progress-bar-striped) {
  background: #31ae79;
  font-size: 0px;
}
.progress.info {
  height: 8px;
}
.progress.info .progress-bar.progress-bar-striped {
  background-color: #58bcc3;
  font-size: 0px;
}
.progress.info .progress-bar:not(.progress-bar-striped) {
  background: #58bcc3;
  font-size: 0px;
}
.progress.panic {
  height: 8px;
}
.progress.panic .progress-bar.progress-bar-striped {
  background-color: #ab83a9;
  font-size: 0px;
}
.progress.panic .progress-bar:not(.progress-bar-striped) {
  background: #ab83a9;
  font-size: 0px;
}
.progress.light {
  height: 8px;
}
.progress.light .progress-bar.progress-bar-striped {
  background-color: #eaedf1;
  font-size: 0px;
}
.progress.light .progress-bar:not(.progress-bar-striped) {
  background: #eaedf1;
  font-size: 0px;
}
.progress.medium {
  height: 8px;
}
.progress.medium .progress-bar.progress-bar-striped {
  background-color: #e9ecef;
  font-size: 0px;
}
.progress.medium .progress-bar:not(.progress-bar-striped) {
  background: #e9ecef;
  font-size: 0px;
}
.progress.dark {
  height: 8px;
}
.progress.dark .progress-bar.progress-bar-striped {
  background-color: #172b4d;
  font-size: 0px;
}
.progress.dark .progress-bar:not(.progress-bar-striped) {
  background: #172b4d;
  font-size: 0px;
}

/* Elimino il Padding all'immagine logo mostrata sulla barra menu*/
.main-app-image {
  padding-top: 0px;
  padding-bottom: 0px;
  width: 50px;
  margin-right: 0px;
}

.main-app-image {
  padding-top: 0px;
  padding-bottom: 0px;
  width: 75px;
  margin-right: 0px;
}

body * {
  scrollbar-width: thin;
}

.cursor-pointer {
  cursor: pointer !important;
}

.d-none {
  display: none !important;
}

::-webkit-scrollbar {
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 1rem;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

div.list-group .list-group-item {
  border: none;
  border-radius: 1rem !important;
  background-color: #e9ecef;
}

ul.list-group.element-list {
  box-shadow: none;
}
ul.list-group.element-list .element-buttonlist-item {
  margin-top: 0px;
  margin-bottom: 0px;
}
ul.list-group.element-list .element-buttonlist-item .list-group-item {
  border-radius: 0px;
  border-top: 0px;
}
ul.list-group.element-list .element-buttonlist-item .list-group-item.active {
  background-image: none;
  background-color: #18589d;
  border-color: #e9ecef;
  cursor: pointer;
}
ul.list-group.element-list .element-buttonlist-item:nth-child(1) .list-group-item {
  border-top: 1px solid #ddd;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}
ul.list-group.element-list .element-buttonlist-item:nth-last-child(1) .list-group-item {
  border-bottom-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
}

.dropdown-menu, .navbar.navbar-fixed-top ul > li.dropdown .dropdown-menu {
  -webkit-animation: myTranslateDown 0.2s; /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: myTranslateDown 0.2s; /* Firefox < 16 */
  -ms-animation: myTranslateDown 0.2s; /* Internet Explorer */
  -o-animation: myTranslateDown 0.2s; /* Opera < 12.1 */
  animation: myTranslateDown 0.2s;
  border: none;
  box-shadow: 0 0 0 0;
  padding: 0px;
  background-color: color-mix(in srgb, #18589d 80%, white);
}
.dropdown-menu > li > a, .navbar.navbar-fixed-top ul > li.dropdown .dropdown-menu > li > a {
  color: #f6f9fc;
  margin: 5px;
  padding: 6px 20px;
}
.dropdown-menu > li > a:hover, .navbar.navbar-fixed-top ul > li.dropdown .dropdown-menu > li > a:hover {
  background: #e9ecef;
  color: #172b4d;
  font-weight: 600;
}

.bootstrap-datetimepicker-widget.dropdown-menu, .navbar.navbar-fixed-top ul > li.dropdown .bootstrap-datetimepicker-widget.dropdown-menu {
  background-color: white;
  border-color: #18589d;
  border-width: thin;
  border-style: solid;
}
.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #18589d;
  color: #f6f9fc;
}

/* Estensione di Bootstrap */
/* CALL TO ACTION */
.bs-calltoaction {
  position: relative;
  width: auto;
  padding: 15px 25px;
  border: 1px solid black;
  margin-top: 10px;
  margin-bottom: 10px;
  border-radius: 5px;
}

.bs-calltoaction > .row {
  display: table;
  width: calc(100% + 30px);
}

.bs-calltoaction > .row > [class^=col-],
.bs-calltoaction > .row > [class*=" col-"] {
  float: none;
  display: table-cell;
  /*vertical-align:middle;*/
}

.cta-contents {
  padding-top: 10px;
  padding-bottom: 10px;
}

.cta-title {
  margin: 0 auto 15px;
  padding: 0;
}

.cta-desc {
  padding: 0;
}

.cta-desc p:last-child {
  margin-bottom: 0;
}

.cta-button {
  padding-top: 10px;
  padding-bottom: 10px;
}

@media (max-width: 991px) {
  .bs-calltoaction > .row {
    display: block;
    width: auto;
  }
  .bs-calltoaction > .row > [class^=col-],
.bs-calltoaction > .row > [class*=" col-"] {
    float: none;
    display: block;
    /*vertical-align:middle;*/
    position: relative;
  }
  .cta-contents {
    text-align: center;
  }
}
.bs-calltoaction.bs-calltoaction-default {
  color: #f6f9fc;
  background-color: #557ec5;
  border-color: #557ec5;
}

.bs-calltoaction.bs-calltoaction-default .cta-button .btn {
  border-color: #fff;
}

.bs-calltoaction.bs-calltoaction-primary {
  color: #f6f9fc;
  background-color: #18589d;
  border-color: #18589d;
}

.bs-calltoaction.bs-calltoaction-primary .cta-button .btn {
  border-color: #fff;
}

.bs-calltoaction.bs-calltoaction-success {
  color: #FFFFFF;
  background-color: #31ae79;
  border-color: #31ae79;
}

.bs-calltoaction.bs-calltoaction-success .cta-button .btn {
  border-color: #fff;
}

.bs-calltoaction.bs-calltoaction-info {
  color: #3b3939;
  background-color: #58bcc3;
  border-color: #58bcc3;
}

.bs-calltoaction.bs-calltoaction-info .cta-button .btn {
  border-color: #fff;
}

.bs-calltoaction.bs-calltoaction-secondary {
  color: #FFFFFF;
  background-color: #8392ab;
  border-color: #8392ab;
}

.bs-calltoaction.bs-calltoaction-secondary .cta-button .btn {
  border-color: #fff;
}

.bs-calltoaction.bs-calltoaction-warning {
  color: #172b4d;
  background-color: #fab005;
  border-color: #fab005;
}

.bs-calltoaction.bs-calltoaction-warning .cta-button .btn {
  border-color: #fff;
}

.bs-calltoaction.bs-calltoaction-danger {
  color: #FFFFFF;
  background-color: #c7566d;
  border-color: #c7566d;
}

.bs-calltoaction.bs-calltoaction-danger .cta-button .btn {
  border-color: #fff;
}

.bs-calltoaction.bs-calltoaction-panic {
  color: #FFFFFF;
  background-color: #ab83a9;
  border-color: #ab83a9;
}

.bs-calltoaction.bs-calltoaction-panic .cta-button .btn {
  border-color: #fff;
}

.bs-calltoaction.bs-calltoaction-light {
  color: #172b4d;
  background-color: #eaedf1;
  border-color: #eaedf1;
}

.bs-calltoaction.bs-calltoaction-light .cta-button .btn {
  border-color: #fff;
}

.bs-calltoaction.bs-calltoaction-medium {
  color: #172b4d;
  background-color: #e9ecef;
  border-color: #e9ecef;
}

.bs-calltoaction.bs-calltoaction-medium .cta-button .btn {
  border-color: #fff;
}

.bs-calltoaction.bs-calltoaction-dark {
  color: #ced4da;
  background-color: #172b4d;
  border-color: #172b4d;
}

.bs-calltoaction.bs-calltoaction-dark .cta-button .btn {
  border-color: #fff;
}

/* TAGS INPUT */
.bootstrap-tagsinput {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  display: block;
  padding: 4px 6px;
  color: #555;
  border-radius: 4px;
  max-width: 100%;
  line-height: 22px;
  cursor: text;
  height: 100%;
}

.bootstrap-tagsinput input {
  border: none;
  box-shadow: none;
  outline: none;
  background-color: transparent;
  padding: 0 6px;
  margin: 0;
  width: auto;
  max-width: inherit;
}

/* FINE TAGS INPUT */
/* FontAwesome Special */
.fa14 {
  font-size: 1.2em !important;
}

/* Fine FontAwesome Special */
.static-chip {
  display: inline-flex;
  justify-content: space-evenly;
  align-items: center;
  background: #f5f5f5;
  border: 1px solid #c5c7c9;
  border-radius: 12px;
  height: 24px;
  min-width: 100px;
  padding: 0 16px 2px 8px;
  transition: all 0.05s;
  margin-top: 4px;
  margin-bottom: 8px;
}

.static-chip:not(:last-child) {
  margin-right: 8px;
}

.static-chip .static-chip-label {
  font-size: 10pt;
  text-decoration: none;
  text-align: center;
  font-weight: normal;
}

.static-chip .static-chip-label:hover {
  text-decoration: none;
}

.static-chip button {
  padding: 0;
  background: rgba(0, 0, 0, 0);
  border: none;
  margin-left: auto;
  width: 8px;
  height: 8px;
  position: relative;
}

.static-chip button:hover:not([disabled]) {
  cursor: pointer;
}

.static-chip button:hover[disabled] {
  cursor: not-allowed;
}

.static-chip button .icon {
  width: 22px;
  height: 22px;
  fill: #5d7083;
  position: absolute;
  top: -6px;
  left: 0;
  transition: fill 0.05s;
}

.static-chip > .icon {
  fill: #30475f;
  transform: translateX(-5px) translateY(1px);
  transition: fill 0.05s;
}

.static-chip .avatar {
  transform: translateX(-5px) translateY(1px);
}

.static-chip.static-chip-lg {
  height: 32px;
  min-width: 120px;
  border-radius: 16px;
  padding: 2px 24px 0 16px;
}

.static-chip.static-chip-lg .static-chip-label {
  font-size: 1rem;
  height: 12px;
  transform: translateY(-8px);
}

.static-chip.static-chip-lg button .icon {
  width: 28px;
  height: 28px;
  top: -12px;
  left: 0;
}

.static-chip.static-chip-lg > .icon {
  height: 24px;
  width: 24px;
  margin-right: -8px;
  transform: translateX(-13px) translateY(-1px);
}

.static-chip.static-chip-lg .avatar {
  width: 24px;
  height: 24px;
  margin-right: -4px;
  transform: translateX(-12px) translateY(-1px);
}

.static-chip.static-chip-lg.static-chip-simple {
  padding-right: 16px;
}

.static-chip.static-chip-simple {
  padding-right: 8px;
}

.static-chip:hover:not(.static-chip-disabled) {
  background: #30475f;
  border-color: #30475f;
  transition: background-color 0.1s;
}

.static-chip:hover:not(.static-chip-disabled) .static-chip-label {
  color: #fff;
  transition: color 0.1s;
}

.static-chip:hover:not(.static-chip-disabled) button .icon {
  fill: #fff;
  transition: fill 0.1s;
}

.static-chip:hover:not(.static-chip-disabled) > .icon {
  fill: #fff;
  transition: fill 0.1s;
}

.static-chip.static-chip-disabled {
  background: #fff;
  color: #63707e;
}

.static-chip.static-chip-disabled:hover {
  cursor: not-allowed;
}

.static-chip.static-chip-disabled .static-chip-label {
  color: #63707e;
}

.static-chip.static-chip-disabled button .icon {
  fill: #d8d9da;
}

.static-chip.static-chip-disabled > .icon {
  fill: #d8d9da;
}

.static-chip.static-chip-disabled .avatar img {
  filter: grayscale(100%);
}

.label-default {
  color: #f6f9fc;
  background-color: #557ec5;
}

.static-chip.static-chip-default {
  color: #f6f9fc;
  background-color: #557ec5;
  border-color: #557ec5;
}

.static-chip.static-chip-default > .static-chip-label {
  color: #557ec5;
}

.static-chip.static-chip-default:hover {
  background-color: #4773c0;
  border-color: #4773c0;
  color: #f6f9fc;
}

.static-chip.static-chip-primary:hover > .static-chip-label {
  color: #f6f9fc;
}

.label-primary {
  color: #f6f9fc;
  background-color: #18589d;
}

.static-chip.static-chip-primary {
  color: #f6f9fc;
  background-color: #18589d;
  border-color: #18589d;
}

.static-chip.static-chip-primary > .static-chip-label {
  color: #18589d;
}

.static-chip.static-chip-primary:hover {
  background-color: #4a8acf;
  border-color: #4a8acf;
  color: #f6f9fc;
}

.static-chip.static-chip-primary:hover > .static-chip-label {
  color: #f6f9fc;
}

.label-success {
  color: #FFFFFF;
  background-color: #31ae79;
}

.static-chip.static-chip-success {
  color: #FFFFFF;
  background-color: #31ae79;
  border-color: #31ae79;
}

.static-chip.static-chip-success > .static-chip-label {
  color: #31ae79;
}

.static-chip.static-chip-success:hover {
  background-color: #046d40;
  border-color: #046d40;
  color: #FFFFFF;
}

.static-chip.static-chip-primary:hover > .static-chip-label {
  color: #FFFFFF;
}

.label-info {
  color: #3b3939;
  background-color: #58bcc3;
}

.static-chip.static-chip-info {
  color: #3b3939;
  background-color: #58bcc3;
  border-color: #58bcc3;
}

.static-chip.static-chip-info > .static-chip-label {
  color: #58bcc3;
}

.static-chip.static-chip-info:hover {
  background-color: #5caaaf;
  border-color: #5caaaf;
  color: #585656;
}

.static-chip.static-chip-primary:hover > .static-chip-label {
  color: #585656;
}

.label-secondary {
  color: #FFFFFF;
  background-color: #8392ab;
}

.static-chip.static-chip-secondary {
  color: #FFFFFF;
  background-color: #8392ab;
  border-color: #8392ab;
}

.static-chip.static-chip-secondary > .static-chip-label {
  color: #8392ab;
}

.static-chip.static-chip-secondary:hover {
  background-color: #6c788b;
  border-color: #6c788b;
  color: #FFFFFF;
}

.static-chip.static-chip-primary:hover > .static-chip-label {
  color: #FFFFFF;
}

.label-warning {
  color: #172b4d;
  background-color: #fab005;
}

.static-chip.static-chip-warning {
  color: #172b4d;
  background-color: #fab005;
  border-color: #fab005;
}

.static-chip.static-chip-warning > .static-chip-label {
  color: #fab005;
}

.static-chip.static-chip-warning:hover {
  background-color: #e4a30c;
  border-color: #e4a30c;
  color: #172b4d;
}

.static-chip.static-chip-primary:hover > .static-chip-label {
  color: #172b4d;
}

.label-danger {
  color: #FFFFFF;
  background-color: #c7566d;
}

.static-chip.static-chip-danger {
  color: #FFFFFF;
  background-color: #c7566d;
  border-color: #c7566d;
}

.static-chip.static-chip-danger > .static-chip-label {
  color: #c7566d;
}

.static-chip.static-chip-danger:hover {
  background-color: #8d122a;
  border-color: #8d122a;
  color: #FFFFFF;
}

.static-chip.static-chip-primary:hover > .static-chip-label {
  color: #FFFFFF;
}

.label-panic {
  color: #FFFFFF;
  background-color: #ab83a9;
}

.static-chip.static-chip-panic {
  color: #FFFFFF;
  background-color: #ab83a9;
  border-color: #ab83a9;
}

.static-chip.static-chip-panic > .static-chip-label {
  color: #ab83a9;
}

.static-chip.static-chip-panic:hover {
  background-color: #6D28D9;
  border-color: #6D28D9;
  color: #FFFFFF;
}

.static-chip.static-chip-primary:hover > .static-chip-label {
  color: #FFFFFF;
}

.label-light {
  color: #172b4d;
  background-color: #eaedf1;
}

.static-chip.static-chip-light {
  color: #172b4d;
  background-color: #eaedf1;
  border-color: #eaedf1;
}

.static-chip.static-chip-light > .static-chip-label {
  color: #eaedf1;
}

.static-chip.static-chip-light:hover {
  background-color: #949799;
  border-color: #949799;
  color: #172b4d;
}

.static-chip.static-chip-primary:hover > .static-chip-label {
  color: #172b4d;
}

.label-medium {
  color: #172b4d;
  background-color: #e9ecef;
}

.static-chip.static-chip-medium {
  color: #172b4d;
  background-color: #e9ecef;
  border-color: #e9ecef;
}

.static-chip.static-chip-medium > .static-chip-label {
  color: #e9ecef;
}

.static-chip.static-chip-medium:hover {
  background-color: #e9ecef;
  border-color: #e9ecef;
  color: #172b4d;
}

.static-chip.static-chip-primary:hover > .static-chip-label {
  color: #172b4d;
}

.label-dark {
  color: #ced4da;
  background-color: #172b4d;
}

.static-chip.static-chip-dark {
  color: #ced4da;
  background-color: #172b4d;
  border-color: #172b4d;
}

.static-chip.static-chip-dark > .static-chip-label {
  color: #172b4d;
}

.static-chip.static-chip-dark:hover {
  background-color: #172b4d;
  border-color: #172b4d;
  color: #ced4da;
}

.static-chip.static-chip-primary:hover > .static-chip-label {
  color: #ced4da;
}

.navbar.navbar-fixed-top {
  margin-left: 15px;
  margin-right: 15px;
  border-bottom-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
  box-shadow: 0 0 0 0;
  background: #18589d;
  border: none;
  box-shadow: none;
  color: #eaedf1;
}
.navbar.navbar-fixed-top a, .navbar.navbar-fixed-top h1, .navbar.navbar-fixed-top h2, .navbar.navbar-fixed-top h3, .navbar.navbar-fixed-top h4, .navbar.navbar-fixed-top h5, .navbar.navbar-fixed-top h6, .navbar.navbar-fixed-top p {
  color: #eaedf1;
  text-shadow: none;
}
.navbar.navbar-fixed-top a:hover, .navbar.navbar-fixed-top h1:hover, .navbar.navbar-fixed-top h2:hover, .navbar.navbar-fixed-top h3:hover, .navbar.navbar-fixed-top h4:hover, .navbar.navbar-fixed-top h5:hover, .navbar.navbar-fixed-top h6:hover, .navbar.navbar-fixed-top p:hover {
  color: #eaedf1;
}
.navbar.navbar-fixed-top a:hover {
  cursor: pointer;
}
.navbar.navbar-fixed-top li.menu-superior {
  padding-top: 8px;
}
.navbar.navbar-fixed-top li.menu-superior > a:hover {
  background: #e9ecef !important;
  color: #172b4d !important;
  border-radius: 0.5em !important;
}
.navbar.navbar-fixed-top li.menu-superior.open > ul {
  background-color: color-mix(in srgb, #18589d 80%, white);
  padding: 5px;
}
.navbar.navbar-fixed-top li.menu-superior.open > ul tr td {
  padding: 10px 10px 0px 10px;
}
.navbar.navbar-fixed-top li.menu-superior.open > ul tr td:last-child {
  padding: 10px 10px 10px 10px;
}
.navbar.navbar-fixed-top li.menu-superior.open > ul tr td:has(a:hover) {
  background: #e9ecef;
}
.navbar.navbar-fixed-top li.menu-superior.open > ul tr td a {
  color: #f6f9fc;
  margin: 5px;
  text-decoration: none;
}
.navbar.navbar-fixed-top li.menu-superior.open > ul tr td a:hover {
  color: #172b4d;
  font-weight: 600;
}
.navbar.navbar-fixed-top.navbar-default .navbar-toggle {
  border: 0px solid transparent;
  padding: 12px 10px 10px 10px;
}
.navbar.navbar-fixed-top.navbar-default .navbar-toggle .icon-bar {
  background-color: #eaedf1;
}
.navbar.navbar-fixed-top.navbar-default .navbar-toggle:hover {
  background-color: #344767;
}
.navbar.navbar-fixed-top.navbar-default .navbar-toggle:focus {
  border: 0px solid transparent;
  padding: 12px 10px 10px 10px;
  background-color: #344767;
}
.navbar.navbar-fixed-top ul > li.dropdown.open > a {
  box-shadow: none;
  background: #e9ecef !important;
  color: #172b4d !important;
  border-radius: 0.5em !important;
}
.navbar.navbar-fixed-top ul > li.dropdown.open > a:focus, .navbar.navbar-fixed-top ul > li.dropdown.open > a:hover, .navbar.navbar-fixed-top ul > li.dropdown.open > a:active {
  background: #e9ecef !important;
  color: #172b4d !important;
  border-radius: 0.5em !important;
}
.navbar.navbar-fixed-top ul > li.dropdown > a {
  color: #eaedf1 !important;
}
@media all and (max-width: 1279px) {
  .nav > li span.item-menu {
    display: none;
  }
}
div.panel.tabpage-colorized > ul.nav.nav-tabs {
  margin-top: 5px;
  margin-bottom: 5px;
  height: 75px;
  background-color: #d6d9e9;
}
div.panel.tabpage-colorized > ul.nav.nav-tabs > li {
  height: 75px;
  border-bottom-style: none;
  background-color: #fab005;
  margin-right: 5px;
  border-radius: 1rem !important;
}
div.panel.tabpage-colorized > ul.nav.nav-tabs > li a {
  height: 75px;
  line-height: 50px;
  background-color: #fab005;
  color: #172b4d;
  border-radius: 1rem !important;
}
div.panel.tabpage-colorized > ul.nav.nav-tabs > li.active {
  border-bottom-style: none;
  background: #18589D;
}
div.panel.tabpage-colorized > ul.nav.nav-tabs > li.active a {
  background: #18589D;
  color: #f6f9fc;
}
div.panel.tabpage-colorized > ul.nav.nav-tabs > li:hover {
  background: #4773c0;
  color: #f6f9fc;
}
div.panel.tabpage-colorized > ul.nav.nav-tabs > li:hover a {
  background: #4773c0;
  color: #f6f9fc;
}

@keyframes myTranslateDown {
  from {
    transform: translateY(-15px);
  }
  to {
    transform: translateY(0px);
  }
}
/* Firefox < 16 */
@-moz-keyframes myTranslateDown {
  from {
    transform: translateY(-15px);
  }
  to {
    transform: translateY(0px);
  }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes myTranslateDown {
  from {
    transform: translateY(-150px);
  }
  to {
    transform: translateY(0px);
  }
}
/* Internet Explorer */
@-ms-keyframes myTranslateDown {
  from {
    transform: translateY(-15px);
  }
  to {
    transform: translateY(0px);
  }
}
.main-login-container {
  max-width: 2000px;
  padding-left: 100px;
}
.main-login-container .row {
  height: 100%;
}
.main-login-container .row .col {
  height: 100%;
  display: flex;
}
.main-login-container .row .col form {
  background-color: white;
  padding: 45px;
  max-width: 90vw;
  width: 500px;
  margin: auto;
  border: none;
  border-radius: 1rem;
  box-shadow: 0 0 0 0;
}
.main-login-container .row .col form h1 {
  font-size: 1.8em;
  font-weight: 700;
  color: #557ec5;
}
.main-login-container .row .col form .login-main-message {
  color: #8392ab;
  font-weight: 400;
  margin-top: 20px;
  margin-bottom: 20px;
}
.main-login-container .row .col form .login-user-message {
  text-align: center;
  margin-top: 35px;
  color: #8392ab;
}
.main-login-container .row .col form .login-user-message a {
  color: #18589d;
  cursor: pointer;
}
.main-login-container .row .col form .login-user-message.small {
  margin-top: 10px;
}
.main-login-container .row .col img {
  margin: auto;
  border-radius: 1rem;
  max-width: 100%;
}

/* 
PANNELLI RICERCA 
Applicare al pannello la classe ricerca
Applicare ai campi la classe {{field-ricerca}}
Applicare ai pulsanti la classe btn-ricerca

Se al pannello si applica ricerca extra-small
L'altezza massima del pannello sarà di 50px (Va bene per una riga)

Se al pannello si applica ricerca medium-small
L'altezza massima del pannello sarà di 80px

Se al pannello si applica ricerca medium
L'altezza massima del pannello sarà di 120px

Se al pannello viene applicata la classe sync-row-hidden
quando si rende invisibile il pannello, si nasconde anche la DIV row relativa
Questo effetto è gestito tramite una procedura 
WebFrame.prototype.SetVisible da includere nella custom3.js
*/
/* 
  Sfondo dell'area
  La classe background-ricerca è creata per poter essere usata in 
  altri contesti non di ricerca ma che hanno bisogno dello stesso colore
*/
.background-ricerca,
.ricerca,
.ricerca .panel-body {
  background-color: #EAEDF1 !important;
}

.panel.form-main-box .ricerca > .panel-body {
  padding-left: 5px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-right: 15px;
}

.panel.form-main-box .ricerca.extra-small {
  height: 50px !important;
}

.panel.form-main-box .ricerca.medium-small {
  height: 80px !important;
}

.panel.form-main-box .ricerca.medium {
  height: 120px !important;
}

/* Toglie il bordo al gruppo contenuto nel pannello*/
.ricerca .panel.panel-form-pgroup[id^=grp] {
  border: 0px;
  border-radius: 0px;
  box-shadow: none;
  background-color: #EAEDF1;
}

.ricerca .panel.panel-form-pgroup .collapse[id^=grp] .panel-body {
  padding: 0px;
}

/*Padding per il pannello*/
.ricerca .panel-body-frame-content-box {
  padding: 0px 15px 0px 15px !important;
}

/* Tutti i campi sono alti 23px */
.ricerca .field-ricerca .form-control {
  height: 23px !important;
}

.ricerca .field-ricerca .form-control.panel-form-readonly {
  padding-top: 3px;
  padding-bottom: 3px;
  border-top-width: 0px;
}

.ricerca .field-ricerca.field-ricerca-primary .form-control {
  background-color: var(--theme-primary) !important;
  color: var(--theme-primary-contrast) !important;
}

.ricerca .field-ricerca.field-ricerca-success .form-control {
  background-color: var(--theme-success) !important;
  color: var(--theme-success-contrast) !important;
}

.ricerca .field-ricerca.field-ricerca-secondary .form-control {
  background-color: var(--theme-secondary) !important;
  color: var(--theme-secondary-contrast) !important;
}

.ricerca .field-ricerca.field-ricerca-danger .form-control {
  background-color: var(--theme-danger) !important;
  color: var(--theme-danger-contrast) !important;
}

.ricerca .field-ricerca.field-ricerca-warning .form-control {
  background-color: var(--theme-warning) !important;
  color: var(--theme-warning-contrast) !important;
}

.ricerca .field-ricerca.field-ricerca-info .form-control {
  background-color: var(--theme-info) !important;
  color: var(--theme-info-contrast) !important;
}

/* GESTIONE DEI BUTTON BTN-RICERCA 
Bottoni Campi Statici presenti */
.ricerca .btn-ricerca.btn-default,
.ricerca .btn-ricerca {
  padding: 2px 10px 2px 10px;
  background-image: none;
  text-shadow: none;
  background-color: #557ec5;
  display: flex;
  height: 25px !important;
  max-height: 25px !important;
}

.ricerca .btn-ricerca.btn-primary {
  background-color: #18589d;
  color: #f6f9fc;
}

.ricerca .btn-ricerca.btn-primary-outline {
  color: #18589d;
  background-color: #f6f9fc;
}

.ricerca .btn-ricerca.btn-primary:hover {
  background-color: #4a8acf;
  color: #f6f9fc;
}

.ricerca .btn-ricerca.btn-primary-outline:hover {
  color: #4a8acf;
  background-color: #f6f9fc;
}

.ricerca .btn-ricerca.btn-success {
  background-color: #31ae79;
  color: #FFFFFF;
}

.ricerca .btn-ricerca.btn-success-outline {
  color: #31ae79;
  background-color: #FFFFFF;
}

.ricerca .btn-ricerca.btn-success:hover {
  background-color: #046d40;
  color: #FFFFFF;
}

.ricerca .btn-ricerca.btn-success-outline:hover {
  color: #046d40;
  background-color: #FFFFFF;
}

.ricerca .btn-ricerca.btn-info {
  background-color: #58bcc3;
  color: #3b3939;
}

.ricerca .btn-ricerca.btn-info-outline {
  color: #58bcc3;
  background-color: #3b3939;
}

.ricerca .btn-ricerca.btn-info:hover {
  background-color: #5caaaf;
  color: #585656;
}

.ricerca .btn-ricerca.btn-info-outline:hover {
  color: #5caaaf;
  background-color: #585656;
}

.ricerca .btn-ricerca.btn-secondary {
  background-color: #8392ab;
  color: #FFFFFF;
}

.ricerca .btn-ricerca.btn-secondary-outline {
  color: #8392ab;
  background-color: #FFFFFF;
}

.ricerca .btn-ricerca.btn-secondary:hover {
  background-color: #6c788b;
  color: #FFFFFF;
}

.ricerca .btn-ricerca.btn-secondary-outline:hover {
  color: #6c788b;
  background-color: #FFFFFF;
}

.ricerca .btn-ricerca.btn-warning {
  background-color: #fab005;
  color: #172b4d;
}

.ricerca .btn-ricerca.btn-warning-outline {
  color: #fab005;
  background-color: #172b4d;
}

.ricerca .btn-ricerca.btn-warning:hover {
  background-color: #e4a30c;
  color: #172b4d;
}

.ricerca .btn-ricerca.btn-warning-outline:hover {
  color: #e4a30c;
  background-color: #172b4d;
}

.ricerca .btn-ricerca.btn-danger {
  background-color: #c7566d;
  color: #FFFFFF;
}

.ricerca .btn-ricerca.btn-danger-outline {
  color: #c7566d;
  background-color: #FFFFFF;
}

.ricerca .btn-ricerca.btn-danger:hover {
  background-color: #8d122a;
  color: #FFFFFF;
}

.ricerca .btn-ricerca.btn-danger-outline:hover {
  color: #8d122a;
  background-color: #FFFFFF;
}

.ricerca .btn-ricerca.btn-light {
  background-color: #eaedf1;
  color: #172b4d;
}

.ricerca .btn-ricerca.btn-light-outline {
  color: #eaedf1;
  background-color: #172b4d;
}

.ricerca .btn-ricerca.btn-light:hover {
  background-color: #949799;
  color: #172b4d;
}

.ricerca .btn-ricerca.btn-light-outline:hover {
  color: #949799;
  background-color: #172b4d;
}

.ricerca .btn-ricerca.btn-medium {
  background-color: #e9ecef;
  color: #172b4d;
}

.ricerca .btn-ricerca.btn-medium-outline {
  color: #e9ecef;
  background-color: #172b4d;
}

.ricerca .btn-ricerca.btn-medium:hover {
  background-color: #e9ecef;
  color: #172b4d;
}

.ricerca .btn-ricerca.btn-medium-outline:hover {
  color: #e9ecef;
  background-color: #172b4d;
}

.ricerca .btn-ricerca.btn-dark {
  background-color: #172b4d;
  color: #ced4da;
}

.ricerca .btn-ricerca.btn-dark-outline {
  color: #172b4d;
  background-color: #ced4da;
}

.ricerca .btn-ricerca.btn-dark:hover {
  background-color: #172b4d;
  color: #ced4da;
}

.ricerca .btn-ricerca.btn-dark-outline:hover {
  color: #172b4d;
  background-color: #ced4da;
}

.ricerca .btn-ricerca.btn-panic {
  background-color: #ab83a9;
  color: #FFFFFF;
}

.ricerca .btn-ricerca.btn-panic-outline {
  color: #ab83a9;
  background-color: #FFFFFF;
}

.ricerca .btn-ricerca.btn-panic:hover {
  background-color: #6D28D9;
  color: #FFFFFF;
}

.ricerca .btn-ricerca.btn-panic-outline:hover {
  color: #6D28D9;
  background-color: #FFFFFF;
}

/*Non so se con btn-default devo applicare*/
.ricerca .btn-ricerca {
  display: flex;
  justify-content: center;
  color: white;
  font-weight: 700 !important;
}

.ricerca .btn-default.btn-ricerca:hover,
.ricerca .btn-ricerca:hover {
  background-color: #4773c0;
}

.ricerca .btn-default.btn-ricerca i,
.ricerca .btn-ricerca i {
  margin-top: auto;
  margin-bottom: auto;
  font-size: medium;
  margin-right: 10px;
}

/* Icona mostrata a sinistra delle combobox */
.ricerca .field-ricerca span.input-group-addon {
  height: 20px !important;
  padding-bottom: 0px !important;
  padding-top: 0px !important;
  background-color: #4773c0;
  color: white;
}

.ricerca .field-ricerca span.input-group-addon i {
  font-size: 10px;
  width: 8px;
  height: 8px;
}

/* Fine Bottoni Campi Statici presenti */
.ricerca .form-group {
  overflow: visible !important;
  margin-bottom: 0px !important;
}

/* Etichetta dei campi in form */
.ricerca .field-ricerca label {
  color: #557ec5 !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  font-family: "Open Sans", sans-serif !important;
}

.ricerca .field-ricerca label::before {
  padding: 0px 3px;
  color: #557ec5 !important;
}

/* Fine Etichetta dei campi in form */
.ricerca .radio-inline .field-ricerca label::before {
  content: "";
}

/* Place Holder */
.ricerca .field-ricerca .input-group input.form-control::placeholder {
  color: #797979 !important;
  font-weight: 300;
  font-style: italic;
  text-transform: lowercase;
}

/* Campi di Input */
/*Sfondo e padding*/
.ricerca .field-ricerca .input-group input.form-control {
  background-color: white !important;
  padding-left: 6px;
  padding-right: 6px;
}

/*Bordo in focus*/
.ricerca .field-ricerca .input-group input.form-control:focus {
  border-color: #557ec5;
}

.ricerca .field-ricerca .input-group span.input-group-btn {
  width: 20px !important;
}

/* Button Combobox e parent dove contenuto*/
.ricerca .field-ricerca .input-group-btn,
.ricerca .field-ricerca .input-group-btn .btn.btn-default {
  height: 23px !important;
}

/* Attivatore */
.ricerca .field-ricerca.field-ricerca-big .input-group {
  border-color: #18589d;
  border-width: medium;
}
.ricerca .field-ricerca.field-ricerca-big .input-group input {
  font-size: 12pt !important;
  height: 28px !important;
}
.ricerca .field-ricerca.field-ricerca-big .input-group .input-group-btn button i {
  font-size: large !important;
}
.ricerca .field-ricerca .input-group {
  border-color: #ced4da;
  border-width: thin;
  border-style: solid;
  border-radius: 8px;
  /*Tolgo il bordo se si tratta di un check*/
}
.ricerca .field-ricerca .input-group:has(> :first-child.panel-field-check) {
  border-style: none;
}
.ricerca .field-ricerca .input-group:has(> .panel-field-value-form:first-child > .radio-inline:first-child) {
  border: none;
  border-style: none;
}
.ricerca .field-ricerca .input-group input.form-control {
  border: unset;
}
.ricerca .field-ricerca .input-group input.form-control.form-field-no-activator {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  /*
  border-top-right-radius: $input-border-radius;
  border-bottom-right-radius: $input-border-radius;
  */
}
.ricerca .field-ricerca .input-group input.form-control:first-child:not(form-field-no-activator) {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.ricerca .field-ricerca .input-group input.form-control:last-child:not(form-field-no-activator) {
  /*
  border-top-right-radius: $input-border-radius;
  border-bottom-right-radius: $input-border-radius;
  */
}
.ricerca .field-ricerca .input-group span.input-group-btn {
  background-color: white;
  /*Button Posizionato a Sinistra*/
  /*Button Posizionato a Destra*/
}
.ricerca .field-ricerca .input-group span.input-group-btn:first-child {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.ricerca .field-ricerca .input-group span.input-group-btn:first-child button.btn {
  background-color: white;
}
.ricerca .field-ricerca .input-group span.input-group-btn:last-child {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.ricerca .field-ricerca .input-group span.input-group-btn:last-child button.btn {
  margin-left: 5px !important;
  background-color: white;
}
.ricerca .field-ricerca .input-group span.input-group-btn button.btn {
  border: none;
  background-image: none;
  text-shadow: none;
  display: flex;
  align-content: center;
  flex-wrap: wrap;
  justify-content: center;
}
.ricerca .field-ricerca .input-group span.input-group-btn button.btn:focus, .ricerca .field-ricerca .input-group span.input-group-btn button.btn:hover {
  background-color: white;
  border: none;
  transform: unset;
}
.ricerca .field-ricerca .input-group span.input-group-btn button.btn i {
  font-size: 0.8em;
}
.ricerca .field-ricerca .input-group:not(.form-list-cell-group) input.form-control:last-child,
.ricerca .field-ricerca .input-group:not(.form-list-cell-group) input.form-control:not(:has(~ *:visible)) {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

.ricerca .field-ricerca {
  padding-left: 5px;
  padding-right: 5px;
}

.ricerca .btn-group-sm > .btn,
.ricerca .btn-sm {
  padding: 5px 10px 5px 10px !important;
  font-size: 12px !important;
  line-height: 1 !important;
  border-radius: 3px !important;
  height: 25px !important;
}

.ricerca .btn-group-xs > .btn,
.ricerca .btn-xs {
  padding: 1px 5px !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
  border-radius: 3px !important;
  height: 25px !important;
}

.ricerca .btn-group-lg > .btn,
.ricerca .btn-lg {
  padding: 10px 16px !important;
  font-size: 18px !important;
  line-height: 1.3333333 !important;
  border-radius: 6px !important;
}

.ricerca .row {
  padding-top: 5px;
}

.ricerca .inalto {
  background-color: transparent !important;
}

/* FINE PANNELLI RICERCA */
/* RIGA INTESTAZIONE QBE */
.table-condensed > thead > tr.list-qbe-row > td,
tr.list-qbe-row td {
  background-color: #EAEDF1 !important;
  border-right: 1px solid #cccccc;
  max-height: 32px;
}

.list-qbe-row {
  max-height: 32px;
}

.panel.ricerca > .panel-body > .panel-form-container > .row.main-row-page {
  margin-right: 0px;
}

.total-card {
  /* Larghezza massima per adattarsi al canvas, ma flessibile */
  max-width: 300px;
  /* Altezza massima, ma flessibile. Potresti volerla impostare anche su min-height per controllo */
  max-height: 200px;
  margin: 15px auto; /* Centra la card e aggiunge un po' di margine */
  border-radius: 8px; /* Bordi leggermente arrotondati */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Ombra leggera per profondità */
  overflow: hidden; /* Nasconde il contenuto extra se la dimensione si riduce troppo */
}

.total-card .panel-heading {
  background-color: #dff0d8; /* Verde chiaro per l'header, tipico di Bootstrap success */
  color: #3c763d; /* Testo verde scuro */
  border-bottom: 1px solid #d6e9c6;
  padding: 10px 15px;
}

.total-card .panel-title {
  font-size: 1.5em; /* Dimensione del titolo */
  font-weight: bold;
  margin: 0;
}

.total-card .panel-body {
  padding: 15px;
  background-color: #fff;
  display: flex; /* Utilizza flexbox per centrare il contenuto verticalmente */
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.total-card .total-amount {
  font-size: 3em; /* Dimensione grande per il totale */
  font-weight: bold;
  color: #3c763d; /* Colore verde per il totale */
  margin-bottom: 5px; /* Spazio sotto il totale */
  line-height: 1; /* Rimuove lo spazio extra sopra/sotto il testo */
  white-space: nowrap; /* Impedisce che il testo vada a capo, ma usa overflow nascosto */
  overflow: hidden;
  text-overflow: ellipsis; /* Aggiunge i puntini di sospensione se il testo è troppo lungo */
}

.total-card .subtitle {
  font-size: 0.9em;
  color: #777;
  margin-top: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%; /* Assicurati che il sottotitolo non ecceda la larghezza del body */
}

.total-card .panel-footer {
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  padding: 8px 15px;
  font-size: 1em;
  color: #2c2b2b;
}

/* Media Queries per la responsività */
@media (max-width: 768px) {
  .total-card {
    max-width: 95%; /* Occupa quasi tutta la larghezza su schermi più piccoli */
    margin: 10px auto;
  }
  .total-card .total-amount {
    font-size: 2.5em; /* Riduci la dimensione del totale su schermi piccoli */
  }
  .total-card .panel-title {
    font-size: 1.3em;
  }
}
@media (max-width: 480px) {
  .total-card .total-amount {
    font-size: 2em; /* Ulteriore riduzione per schermi molto piccoli */
  }
  .total-card .subtitle {
    font-size: 0.8em;
  }
}
/*
Per centrare una immagine creare
<div class="image-container">
<img>
</div>
*/
.image-container {
  width: 100%; /* o 100%, o un valore fisso */
  height: 110px; /* altezza desiderata */
  background-color: #ffffff;
  text-align: center;
  position: relative;
  overflow: hidden;
}

.image-container img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/*#region SIDEFORM*/
/*
Creare una videata divisa in due riquadri verticali
E' possibile avere un riquadro a sinistra (divisio in altri riquadri per righe) ed un riquadro a destra che sarà
quello da mostrare nascondere
Applicare alla form la classe 
sideform                (Quando il riquadro a destra si vuole in misura massima di 500px
sideform sideform-lg    (Quando il riquadro a destra si vuole in misura massima di 800px
*/
/*Utilizzato in WebFrame.prototype.CalcGridLayout per creare form con la parte destra come sidebar*/
.sideform .frame-dx {
  position: fixed;
  top: 0;
  right: -300px; /* Fuori dallo schermo */
  height: 100%;
  background: var(--theme-default, #66615b);
  color: white;
  padding: 10px;
  transition: right 0.3s ease-in-out;
  box-shadow: -5px 0 10px rgba(0, 0, 0, 0.3);
  z-index: 999;
}

.sideform .frame-dx {
  width: 500px;
}

.sideform.sideform-lg .frame-dx {
  width: 800px;
}

.sideform .frame-dx.open {
  right: 0;
}

.sideform .frame-dx.open div[id^=suf] {
  padding-right: 5px;
  height: 100% !important;
}

.sideform .frame-dx.open div[id^=suf] div.frame-column {
  height: 100% !important;
}

.sideform .frame-dx.open div[id^=suf] div[id^=frm][id$=":frs"] {
  padding-left: 5px;
  padding-right: 5px;
}

.sideform .frame-dx.open div[id^=suf] div[id^=frm][id$=":frs"] div[id^=pan][id$=":cnt"] {
  padding-left: 5px;
  padding-right: 15px;
}

/*#endregion*/
.p-0,
.pad-0 {
  padding: 0 !important;
}

.p-10 {
  padding: 10px !important;
}

.p-20 {
  padding: 20px !important;
}

.p-30 {
  padding: 30px !important;
}

.p-l-0 {
  padding-left: 0 !important;
}

.p-l-5 {
  padding-left: 5px !important;
}

.pl-2 {
  padding-left: 2px;
}

.p-l-10 {
  padding-left: 10px !important;
}

.p-l-20 {
  padding-left: 20px !important;
}

.p-r-0 {
  padding-right: 0 !important;
}

.p-r-5 {
  padding-right: 5px !important;
}

.p-r-10 {
  padding-right: 10px !important;
}

.pr-2 {
  padding-right: 2px;
}

.p-r-20 {
  padding-right: 20px !important;
}

.p-r-30 {
  padding-right: 30px !important;
}

.p-r-40 {
  padding-right: 40px !important;
}

.p-t-0 {
  padding-top: 0 !important;
}

.p-t-10 {
  padding-top: 10px !important;
}

.p-t-20 {
  padding-top: 20px !important;
}

.pt-25 {
  padding-top: 25px;
}

.p-b-0 {
  padding-bottom: 0 !important;
}

.p-b-10 {
  padding-bottom: 10px !important;
}

.p-b-20 {
  padding-bottom: 20px !important;
}

.p-b-30 {
  padding-bottom: 30px !important;
}

.p-b-40 {
  padding-bottom: 40px !important;
}

.m-0 {
  margin: 0 !important;
}

.m-l-0 {
  margin-left: 0px !important;
}

.m-l-5 {
  margin-left: 5px !important;
}

.m-l-10 {
  margin-left: 10px !important;
}

.m-l-15 {
  margin-left: 15px !important;
}

.m-l-20 {
  margin-left: 20px !important;
}

.m-l-30 {
  margin-left: 30px !important;
}

.m-l-40 {
  margin-left: 40px !important;
}

.m-r-5 {
  margin-right: 5px !important;
}

.m-r-10 {
  margin-right: 10px !important;
}

.m-r-15 {
  margin-right: 15px !important;
}

.m-r-20 {
  margin-right: 20px !important;
}

.m-r-30 {
  margin-right: 30px !important;
}

.m-r-40 {
  margin-right: 40px !important;
}

.m-t-0 {
  margin-top: 0 !important;
}

.m-t-5 {
  margin-top: 5px !important;
}

.m-t-10 {
  margin-top: 10px !important;
}

.m-t-15 {
  margin-top: 15px !important;
}

.m-t-20 {
  margin-top: 20px !important;
}

.m-t-30 {
  margin-top: 30px !important;
}

.m-t-40 {
  margin-top: 40px !important;
}

.m-b-0 {
  margin-bottom: 0 !important;
}

.m-b-5 {
  margin-bottom: 5px !important;
}

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

.m-b-15 {
  margin-bottom: 15px !important;
}

.m-b-20 {
  margin-bottom: 20px !important;
}

.m-b-30 {
  margin-bottom: 30px !important;
}

.m-b-40 {
  margin-bottom: 40px !important;
}

.dropdown-menu.popup-menu-container.popup-primary, .navbar.navbar-fixed-top ul > li.dropdown .popup-menu-container.popup-primary.dropdown-menu {
  background-color: color-mix(in srgb, #18589d 80%, #f6f9fc);
}

.dropdown-menu.popup-menu-container.popup-success, .navbar.navbar-fixed-top ul > li.dropdown .popup-menu-container.popup-success.dropdown-menu {
  background-color: color-mix(in srgb, #31ae79 80%, #FFFFFF);
}

.dropdown-menu.popup-menu-container.popup-info, .navbar.navbar-fixed-top ul > li.dropdown .popup-menu-container.popup-info.dropdown-menu {
  background-color: color-mix(in srgb, #58bcc3 80%, #3b3939);
}

.dropdown-menu.popup-menu-container.popup-secondary, .navbar.navbar-fixed-top ul > li.dropdown .popup-menu-container.popup-secondary.dropdown-menu {
  background-color: color-mix(in srgb, #8392ab 80%, #FFFFFF);
}

.dropdown-menu.popup-menu-container.popup-warning, .navbar.navbar-fixed-top ul > li.dropdown .popup-menu-container.popup-warning.dropdown-menu {
  background-color: color-mix(in srgb, #fab005 80%, #172b4d);
}

.dropdown-menu.popup-menu-container.popup-danger, .navbar.navbar-fixed-top ul > li.dropdown .popup-menu-container.popup-danger.dropdown-menu {
  background-color: color-mix(in srgb, #c7566d 80%, #FFFFFF);
}

.dropdown-menu.popup-menu-container.popup-light, .navbar.navbar-fixed-top ul > li.dropdown .popup-menu-container.popup-light.dropdown-menu {
  background-color: color-mix(in srgb, #eaedf1 80%, #172b4d);
}

.dropdown-menu.popup-menu-container.popup-medium, .navbar.navbar-fixed-top ul > li.dropdown .popup-menu-container.popup-medium.dropdown-menu {
  background-color: color-mix(in srgb, #e9ecef 80%, #172b4d);
}

.dropdown-menu.popup-menu-container.popup-dark, .navbar.navbar-fixed-top ul > li.dropdown .popup-menu-container.popup-dark.dropdown-menu {
  background-color: color-mix(in srgb, #172b4d 80%, #ced4da);
}

.dropdown-menu.popup-menu-container.popup-panic, .navbar.navbar-fixed-top ul > li.dropdown .popup-menu-container.popup-panic.dropdown-menu {
  background-color: color-mix(in srgb, #ab83a9 80%, #FFFFFF);
}

/*# sourceMappingURL=theme-argon.css.map */