@charset "UTF-8";
/*=================================
=             Template            =
=================================*/
@import url("https://use.typekit.net/rif4mkh.css");
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
}
body {
  line-height: 1;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
nav ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
a {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  background: transparent;
}
/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}
/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}
del {
  text-decoration: line-through;
}
abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}
input,
select {
  vertical-align: middle;
  border: none;
}
button {
  border: none;
  background: transparent;
}
.red-D1 {
  color: #430400 !important;
}
.bg-red-D1 {
  background-color: #430400 !important;
}
.red-90 {
  color: #9e1309 !important;
}
.bg-red-90 {
  background-color: #9e1309 !important;
}
.red-80 {
  color: #b62015 !important;
}
.bg-red-80 {
  background-color: #b62015 !important;
}
.red-70 {
  color: #ca2722 !important;
}
.bg-red-70 {
  background-color: #ca2722 !important;
}
.red-60 {
  color: #df382c !important;
}
.bg-red-60 {
  background-color: #df382c !important;
}
.red-50 {
  color: #f44336 !important;
}
.bg-red-50 {
  background-color: #f44336 !important;
}
.red-40 {
  color: #fc584c !important;
}
.bg-red-40 {
  background-color: #fc584c !important;
}
.red-30 {
  color: #fb6e64 !important;
}
.bg-red-30 {
  background-color: #fb6e64 !important;
}
.red-20 {
  color: #fb847c !important;
}
.bg-red-20 {
  background-color: #fb847c !important;
}
.red-10 {
  color: #fb9b94 !important;
}
.bg-red-10 {
  background-color: #fb9b94 !important;
}
.red-5 {
  color: #f0b8b3 !important;
}
.bg-red-5 {
  background-color: #f0b8b3 !important;
}
.pink-D1 {
  color: #3f001b !important;
}
.bg-pink-D1 {
  background-color: #3f001b !important;
}
.pink-90 {
  color: #9e0e4e !important;
}
.bg-pink-90 {
  background-color: #9e0e4e !important;
}
.pink-80 {
  color: #b60f5d !important;
}
.bg-pink-80 {
  background-color: #b60f5d !important;
}
.pink-70 {
  color: #ca156b !important;
}
.bg-pink-70 {
  background-color: #ca156b !important;
}
.pink-60 {
  color: #df2779 !important;
}
.bg-pink-60 {
  background-color: #df2779 !important;
}
.pink-50 {
  color: #f43688 !important;
}
.bg-pink-50 {
  background-color: #f43688 !important;
}
.pink-40 {
  color: #fb569e !important;
}
.bg-pink-40 {
  background-color: #fb569e !important;
}
.pink-30 {
  color: #fb73ae !important;
}
.bg-pink-30 {
  background-color: #fb73ae !important;
}
.pink-20 {
  color: #fb8dbd !important;
}
.bg-pink-20 {
  background-color: #fb8dbd !important;
}
.pink-10 {
  color: #fba5ca !important;
}
.bg-pink-10 {
  background-color: #fba5ca !important;
}
.pink-5 {
  color: #f1c2d6 !important;
}
.bg-pink-5 {
  background-color: #f1c2d6 !important;
}
.purple-D1 {
  color: #2c004a !important;
}
.bg-purple-D1 {
  background-color: #2c004a !important;
}
.purple-90 {
  color: #6304a2 !important;
}
.bg-purple-90 {
  background-color: #6304a2 !important;
}
.purple-80 {
  color: #7307b9 !important;
}
.bg-purple-80 {
  background-color: #7307b9 !important;
}
.purple-70 {
  color: #8213cc !important;
}
.bg-purple-70 {
  background-color: #8213cc !important;
}
.purple-60 {
  color: #9626e0 !important;
}
.bg-purple-60 {
  background-color: #9626e0 !important;
}
.purple-50 {
  color: #a836f4 !important;
}
.bg-purple-50 {
  background-color: #a836f4 !important;
}
.purple-40 {
  color: #b751fb !important;
}
.bg-purple-40 {
  background-color: #b751fb !important;
}
.purple-30 {
  color: #c26bfc !important;
}
.bg-purple-30 {
  background-color: #c26bfc !important;
}
.purple-20 {
  color: #cc85fc !important;
}
.bg-purple-20 {
  background-color: #cc85fc !important;
}
.purple-10 {
  color: #d69dfc !important;
}
.bg-purple-10 {
  background-color: #d69dfc !important;
}
.purple-5 {
  color: #debbf6 !important;
}
.bg-purple-5 {
  background-color: #debbf6 !important;
}
.deeppurple-D1 {
  color: #24114b !important;
}
.bg-deeppurple-D1 {
  background-color: #24114b !important;
}
.deeppurple-90 {
  color: #441f8f !important;
}
.bg-deeppurple-90 {
  background-color: #441f8f !important;
}
.deeppurple-80 {
  color: #5124a8 !important;
}
.bg-deeppurple-80 {
  background-color: #5124a8 !important;
}
.deeppurple-70 {
  color: #5d2bc2 !important;
}
.bg-deeppurple-70 {
  background-color: #5d2bc2 !important;
}
.deeppurple-60 {
  color: #6930db !important;
}
.bg-deeppurple-60 {
  background-color: #6930db !important;
}
.deeppurple-50 {
  color: #7536f4 !important;
}
.bg-deeppurple-50 {
  background-color: #7536f4 !important;
}
.deeppurple-40 {
  color: #874dfb !important;
}
.bg-deeppurple-40 {
  background-color: #874dfb !important;
}
.deeppurple-30 {
  color: #9765fb !important;
}
.bg-deeppurple-30 {
  background-color: #9765fb !important;
}
.deeppurple-20 {
  color: #a77dfb !important;
}
.bg-deeppurple-20 {
  background-color: #a77dfb !important;
}
.deeppurple-10 {
  color: #b694fb !important;
}
.bg-deeppurple-10 {
  background-color: #b694fb !important;
}
.deeppurple-5 {
  color: #c7b0f4 !important;
}
.bg-deeppurple-5 {
  background-color: #c7b0f4 !important;
}
.indigo-D1 {
  color: #101636 !important;
}
.bg-indigo-D1 {
  background-color: #101636 !important;
}
.indigo-90 {
  color: #223073 !important;
}
.bg-indigo-90 {
  background-color: #223073 !important;
}
.indigo-80 {
  color: #2a3a8c !important;
}
.bg-indigo-80 {
  background-color: #2a3a8c !important;
}
.indigo-70 {
  color: #3245a6 !important;
}
.bg-indigo-70 {
  background-color: #3245a6 !important;
}
.indigo-60 {
  color: #3a50bf !important;
}
.bg-indigo-60 {
  background-color: #3a50bf !important;
}
.indigo-50 {
  color: #415bd9 !important;
}
.bg-indigo-50 {
  background-color: #415bd9 !important;
}
.indigo-40 {
  color: #5e76eb !important;
}
.bg-indigo-40 {
  background-color: #5e76eb !important;
}
.indigo-30 {
  color: #7b90fa !important;
}
.bg-indigo-30 {
  background-color: #7b90fa !important;
}
.indigo-20 {
  color: #96a7fa !important;
}
.bg-indigo-20 {
  background-color: #96a7fa !important;
}
.indigo-10 {
  color: #aebbfa !important;
}
.bg-indigo-10 {
  background-color: #aebbfa !important;
}
.indigo-5 {
  color: #c7ceef !important;
}
.bg-indigo-5 {
  background-color: #c7ceef !important;
}
.blue-D1 {
  color: #001e38 !important;
}
.bg-blue-D1 {
  background-color: #001e38 !important;
}
.blue-90 {
  color: #19578e !important;
}
.bg-blue-90 {
  background-color: #19578e !important;
}
.blue-80 {
  color: #1764a6 !important;
}
.bg-blue-80 {
  background-color: #1764a6 !important;
}
.blue-70 {
  color: #1e71b9 !important;
}
.bg-blue-70 {
  background-color: #1e71b9 !important;
}
.blue-60 {
  color: #2781ce !important;
}
.bg-blue-60 {
  background-color: #2781ce !important;
}
.blue-50 {
  color: #3290e3 !important;
}
.bg-blue-50 {
  background-color: #3290e3 !important;
}
.blue-40 {
  color: #5aadf5 !important;
}
.bg-blue-40 {
  background-color: #5aadf5 !important;
}
.blue-30 {
  color: #7cbffa !important;
}
.bg-blue-30 {
  background-color: #7cbffa !important;
}
.blue-20 {
  color: #9ccefa !important;
}
.bg-blue-20 {
  background-color: #9ccefa !important;
}
.blue-10 {
  color: #b0d3f1 !important;
}
.bg-blue-10 {
  background-color: #b0d3f1 !important;
}
.blue-5 {
  color: #cddeee !important;
}
.bg-blue-5 {
  background-color: #cddeee !important;
}
.cyan-D1 {
  color: #002e3c !important;
}
.bg-cyan-D1 {
  background-color: #002e3c !important;
}
.cyan-90 {
  color: #2d7a91 !important;
}
.bg-cyan-90 {
  background-color: #2d7a91 !important;
}
.cyan-80 {
  color: #278aa8 !important;
}
.bg-cyan-80 {
  background-color: #278aa8 !important;
}
.cyan-70 {
  color: #2e9abb !important;
}
.bg-cyan-70 {
  background-color: #2e9abb !important;
}
.cyan-60 {
  color: #30aacf !important;
}
.bg-cyan-60 {
  background-color: #30aacf !important;
}
.cyan-50 {
  color: #32bae3 !important;
}
.bg-cyan-50 {
  background-color: #32bae3 !important;
}
.cyan-40 {
  color: #61d3f6 !important;
}
.bg-cyan-40 {
  background-color: #61d3f6 !important;
}
.cyan-30 {
  color: #87e1fc !important;
}
.bg-cyan-30 {
  background-color: #87e1fc !important;
}
.cyan-20 {
  color: #a9e9fd !important;
}
.bg-cyan-20 {
  background-color: #a9e9fd !important;
}
.cyan-10 {
  color: #c2eefc !important;
}
.bg-cyan-10 {
  background-color: #c2eefc !important;
}
.cyan-5 {
  color: #deeff4 !important;
}
.bg-cyan-5 {
  background-color: #deeff4 !important;
}
.teal-D1 {
  color: #002118 !important;
}
.bg-teal-D1 {
  background-color: #002118 !important;
}
.teal-90 {
  color: #1c755d !important;
}
.bg-teal-90 {
  background-color: #1c755d !important;
}
.teal-80 {
  color: #188769 !important;
}
.bg-teal-80 {
  background-color: #188769 !important;
}
.teal-70 {
  color: #1e9776 !important;
}
.bg-teal-70 {
  background-color: #1e9776 !important;
}
.teal-60 {
  color: #22a783 !important;
}
.bg-teal-60 {
  background-color: #22a783 !important;
}
.teal-50 {
  color: #29b891 !important;
}
.bg-teal-50 {
  background-color: #29b891 !important;
}
.teal-40 {
  color: #53cdac !important;
}
.bg-teal-40 {
  background-color: #53cdac !important;
}
.teal-30 {
  color: #76e4c7 !important;
}
.bg-teal-30 {
  background-color: #76e4c7 !important;
}
.teal-20 {
  color: #8fefd5 !important;
}
.bg-teal-20 {
  background-color: #8fefd5 !important;
}
.teal-10 {
  color: #b5efe0 !important;
}
.bg-teal-10 {
  background-color: #b5efe0 !important;
}
.teal-5 {
  color: #daede8 !important;
}
.bg-teal-5 {
  background-color: #daede8 !important;
}
.green-D1 {
  color: #003e02 !important;
}
.bg-green-D1 {
  background-color: #003e02 !important;
}
.green-90 {
  color: #0b800f !important;
}
.bg-green-90 {
  background-color: #0b800f !important;
}
.green-80 {
  color: #118c15 !important;
}
.bg-green-80 {
  background-color: #118c15 !important;
}
.green-70 {
  color: #1f9923 !important;
}
.bg-green-70 {
  background-color: #1f9923 !important;
}
.green-60 {
  color: #32a636 !important;
}
.bg-green-60 {
  background-color: #32a636 !important;
}
.green-50 {
  color: #4eb352 !important;
}
.bg-green-50 {
  background-color: #4eb352 !important;
}
.green-40 {
  color: #58bf5b !important;
}
.bg-green-40 {
  background-color: #58bf5b !important;
}
.green-30 {
  color: #66cc69 !important;
}
.bg-green-30 {
  background-color: #66cc69 !important;
}
.green-20 {
  color: #7cd97f !important;
}
.bg-green-20 {
  background-color: #7cd97f !important;
}
.green-10 {
  color: #9ae69d !important;
}
.bg-green-10 {
  background-color: #9ae69d !important;
}
.green-5 {
  color: #c6f2c7 !important;
}
.bg-green-5 {
  background-color: #c6f2c7 !important;
}
.lime-D1 {
  color: #235000 !important;
}
.bg-lime-D1 {
  background-color: #235000 !important;
}
.lime-90 {
  color: #55b010 !important;
}
.bg-lime-90 {
  background-color: #55b010 !important;
}
.lime-80 {
  color: #5dc210 !important;
}
.bg-lime-80 {
  background-color: #5dc210 !important;
}
.lime-70 {
  color: #6bd21d !important;
}
.bg-lime-70 {
  background-color: #6bd21d !important;
}
.lime-60 {
  color: #7be32a !important;
}
.bg-lime-60 {
  background-color: #7be32a !important;
}
.lime-50 {
  color: #88f436 !important;
}
.bg-lime-50 {
  background-color: #88f436 !important;
}
.lime-40 {
  color: #9ffe56 !important;
}
.bg-lime-40 {
  background-color: #9ffe56 !important;
}
.lime-30 {
  color: #b0fe74 !important;
}
.bg-lime-30 {
  background-color: #b0fe74 !important;
}
.lime-20 {
  color: #c0fe90 !important;
}
.bg-lime-20 {
  background-color: #c0fe90 !important;
}
.lime-10 {
  color: #cffeab !important;
}
.bg-lime-10 {
  background-color: #cffeab !important;
}
.lime-5 {
  color: #e3fcd0 !important;
}
.bg-lime-5 {
  background-color: #e3fcd0 !important;
}
.yellow-D1 {
  color: #554000 !important;
}
.bg-yellow-D1 {
  background-color: #554000 !important;
}
.yellow-90 {
  color: #b18500 !important;
}
.bg-yellow-90 {
  background-color: #b18500 !important;
}
.yellow-80 {
  color: #c39200 !important;
}
.bg-yellow-80 {
  background-color: #c39200 !important;
}
.yellow-70 {
  color: #d39e00 !important;
}
.bg-yellow-70 {
  background-color: #d39e00 !important;
}
.yellow-60 {
  color: #e3aa00 !important;
}
.bg-yellow-60 {
  background-color: #e3aa00 !important;
}
.yellow-50 {
  color: #f4bd18 !important;
}
.bg-yellow-50 {
  background-color: #f4bd18 !important;
}
.yellow-40 {
  color: #ffd558 !important;
}
.bg-yellow-40 {
  background-color: #ffd558 !important;
}
.yellow-30 {
  color: #fd7 !important;
}
.bg-yellow-30 {
  background-color: #fd7 !important;
}
.yellow-20 {
  color: #ffe494 !important;
}
.bg-yellow-20 {
  background-color: #ffe494 !important;
}
.yellow-10 {
  color: #ffebaf !important;
}
.bg-yellow-10 {
  background-color: #ffebaf !important;
}
.yellow-5 {
  color: #fef5d8 !important;
}
.bg-yellow-5 {
  background-color: #fef5d8 !important;
}
.orange-D1 {
  color: #472400 !important;
}
.bg-orange-D1 {
  background-color: #472400 !important;
}
.orange-90 {
  color: #a75d13 !important;
}
.bg-orange-90 {
  background-color: #a75d13 !important;
}
.orange-80 {
  color: #bc6b19 !important;
}
.bg-orange-80 {
  background-color: #bc6b19 !important;
}
.orange-70 {
  color: #ce7924 !important;
}
.bg-orange-70 {
  background-color: #ce7924 !important;
}
.orange-60 {
  color: #e1872d !important;
}
.bg-orange-60 {
  background-color: #e1872d !important;
}
.orange-50 {
  color: #f49536 !important;
}
.bg-orange-50 {
  background-color: #f49536 !important;
}
.orange-40 {
  color: #fda852 !important;
}
.bg-orange-40 {
  background-color: #fda852 !important;
}
.orange-30 {
  color: #feb66e !important;
}
.bg-orange-30 {
  background-color: #feb66e !important;
}
.orange-20 {
  color: #fec48a !important;
}
.bg-orange-20 {
  background-color: #fec48a !important;
}
.orange-10 {
  color: #ffd2a5 !important;
}
.bg-orange-10 {
  background-color: #ffd2a5 !important;
}
.orange-5 {
  color: #fbe4cd !important;
}
.bg-orange-5 {
  background-color: #fbe4cd !important;
}
.deeporange-D1 {
  color: #420f00 !important;
}
.bg-deeporange-D1 {
  background-color: #420f00 !important;
}
.deeporange-90 {
  color: #9e2f0e !important;
}
.bg-deeporange-90 {
  background-color: #9e2f0e !important;
}
.deeporange-80 {
  color: #b63b17 !important;
}
.bg-deeporange-80 {
  background-color: #b63b17 !important;
}
.deeporange-70 {
  color: #ca4822 !important;
}
.bg-deeporange-70 {
  background-color: #ca4822 !important;
}
.deeporange-60 {
  color: #df552c !important;
}
.bg-deeporange-60 {
  background-color: #df552c !important;
}
.deeporange-50 {
  color: #f46236 !important;
}
.bg-deeporange-50 {
  background-color: #f46236 !important;
}
.deeporange-40 {
  color: #fc764d !important;
}
.bg-deeporange-40 {
  background-color: #fc764d !important;
}
.deeporange-30 {
  color: #fc8966 !important;
}
.bg-deeporange-30 {
  background-color: #fc8966 !important;
}
.deeporange-20 {
  color: #fc9d80 !important;
}
.bg-deeporange-20 {
  background-color: #fc9d80 !important;
}
.deeporange-10 {
  color: #fcb099 !important;
}
.bg-deeporange-10 {
  background-color: #fcb099 !important;
}
.deeporange-5 {
  color: #f5cdc1 !important;
}
.bg-deeporange-5 {
  background-color: #f5cdc1 !important;
}
.bluegray-90 {
  color: #263238 !important;
}
.bg-bluegray-90 {
  background-color: #263238 !important;
}
.bluegray-80 {
  color: #37474f !important;
}
.bg-bluegray-80 {
  background-color: #37474f !important;
}
.bluegray-70 {
  color: #455a64 !important;
}
.bg-bluegray-70 {
  background-color: #455a64 !important;
}
.bluegray-60 {
  color: #546e7a !important;
}
.bg-bluegray-60 {
  background-color: #546e7a !important;
}
.bluegray-50 {
  color: #607d8b !important;
}
.bg-bluegray-50 {
  background-color: #607d8b !important;
}
.bluegray-40 {
  color: #78909c !important;
}
.bg-bluegray-40 {
  background-color: #78909c !important;
}
.bluegray-30 {
  color: #90a4ae !important;
}
.bg-bluegray-30 {
  background-color: #90a4ae !important;
}
.bluegray-20 {
  color: #b0bec5 !important;
}
.bg-bluegray-20 {
  background-color: #b0bec5 !important;
}
.bluegray-10 {
  color: #cfd8dc !important;
}
.bg-bluegray-10 {
  background-color: #cfd8dc !important;
}
.bluegray-5 {
  color: #eceff1 !important;
}
.bg-bluegray-5 {
  background-color: #eceff1 !important;
}
.gray-90 {
  color: #212121 !important;
}
.bg-gray-90 {
  background-color: #212121 !important;
}
.gray-80 {
  color: #424242 !important;
}
.bg-gray-80 {
  background-color: #424242 !important;
}
.gray-70 {
  color: #616161 !important;
}
.bg-gray-70 {
  background-color: #616161 !important;
}
.gray-60 {
  color: #757575 !important;
}
.bg-gray-60 {
  background-color: #757575 !important;
}
.gray-50 {
  color: #9e9e9e !important;
}
.bg-gray-50 {
  background-color: #9e9e9e !important;
}
.gray-40 {
  color: #bdbdbd !important;
}
.bg-gray-40 {
  background-color: #bdbdbd !important;
}
.gray-30 {
  color: #e0e0e0 !important;
}
.bg-gray-30 {
  background-color: #e0e0e0 !important;
}
.gray-20 {
  color: #eee !important;
}
.bg-gray-20 {
  background-color: #eee !important;
}
.gray-10 {
  color: #f5f5f5 !important;
}
.bg-gray-10 {
  background-color: #f5f5f5 !important;
}
.gray-5 {
  color: #fafafa !important;
}
.bg-gray-5 {
  background-color: #fafafa !important;
}
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
  padding: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #4f5153;
  background-color: #fff;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #337ab7;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #23527c;
  text-decoration: underline;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
}
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}
.img-rounded {
  border-radius: 6px;
}
.img-thumbnail {
  padding: 4px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.img-circle {
  border-radius: 50%;
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
[role="button"] {
  cursor: pointer;
}
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.row {
  margin-left: -15px;
  margin-right: -15px;
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}
@media (min-width: 768px) {
  .col-sm-1,
  .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-sm-10,
  .col-sm-11,
  .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 992px) {
  .col-md-1,
  .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-md-10,
  .col-md-11,
  .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1,
  .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-lg-10,
  .col-lg-11,
  .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}
@media screen and (min-width: 768px) {
  .row.flex {
    display: flex;
  }
  .row.flex div[class$="-1"] {
    flex-basis: 8.33333333%;
    width: auto;
  }
  .row.flex div[class$="-2"] {
    flex-basis: 16.66666667%;
    width: auto;
  }
  .row.flex div[class$="-3"] {
    flex-basis: 25%;
    width: auto;
  }
  .row.flex div[class$="-4"] {
    flex-basis: 33.33333333%;
    width: auto;
  }
  .row.flex div[class$="-5"] {
    flex-basis: 41.66666667%;
    width: auto;
  }
  .row.flex div[class$="-6"] {
    flex-basis: 50%;
    width: auto;
  }
  .row.flex div[class$="-7"] {
    flex-basis: 58.33333333%;
    width: auto;
  }
  .row.flex div[class$="-8"] {
    flex-basis: 66.66666667%;
    width: auto;
  }
  .row.flex div[class$="-9"] {
    flex-basis: 75%;
    width: auto;
  }
  .row.flex div[class$="-10"] {
    flex-basis: 83.33333333%;
    width: auto;
  }
  .row.flex div[class$="-11"] {
    flex-basis: 91.66666667%;
    width: auto;
  }
  .row.flex div[class$="-12"] {
    flex-basis: 100%;
    width: auto;
  }
  .row.flex.wrap {
    flex-wrap: wrap;
  }
  .row.flex.direction-column {
    flex-direction: column;
  }
  .row.flex.justify-content-center {
    justify-content: center;
  }
  .row.flex.justify-content-left {
    justify-content: flex-start;
  }
  .row.flex.justify-content-right {
    justify-content: flex-end;
  }
  .row.flex.align-items-center {
    align-items: center;
  }
  .row.flex.align-items-right {
    align-items: flex-start;
  }
  .row.flex.align-items-left {
    align-items: flex-end;
  }
}
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
  content: " ";
  display: table;
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
  clear: both;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
}
.affix {
  position: fixed;
}
@-ms-viewport {
  width: device-width;
}
.visible-block {
  display: block !important;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}
.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}
.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}
.text-xs-left {
  text-align: left;
}
.text-xs-right {
  text-align: right;
}
.text-xs-center {
  text-align: center;
}
.text-xs-justify {
  text-align: justify;
}
@media (min-width: 768px) {
  .text-sm-left {
    text-align: left;
  }
  .text-sm-right {
    text-align: right;
  }
  .text-sm-center {
    text-align: center;
  }
  .text-sm-justify {
    text-align: justify;
  }
}
@media (min-width: 992px) {
  .text-md-left {
    text-align: left;
  }
  .text-md-right {
    text-align: right;
  }
  .text-md-center {
    text-align: center;
  }
  .text-md-justify {
    text-align: justify;
  }
}
@media (min-width: 1200px) {
  .text-lg-left {
    text-align: left;
  }
  .text-lg-right {
    text-align: right;
  }
  .text-lg-center {
    text-align: center;
  }
  .text-lg-justify {
    text-align: justify;
  }
}
/* Mixins
 * v1.2.1
 * =======================================*/
.imageBackground {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
/* Funções de visibilidade dos elementos
========================================== */
/* ======================================= */
/**
 * Funções de font
 * Dependendo do tipo de argumento que
 * é passado para a função, ela atribui
 * o argumento ao devido atributo css.
 *
 *
 * Exemplos:
 *
 * * font-family: .font(Arial)
 *
 * * font-size e line-height(automático): .font(12pt);
 * * font-size e line-height(manual): .font(12pt, 15pt);
 *
 * * font-size, line-height(automático) e color: .font(12pt, #fff);
 * * font-size, line-height(manual) e color: .font(12pt, 15pt, #fff);
 *
 * * font-size, line-height(automático) e font-family: .font(12pt, Arial);
 * * font-size, line-height(manual) e font-family: .font(12pt, 15pt, Arial);
 *
 * * font-size, line-height(automático), font-family e color: .font(12pt, Arial, #fff);
 * * font-size, line-height(manual), font-family e color: .font(12pt, 15pt, Arial, #fff);
 */
/* font-family */
/* font-family, color */
/**
 * font-size
 * *line-height calculado a partir do font-size
 */
/* font-size, line-height */
/**
 * font-size, color
 * *line-height calculado a partir do font-size;
 */
/* font-size, line-height, color */
/**
 * font-size, font-family
 * *line-height calculado a partir do @size;
 */
/* font-size, line-height, font-family */
/**
 * font-size, font-family, color
 * *line-height calculado a partir do font-size;
 */
/* font-size, line-height, font-family, color */
/* ===================== fim das funções de font ===================== */
/* SEBASTIÁN */
@keyframes placeholderAnimate {
  0% {
    background-position: -650px 0;
  }
  100% {
    background-position: 650px 0;
  }
}
/*=================================
=         General Styles          =
=================================*/
* {
  margin: 0;
  padding: 0;
  outline: none;
  font-weight: normal;
  box-sizing: border-box;
  font-family: 'proxima-nova', Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #777777;
  /* Track */
  /* Handle */
  /* Handle on hover */
}
*:before,
*:after {
  box-sizing: border-box;
}
*::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
*::-webkit-scrollbar-track {
  background: transparent;
}
*::-webkit-scrollbar-thumb {
  background: rgba(104, 106, 109, 0.7);
  border-radius: 0 0 8px 8px;
}
*::-webkit-scrollbar-thumb:hover {
  background: rgba(104, 106, 109, 0.9);
}
html,
body {
  width: 100%;
  height: 100%;
  min-height: 100%;
  background: transparent;
  display: table;
  table-layout: fixed;
  position: relative;
  z-index: 0;
}
body.overlay {
  user-select: none;
}
body.overlay:before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  display: block;
  z-index: 99;
}
@media (max-width: 992px) {
  .blocked {
    overflow: hidden;
  }
}
a,
a:hover,
*:link,
a:link,
a:visited,
a:focus,
a:active {
  color: #bdbdbd;
  text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 100%;
  margin: 0px;
  padding: 0px;
  font-weight: normal;
}
input,
input:invalid,
select,
textarea {
  outline: none;
  box-shadow: none;
}
input:-webkit-autofill,
input:invalid:-webkit-autofill,
select:-webkit-autofill,
textarea:-webkit-autofill,
input:-webkit-autofill:hover,
input:invalid:-webkit-autofill:hover,
select:-webkit-autofill:hover,
textarea:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:invalid:-webkit-autofill:focus,
select:-webkit-autofill:focus,
textarea:-webkit-autofill:focus,
input:-webkit-autofill:active,
input:invalid:-webkit-autofill:active,
select:-webkit-autofill:active,
textarea:-webkit-autofill:active {
  background-color: transparent !important;
}
/* For fonts and wysiwyg */
.wy h1,
.wy h2,
.wy h3,
.wy h4,
.wy h5,
.wy h6 {
  font-family: 'proxima-nova', Helvetica, Arial, sans-serif;
}
/*=================================
=             Repeaters           =
=================================*/
.sisters {
  width: 50%;
  display: inline-block;
  vertical-align: top;
  margin-right: -4px;
}
.cousins {
  width: 33.33%;
  display: inline-block;
  vertical-align: top;
  margin-right: -4px;
}
.button-input {
  -webkit-border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
}
.button-input input,
.button-input select,
.button-input textarea {
  -webkit-border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
}
@media (min-width: 992px) {
  .container {
    max-width: 100%;
  }
}
.align-group {
  display: table;
}
.center {
  margin: 0 auto;
  text-align: center;
}
.right {
  margin: 0 auto;
  margin-right: 0;
  text-align: right;
}
.f-right {
  float: right;
}
hr {
  height: 1px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.panel hr {
  margin: 0 -20px;
}
.info hr {
  margin: 0 -15px;
}
.info {
  display: block;
  padding: 15px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  line-height: 120%;
  background: #e4e4e4;
  text-shadow: 1px 1px white;
}
.info,
.info b {
  color: #464646;
}
.info.primary {
  background-color: rgba(104, 106, 109, 0.8) !important;
  text-shadow: none;
}
.info.primary,
.info.primary b,
.info.primary strong,
.info.primary em,
.info.primary i {
  color: white !important;
}
.info.primary a {
  color: white;
  text-decoration: underline;
}
.info.positive {
  background-color: #659937 !important;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.info.positive,
.info.positive b,
.info.positive strong,
.info.positive em,
.info.positive i {
  color: white !important;
}
.info.negative {
  background-color: #c7382d !important;
  color: white !important;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.info.negative,
.info.negative b,
.info.negative strong,
.info.negative em,
.info.negative i {
  color: white !important;
}
.info.warning {
  background-color: #fbf379 !important;
  text-shadow: none;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.info.warning,
.info.warning b,
.info.warning strong,
.info.warning em,
.info.warning i {
  color: #585518 !important;
}
.info.icon {
  display: flex;
  align-items: center;
  position: relative;
  background-color: white !important;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
  padding: 8px 25px 8px 60px;
  text-shadow: none !important;
  border: none !important;
}
.info.icon .icon {
  position: absolute;
  left: 3px;
  height: calc(100% - 6px);
  width: 40px;
  border-top-left-radius: 7px;
  border-bottom-left-radius: 7px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 19px;
  margin-right: 20px;
}
.info.icon h4 {
  font-weight: 500;
  margin-bottom: 1px;
}
.info.icon p {
  font-weight: 300;
  color: #424242;
}
.info.icon .button-close {
  position: absolute;
  top: 5px;
  right: 5px;
  opacity: 0.5;
}
.info.icon .button-close em {
  color: #424242 !important;
}
.info.icon .button-close:hover {
  opacity: 1;
}
.info.icon.primary .icon {
  background-color: #686A6D;
  color: white;
}
.info.icon.primary h4 {
  color: #686A6D;
}
.info.icon.positive .icon {
  background-color: #32a636;
  color: white;
}
.info.icon.positive h4 {
  color: #32a636;
}
.info.icon.negative .icon {
  background-color: #df382c;
  color: white;
}
.info.icon.negative h4 {
  color: #df382c;
}
.info.icon.warning .icon {
  background-color: #d39e00;
}
.info.icon.warning .icon em {
  color: white !important;
}
.info.icon.warning h4 {
  color: #d39e00;
}
.panel .info {
  background: #eee;
}
embed,
iframe,
canvas,
svg,
img {
  max-width: 100%;
  height: auto;
}
@media print {
  * {
    -webkit-print-color-adjust: exact;
  }
  @page {
    size: 1350px 1909px;
    margin: 10px;
    -webkit-print-color-adjust: exact;
  }
  .container {
    min-width: 100% !important;
    width: 100% !important;
  }
  .panel-tab-selector,
  .navigation-top,
  .inside-panel.open .panel-title:before,
  .timeline-badge,
  .footer,
  .dropdown-arrow,
  .widget-icon,
  .btn-save,
  .login-button,
  aside,
  header,
  .help-button {
    display: none !important;
  }
  body {
    padding: 30px !important;
  }
  .main-content,
  .portal {
    width: 100% !important;
    padding: 10px 0 !important;
    margin: 0  !important;
  }
  .btn {
    border: 1px solid #ccc !important;
  }
  .panel {
    border: 1px solid #ddd !important;
    margin-bottom: 20px !important;
  }
  .panel .panel-title {
    padding: 5px 10px !important;
    color: black !important;
  }
  .panel .panel-body {
    padding: 10px !important;
    color: black;
  }
  .panel-body hr {
    margin-right: -10px !important;
    margin-left: -10px !important;
  }
  .panel-tab,
  .panel-body .panel-table-outer {
    width: 100% !important;
    margin: 0 !important;
  }
  .panel-table-outer {
    border-top: 1px solid #ddd !important;
  }
  .panel-table-filter {
    margin: 0 !important;
    padding: 0 !important;
    margin-top: -10px !important;
  }
  .panel-pagination {
    margin: 10px -10px -10px !important;
    border-radius: 0 !important;
    border: 1px solid #ddd !important;
  }
  .timeline-separator {
    margin-left: 0 !important;
    padding: 0 !important;
  }
  .timeline-panel {
    padding: 0 !important;
  }
  .panel-tab .panel-tab-content {
    padding: 0 20px !important;
  }
  .panel-tab .panel-tab-content .tab-item {
    border-top: 1px solid #ccc !important;
    padding-top: 20px !important;
    margin-top: 20px !important;
    display: block  !important;
  }
  .panel-tab .panel-tab-content .tab-item:nth-of-type(1) {
    border-top: none !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
  .panel-tab .panel-tab-content .tab-item:last-child {
    padding-bottom: 0 !important;
  }
}
.module-color {
  color: #4f5153;
}
.permission-block {
  padding: 10px;
  border-radius: 5px;
  background: #fbfbfb;
  border: 2px solid transparent;
  white-space: nowrap;
  position: relative;
  overflow: hidden;
}
.permission-block.active {
  border-color: #4f5153;
}
.main-module {
  cursor: pointer;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  position: absolute;
  top: 0;
  height: 100%;
  right: 0;
  display: block;
  padding: 10px;
  background: rgba(251, 251, 251, 0);
  background: -moz-linear-gradient(left, rgba(251, 251, 251, 0) 0%, #fbfbfb 17%, #fbfbfb 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(251, 251, 251, 0)), color-stop(17%, #fbfbfb), color-stop(100%, #fbfbfb));
  background: -webkit-linear-gradient(left, rgba(251, 251, 251, 0) 0%, #fbfbfb 17%, #fbfbfb 100%);
  background: -o-linear-gradient(left, rgba(251, 251, 251, 0) 0%, #fbfbfb 17%, #fbfbfb 100%);
  background: -ms-linear-gradient(left, rgba(251, 251, 251, 0) 0%, #fbfbfb 17%, #fbfbfb 100%);
  background: linear-gradient(to right, rgba(251, 251, 251, 0) 0%, #fbfbfb 17%, #fbfbfb 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfbfb', endColorstr='#fbfbfb', GradientType=1);
}
.main-module:before {
  font: normal normal normal 14px/1;
  font-family: FontAwesome, Helvetica, Arial, sans-serif;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  vertical-align: middle;
  display: inline-block;
  content: "\f097";
  color: #a5a5a5;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.main-module.active:before {
  content: "\f02e";
  color: #4f5153;
  font-size: 20px;
}
.main-module:after {
  content: "Marcar como principal";
  display: block;
  background: white;
  font-size: 12px;
  font-style: normal;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  position: absolute;
  top: 10px;
  right: 30px;
  white-space: nowrap;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  -webkit-opacity: 0;
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
  width: 0;
  overflow: hidden;
}
.main-module:hover:after {
  width: initial;
  padding: 3px 6px;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
}
.main-module:hover:before {
  color: #4f5153;
  font-size: 20px;
}
.cursor-default {
  cursor: default !important;
}
.cursor-pointer {
  cursor: pointer !important;
}
.text-title {
  color: #4f5153;
  font-weight: 700;
  font-size: 16px;
  display: block;
}
@media (min-width: 768px) {
  .text-title {
    font-weight: 300;
    font-size: 24px;
  }
}
.text-title-small {
  color: #4f5153;
  font-weight: 700;
  font-size: 13px;
  display: block;
}
@media (min-width: 768px) {
  .text-title-small {
    font-weight: 300;
    font-size: 13px;
  }
}
.portal .text-subtitle {
  padding: 6px 0;
  color: #5D5D5D;
  font-weight: 500;
  font-size: 14px;
}
@media (min-width: 768px) {
  .portal .text-subtitle {
    font-weight: 300;
    font-size: 16px;
  }
}
.forbidden {
  user-select: none;
  position: relative;
  max-width: 100%;
  overflow: hidden;
}
.forbidden:before {
  content: '';
  position: absolute;
  background: rgba(255, 255, 255, 0.6);
  width: 100%;
  height: 100%;
  display: block;
  z-index: 11;
}
.forbidden .btn-save {
  display: none;
}
.forbidden.panel.expansible {
  padding-top: 0;
}
.header-spinner::after {
  content: '';
  position: absolute;
  border: 3px solid rgba(104, 106, 109, 0.5);
  border-top-color: #686A6D;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: spin 1s linear infinite;
  left: 50%;
  margin-left: -20px;
  top: 50%;
  margin-top: -20px;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
/*=================================
=       Default Components       =
=================================*/
.not-found {
  max-width: 400px;
  width: 100%;
  padding: 70px 20px;
  text-align: center;
  font-size: 14px;
  line-height: 1;
  color: #555555;
  margin: 0 auto;
}
.not-found h1,
.not-found span {
  letter-spacing: -3px;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 20px;
  font-size: 80px;
  color: #686A6D;
}
.not-found h2 {
  margin-bottom: 10px;
}
.not-found.boundary {
  background-color: rgba(223, 56, 44, 0.1);
  border-radius: 10px;
}
.not-found.boundary .boundary-text-error {
  color: #d22c20;
}
.not-found.boundary .boundary-text-action {
  margin-top: 10px;
  cursor: pointer;
  user-select: none;
}
.not-found.boundary .boundary-text-action:hover {
  text-decoration: underline;
}
::selection {
  background: #686A6D;
  color: white;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.5);
}
::-moz-selection {
  background: #686A6D;
  color: white;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.5);
}
@media (min-width: 992px) {
  .mb-md {
    margin-bottom: 20px !important;
  }
  .mt-md {
    margin-top: 20px !important;
  }
  .ml-md {
    margin-left: 20px !important;
  }
  .mr-md {
    margin-right: 20px !important;
  }
}
@media (min-width: 768px) {
  .mb-sm {
    margin-bottom: 20px !important;
  }
  .mt-sm {
    margin-top: 20px !important;
  }
  .ml-sm {
    margin-left: 20px !important;
  }
  .mr-sm {
    margin-right: 20px !important;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .mb-sm-o {
    margin-bottom: 20px !important;
  }
  .mt-sm-o {
    margin-top: 20px !important;
  }
  .ml-sm-o {
    margin-left: 20px !important;
  }
  .mr-sm-o {
    margin-right: 20px !important;
  }
}
.mb-xs {
  margin-bottom: 20px !important;
}
.mt-xs {
  margin-top: 20px !important;
}
.ml-xs {
  margin-left: 20px !important;
}
.mr-xs {
  margin-right: 20px !important;
}
.mt-none {
  margin-top: 0 !important;
}
.mr-none {
  margin-right: 0 !important;
}
.mb-none {
  margin-bottom: 0 !important;
}
.ml-none {
  margin-left: 0 !important;
}
.pt-none {
  padding-top: 0 !important;
}
.pr-none {
  padding-right: 0 !important;
}
.pb-none {
  padding-bottom: 0 !important;
}
.pl-none {
  padding-left: 0 !important;
}
@media (max-width: 768px) {
  .mb-xs-o {
    margin-bottom: 20px !important;
  }
  .mt-xs-o {
    margin-top: 20px !important;
  }
  .ml-xs-o {
    margin-left: 20px !important;
  }
  .mr-xs-o {
    margin-right: 20px !important;
  }
}
.breadcrumbs,
.breadcrumb {
  padding: 5px 0;
  margin-bottom: 0px;
  list-style: none;
  background-color: #F4F4F4;
  border-radius: 0;
  overflow: hidden;
  overflow-x: auto;
  white-space: nowrap;
}
.breadcrumbs span,
.breadcrumb span {
  display: none;
}
.breadcrumbs a,
.breadcrumb a {
  font-weight: 400 !important;
}
.content-wrapper .breadcrumbs,
.content-wrapper .breadcrumb {
  background: #eaeaea;
  border: 1px solid #ddd;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .content-wrapper .breadcrumbs,
  .content-wrapper .breadcrumb {
    margin-left: -15px;
    margin-right: -15px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-right: none;
    border-left: none;
  }
}
.breadcrumb > li {
  display: inline-block;
  color: #5d5d5d;
  font-weight: 400;
  font-size: 13px;
  margin-right: -13px;
  padding: 5px 18px 5px 20px;
  position: relative;
}
.breadcrumb > li:hover {
  color: #4f5153;
}
.breadcrumb > li:hover a {
  color: #4f5153;
}
.breadcrumb > li:before,
.breadcrumb > li:after {
  content: '';
  display: block;
  width: 8px;
  height: 2px;
  background-color: #5d5d5d;
  position: absolute;
}
.breadcrumb > li:before {
  top: 4px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}
.breadcrumb > li:after {
  bottom: 3px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
}
.breadcrumb > li:before,
.breadcrumb > li:after {
  right: 0;
  padding: 0;
  color: transparent;
}
.breadcrumb > li:before {
  top: 11px;
}
.breadcrumb > li:after {
  bottom: 10px;
}
.breadcrumb > li:last-child {
  padding: 5px 10px 5px 20px;
}
.breadcrumb > li:last-child:before,
.breadcrumb > li:last-child:after {
  display: none;
}
.breadcrumb > li a {
  color: #5d5d5d;
}
.breadcrumb > li a:hover {
  color: #4f5153;
}
.breadcrumbs > a {
  display: inline-block;
  color: #5d5d5d;
  font-weight: 400;
  font-size: 13px;
  margin-right: -13px;
  padding: 5px 18px 5px 20px;
  position: relative;
}
.breadcrumbs > a:hover {
  color: #4f5153;
}
.breadcrumbs > a:hover a {
  color: #4f5153;
}
.breadcrumbs > a:before,
.breadcrumbs > a:after {
  content: '';
  display: block;
  width: 8px;
  height: 2px;
  background-color: #5d5d5d;
  position: absolute;
}
.breadcrumbs > a:before {
  top: 4px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}
.breadcrumbs > a:after {
  bottom: 3px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
}
.breadcrumbs > a:before,
.breadcrumbs > a:after {
  right: 0;
  padding: 0;
  color: transparent;
}
.breadcrumbs > a:before {
  top: 11px;
}
.breadcrumbs > a:after {
  bottom: 10px;
}
.breadcrumbs > a:last-child {
  padding: 5px 10px 5px 20px;
}
.breadcrumbs > a:last-child:before,
.breadcrumbs > a:last-child:after {
  display: none;
}
.panel {
  background: white;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
  position: relative;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  border: none;
  border-bottom: 3px solid #ddd;
  margin-bottom: 23px;
}
@media (max-width: 767px) {
  .panel {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-bottom: none;
    margin-bottom: 13px;
    margin-left: -15px;
    margin-right: -15px;
  }
  .panel .panel {
    margin-left: -5px;
    margin-right: -5px;
  }
}
.panel.highlight.expansible:not(.open) .panel-title {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.panel.highlight .panel-title {
  background-color: #686A6D;
  color: white;
}
.panel-body {
  padding: 20px;
}
.panel-body > .panel-title {
  padding: 10px 0;
  margin-bottom: 10px;
}
.panel-title {
  display: block;
  font-weight: 500;
  font-size: 14px;
  padding: 15px 20px;
  color: #5d5d5d;
  border-bottom: 1px solid #E0E0E0;
  text-shadow: -1px 0 #5d5d5d;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.panel-title .btn {
  top: -3px;
}
.panel-title .btn:hover svg * {
  fill: white;
}
.panel-title .btn svg * {
  fill: #777777;
}
.panel-title .btn.circle {
  width: 25px;
  height: 25px;
}
.panel-title .btn:after {
  content: none;
}
.panel-title .btn.module-color {
  overflow: visible;
  border: 0;
}
.panel-title .btn.module-color * {
  color: white;
}
.panel-title .btn.module-color:hover {
  box-shadow: none;
  background-color: #686A6D;
}
.panel.expansible {
  position: relative;
  padding-top: 44px;
  overflow: initial;
}
.panel.expansible > .dropdown-arrow {
  position: absolute;
  top: 12px;
  right: 10px;
  width: 25px;
  height: 25px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  display: block;
  border: 2px solid #E0E0E0;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  cursor: pointer;
}
.panel.expansible > .dropdown-arrow:before {
  content: '';
  position: absolute;
  margin: auto;
  top: 1px;
  left: 0px;
  right: 0;
  bottom: 0;
  width: 11px;
  height: 17px;
  background: url('../../img/misc//dropdown-arrow.png') center center no-repeat;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.panel.expansible > .panel-title {
  padding-right: 50px;
  border: none;
  margin-top: -44px;
  cursor: pointer;
}
.panel.expansible > .panel-body {
  height: 0;
  padding: 0 20px;
  border-top: 1px solid white;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  overflow: hidden;
  -webkit-opacity: 0;
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
}
.panel.expansible.open > .panel-title {
  border-color: #E0E0E0;
}
.panel.expansible.open > .panel-title:after {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
.panel.expansible.open > .panel-body {
  height: initial;
  padding: 20px;
  border-color: #E0E0E0;
  overflow: inherit;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
  display: table;
  width: 100%;
}
.panel.expansible.open > .dropdown-arrow {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
.panel.expansible.open.table .panel-body {
  display: block;
}
.panel .panel.inside-panel .panel-title {
  background: #f9f9f9;
}
.inside-panel {
  border: 1px solid #E0E0E0;
  overflow: hidden;
  margin-bottom: -1px;
  position: relative;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.inside-panel .inside-panel:nth-of-type(1),
.inside-panel:nth-of-type(1) {
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -o-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -o-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
}
.inside-panel .inside-panel:last-child,
.inside-panel:last-child {
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -o-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -o-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.inside-panel .inside-panel {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  border-top: 1px solid #E0E0E0;
}
.inside-panel .inside-panel:nth-of-type(1) {
  margin-top: 15px;
  border-top: 1px solid #E0E0E0;
}
@media (max-width: 767px) {
  .inside-panel {
    margin-left: 0;
    margin-right: 0;
  }
}
.inside-panel .panel-title {
  padding: 16px 20px;
  font-size: 13px;
  font-weight: 500 !important;
  color: #5d5d5d;
  background: white;
  cursor: pointer;
  border: none !important;
}
.inside-panel .panel-title:before {
  content: '';
  position: absolute;
  margin: auto;
  top: 12px;
  right: 10px;
  display: block;
  width: 25px;
  height: 25px;
  background: white url('../../img/misc//dropdown-arrow.png') center center no-repeat;
  border: 2px solid #E0E0E0;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  cursor: pointer;
}
.inside-panel .panel-title.open:before {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
.inside-panel .panel-body {
  border-top: 1px solid #E0E0E0;
  padding: 15px 20px;
  padding-bottom: 20px;
  display: none;
}
.inside-panel.open > .panel-title.open:before,
.inside-panel.open > .panel-title:before {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
.inside-panel.open > .panel-body {
  display: block;
}
.panel.panel-form .panel-body {
  padding-top: 0 !important;
}
.panel .panel-filter {
  padding-top: 10px!important;
}
.btn {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #ddd;
  color: #b7b7b7;
  font-weight: 500;
  text-transform: uppercase;
  min-height: 28px;
  padding: 5px 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid transparent;
  font-size: 10px;
  letter-spacing: 0.05em;
  text-align: center;
  cursor: pointer;
}
.btn .fa {
  height: 100%;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
}
.btn.round {
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;
}
.btn.circle {
  min-height: unset;
  min-width: 26px;
  width: 26px;
  height: 26px;
  border: 2px solid #E0E0E0;
  background: #fff;
  position: relative;
  border-radius: 100%;
  color: #686A6D;
  padding: 0;
  font-size: 14px;
  transition: 0.2s;
  margin-left: 10px;
  line-height: initial;
  display: flex !important;
  justify-content: center;
  align-items: center;
  letter-spacing: initial;
}
.btn.circle .btn-actions-label {
  font-size: 12px;
  line-height: 12px;
  background: #686A6D;
  border-radius: 5px;
  position: absolute;
  right: 0;
  top: -28px;
  color: #FFF;
  text-transform: capitalize;
  max-width: 0;
  height: 22px;
  transition: all 0.3s;
  overflow: hidden;
}
.btn.circle:hover {
  background: #686A6D;
  border-color: #686A6D;
}
.btn.circle:hover i:before,
.btn.circle:hover em:before {
  color: white;
}
.btn.circle:hover .btn-actions-label {
  padding: 5px;
  max-width: initial;
  white-space: nowrap;
}
.btn.circle.module-color {
  overflow: visible;
  border: 0;
}
.btn.circle .fa {
  display: flex;
  justify-content: center;
  align-items: center;
}
.btn:focus,
.btn:hover,
.btn:active {
  outline: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.btn.icon-left .fa {
  margin-right: 5px;
  font-size: 12px;
}
.btn.icon-right {
  flex-direction: row-reverse;
}
.btn.icon-right .fa {
  margin: auto 0 auto 5px;
  float: right;
  font-size: 12px;
}
.btn.warning {
  background-color: #d39e00;
  color: white;
  overflow: hidden;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  position: relative;
  border-color: #d39e00;
}
.btn.warning:after {
  content: "";
  background: rgba(255, 255, 255, 0.3);
  display: block;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: all 0.8s;
  width: 400px;
  height: 400px;
  max-width: 100%;
  max-height: 100%;
  background: radial-gradient(circle, white 1%, transparent 1%) center / 15000%;
  opacity: 0;
}
.btn.warning:active:after {
  opacity: 0.3;
  transition: 0s;
  background-size: 100%;
}
.btn.warning:focus,
.btn.warning:hover {
  background-color: #a07800;
}
.btn.warning * {
  color: white;
}
.btn.warning.outlined {
  background-color: transparent;
  box-shadow: none;
  color: #d39e00;
}
.btn.warning.outlined:focus,
.btn.warning.outlined:hover {
  background-color: rgba(211, 158, 0, 0.2);
}
.btn.warning.outlined * {
  color: #d39e00;
}
.btn.warning.text {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
  color: #d39e00;
}
.btn.warning.text:focus,
.btn.warning.text:hover {
  background-color: rgba(211, 158, 0, 0.2);
}
.btn.warning.text * {
  color: #d39e00;
}
.btn.positive {
  background-color: #32a636;
  color: white;
  overflow: hidden;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  position: relative;
  border-color: #32a636;
}
.btn.positive:after {
  content: "";
  background: rgba(255, 255, 255, 0.3);
  display: block;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: all 0.8s;
  width: 400px;
  height: 400px;
  max-width: 100%;
  max-height: 100%;
  background: radial-gradient(circle, white 1%, transparent 1%) center / 15000%;
  opacity: 0;
}
.btn.positive:active:after {
  opacity: 0.3;
  transition: 0s;
  background-size: 100%;
}
.btn.positive:focus,
.btn.positive:hover {
  background-color: #267f29;
}
.btn.positive * {
  color: white;
}
.btn.positive.outlined {
  background-color: transparent;
  box-shadow: none;
  color: #32a636;
}
.btn.positive.outlined:focus,
.btn.positive.outlined:hover {
  background-color: rgba(50, 166, 54, 0.2);
}
.btn.positive.outlined * {
  color: #32a636;
}
.btn.positive.text {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
  color: #32a636;
}
.btn.positive.text:focus,
.btn.positive.text:hover {
  background-color: rgba(50, 166, 54, 0.2);
}
.btn.positive.text * {
  color: #32a636;
}
.btn.negative {
  background-color: #df382c;
  border-color: #df382c;
  color: white;
  overflow: hidden;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  position: relative;
}
.btn.negative:after {
  content: "";
  background: rgba(255, 255, 255, 0.3);
  display: block;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: all 0.8s;
  width: 400px;
  height: 400px;
  max-width: 100%;
  max-height: 100%;
  background: radial-gradient(circle, white 1%, transparent 1%) center / 15000%;
  opacity: 0;
}
.btn.negative:active:after {
  opacity: 0.3;
  transition: 0s;
  background-size: 100%;
}
.btn.negative:focus,
.btn.negative:hover {
  background-color: #bc271c;
}
.btn.negative * {
  color: white;
}
.btn.negative.outlined {
  background-color: transparent;
  box-shadow: none;
  color: #df382c;
}
.btn.negative.outlined:focus,
.btn.negative.outlined:hover {
  background-color: rgba(223, 56, 44, 0.2);
}
.btn.negative.outlined * {
  color: #df382c;
}
.btn.negative.text {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
  color: #df382c;
}
.btn.negative.text:focus,
.btn.negative.text:hover {
  background-color: rgba(223, 56, 44, 0.2);
}
.btn.negative.text * {
  color: #df382c;
}
.btn.neutral {
  background-color: #e0e0e0;
  color: #616161;
  border: 1px solid #616161;
  overflow: hidden;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  position: relative;
}
.btn.neutral:after {
  content: "";
  background: rgba(255, 255, 255, 0.3);
  display: block;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: all 0.8s;
  width: 400px;
  height: 400px;
  max-width: 100%;
  max-height: 100%;
  background: radial-gradient(circle, white 1%, transparent 1%) center / 15000%;
  opacity: 0;
}
.btn.neutral:active:after {
  opacity: 0.3;
  transition: 0s;
  background-size: 100%;
}
.btn.neutral:focus,
.btn.neutral:hover {
  background-color: #c7c7c7;
}
.btn.neutral * {
  color: #616161;
}
.btn.neutral.outlined {
  background-color: transparent;
  box-shadow: none;
  color: #616161;
  border-color: #616161;
}
.btn.neutral.outlined:focus,
.btn.neutral.outlined:hover {
  background-color: rgba(97, 97, 97, 0.2);
}
.btn.neutral.outlined * {
  color: #616161;
}
.btn.neutral.text {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
  color: #616161;
}
.btn.neutral.text:focus,
.btn.neutral.text:hover {
  background-color: rgba(97, 97, 97, 0.2);
}
.btn.neutral.text * {
  color: #616161;
}
.btn.module-color {
  background-color: #686A6D;
  color: white;
  border: 1px solid #686A6D;
  overflow: hidden;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  position: relative;
}
.btn.module-color:after {
  content: "";
  background: rgba(255, 255, 255, 0.3);
  display: block;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: all 0.8s;
  width: 400px;
  height: 400px;
  max-width: 100%;
  max-height: 100%;
  background: radial-gradient(circle, white 1%, transparent 1%) center / 15000%;
  opacity: 0;
}
.btn.module-color:active:after {
  opacity: 0.3;
  transition: 0s;
  background-size: 100%;
}
.btn.module-color:focus,
.btn.module-color:hover {
  background-color: #4f5153;
}
.btn.module-color * {
  color: white;
}
.btn.module-color.outlined {
  background-color: transparent;
  box-shadow: none;
  color: #686A6D;
}
.btn.module-color.outlined:focus,
.btn.module-color.outlined:hover {
  background-color: rgba(104, 106, 109, 0.2);
}
.btn.module-color.outlined * {
  color: #686A6D;
}
.btn.module-color.text {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
  color: #686A6D;
}
.btn.module-color.text:focus,
.btn.module-color.text:hover {
  background-color: rgba(104, 106, 109, 0.2);
}
.btn.module-color.text * {
  color: #686A6D;
}
.btn:disabled:focus,
.btn:disabled:hover,
.btn:disabled:active {
  box-shadow: none;
}
.btn.input,
.btn.filter,
.btn.search {
  margin: -28px 0 0 auto;
  padding: 5px 25px 5px 5px;
  background-color: #686A6D;
  color: white !important;
  -webkit-border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;
  border-color: rgba(255, 255, 255, 0.3);
  position: relative;
  height: 28px;
}
.btn.input:before,
.btn.filter:before,
.btn.search:before {
  content: '';
  font: normal normal normal 14px/1;
  font-family: FontAwesome, Helvetica, Arial, sans-serif;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: 8px;
  height: 12px;
  width: 15px;
  margin: auto;
  top: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.btn.input.separate,
.btn.filter.separate,
.btn.search.separate {
  margin: 0;
  border-radius: 5px;
}
.btn.filter:before {
  content: "\f0b0";
}
.btn.search:before {
  content: "\f002";
}
.btn.input {
  margin-top: -28px;
  padding: 5px 6px !important;
}
.btn.input .fa {
  color: white !important;
  margin-left: 8px;
  line-height: 0;
}
.btn.input .fa:before {
  color: white !important;
}
.btn.inline {
  display: inline-flex;
  margin-right: 20px;
  vertical-align: top;
}
.btn.no-text {
  padding: 7px;
}
.btn.go-back {
  margin: 0 0 20px 0;
  color: white !important;
  background-color: #686A6D;
}
.btn.go-back .fa {
  font-size: 14px;
  color: white !important;
  vertical-align: text-bottom;
  display: inline-block;
}
.btn[disabled] {
  background-color: #bdbdbd !important;
  border: 1px solid #bdbdbd !important;
  color: #616161 !important;
  cursor: not-allowed !important;
  box-shadow: none !important;
  text-shadow: none !important;
}
.btn[disabled] .fa {
  color: #616161 !important;
}
.btn[disabled]:before {
  color: #616161 !important;
  text-shadow: none;
}
.btn[disabled]:hover .fa,
.btn[disabled]:hover .fa:before,
.btn[disabled]:hover i:before,
.btn[disabled]:hover em:before {
  color: #616161 !important;
}
.btn[disabled]:hover .btn-actions-label {
  background-color: #bdbdbd !important;
  color: #616161 !important;
}
.btn[disabled] .btn-actions-label {
  background-color: #bdbdbd !important;
  color: #616161 !important;
}
.btn.full {
  width: 100%;
  padding: 13px 7px;
  margin: 3px 0;
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  border-radius: 23px;
}
@media (max-width: 543px) {
  .btn.full-xs {
    width: 100%;
    padding: 13px 7px;
    margin: 3px 0;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    border-radius: 23px;
  }
}
@media (max-width: 767px) {
  .btn.full-sm {
    width: 100%;
    padding: 13px 7px;
    margin: 3px 0;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    border-radius: 23px;
  }
}
@media (max-width: 991px) {
  .btn.full-md {
    width: 100%;
    padding: 13px 7px;
    margin: 3px 0;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    border-radius: 23px;
  }
}
@media (max-width: 1199px) {
  .btn.full-lg {
    width: 100%;
    padding: 13px 7px;
    margin: 3px 0;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    border-radius: 23px;
  }
}
.btn-dropdown .btn {
  position: relative;
}
.btn-dropdown .btn.module-color,
.btn-dropdown .btn.warning,
.btn-dropdown .btn.positive,
.btn-dropdown .btn.negative {
  color: white;
}
.btn-dropdown .btn.btn-dropdown-opener {
  padding-right: 30px;
}
.btn-dropdown .btn.btn-dropdown-opener:before {
  content: "\f078";
  display: flex;
  justify-content: center;
  align-items: center;
  font: normal normal normal 14px/1;
  font-family: FontAwesome, Helvetica, Arial, sans-serif;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: 8px;
  top: 5px;
  height: 14px;
  width: 12px;
  margin: auto;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.btn-dropdown .btn.btn-dropdown-opener:focus {
  outline: none;
}
.btn-dropdown .btn-dropdown-list {
  border: 1px solid #cecdcd;
  background: white;
  list-style: none;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  min-width: 150px;
  display: none;
  position: absolute;
  z-index: 3;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  margin: auto;
  margin-top: 0px;
  overflow: hidden;
  text-align: left !important;
}
.btn-dropdown .btn-dropdown-list.right-all {
  right: 0;
}
.btn-dropdown .btn-dropdown-list.left-all {
  left: 0;
}
@media (min-width: 768px) and (max-width: 992px) {
  .btn-dropdown .btn-dropdown-list.left-sm {
    left: 0;
    right: inherit;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .btn-dropdown .btn-dropdown-list.right-sm {
    right: 0;
    left: inherit;
  }
}
@media (min-width: 992px) {
  .btn-dropdown .btn-dropdown-list.left-md {
    left: 0;
    right: inherit;
  }
}
@media (min-width: 992px) {
  .btn-dropdown .btn-dropdown-list.right-md {
    right: 0;
    left: inherit;
  }
}
@media (max-width: 769px) {
  .btn-dropdown .btn-dropdown-list {
    width: 100%;
    left: 0;
    right: 0;
    margin: auto;
  }
}
.btn-dropdown .btn-dropdown-list li {
  display: block;
  padding: 8px 10px;
  border-bottom: 1px solid #cecdcd;
  line-height: 1;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.btn-dropdown .btn-dropdown-list li:hover {
  cursor: pointer;
  background: #eeeeee;
}
.btn-dropdown .btn-dropdown-list li:last-child {
  border: none;
}
.btn-dropdown .btn-dropdown-list li a {
  color: #4f5153 !important;
  font-weight: bold;
  display: block;
}
.btn-dropdown.open .btn {
  position: relative;
  z-index: 4;
}
.btn-dropdown.open .btn:before {
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  margin: auto;
}
.btn-dropdown.open .btn-dropdown-list {
  display: table;
  margin-top: 0px;
}
.btn-group {
  display: flex;
}
.btn-group.right {
  justify-content: flex-end;
}
.btn-group .btn {
  vertical-align: top;
  margin-right: 0;
  border-color: transparent;
}
.btn-group .btn.module-color,
.btn-group .btn.neutral,
.btn-group .btn.warning,
.btn-group .btn.positive,
.btn-group .btn.negative {
  border-left: 1px solid rgba(0, 0, 0, 0.2);
}
.btn-group .btn.module-color:first-child,
.btn-group .btn.neutral:first-child,
.btn-group .btn.warning:first-child,
.btn-group .btn.positive:first-child,
.btn-group .btn.negative:first-child {
  border-left: none;
}
@media (max-width: 768px) {
  .btn-group .btn {
    margin-top: -1px;
    margin-right: -1px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
  .btn-group .btn:first-child {
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -o-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -o-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    padding-right: 9px;
  }
  .btn-group .btn:last-child {
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -o-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -o-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    padding-left: 9px;
  }
}
@media (min-width: 769px) {
  .btn-group .btn {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
  .btn-group .btn:first-child {
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -o-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -o-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    padding-right: 9px;
  }
  .btn-group .btn:last-child {
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -o-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -o-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    padding-left: 9px;
  }
}
@media (max-width: 768px) {
  .btn-group .btn.round {
    margin-top: -1px;
    margin-right: -1px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
  .btn-group .btn.round:first-child {
    -webkit-border-top-left-radius: 13px;
    -moz-border-radius-topleft: 13px;
    -o-border-top-left-radius: 13px;
    border-top-left-radius: 13px;
    -webkit-border-bottom-left-radius: 13px;
    -moz-border-radius-bottomleft: 13px;
    -o-border-bottom-left-radius: 13px;
    border-bottom-left-radius: 13px;
    padding-right: 9px;
  }
  .btn-group .btn.round:last-child {
    -webkit-border-top-right-radius: 13px;
    -moz-border-radius-topright: 13px;
    -o-border-top-right-radius: 13px;
    border-top-right-radius: 13px;
    -webkit-border-bottom-right-radius: 13px;
    -moz-border-radius-bottomright: 13px;
    -o-border-bottom-right-radius: 13px;
    border-bottom-right-radius: 13px;
    padding-left: 9px;
  }
}
@media (min-width: 769px) {
  .btn-group .btn.round {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
  .btn-group .btn.round:first-child {
    -webkit-border-top-left-radius: 13px;
    -moz-border-radius-topleft: 13px;
    -o-border-top-left-radius: 13px;
    border-top-left-radius: 13px;
    -webkit-border-bottom-left-radius: 13px;
    -moz-border-radius-bottomleft: 13px;
    -o-border-bottom-left-radius: 13px;
    border-bottom-left-radius: 13px;
    padding-right: 9px;
  }
  .btn-group .btn.round:last-child {
    -webkit-border-top-right-radius: 13px;
    -moz-border-radius-topright: 13px;
    -o-border-top-right-radius: 13px;
    border-top-right-radius: 13px;
    -webkit-border-bottom-right-radius: 13px;
    -moz-border-radius-bottomright: 13px;
    -o-border-bottom-right-radius: 13px;
    border-bottom-right-radius: 13px;
    padding-left: 9px;
  }
}
.btn-save {
  position: fixed;
  right: 25px;
  bottom: 25px;
  z-index: 99;
  display: block;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  -ms-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  text-align: right;
}
.btn-save.bottom {
  margin: 0 auto;
  position: relative;
  bottom: 0;
  display: table;
}
.btn-save.bottom .btn {
  margin-top: 10px;
}
.btn-save .details {
  width: 0;
  height: 0;
  overflow: hidden;
}
.btn-save.has-details {
  transition: 0.4s all;
  width: 55px;
  height: 55px;
  border-radius: 50%;
}
.btn-save.has-details:before {
  content: '';
  position: absolute;
  background-color: #4a4c4e;
  transition: 0.4s all;
  width: 580px;
  height: 791px;
  border-radius: 395.5px;
}
.btn-save.has-details .btn {
  position: fixed;
  margin-left: 0!important;
  right: 25px;
  bottom: 25px;
}
.btn-save.has-details.show {
  width: 400px;
  height: 290px;
  right: 0;
  bottom: 0;
  border-radius: 0;
  border-top-left-radius: 485.5px;
  overflow: hidden;
}
.btn-save.has-details.show .details {
  width: auto;
  height: 100%;
  padding: 35px 35px 35px 75px;
  z-index: 9;
  color: white;
  position: relative;
  overflow: hidden;
  right: 0;
}
.btn-save.has-details.show .details * {
  color: white;
}
.btn-save.has-details.show .details h1 {
  padding-top: 20px;
  margin-bottom: 30px;
  font-size: 24px;
}
.btn-save.has-details.show .details p {
  font-size: 18px;
  margin-bottom: 10px;
}
.btn-save.has-details.show .btn {
  z-index: 10;
}
.btn-save.has-details.show:before {
  border: 1px solid #fff;
  box-shadow: 0 0 3px 0 #CCC;
  left: 0;
}
.btn-save .btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  width: 40px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  -webkit-box-shadow: 0 0 13px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 13px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 13px rgba(0, 0, 0, 0.2);
  text-align: center;
  margin-left: 5px;
  padding: 0;
}
.btn-save .btn:disabled:hover {
  -webkit-box-shadow: 0 0 13px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 13px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 13px rgba(0, 0, 0, 0.2);
}
@media (min-width: 769px) {
  .btn-save .btn {
    height: 55px;
    width: 55px;
  }
}
.btn-save .btn:before {
  width: 100%;
  text-align: center;
  font: normal normal normal 14px/1;
  font-family: FontAwesome, Helvetica, Arial, sans-serif;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 18px;
  display: block;
}
@media (min-width: 769px) {
  .btn-save .btn:before {
    font-size: 30px;
    font-size: 20px;
  }
}
.btn-save .btn.other:before,
.btn-save .btn.neutral:before,
.btn-save .btn.negative:before,
.btn-save .btn.warning:before,
.btn-save .btn.positive:before {
  color: white !important;
  text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
}
.btn-save .btn.other,
.btn-save .btn.neutral {
  background-color: #686A6D;
  border-color: #686A6D;
}
.btn-save .btn:after {
  max-width: 100%;
  max-height: 100%;
}
.btn-save .btn.hint:not([disabled]) .hint-content:hover,
.btn-save .btn.hint:not([disabled]) .hint-content:focus,
.btn-save .btn.hint:not([disabled]):hover .hint-content,
.btn-save .btn.hint:not([disabled]).show-hint-on-focus:focus .hint-content {
  width: initial !important;
  white-space: nowrap !important;
}
.btn-save.vertical-options {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 50%;
}
.btn-save.vertical-options .btn {
  display: flex;
  justify-content: center;
  margin: 0;
}
.btn-save.vertical-options > .btn .fa {
  font-size: 26px;
}
.btn-save.vertical-options .options {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: all 0.4s;
}
.btn-save.vertical-options .options .btn {
  transform: scale(0.2);
  margin: 10px;
}
.btn-save.vertical-options .options .btn .fa {
  font-size: 14px;
}
.btn-save.vertical-options .options .btn.warning *,
.btn-save.vertical-options .options .btn.positive *,
.btn-save.vertical-options .options .btn.negative * {
  color: white;
}
.btn-save.vertical-options.hover {
  border-radius: 0;
}
.btn-save.vertical-options.hover .options {
  height: fit-content;
  overflow: visible;
}
.btn-save.vertical-options.hover .options .btn {
  transform: scale(1);
}
.btn-save:not(.vertical-options) .btn.positive:not(.fa):before {
  content: '\f00c';
}
.btn-save:not(.vertical-options) .btn.negative:not(.fa):before {
  content: '\f00d';
}
.btn-save:not(.vertical-options) .btn.neutral:not(.fa):before {
  content: '\f067';
}
.btn-group.export .btn {
  border: 1px solid #E8E7E7;
  background-color: white;
  text-transform: capitalize;
  justify-content: flex-start;
  border-right: none;
  overflow: hidden;
  width: 30px;
  white-space: nowrap;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  padding: 0 10px 0 0;
}
.btn-group.export .btn,
.btn-group.export .btn .fa {
  color: #989899 !important;
}
.btn-group.export .btn .fa,
.btn-group.export .btn .fa:before {
  display: flex;
  justify-content: center;
  font-size: 19px;
  width: 30px;
  height: 18px;
  vertical-align: sub;
  margin: 0px;
  text-align: center;
}
@media (min-width: 768px) {
  .btn-group.export .btn:first-child {
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
  }
  .btn-group.export .btn:last-child {
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
    padding-right: 9px;
    border: 1px solid #E8E7E7;
  }
}
.btn-group.export .btn:hover {
  width: initial;
  background-color: #4f5153;
  border-color: #4f5153;
  padding-left: 3px;
}
.btn-group.export .btn:hover,
.btn-group.export .btn:hover .fa {
  color: white !important;
}
a.btn {
  display: inline-flex;
}
label.label {
  font-size: 11px;
  font-weight: 400;
  margin-bottom: 4px;
  color: #5d5d5d;
  display: block;
}
@media (min-width: 768px) {
  label.label {
    min-height: 16px;
  }
}
label.label::first-letter {
  text-transform: uppercase;
}
label.label + label {
  border-bottom: 1px solid #D6D6D6;
  height: 28px;
  display: flex;
  align-items: center;
}
label.label .optional {
  text-transform: uppercase;
  font-size: 8px;
  float: right;
  text-align: right;
  position: relative;
  right: 0;
  line-height: 16PX;
}
label.label .hint:not(.input).sm {
  height: 0;
  margin-top: -1px;
}
.form-group {
  padding-top: 10px;
  position: relative;
}
input,
select {
  min-height: 28px;
  max-height: 28px;
}
input,
select,
textarea {
  border: 1px solid #D6D6D6;
  background-color: white;
  padding: 4px 6px;
  width: 100%;
  display: block;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #5d5d5d;
  font-size: 13px;
}
input:focus,
select:focus,
textarea:focus {
  border-color: #5d5d5d !important;
}
input.error,
select.error,
textarea.error {
  border-color: #da0e0e;
  color: #da0e0e;
}
input[type=checkbox],
select[type=checkbox],
textarea[type=checkbox],
input[type=radio],
select[type=radio],
textarea[type=radio] {
  width: 15px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
  min-height: 0;
}
input.readonly,
select.readonly {
  background: transparent;
  border: none;
  border-bottom: 1px solid #D6D6D6;
  border-radius: 0;
  cursor: initial;
  pointer-events: none;
}
input.disabled,
input[disabled=disabled],
input[disabled],
select.disabled,
select[disabled=disabled],
select[disabled] {
  background: #dcdcdc;
  text-shadow: 1px 1px white;
  cursor: not-allowed !important;
}
input + .spinner {
  animation: loading 1.3s infinite linear;
  color: #686A6D;
  display: none;
  background: none;
  margin: -26px 6px 0 auto;
  line-height: 24px;
  text-align: center;
  float: right;
  border-radius: 3px;
  text-shadow: 1px 1px rgba(255, 255, 255, 0.5);
  position: relative;
  z-index: 6;
}
input + .clear-button {
  color: #686A6D;
  display: none;
  background: none;
  margin: -26px 6px 0 auto;
  line-height: 24px;
  text-align: center;
  float: right;
  border-radius: 3px;
  text-shadow: 1px 1px rgba(255, 255, 255, 0.5);
  position: relative;
  z-index: 6;
  cursor: pointer;
}
input.selected + .clear-button {
  display: table;
}
input.loading {
  background-image: none !important;
}
input.loading + .spinner {
  display: table;
}
@keyframes loading {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
textarea {
  height: 100px;
  resize: none;
}
.help-message {
  display: block;
  color: #da0e0e;
  font-size: 10px;
  margin: 0 0 0 6px;
}
elo-autocomplete.ng-invalid input,
elo-datepicker.ng-invalid input,
input.ng-invalid,
select.ng-invalid {
  border: 1px solid red;
}
elo-autocomplete.ng-pristine.ng-invalid input,
elo-datepicker.ng-pristine.ng-invalid input,
input.ng-pristine.ng-invalid,
select.ng-pristine.ng-invalid,
textarea.ng-pristine.ng-invalid,
select[required],
input[required],
textarea[required] {
  background-image: url('../../img/misc//input-required.png');
  background-position: center right;
  background-repeat: no-repeat;
  padding-right: 7px;
  border-color: #D6D6D6;
}
elo-autocomplete.ng-pristine.ng-invalid input.right,
elo-datepicker.ng-pristine.ng-invalid input.right,
input.ng-pristine.ng-invalid.right,
select.ng-pristine.ng-invalid.right,
textarea.ng-pristine.ng-invalid.right,
select[required].right,
input[required].right,
textarea[required].right {
  background-position: center left;
}
textarea.ng-pristine.ng-invalid,
textarea[required] {
  background-position-y: 10px;
}
input.required-left.ng-pristine.ng-invalid {
  background-image: url('../../img/misc//input-required.png');
  background-position: center left;
  background-repeat: no-repeat;
  padding-right: 7px;
  border-color: #D6D6D6;
}
input.required-left.ng-pristine.ng-invalid.right {
  background-position: center left;
}
select.ng-pristine.ng-invalid,
select[required] {
  background-position: center right 10px;
}
select.ng-pristine.ng-invalid.right,
select[required].right {
  background-position: center left 10px;
}
elo-autocomplete.ng-invalid input,
elo-datepicker.ng-invalid input {
  background-position: center right 32px;
}
elo-autocomplete.ng-invalid input.right,
elo-datepicker.ng-invalid input.right {
  background-position: center left 32px;
}
elo-autocomplete.ng-invalid input.required_with_button {
  background-position: center right 32px !important;
}
.has-input-icon + .input-icon,
.input-icon {
  margin: 0 auto;
  width: 24px;
  height: 24px;
  text-align: center;
  margin-top: -26px;
  margin-right: 2px !important;
  z-index: 5;
  float: right;
  border-radius: 3px !important;
  display: table;
  cursor: pointer;
  color: #585858;
  background-color: #eaeaea;
  text-shadow: 1px 1px rgba(255, 255, 255, 0.5);
  position: relative;
  z-index: 6;
}
.has-input-icon + .input-icon:before,
.input-icon:before {
  display: table-cell;
  vertical-align: middle;
}
.has-input-icon + .input-icon.text,
.input-icon.text {
  display: flex;
  justify-content: center;
  align-items: center;
  font-style: normal;
  width: fit-content;
  padding: 0 10px;
  font-size: 12px;
  border-radius: 3px;
}
.has-input-icon + .input-icon.flex,
.input-icon.flex {
  display: flex;
  justify-content: center;
  align-items: center;
}
.checkbox-group input[type="checkbox"],
.radio-group input[type="radio"] {
  margin-left: 10px;
}
.checkbox-group input[type="checkbox"]:nth-of-type(1),
.radio-group input[type="radio"]:nth-of-type(1) {
  margin-left: 0;
}
.image-uploader-add,
.image-uploader {
  display: inline-block;
  margin-left: 10px;
  position: relative;
}
.image-uploader-add,
.image-uploader,
.image-uploader-add .image-uploader-input,
.image-uploader .image-uploader-input,
.image-uploader-add .image-uploader-label,
.image-uploader .image-uploader-label {
  height: 100px;
  width: 100px;
  max-height: 100px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
  border: none;
  background: transparent;
}
.image-uploader {
  vertical-align: top;
  background: #eeeeee !important;
  border: 1px solid rgba(0, 0, 0, 0.05) !important;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.image-uploader:nth-of-type(1) {
  margin-left: 0;
}
.image-uploader:before {
  content: "\f03e";
  font: normal normal normal 14px/1;
  font-family: FontAwesome, Helvetica, Arial, sans-serif;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  margin: auto;
  color: #bfbcbc;
  font-size: 41px;
  top: 10px;
}
.image-uploader:after {
  content: "Clique ou arraste para anexar";
  position: absolute;
  margin: auto;
  color: #bfbcbc;
  font-size: 11px;
  line-height: 11px;
  bottom: 10px;
  padding: 0 5px;
  text-align: center;
}
.image-uploader .image-uploader-input,
.image-uploader .image-uploader-label {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: transparent;
  cursor: pointer;
}
.image-uploader .image-uploader-input {
  z-index: 3;
  -webkit-opacity: 0;
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
  font-size: 0;
  color: transparent;
}
.image-uploader .image-uploader-image {
  z-index: 3;
  max-width: 100%;
  max-height: 100%;
  display: block;
  margin: 0 auto;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  background: #eeeeee;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.image-uploader .image-uploader-remove {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 5px;
  top: 5px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  background: #d9534f;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  color: white;
  z-index: 6;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.4s all;
}
.image-uploader .image-uploader-remove:before {
  content: "\f00d";
  font: normal normal normal 14px/1;
  font-family: FontAwesome, Helvetica, Arial, sans-serif;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: white;
  width: 100%;
  display: block;
  text-align: center;
  font-size: 11px;
  font-style: initial;
}
.image-uploader .image-uploader-remove:hover {
  background: #d43f3a;
}
.image-uploader-add {
  width: 80px;
}
.image-uploader-add:before {
  content: "\f067";
  font: normal normal normal 14px/1;
  font-family: FontAwesome, Helvetica, Arial, sans-serif;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: white;
  width: 60px;
  height: 60px;
  background: #686A6D;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
  text-align: center;
  font-size: 30px;
  padding-top: 15px;
  cursor: pointer;
}
.file-uploader {
  position: relative;
}
.file-uploader .file-uploader-input {
  position: relative;
  z-index: 3;
  width: 100%;
  min-height: 28px;
  outline: none;
  padding: 0;
  cursor: pointer;
  border: 0;
  opacity: 0;
}
.file-uploader .file-uploader-input:focus + label.input,
.file-uploader .file-uploader-input:focus-within + label.input {
  border-color: #5d5d5d !important;
}
.file-uploader .file-uploader-input:focus ~ .file-uploader-icon,
.file-uploader .file-uploader-input:focus-within ~ .file-uploader-icon {
  background: #585858;
  color: #d6d6d6;
}
.file-uploader .file-uploader-input:hover ~ .file-uploader-icon {
  background: #585858;
  color: #d6d6d6;
}
.file-uploader .file-uploader-input.error + label.input {
  border-color: #df382c;
}
.file-uploader label.input {
  border: 1px solid #d6d6d6;
  border-radius: 3px;
  left: 0;
  width: 100%;
  opacity: 1;
  visibility: visible;
  text-align: left;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  overflow: hidden;
  padding: 4px;
  z-index: 2;
  height: 28px;
  position: absolute;
  top: 0;
}
.file-uploader label.input:before {
  content: attr(data-title);
  position: absolute;
}
.file-uploader label.input:hover ~ .file-uploader-icon {
  background: #585858;
  color: #d6d6d6;
}
.file-uploader .file-uploader-icon {
  background: #d6d6d6;
  width: 28px;
  height: 24px;
  border-radius: 2px;
  color: #585858;
  font-size: 14px;
  position: absolute;
  top: 2px;
  right: 2px;
  font-style: normal;
  text-align: center;
  line-height: 24px;
  visibility: visible;
  transition: all 0.2s;
  cursor: pointer;
}
.file-uploader .file-uploader-icon:before {
  content: "\f093";
  font: normal normal normal 14px/1;
  font-family: FontAwesome, Helvetica, Arial, sans-serif;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.file-uploader.onselect .file-uploader-icon {
  z-index: 3;
  cursor: pointer;
}
.file-uploader.onselect .file-uploader-icon:before {
  content: "\f00d";
}
.file-uploader.error .file-uploader-input + label.input {
  border-color: #df382c;
}
.radio-check-group .radio,
.radio-check-group .checkbox {
  vertical-align: top;
  cursor: pointer;
}
@media (min-width: 768px) {
  .radio-check-group .radio,
  .radio-check-group .checkbox {
    display: inline-block;
    margin-left: 10px;
  }
  .radio-check-group .radio:nth-of-type(1),
  .radio-check-group .checkbox:nth-of-type(1) {
    margin-left: 0;
  }
}
.has-input-icon {
  padding-right: 35px !important;
  background-position: center right 30px !important;
}
.suffix,
.prefix {
  display: flex;
  flex-wrap: wrap;
}
.suffix .help-message,
.prefix .help-message {
  width: 100%;
}
.suffix .suffix-input,
.prefix .suffix-input,
.suffix .prefix-input,
.prefix .prefix-input {
  flex: 1;
}
.suffix .suffix-input,
.prefix .suffix-input {
  border-radius: 3px 0 0 3px;
}
.suffix .prefix-input,
.prefix .prefix-input {
  border-radius: 0 3px 3px 0;
}
.suffix .suffix-label,
.prefix .suffix-label,
.suffix .prefix-label,
.prefix .prefix-label {
  padding: 0 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #eaeaea;
  color: #5d5d5d;
  border: 1px solid #d6d6d6;
  font-weight: 700;
  font-size: 10px;
  text-transform: uppercase;
}
.suffix .suffix-label.hint,
.prefix .suffix-label.hint,
.suffix .prefix-label.hint,
.prefix .prefix-label.hint {
  width: auto;
  height: 28px;
}
.suffix .suffix-label.text-overflow,
.prefix .suffix-label.text-overflow,
.suffix .prefix-label.text-overflow,
.prefix .prefix-label.text-overflow {
  max-width: 50%;
  line-height: 28px;
  height: 28px;
  justify-content: flex-start;
}
.suffix .suffix-label.text-overflow p,
.prefix .suffix-label.text-overflow p,
.suffix .prefix-label.text-overflow p,
.prefix .prefix-label.text-overflow p {
  width: 100%;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 700;
}
.suffix .suffix-label,
.prefix .suffix-label {
  border-radius: 0 3px 3px 0;
  border-left: none;
}
.suffix .prefix-label,
.prefix .prefix-label {
  border-radius: 3px 0 0 3px;
  border-right: none;
}
.placeholder-loader label {
  position: relative;
  width: auto;
  float: left;
  clear: both;
  border: none !important;
  background-position: inherit;
  color: transparent;
  text-shadow: none;
  /* for Firefox */
  -moz-appearance: none;
  /* for Chrome */
  -webkit-appearance: none;
  animation-duration: 2s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-name: placeholderAnimate;
  background: #f6f7f8;
  background-image: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%) !important;
  background-repeat: repeat !important;
  background-size: 1300px !important;
  border-radius: 3px;
}
.placeholder-loader label:before {
  content: none !important;
}
.placeholder-loader label .hint {
  display: none;
}
.placeholder-loader input,
.placeholder-loader textarea,
.placeholder-loader select {
  min-height: 28px;
  border: none !important;
  background-position: inherit;
  color: transparent;
  text-shadow: none;
  /* for Firefox */
  -moz-appearance: none;
  /* for Chrome */
  -webkit-appearance: none;
  animation-duration: 2s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-name: placeholderAnimate;
  background: #f6f7f8;
  background-image: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%) !important;
  background-repeat: repeat !important;
  background-size: 1300px !important;
  border-radius: 3px;
}
.placeholder-loader input::placeholder,
.placeholder-loader textarea::placeholder,
.placeholder-loader select::placeholder {
  color: transparent;
}
.placeholder-loader .input-icon,
.placeholder-loader .hint.input {
  display: none !important;
}
.placeholder-loader .image-uploader {
  border: none!important;
}
@media screen and (min-width: 768px) {
  .panel-body.scroll-x {
    transform: translateZ(0);
  }
  .panel-body.scroll-x .panel-table-outer {
    overflow-x: auto;
    scrollbar-width: thin;
    /* Track */
    /* Handle */
    /* Handle on hover */
  }
  .panel-body.scroll-x .panel-table-outer::-webkit-scrollbar {
    width: 5px;
    height: 5px;
  }
  .panel-body.scroll-x .panel-table-outer::-webkit-scrollbar-track {
    background: transparent;
  }
  .panel-body.scroll-x .panel-table-outer::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 0 0 8px 8px;
  }
  .panel-body.scroll-x .panel-table-outer::-webkit-scrollbar-thumb:hover {
    background: #777;
  }
  .panel-body.scroll-x .panel-table-outer th,
  .panel-body.scroll-x .panel-table-outer td {
    min-width: 200px;
  }
  .panel-body.scroll-x .panel-table-outer th.column-checkbox,
  .panel-body.scroll-x .panel-table-outer td.column-checkbox,
  .panel-body.scroll-x .panel-table-outer th.column-radio,
  .panel-body.scroll-x .panel-table-outer td.column-radio {
    min-width: 45px;
    width: 45px !important;
  }
  .panel-body.scroll-x .panel-table-outer .column-selector,
  .panel-body.scroll-x .panel-table-outer .header-button {
    position: fixed;
    padding: 12px 10px;
    right: 0;
    background: white;
    min-width: 45px;
    width: 45px !important;
    z-index: 6;
    border-bottom: 0;
    border-left: 0;
    border-top-right-radius: 8px;
  }
  .panel-body.scroll-x .panel-table-outer .header-button {
    padding: 14px 8px 13px 8px;
    margin-top: 1px;
  }
  .panel-body.scroll-x .panel-table-outer .column-selector {
    padding-top: 11px;
    margin-top: 1px;
  }
  .panel-body.scroll-x .panel-table-outer .fixed {
    display: block;
  }
  .panel-body.scroll-x .panel-table-outer .has-btn-actions {
    position: fixed;
    right: 0;
    border: none;
    z-index: 1;
    border-bottom: 0;
  }
  .panel-body.scroll-x .panel-table-outer .btn-actions-inner {
    margin-top: 1px;
  }
  .panel-body.scroll-x .panel-table-outer .panel-table.inverted {
    background: white;
  }
  .panel-body.scroll-x .panel-table-outer .panel-table.inverted tbody {
    background: #e6e4e4;
  }
  .panel-body.scroll-x .panel-table-outer .panel-table tfoot .column-selector,
  .panel-body.scroll-x .panel-table-outer .panel-table tfoot .header-button {
    background: transparent;
  }
  .panel-body.scroll-x .panel-table-outer .child-table tbody tr.reduced:hover .btn-actions-inner {
    margin-right: 20px;
  }
  .panel-body.scroll-x.fixed .panel-table-outer {
    max-height: 260px;
  }
  .panel-body.scroll-x .panel-table tr.reduced:hover .btn-actions .btn-actions-inner {
    margin-top: 1px;
  }
  .panel-body.scroll-x .panel-table tr.reduced:focus-within .btn-actions .btn-actions-inner {
    margin-top: 1px;
  }
  .panel-body.scroll-x .panel-table.fixed .child-table tr {
    display: table-row !important;
    width: auto !important;
    table-layout: auto !important;
  }
  .panel-body.scroll-x .panel-table.fixed .child-table th,
  .panel-body.scroll-x .panel-table.fixed .child-table td {
    width: auto !important;
  }
  .panel-body.scroll-x .panel-table.fixed th,
  .panel-body.scroll-x .panel-table.fixed td {
    width: 200px;
  }
  .panel-body.scroll-x .panel-table.fixed tbody {
    position: relative;
  }
  .panel-body.scroll-x .panel-table.fixed thead:not(:hover) .header-button,
  .panel-body.scroll-x .panel-table.fixed thead:not(:hover) .column-selector {
    width: 0;
    height: 0;
    padding: 0;
    overflow: hidden;
  }
  .panel-body.scroll-x .panel-table.fixed.tfoot-fixed tfoot {
    position: relative;
  }
  .panel-body.scroll-x .panel-table.fixed:not(.transparent-footer) tfoot td {
    background-color: #e5e5e5;
  }
}
.panel-body .panel-table-outer {
  display: block;
  width: 100%;
  min-height: 0.01%;
  border: 1px solid #ddd;
  border-bottom: none;
  margin-top: -1px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .panel-body .panel-table-outer {
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .panel-body .panel-table-outer > .table {
    margin-bottom: 0;
  }
  .panel-body .panel-table-outer > .table > thead > tr > th,
  .panel-body .panel-table-outer > .table > tbody > tr > th,
  .panel-body .panel-table-outer > .table > tfoot > tr > th,
  .panel-body .panel-table-outer > .table > thead > tr > td,
  .panel-body .panel-table-outer > .table > tbody > tr > td,
  .panel-body .panel-table-outer > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .panel-body .panel-table-outer > .table-bordered {
    border: 0;
  }
  .panel-body .panel-table-outer > .table-bordered > thead > tr > th:first-child,
  .panel-body .panel-table-outer > .table-bordered > tbody > tr > th:first-child,
  .panel-body .panel-table-outer > .table-bordered > tfoot > tr > th:first-child,
  .panel-body .panel-table-outer > .table-bordered > thead > tr > td:first-child,
  .panel-body .panel-table-outer > .table-bordered > tbody > tr > td:first-child,
  .panel-body .panel-table-outer > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .panel-body .panel-table-outer > .table-bordered > thead > tr > th:last-child,
  .panel-body .panel-table-outer > .table-bordered > tbody > tr > th:last-child,
  .panel-body .panel-table-outer > .table-bordered > tfoot > tr > th:last-child,
  .panel-body .panel-table-outer > .table-bordered > thead > tr > td:last-child,
  .panel-body .panel-table-outer > .table-bordered > tbody > tr > td:last-child,
  .panel-body .panel-table-outer > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .panel-body .panel-table-outer > .table-bordered > tbody > tr:last-child > th,
  .panel-body .panel-table-outer > .table-bordered > tfoot > tr:last-child > th,
  .panel-body .panel-table-outer > .table-bordered > tbody > tr:last-child > td,
  .panel-body .panel-table-outer > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}
@media only screen and (min-width: 768px) {
  .panel-body .panel-table-outer.has-column-selector .fixed tr.reduced td.has-btn-actions,
  .panel-body .panel-table-outer.has-header-button .fixed tr.reduced td.has-btn-actions {
    width: 43px;
  }
  .panel-body .panel-table-outer.has-column-selector .fixed .child-table:not(.has-column-selector) tr.reduced td.has-btn-actions,
  .panel-body .panel-table-outer.has-header-button .fixed .child-table:not(.has-column-selector) tr.reduced td.has-btn-actions,
  .panel-body .panel-table-outer.has-column-selector .fixed .child-table:not(.has-header-button) tr.reduced td.has-btn-actions,
  .panel-body .panel-table-outer.has-header-button .fixed .child-table:not(.has-header-button) tr.reduced td.has-btn-actions {
    width: 0;
  }
}
.panel-body .panel-table-outer .column-checkbox,
.panel-body .panel-table-outer .column-radio {
  position: relative;
  width: 45px;
}
.panel .right {
  text-align: right;
}
.panel .center {
  text-align: center;
}
.panel.table {
  border: 1px solid #ddd;
}
.panel.table .panel-table-outer {
  border-top: 0;
}
.panel-body .panel-table {
  border: none;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .panel-body .panel-table.fixed {
    display: inline-grid;
    grid-template-areas: "head-fixed" "body-scrollable";
    position: relative;
  }
  .panel-body .panel-table.fixed thead {
    grid-area: head-fixed;
  }
  .panel-body .panel-table.fixed.border thead {
    margin-right: 5px;
  }
  .panel-body .panel-table.fixed tbody {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 260px;
    grid-area: body-scrollable;
    scrollbar-width: thin;
    /* Track */
    /* Handle */
  }
  .panel-body .panel-table.fixed tbody tr:first-child .btn-actions .btn .btn-actions-label {
    z-index: 9;
    top: 28px;
  }
  .panel-body .panel-table.fixed tbody tr:not(:first-child):last-child .btn-actions .btn.links {
    position: relative;
  }
  .panel-body .panel-table.fixed tbody tr:not(:first-child):last-child .btn-actions .btn.links .btn-actions-label {
    bottom: 28px;
  }
  .panel-body .panel-table.fixed tbody tr:last-child td:not(.has-btn-actions) {
    border-bottom: 1px solid #ddd;
  }
  .panel-body .panel-table.fixed tbody::-webkit-scrollbar {
    width: 5px;
    height: 5px;
  }
  .panel-body .panel-table.fixed tbody::-webkit-scrollbar-track {
    background: transparent;
  }
  .panel-body .panel-table.fixed tbody::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 0 0 8px 8px;
  }
  .panel-body .panel-table.fixed.tfoot-fixed {
    height: 350px;
  }
  .panel-body .panel-table.fixed.tfoot-fixed tfoot {
    display: block;
    margin-left: -2px;
    bottom: 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding-right: 5px;
  }
  .panel-body .panel-table.fixed tr {
    width: 100%;
    display: inline-table;
    table-layout: fixed;
    text-align: left;
  }
  .panel-body .panel-table.fixed tr.reduced td.has-btn-actions {
    width: 0;
    min-width: 0;
  }
  .panel-body .panel-table.fixed tfoot {
    display: none;
  }
  .panel-body .panel-table.fixed.fancy:not(.inverted) thead .column-selector:before,
  .panel-body .panel-table.fixed.fancy:not(.inverted) thead .header-button:before {
    content: '';
    width: 100%;
    height: 2px;
    background: #686A6D;
    display: block;
    position: absolute;
    bottom: -2px;
    right: 2px;
  }
  .panel-body .panel-table.fixed .child-table tbody {
    height: auto;
    overflow: visible;
    position: relative;
  }
}
.panel-body .panel-table .child-table {
  background-color: rgba(231, 236, 236, 0.4);
  margin: 0;
  padding: 15px 15px 15px 15px;
  border-bottom: 1px solid #DDD;
}
.panel-body .panel-table .child-table > td {
  border-bottom: 0 !important;
}
.panel-body .panel-table .child-table tbody tr:last-child td {
  border-bottom: 0;
}
.panel-body .panel-table .child-table .panel {
  margin-bottom: 0 !important;
}
.panel-body .panel-table .child-table .panel .panel-table-outer {
  border-top: 0;
}
@media only screen and (min-width: 768px) {
  .panel-body .panel-table .child-table .panel .panel-body .panel-table.fixed {
    height: auto;
  }
  .panel-body .panel-table .child-table .panel .panel-body .panel-table.fixed tbody {
    height: auto;
    position: relative;
  }
}
.panel-body .panel-table .header-button {
  padding: 0 8px;
  position: relative;
  width: 45px;
}
.panel-body .panel-table .header-button.fixed-with-visible-buttons {
  width: auto;
}
.panel-body .panel-table .header-button .btn-actions {
  display: block;
}
.panel-body .panel-table .header-button .btn-actions .btn-actions-inner {
  justify-content: flex-end;
}
.panel-body .panel-table .header-button .btn-actions .btn-actions-inner .btn {
  margin-left: 0;
}
.panel-body .panel-table .column-selector {
  padding: 0 10px;
  position: relative;
  width: 45px;
}
.panel-body .panel-table .column-selector > * {
  cursor: pointer;
}
.panel-body .panel-table .column-selector .hint {
  margin: 0 0 0 auto;
}
.panel-body .panel-table .column-selector .hint:before {
  line-height: initial;
  font-size: 16px;
}
.panel-body .panel-table .column-selector .options {
  margin: 0;
  position: absolute;
  width: 0;
  max-height: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  right: 0;
  display: flex;
  background: white;
  justify-content: space-between;
  flex-wrap: wrap;
  top: 0;
  opacity: 0;
  z-index: 7;
  scrollbar-width: thin;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.panel-body .panel-table .column-selector .options::-webkit-scrollbar {
  width: 4px;
  position: absolute;
}
.panel-body .panel-table .column-selector .options::-webkit-scrollbar-track {
  background: #E8E8E8;
}
.panel-body .panel-table .column-selector .options::-webkit-scrollbar-thumb {
  background: #8B8B8B;
  border-radius: 4px;
}
.panel-body .panel-table .column-selector .options::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.panel-body .panel-table .column-selector .options.actived {
  width: 350px;
  overflow-y: auto;
  box-shadow: 0px 1px 2px 0px #ddd;
  border: 1px solid #dddddd;
  border-radius: 3px;
  max-height: 200px;
  transition: top 0.2s, opacity 0.2s;
  top: 45px;
  opacity: 1;
}
.panel-body .panel-table .column-selector .options li {
  display: flex;
  white-space: nowrap;
  width: 50%;
  border-bottom: 1px solid #ddd;
  padding: 15px;
}
.panel-body .panel-table .column-selector.fixed-with-visible-buttons {
  width: auto;
}
.panel-body .panel-table.border td,
.panel-body .panel-table.border th {
  border-left: 1px solid;
  border-color: #DDDDDD;
}
.panel-body .panel-table.border td:nth-of-type(1),
.panel-body .panel-table.border th:nth-of-type(1) {
  border-left: none;
}
.panel-body .panel-table.inverted {
  background: #e6e4e4;
}
.panel-body .panel-table.inverted td,
.panel-body .panel-table.inverted th,
.panel-body .panel-table.inverted tfoot,
.panel-body .panel-table.inverted tbody tr td,
.panel-body .panel-table.inverted tbody tr:nth-of-type(1) td {
  border-color: white;
}
.panel-body .panel-table.inverted tfoot {
  background: #ccc5c5;
}
.panel-body .panel-table.inverted.fancy thead th {
  background: #686A6D;
  color: white;
  border-bottom: 2px solid white;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}
.panel-body .panel-table.inverted.fancy thead th span {
  color: white;
}
.panel-body .panel-table.fancy thead th {
  color: #686A6D;
  text-shadow: -1px 0 #4f5153;
  border-bottom: 2px solid #686A6D;
}
.panel-body .panel-table.fancy thead th > span {
  color: unset;
}
.panel-body .panel-table.striped tbody tr:nth-child(even) {
  background-color: #f7f7f7;
}
.panel-body .panel-table.striped tbody tr:nth-child(even) + .child-table {
  background-color: white;
}
.panel-body .panel-table tbody tr.error td:first-child {
  position: relative;
}
.panel-body .panel-table tbody tr.error td:first-child:before {
  content: '';
  height: 100%;
  width: 3px;
  background-color: #df382c;
  border-top: 1px solid #FFF;
  border-bottom: 1px solid #FFF;
  position: absolute;
  top: 0;
  left: 0;
}
.panel-body .panel-table tbody tr.highlight td:first-child {
  position: relative;
}
.panel-body .panel-table tbody tr.highlight td:first-child:before {
  content: '';
  height: 100%;
  width: 3px;
  background-color: #686A6D;
  border-top: 1px solid white;
  border-bottom: 1px solid white;
  position: absolute;
  top: 0;
  left: 0;
}
.panel-body .panel-table tbody tr.success td:first-child {
  position: relative;
}
.panel-body .panel-table tbody tr.success td:first-child:before {
  content: '';
  height: 100%;
  width: 3px;
  background-color: #32a636;
  border-top: 1px solid white;
  border-bottom: 1px solid white;
  position: absolute;
  top: 0;
  left: 0;
}
.panel-body .panel-table tbody tr.warning td:first-child {
  position: relative;
}
.panel-body .panel-table tbody tr.warning td:first-child:before {
  content: '';
  height: 100%;
  width: 3px;
  background-color: #d39e00;
  border-top: 1px solid white;
  border-bottom: 1px solid white;
  position: absolute;
  top: 0;
  left: 0;
}
.panel-body .panel-table tbody tr.rowSelected {
  background: #eee;
  box-shadow: 0 1px 5px -3px black;
}
.panel-body .panel-table tbody tr.rowSelected + tr {
  background: none !important;
}
.panel-body .panel-table tbody tr.changed {
  background: #ffe494;
}
.panel-body .panel-table tbody tr td {
  word-break: break-word;
}
.panel-body .panel-table tr td,
.panel-body .panel-table tr th {
  padding: 10px 10px;
  font-size: 14px;
  line-height: 1;
  font-weight: 400;
  text-align: left;
}
.panel-body .panel-table tr td,
.panel-body .panel-table tr th,
.panel-body .panel-table tr td b,
.panel-body .panel-table tr th b,
.panel-body .panel-table tr td span,
.panel-body .panel-table tr th span,
.panel-body .panel-table tr td .td-label,
.panel-body .panel-table tr th .td-label,
.panel-body .panel-table tr td .td-content,
.panel-body .panel-table tr th .td-content {
  color: #565656;
}
.panel-body .panel-table tr td.inline-flex,
.panel-body .panel-table tr th.inline-flex,
.panel-body .panel-table tr td b.inline-flex,
.panel-body .panel-table tr th b.inline-flex,
.panel-body .panel-table tr td span.inline-flex,
.panel-body .panel-table tr th span.inline-flex,
.panel-body .panel-table tr td .td-label.inline-flex,
.panel-body .panel-table tr th .td-label.inline-flex,
.panel-body .panel-table tr td .td-content.inline-flex,
.panel-body .panel-table tr th .td-content.inline-flex {
  display: inline-flex;
  align-items: center;
}
.panel-body .panel-table tr td.highlight,
.panel-body .panel-table tr th.highlight {
  background-color: rgba(189, 189, 189, 0.3);
}
.panel-body .panel-table tr td.changed,
.panel-body .panel-table tr th.changed {
  background-color: #ffe494;
}
.panel-body .panel-table th.sortable {
  padding-left: 25px;
  position: relative;
  cursor: pointer;
  user-select: none;
}
.panel-body .panel-table th.sortable:before {
  content: '';
  width: 15px;
  height: 15px;
  background: transparent url('../../img/misc//sortable.png') top left no-repeat;
  display: block;
  background-size: auto 15px;
  position: absolute;
  top: 14px;
  left: 5px;
}
.panel-body .panel-table th.sortable.asc:before {
  background-position: top center;
}
.panel-body .panel-table th.sortable.desc:before {
  background-position: top right;
}
.panel-body .panel-table th.sortable.right {
  padding-right: 25px;
}
.panel-body .panel-table th.sortable.right:before {
  left: initial;
  right: 5px;
}
.panel-body .panel-table tbody tr td {
  vertical-align: middle;
}
.panel-body .panel-table tbody tr td .status {
  border: 1px solid;
  padding: 2px 7px;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
  vertical-align: bottom;
}
.panel-body .panel-table tbody tr td .status.rascunho,
.panel-body .panel-table tbody tr td .status.module-color {
  border-color: #686A6D !important;
  color: #686A6D !important;
  padding: 2px 20px;
}
.panel-body .panel-table tbody tr td .status.concluida,
.panel-body .panel-table tbody tr td .status.positive {
  border-color: #659937 !important;
  color: #659937 !important;
  padding: 2px 20px;
}
.panel-body .panel-table tbody tr td .status.negative {
  border-color: #c7382d !important;
  color: #c7382d !important;
  padding: 2px 20px;
}
.panel-body .panel-table tbody tr td {
  border-bottom: 1px solid #DDDDDD;
}
.panel-body .panel-table tbody tr[class~="level-1"] td:first-child {
  padding-left: calc(1 * 20px) !important;
}
.panel-body .panel-table tbody tr[class~="level-2"] td:first-child {
  padding-left: calc(2 * 20px) !important;
}
.panel-body .panel-table tbody tr[class~="level-3"] td:first-child {
  padding-left: calc(3 * 20px) !important;
}
.panel-body .panel-table tbody tr[class~="level-4"] td:first-child {
  padding-left: calc(4 * 20px) !important;
}
.panel-body .panel-table tbody tr[class~="level-5"] td:first-child {
  padding-left: calc(5 * 20px) !important;
}
.panel-body .panel-table tbody tr[class~="level-6"] td:first-child {
  padding-left: calc(6 * 20px) !important;
}
.panel-body .panel-table tbody tr[class~="level-7"] td:first-child {
  padding-left: calc(7 * 20px) !important;
}
.panel-body .panel-table tbody tr[class~="level-8"] td:first-child {
  padding-left: calc(8 * 20px) !important;
}
.panel-body .panel-table tbody tr[class~="level-9"] td:first-child {
  padding-left: calc(9 * 20px) !important;
}
.panel-body .panel-table tbody tr[class~="level-10"] td:first-child {
  padding-left: calc(10 * 20px) !important;
}
.panel-body .panel-table tbody tr[class*="level-"] td:before {
  left: auto !important;
  margin-left: -15px !important;
}
.panel-body .panel-table tbody tr:nth-of-type(1) td {
  border-top: none;
}
.panel-body .panel-table thead {
  font-weight: 500;
  font-size: 14px;
  color: #5d5d5d;
  text-shadow: -1px 0 #5d5d5d;
}
.panel-body .panel-table thead th {
  padding: 15px 10px;
  border-bottom: 2px solid;
  border-color: #DDDDDD;
}
.panel-body .panel-table thead .column-checkbox,
.panel-body .panel-table thead .column-radio {
  padding-top: 0;
}
.panel-body .panel-table thead .column-checkbox label,
.panel-body .panel-table thead .column-radio label {
  top: 4px;
}
.panel-body .panel-table thead tr.changed {
  background: #ffe494;
}
.panel-body .panel-table.transparent-footer tfoot {
  background: transparent;
}
.panel-body .panel-table tfoot {
  background: #c1c1c169;
  border-bottom: 1px solid #bfbfbf;
}
.panel-body .panel-table tfoot td {
  padding: 10px;
}
.panel-body .panel-table tfoot td,
.panel-body .panel-table tfoot td span,
.panel-body .panel-table tfoot td b,
.panel-body .panel-table tfoot td .td-content,
.panel-body .panel-table tfoot td .td-label {
  color: #353535;
}
@media (min-width: 769px) {
  .panel-body .panel-table tr.reduced {
    position: relative;
  }
  .panel-body .panel-table tr.reduced:hover {
    transition: all 0.2s ease-in-out;
    background-color: #eee !important;
    box-shadow: 0 1px 5px -3px black;
  }
  .panel-body .panel-table tr.reduced:hover + tr:not(.child-table) {
    background: none !important;
  }
  .panel-body .panel-table tr.reduced:hover .btn-actions .btn-actions-inner {
    background-color: #eee;
    width: auto;
    max-width: max-content;
    overflow: visible;
    right: 0;
    transition: width 0.3s;
    height: 32px;
    margin-top: -16px;
    justify-content: flex-end;
    padding-right: 10px;
    padding-left: 10px;
    border-radius: 35px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .panel-body .panel-table tr.reduced:focus-within {
    background-color: #eee !important;
    box-shadow: 0 1px 5px -3px black;
  }
  .panel-body .panel-table tr.reduced:focus-within + tr {
    background: none !important;
  }
  .panel-body .panel-table tr.reduced:focus-within .btn-actions .btn-actions-inner {
    background-color: white;
    width: auto;
    max-width: max-content;
    overflow: visible;
    right: 0;
    transition: width 0.3s;
    height: 32px;
    margin-top: -16px;
    justify-content: flex-end;
    padding-right: 10px;
    padding-left: 10px;
    border-radius: 35px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .panel-body .panel-table tr.reduced .has-btn-actions {
    min-width: 27px;
    width: 27px;
    padding: 0;
  }
  .panel-body .panel-table tr.reduced .btn-actions {
    width: 100%;
  }
  .panel-body .panel-table tr.reduced .btn-actions .btn-actions-inner {
    width: 0;
    overflow: hidden;
    position: absolute;
  }
}
.panel-body .panel-table .btn-actions {
  display: table;
  margin: 0 auto;
  margin-right: 0;
  text-align: right;
}
.panel-body .panel-table .btn-actions .btn-actions-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 6;
}
.panel-body .panel-table .btn-actions .btn {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: visible;
  width: 26px;
  height: 26px;
  min-height: unset;
  border: 2px solid #E0E0E0;
  background: white;
  margin-right: 10px;
  position: relative;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  color: #686A6D;
  padding: 0;
  font-size: 14px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  margin-top: -6px;
  margin-bottom: -6px;
}
.panel-body .panel-table .btn-actions .btn svg * {
  fill: #777777;
}
.panel-body .panel-table .btn-actions .btn:last-child {
  margin-right: 0;
}
.panel-body .panel-table .btn-actions .btn .btn-actions-label {
  font-size: 12px;
  background: #686A6D;
  border-radius: 5px;
  position: absolute;
  right: 0;
  top: -28px;
  color: #FFF;
  text-transform: capitalize;
  max-width: 0;
  height: 22px;
  transition: all 0.3s;
  overflow: hidden;
}
.panel-body .panel-table .btn-actions .btn:hover {
  background: #686A6D;
  border-color: #686A6D;
}
.panel-body .panel-table .btn-actions .btn:hover i:before {
  color: white;
}
.panel-body .panel-table .btn-actions .btn:hover svg * {
  fill: white;
}
.panel-body .panel-table .btn-actions .btn:hover .btn-actions-label {
  padding: 5px;
  max-width: initial;
  white-space: nowrap;
}
.panel-body .panel-table .btn-actions .btn.active {
  background: #686A6D;
  border-color: #686A6D;
}
.panel-body .panel-table .btn-actions .btn.active i:before {
  color: white;
}
.panel-body .panel-table .btn-actions .btn.links {
  position: initial;
}
.panel-body .panel-table .btn-actions .btn.links .btn-actions-label {
  top: initial;
  z-index: 99;
  border-top: 2px solid white;
  right: initial;
  margin-top: 6px;
  transform: translateX(-35%) translateY(60%);
}
.panel-body .panel-table .btn-actions .btn.links .btn-actions-label a {
  color: #fff;
  white-space: nowrap;
  padding-bottom: 5px;
  display: block;
  padding: 5px 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  transition: all 0.3s;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  letter-spacing: initial;
}
.panel-body .panel-table .btn-actions .btn.links .btn-actions-label a:last-child {
  border-bottom: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.panel-body .panel-table .btn-actions .btn.links .btn-actions-label a:hover {
  background: #5c5d60;
}
@media screen and (max-width: 768px) {
  .panel-body .panel-table .btn-actions .btn.links .btn-actions-label {
    bottom: 40px;
    margin-top: 0;
  }
}
.panel-body .panel-table .btn-actions .btn.links:hover .btn-actions-label {
  max-width: 100vw;
  max-height: 100vh;
  height: auto;
}
.panel-body .panel-table .btn-actions .btn:after {
  background: transparent;
}
.panel-body .panel-table .btn-actions .btn.error:after {
  content: "";
  background: #df382c;
  width: 7px;
  height: 7px;
  display: block;
  position: absolute;
  top: -1px;
  right: 0;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}
.panel-body .panel-table .btn-actions .btn.warning * {
  color: #777;
}
.panel-body .panel-table .btn-actions .btn.warning:after {
  content: "";
  background: #a07800;
  width: 7px;
  height: 7px;
  display: block;
  position: absolute;
  top: -1px;
  right: 0;
  left: auto;
  bottom: auto;
  opacity: 1;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}
.panel-body .panel-table .btn-actions.header-actions .btn .btn-actions-label {
  top: 0;
  right: 28px;
}
.panel-body .panel-table .editable {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  position: relative;
}
.panel-body .panel-table .editable .hint {
  cursor: pointer;
}
.panel-body .panel-table .editable.right {
  justify-content: flex-end;
}
.panel-body .panel-table .editable input {
  border: none;
  border-bottom: 1px solid #b3b3b3;
  background: transparent;
  max-height: 20px;
  padding-top: 0;
  padding-bottom: 0;
  border-radius: 0;
}
.panel-body .panel-table .editable .help-message {
  margin: 0 0 0 0;
}
.panel-body .panel-table .editable .td-content {
  display: inline-flex;
  align-items: center;
}
.panel-body .panel-table .editable .input-icon {
  margin-top: 0;
  height: 20px;
  background: none;
}
.panel-body .panel-table .editable .autocomplete {
  margin-top: 20px;
  text-align: left;
}
.panel-table-filter input:focus,
.panel-filter input:focus {
  border-color: #686A6D;
  background-color: white;
}
.panel-table-filter .filter-tag,
.panel-filter .filter-tag {
  display: inline-block;
  margin-right: 8px;
  margin-top: 15px;
  background: rgba(0, 0, 0, 0.1);
  padding: 6px 10px 4px;
  padding-right: 35px;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;
  color: #5d5d5d;
  position: relative;
  overflow: hidden;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  font-size: 13px;
}
.panel-table-filter .filter-tag:last-child,
.panel-filter .filter-tag:last-child {
  margin-right: 0;
}
.panel-table-filter .filter-tag .remove,
.panel-filter .filter-tag .remove {
  cursor: pointer;
  position: absolute;
  width: 20px;
  height: 20px;
  background: rgba(0, 0, 0, 0.2);
  color: white;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  top: 4px;
  right: 4px;
  padding: 2px 0;
  text-align: center;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
  font-size: 14px;
}
.panel-table-filter .filter-tag.removed,
.panel-filter .filter-tag.removed {
  display: none;
}
@media only screen and (min-width: 769px) {
  .panel-table-filter .btn.filter.has-input-datetime,
  .panel-filter .btn.filter.has-input-datetime {
    border-radius: 5px;
  }
}
.panel-table-filter .group-datetime,
.panel-filter .group-datetime {
  display: flex;
}
.panel-table-filter .group-datetime .input-time,
.panel-filter .group-datetime .input-time {
  padding-left: 30px;
}
.panel-table-filter .group-datetime .input-time input[type=time]::-webkit-inner-spin-button,
.panel-filter .group-datetime .input-time input[type=time]::-webkit-inner-spin-button,
.panel-table-filter .group-datetime .input-time input[type=time]::-webkit-outer-spin-button,
.panel-filter .group-datetime .input-time input[type=time]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
  cursor: text;
}
.panel-table-filter .group-datetime .input-time .input-icon,
.panel-filter .group-datetime .input-time .input-icon {
  cursor: default;
}
@media only screen and (max-width: 768px) {
  .panel-table-filter .group-datetime,
  .panel-filter .group-datetime {
    display: block;
  }
  .panel-table-filter .group-datetime .input-time,
  .panel-filter .group-datetime .input-time {
    padding: 10px 0 0 0;
  }
  .panel-table-filter .group-datetime .input-time .input-icon,
  .panel-filter .group-datetime .input-time .input-icon {
    visibility: hidden;
  }
}
.panel-body .panel-table-filter {
  display: block;
  padding: 10px 20px 20px 20px;
  background: #ececec;
  position: relative;
}
.panel-body .panel-table-filter input:focus {
  background-color: #fcfcfc;
}
.panel-body .panel-table-filter.small {
  padding: 0px 0 10px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.panel-body .panel-table-filter.small [class^="col-"],
.panel-body .panel-table-filter.small [class*=" col-"] {
  padding-left: 10px;
  padding-right: 10px;
}
.panel-body .panel-table-filter.small .btn.input .fa {
  margin-left: 0;
}
table > thead > tr > th.right,
table > tbody > tr > th.right,
table > tfoot > tr > th.right,
table > thead > tr > td.right,
table > tbody > tr > td.right,
table > tfoot > tr > td.right {
  text-align: right !important;
}
table > thead > tr > th.center,
table > tbody > tr > th.center,
table > tfoot > tr > th.center,
table > thead > tr > td.center,
table > tbody > tr > td.center,
table > tfoot > tr > td.center {
  text-align: center !important;
}
.panel-tab .panel-table-outer,
.panel.table .panel-table-outer,
.panel.panel-form .panel-table-outer {
  border-left: none;
  border-right: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.panel-tab .panel-table-outer tr td,
.panel.table .panel-table-outer tr td,
.panel.panel-form .panel-table-outer tr td,
.panel-tab .panel-table-outer tr th,
.panel.table .panel-table-outer tr th,
.panel.panel-form .panel-table-outer tr th {
  font-size: 13px;
}
.panel-tab .panel-table-outer tr td,
.panel.table .panel-table-outer tr td,
.panel.panel-form .panel-table-outer tr td {
  padding: 10px 10px;
}
.panel.table .panel-table-outer,
.panel.table .panel-pagination,
.panel.table .panel-table-filter {
  margin: -20px;
}
.panel.table .panel-table-outer tfoot {
  border-bottom: none;
}
.panel .panel-tab .panel-table-outer,
.panel.panel-form .panel-table-outer,
.panel .panel-tab .panel-pagination,
.panel.panel-form .panel-pagination,
.panel .panel-tab .panel-table-filter,
.panel.panel-form .panel-table-filter {
  margin: 0 -20px;
}
.panel .panel-tab .panel-table-outer,
.panel.panel-form .panel-table-outer,
.panel.table .panel-table-outer {
  width: calc(100% + 40px);
}
.panel .panel-tab .panel-table-filter,
.panel.panel-form .panel-table-filter,
.panel.table .panel-table-filter {
  margin-bottom: 19px;
}
.panel .panel-tab .panel-pagination,
.panel.panel-form .panel-pagination,
.panel.table .panel-pagination {
  margin-top: 19px;
}
.panel.table .panel-tab .panel-tab-content {
  padding: 0;
}
.panel.table .panel-tab .panel-tab-content .panel-table-outer {
  margin: 0;
  width: 100%;
}
.panel-tab-content .tab-item.tab-table .panel-table-outer {
  margin: -20px;
  margin-top: -21px;
}
.panel-tab-content .tab-item.tab-table .panel-pagination {
  border-bottom: 1px solid #cccccc;
  margin-top: 19px;
  margin-bottom: -40px;
}
.table-responsive .td-label {
  display: none;
}
tr.dragDrop {
  cursor: move;
}
tr.dragDrop.onDrag {
  background-color: rgba(244, 127, 133, 0.2);
  border-top: 1px solid #f47f85;
  border-bottom: 1px solid #f47f85;
  cursor: move;
  table-layout: fixed;
  display: table;
  padding-left: 15px;
  font-size: 13px;
}
tr.dragDrop.onDrag .btn-actions {
  display: none;
}
tr.dragDrop.onDrag td.dragDropTd {
  display: none;
}
@media (max-width: 768px) {
  .table-responsive .panel-table-outer thead {
    display: none;
  }
  .table-responsive .panel-table-outer .panel-table,
  .table-responsive .panel-table-outer tfoot,
  .table-responsive .panel-table-outer tbody,
  .table-responsive .panel-table-outer tfoot tr,
  .table-responsive .panel-table-outer tbody tr {
    display: block;
  }
  .table-responsive .panel-table-outer tbody tr td,
  .table-responsive .panel-table-outer tfoot tr td {
    display: block;
    width: 100%;
    border-bottom: none;
    position: relative;
    padding: 0 10px 10px !important;
  }
  .table-responsive .panel-table-outer tbody tr td.right,
  .table-responsive .panel-table-outer tfoot tr td.right {
    padding-left: 5px !important;
  }
  .table-responsive .panel-table-outer tfoot tr,
  .table-responsive .panel-table-outer tbody tr {
    border-bottom: 1px solid #DDD;
    padding-top: 10px;
  }
  .table-responsive .panel-table-outer .td-content,
  .table-responsive .panel-table-outer .td-label {
    display: inline-block;
    vertical-align: top;
    width: 34%;
    line-height: 140%;
    font-size: 13px;
  }
  .table-responsive .panel-table-outer .td-label {
    word-break: break-word;
    text-align: left !important;
    white-space: initial;
    font-weight: 500;
  }
  .table-responsive .panel-table-outer .td-content {
    width: 65%;
    padding-left: 5px;
    white-space: initial;
    text-align: left;
  }
  .table-responsive .panel-table-outer .btn-actions {
    width: 100%;
    text-align: center;
    display: block;
    background: white;
    border-radius: 18px;
  }
  .table-responsive .panel-table-outer .btn-actions .btn {
    width: initial;
    padding: 0 5px;
    background-color: transparent;
    border-left: 2px solid #E0E0E0;
    text-align: center;
    width: 33.33%;
    margin-right: -2px !important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    letter-spacing: 0px;
    margin: 0;
  }
  .table-responsive .panel-table-outer .btn-actions .btn:nth-of-type(1) {
    -webkit-border-top-left-radius: 13px;
    -moz-border-radius-topleft: 13px;
    -o-border-top-left-radius: 13px;
    border-top-left-radius: 13px;
    -webkit-border-bottom-left-radius: 13px;
    -moz-border-radius-bottomleft: 13px;
    -o-border-bottom-left-radius: 13px;
    border-bottom-left-radius: 13px;
  }
  .table-responsive .panel-table-outer .btn-actions .btn:last-child {
    -webkit-border-top-right-radius: 13px;
    -moz-border-radius-topright: 13px;
    -o-border-top-right-radius: 13px;
    border-top-right-radius: 13px;
    -webkit-border-bottom-right-radius: 13px;
    -moz-border-radius-bottomright: 13px;
    -o-border-bottom-right-radius: 13px;
    border-bottom-right-radius: 13px;
  }
  .table-responsive .panel-table-outer .btn-actions .btn .fa {
    font-size: 12px;
  }
  .table-responsive .panel-table-outer .btn-actions .btn .btn-actions-label {
    display: inline-block;
    margin-right: 3px;
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  .table-responsive .panel-table-outer .btn-actions .btn .btn-actions-label {
    font-size: 10px;
  }
}
table.placeholder-loader {
  border-collapse: separate !important;
}
table.placeholder-loader th,
table.placeholder-loader td {
  position: relative;
  height: 44px;
  overflow: hidden;
}
table.placeholder-loader th:before,
table.placeholder-loader td:before {
  content: '';
  position: absolute;
  width: calc(100% - 30px);
  margin-left: -2px;
  height: 14px;
  display: block;
  box-sizing: border-box;
  border: 10px solid white;
  border: none !important;
  background-position: inherit;
  color: transparent;
  text-shadow: none;
  /* for Firefox */
  -moz-appearance: none;
  /* for Chrome */
  -webkit-appearance: none;
  animation-duration: 2s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-name: placeholderAnimate;
  background: #f6f7f8;
  background-image: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%) !important;
  background-repeat: repeat !important;
  background-size: 1300px !important;
  border-radius: 3px;
}
table.placeholder-loader td:before {
  top: 15px;
}
.panel-pagination {
  list-style: none;
  display: table;
  margin: 0 auto;
  margin-bottom: 25px;
  background: #fbfbfb;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  display: block;
  text-align: center;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  overflow: hidden;
}
@media (min-width: 768px) {
  .panel-pagination {
    border: 1px solid #ddd;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .panel-pagination {
    padding-bottom: 10px;
  }
}
@media (max-width: 768px) {
  .panel-pagination {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin-right: -15px;
    margin-left: -15px;
  }
}
.panel-pagination .sisters {
  width: 100%;
  vertical-align: middle;
  margin: 0;
  margin-left: -4px;
}
@media (min-width: 992px) {
  .panel-pagination .sisters {
    width: 210px;
  }
  .panel-pagination .sisters:nth-of-type(2) {
    width: calc(100% - 420px);
  }
}
.panel-pagination .sisters:nth-of-type(3) {
  border-left: 1px solid #ccc;
  padding: 3px 0 3px 3px;
  height: 54px;
}
.panel-pagination .sisters:nth-of-type(3) b {
  color: #565656;
}
.panel-pagination .number-itens {
  width: 210px;
  margin: 0 auto;
  padding: 13px;
}
@media (min-width: 992px) {
  .panel-pagination .number-itens {
    margin-left: 0;
    margin-bottom: 0;
    border-right: 1px solid #ccc;
  }
}
.panel-pagination .number-itens select,
.panel-pagination .number-itens b {
  display: inline-block;
  vertical-align: middle;
}
.panel-pagination .number-itens select {
  width: 70px;
  padding: 3px;
  margin: 0 8px;
}
.panel-pagination .number-itens b {
  font-weight: normal;
  text-transform: uppercase;
  font-size: 11px;
  color: #505050;
}
.panel-pagination .panel-pagination-inner {
  overflow: hidden;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid;
  border-color: #ddd;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto!important;
  position: relative;
  z-index: 2;
}
@media (max-width: 769px) {
  .panel-pagination .panel-pagination-inner {
    margin: 0 -20px;
    border-radius: 0;
    display: block;
    background: white;
  }
}
@media (min-width: 1200px) {
  .panel-pagination .panel-pagination-inner {
    margin-right: 210px;
  }
}
.panel-pagination li {
  display: inline-block;
  vertical-align: top;
  min-width: 34px;
  height: 34px;
  border-left: 1px solid;
  border-right: 1px solid;
  border-color: #ddd;
  background: white;
  text-align: center;
  margin-right: -5px;
  padding: 12px 0px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  overflow: hidden;
  position: relative;
}
.panel-pagination li:first-child {
  border: none;
}
.panel-pagination li:last-child {
  margin-right: 0;
  border-right: none;
}
.panel-pagination li.active {
  background: #686A6D;
}
.panel-pagination li.active a {
  color: white;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.5);
}
.panel-pagination li.active a:hover {
  background: #686A6D;
}
@media (max-width: 768px) {
  .panel-pagination li {
    min-width: 30px;
  }
}
.panel-pagination li:hover a {
  background: #eeeeee;
}
.panel-pagination li a {
  display: block;
  font-size: 14px;
  font-weight: 700;
  color: #4f5153;
  padding: 8px 5px;
  margin-top: -13px;
  position: relative;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media (min-width: 769px) {
  .panel-pagination li a {
    padding: 8px 10px;
  }
}
.panel-pagination .highLight {
  padding: 14px 0;
  border-bottom-right-radius: 5px;
}
.panel-body .panel-pagination {
  margin: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: none;
  border-top: 1px solid #ccc;
  -webkit-border-radius: 0 0 7px 7px;
  -moz-border-radius: 0 0 7px 7px;
  border-radius: 0 0 7px 7px;
  margin-top: -1px;
}
.inside-panel .panel-pagination {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.dialoguebox {
  position: fixed;
  z-index: 999999;
  display: none;
  margin: auto;
  right: 0;
  left: 0;
  text-align: right;
  width: 80%;
  max-width: 400px;
}
@media (max-width: 769px) {
  .dialoguebox {
    top: 100px;
  }
}
@media (min-width: 769px) {
  .dialoguebox {
    top: 180px;
  }
}
.dialoguebox.big {
  max-width: 480px;
}
@media (min-width: 769px) {
  .dialoguebox.big {
    top: 150px;
  }
}
.dialoguebox:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  z-index: -1;
}
.dialoguebox .message {
  padding: 15px 30px;
  overflow-y: auto;
  vertical-align: middle;
  max-height: 300px;
  position: relative;
  background: white;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border-top: 30px solid #aaa;
  text-align: left;
  border-bottom: 48px solid white !important;
  margin-bottom: -38px;
  word-break: break-word;
}
.dialoguebox .message:before {
  content: '';
  height: 0;
  width: 100%;
  border-bottom: 1px solid #ccc;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
@media (min-width: 769px) {
  .dialoguebox .message {
    max-height: 350px;
  }
}
.dialoguebox .message,
.dialoguebox .message .more-message {
  color: #5D5D5D;
  font-weight: 400;
  line-height: 130%;
  font-size: 13px;
}
@media (min-width: 769px) {
  .dialoguebox .message,
  .dialoguebox .message .more-message {
    font-size: 14px;
  }
}
.dialoguebox .message .more-message {
  padding: 10px 30px;
  margin: 0px -30px;
  background: #e8e8e8;
  display: block;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  color: #403e42;
  display: none;
}
.dialoguebox .message .more-message.open {
  display: block;
}
.dialoguebox .message .more-message-opener {
  border-radius: 4px;
  font-weight: 500;
  text-transform: uppercase;
  min-height: 28px;
  padding: 5px 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 10px;
  letter-spacing: 0.05em;
  text-align: center;
  cursor: pointer;
  overflow: hidden;
  transition: 0.5s;
  position: relative;
  box-shadow: none;
  color: #616161;
  margin-top: 20px;
  margin-left: -10px;
}
.dialoguebox .message .more-message-opener:hover,
.dialoguebox .message .more-message-opener:focus {
  background-color: rgba(97, 97, 97, 0.2);
}
.dialoguebox .close-dialoguebox {
  margin-right: 10px;
  display: inline-block;
}
.dialoguebox:before {
  display: block;
  position: absolute;
  margin: auto;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  font: normal normal normal 14px/1;
  font-family: FontAwesome, Helvetica, Arial, sans-serif;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: white;
  z-index: 2;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  -webkit-opacity: 0;
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
  font-size: 14px;
  left: 0;
  right: auto;
  width: 14px;
  height: 14px;
  padding: 0 10px;
  top: 7px;
}
.dialoguebox:not(.custom-icon):before {
  content: "\F071";
}
.dialoguebox h3.title {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 10px;
  margin-top: 10px;
}
.dialoguebox.positive .message {
  border-color: #32a636;
}
.dialoguebox.positive:not(.custom-icon):before {
  content: "\f058";
}
.dialoguebox.positive h3.title {
  color: #32a636;
}
.dialoguebox.negative .message {
  border-color: #df382c;
}
.dialoguebox.negative:not(.custom-icon):before {
  content: "\f071";
}
.dialoguebox.negative h3.title {
  color: #df382c;
}
.dialoguebox.neutral .message {
  border-color: #e0e0e0;
}
.dialoguebox.neutral:before {
  color: #616161;
}
.dialoguebox.neutral:not(.custom-icon):before {
  content: "\f05a";
}
.dialoguebox.neutral h3.title {
  color: #616161;
}
.dialoguebox.module-color .message {
  border-color: #686A6D;
}
.dialoguebox.module-color:before {
  color: #FFF;
}
.dialoguebox.module-color:not(.custom-icon):before {
  content: "\f05a";
}
.dialoguebox.module-color h3.title {
  color: #686A6D;
}
.dialoguebox.warning .message {
  border-color: #d39e00;
}
.dialoguebox.warning:before {
  color: #FFF;
}
.dialoguebox.warning:not(.custom-icon):before {
  content: "\f071";
}
.dialoguebox.warning h3.title {
  color: #d39e00;
}
.dialoguebox.open {
  display: block;
  animation: test 0.4s;
}
.dialoguebox.open:before {
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
}
@keyframes test {
  0% {
    opacity: 0;
    top: 250px;
  }
  60% {
    opacity: 1;
    top: 170px;
  }
  99% {
    top: 180px;
  }
}
.content-loader {
  position: fixed;
  z-index: 999999;
  width: 100%;
  height: 100%;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  cursor: wait;
}
.content-loader:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background: white;
  -webkit-opacity: 0.6;
  -khtml-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
  filter: alpha(opacity=60);
  width: 100%;
  height: 100%;
  z-index: 1;
}
.content-loader .item-a,
.content-loader .item-b {
  background: #686A6D !important;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}
.content-loader .content-loader-inner {
  width: 40px;
  height: 40px;
  z-index: 1;
  position: absolute;
  text-align: center;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.content-loader.spin .content-loader-inner {
  -webkit-animation: sk-rotate 2s infinite linear;
  animation: sk-rotate 2s infinite linear;
}
.content-loader.spin .item-a,
.content-loader.spin .item-b {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  -webkit-animation: sk-bounce 2s infinite ease-in-out;
  animation: sk-bounce 2s infinite ease-in-out;
}
.content-loader.spin .item-b {
  top: auto;
  bottom: 0;
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
@-webkit-keyframes sk-rotate {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes sk-rotate {
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
  }
}
@-webkit-keyframes sk-bounce {
  0%,
  100% {
    -webkit-transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
  }
}
@keyframes sk-bounce {
  0%,
  100% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  50% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
.content-loader.bounce .item-a,
.content-loader.bounce .item-b {
  width: 100%;
  height: 100%;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: sk-bounce 2s infinite ease-in-out;
  animation: sk-bounce 2s infinite ease-in-out;
}
.content-loader.bounce .item-b {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
@-webkit-keyframes sk-bounce {
  0%,
  100% {
    -webkit-transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
  }
}
@keyframes sk-bounce {
  0%,
  100% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  50% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
.content-loader.cube .item-a,
.content-loader.cube .item-b {
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: sk-cubemove 1.8s infinite ease-in-out;
  animation: sk-cubemove 1.8s infinite ease-in-out;
}
.content-loader.cube .item-b {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
@-webkit-keyframes sk-cubemove {
  25% {
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
  }
  50% {
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
  }
  75% {
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
  }
  100% {
    -webkit-transform: rotate(-360deg);
  }
}
@keyframes sk-cubemove {
  25% {
    transform: translateX(42px) rotate(-90deg) scale(0.5);
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
  }
  50% {
    transform: translateX(42px) translateY(42px) rotate(-179deg);
    -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
  }
  50.1% {
    transform: translateX(42px) translateY(42px) rotate(-180deg);
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
  }
  75% {
    transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
  }
  100% {
    transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
  }
}
.content-loader.circle .spinner {
  margin: 100px auto 0;
  width: 70px;
  text-align: center;
}
.content-loader.circle .content-loader-inner > div {
  width: 18px;
  height: 18px;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
.content-loader.circle .content-loader-inner .item-a {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.content-loader.circle .content-loader-inner .item-b {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
@-webkit-keyframes sk-bouncedelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
  }
}
@keyframes sk-bouncedelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.modal-block {
  overflow: hidden;
}
.modal {
  border: none;
  position: fixed;
  bottom: inherit;
  overflow-y: auto;
  right: 0;
  display: block;
  padding-top: 50px;
  margin: auto;
  background: transparent;
  z-index: 10;
  display: none;
  -webkit-opacity: 0;
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  background: rgba(0, 0, 0, 0.7);
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.modal .container {
  position: relative;
}
.modal.open {
  display: block;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
  z-index: 99999;
}
.modal.open.centralized {
  display: flex;
  align-items: center;
}
.modal .panel-pagination {
  margin-right: 0;
  margin: 0;
  margin-top: 20px;
}
.modal .close {
  width: 40px;
  height: 40px;
  display: block;
  -webkit-border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
  position: absolute;
  top: 0;
  right: 20px;
  cursor: pointer;
  z-index: 1;
}
.modal .close:hover:before {
  opacity: 1;
}
.modal .close:before {
  display: block;
  font: normal normal normal 14px/1;
  font-family: FontAwesome, Helvetica, Arial, sans-serif;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\f00d';
  font-size: 16px;
  text-align: center;
  padding-top: 8px;
  opacity: 0.8;
}
/*=================================
=             Components         =
=================================*/
.main-content {
  display: inline-block;
  vertical-align: top;
  min-height: calc(100vh - 35px);
  background: #F4F4F4 url('../../img/backgrounds//cms-bg.jpg') top center repeat-x;
  background-size: auto 100%;
  background-attachment: fixed;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  position: relative;
  width: 100%;
  margin-top: 58px;
  padding-bottom: 35px;
}
@media (min-width: 769px) {
  .main-content {
    width: calc(100% - 280px);
    min-height: calc(100vh - (59px + 35px));
    display: block;
    padding-bottom: 45px;
    margin: 0 auto;
    margin-right: 0;
    margin-top: 59px;
  }
  .main-content.sidebar-toggle {
    width: calc(100% - 61px);
  }
}
.main-content.fullScreen {
  z-index: 99;
  margin-top: 0;
  width: 100%;
  min-height: 100vh;
}
@media (max-width: 1025px) and (min-width: 769px) {
  .main-content.sidebar-toggle-md {
    width: calc(100% - 61px) !important;
  }
}
.main-content.no-sidebar {
  width: 100%;
}
.main-content .content-wrapper {
  padding: 15px;
  margin: 0 auto;
  display: block;
  padding-bottom: 36px;
}
@media (min-width: 769px) {
  .main-content .content-wrapper {
    padding: 20px;
    padding-bottom: 36px;
  }
}
.main-content .main-content-header {
  border-bottom: 1px solid #DADADA;
}
.main-content .main-content-header .page-name-outer {
  padding: 6.5px 17px;
  background: white;
  position: relative;
}
.main-content .main-content-header .page-name-outer .form-title {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0;
}
@media screen and (min-width: 768px) {
  .main-content .main-content-header .page-name-outer .form-title {
    height: 35px;
    padding: 0 15px;
  }
}
.main-content .main-content-header .page-name-outer .form-title label {
  width: 100%;
  display: inline-block;
  color: #686A6D;
  text-align: right;
}
.main-content .main-content-header .page-name-outer .form-title .no-padding {
  padding: 0!important;
}
.main-content .main-content-header .page-name-outer > .fa,
.main-content .main-content-header .page-name-outer .page-name {
  display: inline-block;
  vertical-align: middle;
}
.main-content .main-content-header .page-name-outer > .fa {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: white;
  color: #4f5153;
  padding: 10px 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 30px;
  height: 30px;
  font-size: 16px;
}
@media (min-width: 768px) {
  .main-content .main-content-header .page-name-outer > .fa {
    width: 25px;
    height: 35px;
    font-size: 18px;
  }
}
.main-content .main-content-header .page-name-outer .page-name {
  color: #4f5153;
  font-weight: 400;
  padding-left: 12px;
  font-size: 18px;
}
.main-content .main-content-header .page-name-outer .page-name::first-letter {
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .main-content .main-content-header .page-name-outer .page-name {
    font-size: 18px;
    font-weight: 700;
  }
}
.main-content .main-content-header .page-name-outer .bookmark-page {
  display: inline-block;
  width: 16px;
  height: 16px;
  font-size: 16px;
  position: relative;
  vertical-align: middle;
  color: #5d5d5d;
  margin-left: 10px;
  cursor: pointer;
}
.main-content .main-content-header .page-name-outer .bookmark-page:before {
  font: normal normal normal 14px/1;
  font-family: FontAwesome, Helvetica, Arial, sans-serif;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f006";
  position: absolute;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.main-content .main-content-header .page-name-outer .bookmark-page:after {
  position: absolute;
  top: 25px;
  left: 0;
  background: rgba(255, 255, 255, 0.8);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #6b615d;
  font-size: 12px;
  content: 'Favoritar esta página';
  font-weight: 400;
  height: 0;
  padding: 0;
  overflow: hidden;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  width: 135px;
  display: block;
  margin: auto;
  z-index: 10;
  padding: 0 10px;
  text-align: center;
}
.main-content .main-content-header .page-name-outer .bookmark-page:hover:after {
  height: initial;
  padding: 10px;
  border: 1px solid #e5e5e5;
}
.main-content .main-content-header .page-name-outer .bookmark-page.checked:before {
  color: #686A6D;
  content: "\f005";
}
.main-content .main-content-header .page-name-outer .bookmark-page.checked:after {
  content: 'Página favoritada!';
}
.header {
  background: #F9F9F9;
  border-bottom: 1px solid #DADADA;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 10;
}
.header.old {
  background-color: #fef5d8;
}
.header.old .header-features li .bubble-notification.warning:before {
  color: #d39e00;
}
@media (min-width: 769px) {
  .header {
    padding-left: 280px;
  }
  .header.sidebar-toggle {
    padding-left: 61px;
  }
}
.header .header-toggle-sidebar,
.header .header-title,
.header .header-features {
  display: inline-block;
  vertical-align: middle;
}
.header .header-toggle-sidebar {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  padding: 21px 16px 21px 14px;
}
@media (min-width: 769px) {
  .header .header-toggle-sidebar {
    padding: 0 20px;
    width: 54px;
    height: 58px;
  }
}
.header .header-toggle-sidebar em {
  color: #686A6D;
  font-size: 18px;
  margin-top: 2px;
}
.header .header-toggle-sidebar span {
  width: 15px;
  display: block;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  height: 3px;
  margin-top: 2px;
  background: transparent;
  border: 1px solid #989898;
}
.header .header-toggle-sidebar span:nth-of-type(1) {
  margin-top: -2px;
}
.header .header-toggle-sidebar.sidebar-toggle span {
  height: 2px;
  margin-top: 3px;
}
.header .header-toggle-sidebar.sidebar-toggle span:nth-of-type(1) {
  margin-top: 0px;
}
.header .header-title {
  font-weight: 500;
  color: #5d5d5d;
  font-size: 14px;
  width: calc(100% - 165px);
}
@media (max-width: 768px) {
  .header .header-title {
    max-height: 41px;
    overflow: hidden;
  }
  .header .header-title .label {
    display: none;
  }
}
@media (min-width: 769px) {
  .header .header-title {
    border-right: 1px solid #DADADA;
    text-align: center;
    font-weight: 300;
    font-size: 16px;
    width: calc(100% - 235px);
  }
}
.header .header-title .label {
  color: #686A6D;
  font-weight: 600;
}
.header .header-title .brasao {
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  margin-right: 15px;
  height: 30px;
}
.header .header-title .brasao img {
  vertical-align: middle;
  width: auto;
  max-height: 100%;
}
.header .header-title .content-title {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 46px;
}
.header .header-features {
  list-style: none;
  width: 110px;
  text-align: right;
}
@media (min-width: 769px) {
  .header .header-features {
    width: 170px;
    text-align: center;
  }
}
.header .header-features li {
  display: inline-block;
  background: transparent center no-repeat;
  vertical-align: top;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  cursor: pointer;
  position: relative;
  width: 35px;
  height: 58px;
  background-size: cover;
  margin-left: -6px;
}
.header .header-features li:nth-of-type(1) {
  margin: 0;
}
@media (min-width: 769px) {
  .header .header-features li {
    width: 49px;
    height: 58px;
    padding: 0;
    margin: 0;
  }
}
.header .header-features li:not(.fa):before {
  content: '';
}
.header .header-features li:not(.unread):before {
  position: absolute;
  width: 30px;
  height: 30px;
  font-size: 30px;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  background-color: #b3b5b6;
  z-index: -1;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.header .header-features li:not(.header-spinner):after {
  content: '';
  position: absolute;
  bottom: -1px;
  margin: auto;
  left: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 5.5px 11px 5.5px;
  border-color: transparent transparent #686A6D transparent;
  -webkit-opacity: 0;
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.header .header-features li.notifications {
  background-image: url('../../img/misc//header-notifications.png');
}
.header .header-features li.user {
  background-image: url('../../img/misc//header-user.png');
}
.header .header-features li.accessibility {
  background-image: url('../../img/misc//header-accessibility.png');
}
.header .header-features li.contribuinte {
  background-image: url('../../img/misc//header-contribuinte.png');
}
.header .header-features li.fa:before {
  background: transparent!important;
  font-size: 23px;
  color: #b3b5b6;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header .header-features li.fa:hover:after {
  background: transparent!important;
  color: #686A6D !important;
}
.header .header-features li.flag {
  /* nome da classe pode mudar*/
}
.header .header-features li.flag:before {
  font-family: "FontAwesome";
  content: "\f024";
  background: transparent!important;
  font-size: 23px;
  color: #b3b5b6;
}
.header .header-features li.flag:hover:after {
  background: transparent!important;
  color: #686A6D !important;
}
.header .header-features li.modules {
  background-image: url('../../img/misc//header-modules.png');
}
.header .header-features li:hover:before,
.header .header-features li.active:before {
  background-color: #686A6D;
  color: #686A6D;
}
.header .header-features li.active:after {
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
}
.header .header-features li .bubble-notification {
  display: table;
  position: absolute;
  bottom: 11px;
  right: -5px;
  padding: 2px 5px ;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
  color: white;
  font-size: 10px;
  background: #686A6D;
  font-weight: 700;
  z-index: 2;
}
@media (max-width: 769px) {
  .header .header-features li .bubble-notification {
    border: 1px solid #F9F9F9;
    color: transparent;
    font-size: 0px;
    width: 12px;
    height: 12px;
    overflow: hidden;
    right: 0px;
    bottom: 6px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
  }
}
@-webkit-keyframes shaking {
  0% {
    -webkit-transform: translate(2px, 1px) rotate(0deg);
  }
  10% {
    -webkit-transform: translate(-1px, -2px) rotate(-1deg);
  }
  20% {
    -webkit-transform: translate(-3px, 0px) rotate(1deg);
  }
  30% {
    -webkit-transform: translate(0px, 2px) rotate(0deg);
  }
  40% {
    -webkit-transform: translate(0, 0) rotate(0deg);
  }
  50% {
    -webkit-transform: translate(0, 0) rotate(0deg);
  }
  60% {
    -webkit-transform: translate(0, 0) rotate(0deg);
  }
  70% {
    -webkit-transform: translate(0, 0) rotate(0deg);
  }
  80% {
    -webkit-transform: translate(0, 0) rotate(0deg);
  }
  90% {
    -webkit-transform: translate(0, 0) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(1px, -2px) rotate(-1deg);
  }
}
.header .header-features li .bubble-notification.shake {
  -webkit-animation-name: shaking;
  -webkit-animation-duration: 0.8s;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
}
.header .header-features li .bubble-notification.warning {
  font-size: 0;
  padding: 0;
  background: transparent;
  top: 10px;
  right: 7px;
}
.header .header-features li .bubble-notification.warning:before {
  font-family: 'FontAwesome';
  content: "\f06a";
  font-size: 14px;
  color: #c7382d;
  background: white;
  border-radius: 100%;
}
.header .header-features li .bubble-notification.negative {
  background: #df382c;
  color: white;
}
.header.flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
}
.header.flex .header-toggle-sidebar {
  font-size: 18px;
  padding: 0 0 0 14px;
  flex: 1;
  text-align: left;
}
.header.flex .header-title {
  flex: 5;
  width: auto;
  text-transform: uppercase;
}
.header.flex .header-features {
  display: flex;
  flex-wrap: nowrap;
  padding: 0 14px;
  flex: 0 1;
  width: auto;
}
.header.fancy {
  background: #686A6D;
  overflow: hidden;
  padding-left: 10px;
  z-index: 99;
}
.header.fancy .header-toggle-sidebar {
  flex: 0;
}
.header.fancy .header-toggle-sidebar em {
  color: white;
}
.header.fancy .header-features {
  background: #4f5153;
  flex: 0;
}
.header.fancy .header-features li .bubble-notification:not(.negative) {
  background-color: white;
  color: #686A6D;
}
.header.fancy .header-features li .bubble-notification.warning {
  background: transparent;
}
.header.fancy .header-features li:before {
  z-index: 1;
  color: white;
}
.header.fancy .header-features li.active:after {
  border-color: transparent transparent white transparent;
}
.header.fancy .header-title {
  border-right: 0;
}
.header.fancy .header-title .content-title .header-module {
  position: relative;
  margin-right: 10px;
}
.header.fancy .header-title .content-title .header-module:before {
  content: '';
  width: 20px;
  height: 4px;
  background-color: white;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transition: 0.3s;
}
.header.fancy .header-title .content-title .header-module .module-main,
.header.fancy .header-title .content-title .header-module .module-module {
  width: 35px;
  height: 35px;
  z-index: 2;
  transition: 0.3s;
  display: inline-block;
  vertical-align: top;
  position: relative;
  background-color: white;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #686A6D;
}
.header.fancy .header-title .content-title .header-module .module-main *,
.header.fancy .header-title .content-title .header-module .module-module * {
  color: unset;
  fill: #686A6D;
}
.header.fancy .header-title .content-title .header-module .module-module {
  width: 28px;
  height: 28px;
  margin-top: 4px;
  margin-left: 4px;
}
.header.fancy .header-title .content-title article {
  color: white;
}
.header.fancy .header-title .content-title article.column {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.header.fancy .header-title .content-title article.column span {
  text-transform: capitalize;
  font-size: 18px;
}
.header.fancy .header-title .content-title article.column small {
  text-transform: uppercase;
  font-size: 12px;
}
.header.fancy .header-title .content-title article * {
  color: unset;
}
.header.styled {
  height: 60px;
}
.header.styled .header-title .content-title {
  justify-content: flex-start;
}
.header.styled .header-title .content-title .nav-breadcrumbs {
  background: none;
  width: 100%;
}
.header.styled .header-features li {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: column;
  width: auto;
  padding: 0 7px 5px 7px;
}
.header.styled .header-features li:hover i,
.header.styled .header-features li:hover small {
  color: #686A6D;
}
.header.styled .header-features li.active i,
.header.styled .header-features li.active small {
  color: #686A6D;
}
.header.styled .header-features li::before {
  content: none;
}
.header.styled .header-features li i {
  margin-bottom: 5px;
  font-size: 22px;
}
.header.styled .header-features li i.header-spinner::after {
  height: 34px;
  width: 34px;
  margin-left: -16px;
  margin-top: -24px;
}
.header.styled .header-features li small {
  text-transform: uppercase;
  font-size: 10px;
}
.header.styled .header-features li .bubble-notification {
  right: unset;
  margin-left: 20px;
  bottom: 20px;
}
.footer {
  border-top: 1px solid #DADADA;
  background: #F2F2F2;
  padding: 5px 0 8px;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 12;
  position: fixed;
  width: 100%;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
@media (min-width: 769px) {
  .footer {
    width: calc(100% - 280px);
  }
  .footer.sidebar-toggle {
    width: calc(100% - 61px);
  }
}
.footer a {
  display: table;
  margin: 0 auto;
}
.footer .footer-logos {
  display: table;
  margin: 0 auto;
}
.footer .footer-logos a,
.footer .footer-logos img {
  display: inline-block;
}
.footer .footer-logos .oxy-logo {
  margin-top: 4px;
  margin-right: 12px;
  padding-right: 15px;
  border-right: 1px solid #ccc;
}
.footer .goToTop {
  position: absolute;
  bottom: 5px;
  right: 5px;
  width: 25px;
  height: 25px;
  display: block;
  background: rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  cursor: pointer;
}
.footer .goToTop:after,
.footer .goToTop:before {
  content: '';
  width: 10px;
  height: 3px;
  position: absolute;
  background: white;
  top: 10px;
}
.footer .goToTop:before {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  left: 5px;
}
.footer .goToTop:after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  right: 5px;
}
.sidebar {
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
  background: white;
  overflow-x: hidden;
  width: 280px;
  display: inline-block;
  position: fixed;
  z-index: 14;
  top: 10px;
  transition: all 0.5s;
}
@media (min-width: 769px) {
  .sidebar {
    -webkit-border-radius: 0px 5px 0 0;
    -moz-border-radius: 0px 5px 0 0;
    border-radius: 0px 5px 0 0;
  }
}
@media (max-width: 769px) {
  .sidebar {
    top: 58px;
    left: 0;
  }
}
.sidebar .sidebar-header {
  background: #686A6D;
  overflow: hidden;
  width: 100%;
  height: 56px;
  border-bottom: 1px solid #a0a0a0;
  position: relative;
  z-index: 2;
  transition: all 0.5s ease-in-out;
  -webkit-border-radius: 0px 5px 0 0;
  -moz-border-radius: 0px 5px 0 0;
  border-radius: 0px 5px 0 0;
}
@media (min-width: 769px) {
  .sidebar .sidebar-header {
    height: 49px;
  }
}
.sidebar .sidebar-header .sidebar-module {
  position: relative;
  width: 90px;
  height: 56px;
  background: #4a4c4e;
  padding: 6px 0;
  display: inline-block;
  vertical-align: middle;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  text-align: center;
}
@media (min-width: 769px) {
  .sidebar .sidebar-header .sidebar-module {
    -webkit-border-radius: 0px 5px 0 0;
    -moz-border-radius: 0px 5px 0 0;
    border-radius: 0px 5px 0 0;
    height: 49px;
  }
}
.sidebar .sidebar-header .sidebar-module:before {
  content: '';
  width: 20px;
  height: 4px;
  background-color: #686A6D;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.sidebar .sidebar-header .sidebar-module .module-module,
.sidebar .sidebar-header .sidebar-module .module-main {
  width: 35px;
  height: 35px;
  z-index: 2;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.sidebar .sidebar-header .sidebar-module .module-module {
  width: 28px;
  height: 28px;
  margin-top: 4px;
}
.sidebar .sidebar-header .sidebar-module .module-main {
  margin-right: 3px;
}
.sidebar .sidebar-header .sidebar-title {
  display: inline-block;
  vertical-align: middle;
  min-width: calc(100% - 95px);
  color: white;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  font-weight: 500;
  text-align: center;
  font-size: 13px;
  padding: 5px 0;
  overflow: hidden;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.sidebar .sidebar-search {
  width: 280px;
  display: block;
  position: relative;
  background: #eeeeee;
  border-right: 1px solid #e8e6e6;
  overflow: hidden;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.sidebar .sidebar-search input {
  width: 100%;
  font-size: 13px;
  font-weight: 400;
  height: 48px;
  max-height: initial;
  color: #5D5D5D;
  background: transparent;
  border: 0;
  padding: 6px 30px 6px 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.sidebar .sidebar-search input:focus {
  border-color: transparent;
  background: rgba(88, 88, 88, 0.2);
  color: #4a4a4a;
  border-radius: 0;
}
.sidebar .sidebar-search .fa {
  color: #A5A5A5;
  position: absolute;
  width: 15px;
  height: 15px;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 20px;
}
.sidebar .sidebar-itens {
  list-style: none;
  width: 280px;
  padding-bottom: 30px;
  height: calc(100vh - 167px);
  overflow-y: auto;
  margin-top: -1px;
  scrollbar-width: thin;
  /* Track */
  /* Handle */
  /* Handle on hover */
}
@media (min-width: 769px) {
  .sidebar .sidebar-itens {
    height: calc(100vh - 112px);
  }
}
.sidebar .sidebar-itens li {
  width: 100%;
  color: #4f5153;
  cursor: pointer;
  border-bottom: 1px solid #f1f1f1;
  position: relative;
}
.sidebar .sidebar-itens li.on > a {
  background-color: rgba(104, 106, 109, 0.1);
}
.sidebar .sidebar-itens li.on > a:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 4px;
  height: 100%;
  background: #686A6D;
}
.sidebar .sidebar-itens li.on li.on > a:before {
  background: #4f5153;
}
.sidebar .sidebar-itens li.on li.on li.on > a:before {
  background: #363739;
}
.sidebar .sidebar-itens li a:hover {
  background-color: rgba(104, 106, 109, 0.1);
}
.sidebar .sidebar-itens li a,
.sidebar .sidebar-itens li button {
  display: block;
  overflow: hidden;
  width: 100%;
  padding: 4px 17px 4px 0;
  text-align: left;
  white-space: nowrap;
}
.sidebar .sidebar-itens li .count {
  background-color: #c7382d;
  min-width: 14px;
  min-height: 14px;
  border-radius: 100%;
  color: white;
  position: absolute;
  left: 34px;
  top: 3px;
  font-size: 9px;
  text-align: center;
  line-height: 14px;
  padding: 0 2px;
}
.sidebar .sidebar-itens li .fa {
  color: #4f5153;
  padding: 6px 0;
  vertical-align: middle;
  display: inline-block;
  margin-right: -4px;
  font-size: 16px;
  width: 60px;
}
.sidebar .sidebar-itens li .fa:before {
  display: block;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 3px 0;
  text-align: center;
}
.sidebar .sidebar-itens li b {
  display: inline-block;
  vertical-align: middle;
  color: #4f5153;
  padding: 10px 0;
  font-weight: 400;
  font-size: 14px;
  width: calc(100% - 47px);
  padding-right: 15px;
  font-weight: normal;
  white-space: normal;
}
.sidebar .sidebar-itens li.dropdown-arrow .click-area {
  content: '';
  display: block;
  width: 100%;
  background: transparent;
  position: absolute;
  top: 0;
  right: 0;
  height: 45px;
  cursor: pointer;
  z-index: 1;
}
.sidebar .sidebar-itens li.dropdown-arrow:after {
  content: '';
  position: absolute;
  top: 16px;
  right: 18px;
  width: 11px;
  height: 17px;
  background: url('../../img/misc//dropdown-arrow.png') center center no-repeat;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.sidebar .sidebar-itens li.dropdown-arrow.open:after {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
.sidebar .sidebar-itens li > a {
  position: relative;
}
.sidebar .sidebar-itens li > a.dropdown-arrow .click-area {
  content: '';
  display: block;
  width: 100%;
  background: transparent;
  position: absolute;
  top: 0;
  right: 0;
  height: 45px;
  cursor: pointer;
  z-index: 1;
}
.sidebar .sidebar-itens li > a.dropdown-arrow:after {
  content: '';
  position: absolute;
  top: 16px;
  right: 18px;
  width: 11px;
  height: 17px;
  background: url('../../img/misc//dropdown-arrow.png') center center no-repeat;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.sidebar .sidebar-itens li > a.dropdown-arrow.open:after {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
.sidebar .sidebar-itens li ul {
  background: rgba(0, 0, 0, 0.06);
  box-shadow: inset 2px 4px 6px -3px rgba(0, 0, 0, 0.3);
  list-style: none;
  margin-bottom: -1px;
  position: relative;
  z-index: 2;
  display: none;
  left: 0;
}
.sidebar .sidebar-itens li ul ul {
  border-bottom: none;
}
.sidebar .sidebar-itens li ul ul ul {
  border-color: rgba(0, 0, 0, 0.1);
}
.sidebar .sidebar-itens li ul a {
  padding-right: 0;
}
.sidebar .sidebar-itens li ul b {
  padding: 12px 15px 12px 0;
  font-size: 13px;
  color: #4f5153;
}
.sidebar .sidebar-itens li ul .fa {
  color: #4f5153;
}
.sidebar .sidebar-itens li ul .fa:before {
  background: transparent;
  border-color: transparent;
}
.sidebar .sidebar-itens li ul .iconmoon {
  color: #4f5153;
}
.sidebar .sidebar-itens li ul .iconmoon:before {
  border-color: transparent;
  background: transparent;
  padding: 1px 0 0 0;
  line-height: 22px;
}
.sidebar .sidebar-itens::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.sidebar .sidebar-itens::-webkit-scrollbar-track {
  background: transparent;
}
.sidebar .sidebar-itens::-webkit-scrollbar-thumb {
  background: rgba(104, 106, 109, 0.7);
  border-radius: 0 0 8px 8px;
}
.sidebar .sidebar-itens::-webkit-scrollbar-thumb:hover {
  background: rgba(104, 106, 109, 0.9);
}
.sidebar.sidebar-toggle {
  width: 0;
}
.sidebar.sidebar-toggle .sidebar-header {
  background: #4a4c4e;
}
.sidebar.sidebar-toggle .sidebar-search i {
  left: 25px;
  right: auto;
}
.sidebar.sidebar-toggle .sidebar-search input {
  text-indent: 60px;
}
.sidebar.sidebar-toggle .sidebar-itens li b {
  text-indent: 5px;
}
@media (min-width: 769px) {
  .sidebar.sidebar-toggle {
    width: 60px;
    height: 100%;
  }
  .sidebar.sidebar-toggle .sidebar-module {
    width: 60px;
  }
  .sidebar.sidebar-toggle .sidebar-module .module-main,
  .sidebar.sidebar-toggle .sidebar-module:before {
    width: 0;
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0);
  }
  .sidebar.sidebar-toggle .sidebar-module .module-main {
    margin: 0;
  }
  .sidebar.sidebar-toggle .sidebar-module .module-module {
    margin-top: 0;
    width: 35px;
    height: 35px;
  }
  .sidebar.sidebar-toggle:not(:hover):not(.focused-search) .sidebar-search {
    height: 48px;
  }
  .sidebar.sidebar-toggle:not(:hover):not(.focused-search) .sidebar-search input {
    display: none;
  }
  .sidebar.sidebar-toggle:not(.clicked):not(.focused-search):hover {
    animation: animationDelay 0.8s ease-in-out;
    width: 280px;
  }
  .sidebar.sidebar-toggle.focused-search {
    width: 280px;
    transition: none;
  }
}
@media (min-width: 1024px) {
  .sidebar.sidebar-toggle.float-type {
    transition: all 0.5s ease-in-out;
  }
  .sidebar.sidebar-toggle.float-type:not(.focused-search) {
    overflow-x: hidden;
  }
  .sidebar.sidebar-toggle.float-type:not(.focused-search).hover {
    overflow-x: visible;
  }
  .sidebar.sidebar-toggle.float-type:not(.focused-search) .sidebar-search {
    width: 60px;
  }
  .sidebar.sidebar-toggle.float-type:not(.focused-search) .sidebar-itens {
    max-height: 100%;
    overflow-y: overlay;
    direction: rtl;
  }
  .sidebar.sidebar-toggle.float-type:not(.focused-search) .sidebar-itens * {
    direction: ltr;
  }
  .sidebar.sidebar-toggle.float-type:not(.focused-search) .sidebar-itens li {
    height: 48px;
    width: 60px;
  }
  .sidebar.sidebar-toggle.float-type:not(.focused-search) .sidebar-itens li.on > a {
    background-color: rgba(104, 106, 109, 0.1) !important;
  }
  .sidebar.sidebar-toggle.float-type:not(.focused-search) .sidebar-itens li.on > a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 4px;
    height: 100%;
    background: #686A6D;
  }
  .sidebar.sidebar-toggle.float-type:not(.focused-search) .sidebar-itens li b {
    text-indent: 5px;
    display: none;
  }
  .sidebar.sidebar-toggle.float-type:not(.focused-search) .sidebar-itens li a {
    padding-right: 5px;
  }
  .sidebar.sidebar-toggle.float-type:not(.focused-search) .sidebar-itens li a:after {
    display: none;
  }
  .sidebar.sidebar-toggle.float-type:not(.focused-search) .sidebar-itens li > a {
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 0;
  }
  .sidebar.sidebar-toggle.float-type:not(.focused-search) .sidebar-itens li:hover {
    border-bottom: 0;
    background-color: rgba(104, 106, 109, 0.1) !important;
  }
  .sidebar.sidebar-toggle.float-type:not(.focused-search) .sidebar-itens li:hover > a:not(.dropdown-arrow) {
    width: 280px;
    background: white !important;
    position: relative;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
  }
  .sidebar.sidebar-toggle.float-type:not(.focused-search) .sidebar-itens li:hover > a:not(.dropdown-arrow):before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(104, 106, 109, 0.1) !important;
    left: 0;
  }
  .sidebar.sidebar-toggle.float-type:not(.focused-search) .sidebar-itens li:hover > a:not(.dropdown-arrow) b {
    display: inline-block;
    padding-left: 15px;
  }
  .sidebar.sidebar-toggle.float-type:not(.focused-search) .sidebar-itens li:hover > a.dropdown-arrow {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 0;
    overflow: visible;
  }
  .sidebar.sidebar-toggle.float-type:not(.focused-search) .sidebar-itens li:hover > a.dropdown-arrow + ul {
    display: block;
    position: fixed;
    direction: rtl;
    top: 0;
    width: 220px;
    overflow: overlay;
    left: 60px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: white;
    cursor: auto;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
  }
  .sidebar.sidebar-toggle.float-type:not(.focused-search) .sidebar-itens li:hover > a.dropdown-arrow + ul:before {
    content: attr(attr-parent);
    width: 220px;
    height: 48px;
    line-height: 48px;
    padding-right: 7px;
    display: inline-block;
    vertical-align: middle;
    align-items: center;
    padding-left: 15px;
    background-color: white;
    font-weight: 700;
    border-bottom: 1px solid #f5f5f5;
    color: #686A6D;
  }
  .sidebar.sidebar-toggle.float-type:not(.focused-search) .sidebar-itens li:hover > a.dropdown-arrow + ul li {
    width: 220px;
    height: 48px;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .sidebar.sidebar-toggle.float-type:not(.focused-search) .sidebar-itens li:hover > a.dropdown-arrow + ul li i {
    padding-bottom: 0;
  }
  .sidebar.sidebar-toggle.float-type:not(.focused-search) .sidebar-itens li:hover > a.dropdown-arrow + ul li a {
    height: 48px;
    display: flex;
    align-items: center;
    background-color: white;
    position: absolute;
  }
  .sidebar.sidebar-toggle.float-type:not(.focused-search) .sidebar-itens li:hover > a.dropdown-arrow + ul li a > b {
    display: inline-block;
    padding: 0;
  }
  .sidebar.sidebar-toggle.float-type:not(.focused-search) .sidebar-itens li:hover > a.dropdown-arrow + ul li a i {
    width: 40px;
    padding-top: 0;
  }
  .sidebar.sidebar-toggle.float-type:not(.focused-search) .sidebar-itens li:hover > a.dropdown-arrow + ul li:hover a {
    width: 220px;
    background-color: rgba(104, 106, 109, 0.1);
  }
  .sidebar.sidebar-toggle.float-type:not(.focused-search) .sidebar-itens li:hover > a.dropdown-arrow + ul li:hover a b {
    padding-left: 0;
  }
  .sidebar.sidebar-toggle.float-type:not(.focused-search) .sidebar-itens li:hover > a.dropdown-arrow + ul li > ul {
    left: 280px;
    max-height: calc(100vh - 150px);
    overflow-y: overlay;
    direction: rtl;
  }
  .sidebar.sidebar-toggle.float-type:not(.focused-search) .sidebar-itens li:hover > a.dropdown-arrow + ul li > ul li {
    background-color: white !important;
  }
  .sidebar.sidebar-toggle.float-type:not(.focused-search) .sidebar-itens li:hover > a.dropdown-arrow + ul li > ul li > a {
    background-color: white !important;
    padding-right: 7px;
  }
  .sidebar.sidebar-toggle.float-type:not(.focused-search) .sidebar-itens li:hover > a.dropdown-arrow + ul li > ul li:hover {
    background-color: rgba(104, 106, 109, 0.1) !important;
  }
  .sidebar.sidebar-toggle.float-type.focused-search {
    width: 280px;
  }
  .sidebar.sidebar-toggle.float-type.focused-search:not(:hover) .sidebar-search input {
    display: block;
  }
  .sidebar.sidebar-toggle.float-type.focused-search:not(.clicked):hover {
    animation: none;
  }
}
@media (min-width: 1024px) and (min-width: 769px) {
  .sidebar.sidebar-toggle.float-type:not(.focused-search):not(.clicked):hover {
    animation: none !important;
    width: 60px;
  }
}
.sidebar.fancy {
  top: 59px;
}
.sidebar.fancy .sidebar-header {
  display: none;
}
.sidebar.fancy.collapsed .sidebar-user-info {
  flex-direction: row;
  width: 280px;
  padding-left: 12px;
  min-height: 90px;
}
.sidebar.fancy.collapsed .sidebar-user-info figure {
  min-width: 45px;
  min-height: 45px;
  width: 45px;
  height: 45px;
  transition: all 0.6s ease-in-out;
}
.sidebar.fancy.collapsed .sidebar-user-info article {
  padding-left: 0;
  margin-left: 25px;
  margin-top: 10px;
  padding-bottom: 0px;
  border-bottom: 1px solid #686A6D;
}
.sidebar.fancy.collapsed .sidebar-user-info button {
  right: -10px;
  position: absolute;
  margin: 0;
  width: 26px;
  height: 26px;
  border: 1px solid #ccc;
  animation: buttonAnimation 0.4s ease-in-out;
}
.sidebar.fancy.collapsed .sidebar-user-info .btn-dropdown-list {
  top: 30px;
}
.sidebar.fancy.collapsed .sidebar-itens {
  height: calc(100vh - 167px);
}
.sidebar.fancy.sidebar-toggle .sidebar-user-info {
  flex-direction: row;
  width: 280px;
  padding-left: 12px;
  min-height: 90px;
}
.sidebar.fancy.sidebar-toggle .sidebar-user-info figure {
  min-width: 38px;
  min-height: 38px;
  width: 38px;
  height: 38px;
}
.sidebar.fancy.sidebar-toggle .sidebar-user-info article {
  border-bottom: 0;
}
.sidebar.fancy.sidebar-toggle .sidebar-user-info .btn-dropdown {
  width: 26px;
  height: 26px;
  position: absolute;
  margin: 20px 0 0 20px;
}
.sidebar.fancy.sidebar-toggle .sidebar-user-info .btn-dropdown button {
  right: -10px;
  position: relative;
  margin: 0;
  overflow: hidden;
  width: 0;
  height: 0;
  border: 0;
}
.sidebar.fancy.sidebar-toggle .sidebar-user-info .btn-dropdown .btn-dropdown-list {
  top: 20px;
  left: 10px;
}
.sidebar.fancy.sidebar-toggle:hover .sidebar-user-info button {
  animation: buttonAnimation 0.8s ease-in-out;
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-height: 20px;
  border: 1px solid #ccc;
  font-size: 12px;
}
.sidebar.fancy.sidebar-toggle:hover .sidebar-user-info figure {
  width: 45px;
  height: 45px;
  transition: all 0.6s ease-in-out;
}
.sidebar.fancy.sidebar-toggle:hover .sidebar-user-info article {
  padding-left: 0;
  margin-left: 25px;
  margin-top: 10px;
  padding-bottom: 0px;
  border-bottom: 1px solid #686A6D;
}
.sidebar.fancy.sidebar-toggle .sidebar-itens {
  height: calc(100vh - 167px);
}
.sidebar.fancy .sidebar-user-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px;
}
.sidebar.fancy .sidebar-user-info figure {
  position: relative;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-size: cover;
  background-position: center center;
  overflow: hidden;
}
.sidebar.fancy .sidebar-user-info figure:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  width: 118.82px;
  background: #2d2d55;
  opacity: 0.36;
}
.sidebar.fancy .sidebar-user-info .btn-dropdown {
  width: 26px;
  height: 26px;
  margin-top: -25px;
  margin-right: -50px;
  position: relative;
}
.sidebar.fancy .sidebar-user-info .btn-dropdown .btn-dropdown-list {
  right: -10px;
  top: 26px;
}
.sidebar.fancy .sidebar-user-info article {
  margin-top: 20px;
  color: #222222;
  padding: 0 20px 10px;
  border-bottom: 1px solid #686A6D;
}
.sidebar.fancy .sidebar-user-info article span {
  color: #686A6D;
  font-weight: 600;
}
.sidebar.fancy .sidebar-itens {
  height: calc(100vh - 265px);
}
.sidebar.styled {
  top: 0px;
  border-radius: unset;
  pointer-events: none;
}
.sidebar.styled.sidebar-toggle:not(.clicked):hover {
  width: auto;
  max-width: 280px;
}
.sidebar.styled.sidebar-toggle .header-toggle-sidebar {
  transition: 0.5s all;
  width: 60px;
  padding: 0 24px;
}
.sidebar.styled.sidebar-toggle .header-toggle-sidebar em {
  color: white;
}
.sidebar.styled .sidebar-header {
  pointer-events: none;
  transition: 0.5s all;
  height: 60px;
  display: flex;
  border-radius: unset;
  border: unset;
  background: #686A6D;
}
.sidebar.styled .header-toggle-sidebar {
  transition: 0.5s all;
  padding: 0 15px;
}
.sidebar.styled .header-toggle-sidebar em {
  pointer-events: auto;
  color: white;
}
.sidebar.styled .sidebar-search,
.sidebar.styled .sidebar-itens {
  pointer-events: auto;
}
.sidebar.styled .sidebar-module {
  display: flex;
  align-items: center;
  height: 100%;
  background: none;
  border-radius: unset;
  width: auto;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.sidebar.styled .sidebar-module::before {
  content: none;
}
.sidebar.styled .sidebar-module .module-main {
  height: 40px;
  width: 40px;
  min-height: 40px;
  min-width: 40px;
  margin: 0;
  opacity: 1;
}
.sidebar.styled .sidebar-module .module-module {
  height: 20px;
  width: 20px;
  min-height: 20px;
  min-width: 20px;
  margin: 20px 0 0 -10px;
}
.sidebar.styled .sidebar-title {
  padding-left: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: left;
  text-transform: uppercase;
  min-width: unset;
}
.sidebar.styled .sidebar-title small {
  color: white;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.sidebar:not(.float-type) .sidebar-itens li ul,
.sidebar.float-type.focused-search .sidebar-itens li ul {
  left: 0 !important;
  max-height: none !important;
  top: 0 !important;
}
@keyframes animationDelay {
  0%,
  60% {
    width: 60px;
  }
  90% {
    width: 290px;
  }
  100% {
    width: 280px;
  }
}
@keyframes buttonAnimation {
  0%,
  90% {
    width: 0;
    height: 0;
  }
  100% {
    width: 26px;
    height: 26px;
  }
}
.features-user,
.features-notifications,
.features-configuracao-entidade,
.features-contribuinte,
.features-modules {
  overflow: hidden;
  position: fixed;
  background: white;
  top: 58px;
  right: 0;
  z-index: 11;
  border-radius: 10px 0 0 0;
  -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  height: calc(100vh - 40px);
  width: 0;
}
@media (min-width: 769px) {
  .features-user,
  .features-notifications,
  .features-configuracao-entidade,
  .features-contribuinte,
  .features-modules {
    top: 59px;
    height: calc(100vh - 94px);
  }
}
.features-user.overflow-visible,
.features-notifications.overflow-visible,
.features-configuracao-entidade.overflow-visible,
.features-contribuinte.overflow-visible,
.features-modules.overflow-visible {
  overflow: visible;
}
.features-user .top-helper-message,
.features-notifications .top-helper-message,
.features-configuracao-entidade .top-helper-message,
.features-contribuinte .top-helper-message,
.features-modules .top-helper-message {
  margin: 0 -10px;
  padding: 10px 0;
  text-align: center;
  font-size: 13px;
}
.features-user.active,
.features-notifications.active,
.features-configuracao-entidade.active,
.features-contribuinte.active,
.features-modules.active {
  width: 260px;
  z-index: 999;
}
.features-user h2.title,
.features-notifications h2.title,
.features-configuracao-entidade h2.title,
.features-contribuinte h2.title,
.features-modules h2.title {
  font-size: 16px;
  background: white;
  color: #5d5d5d;
  text-align: center;
  display: block;
  padding: 15px 10px;
  width: 260px;
  border-bottom: 1px solid #eeeeee;
}
.features-user .features-body,
.features-notifications .features-body,
.features-configuracao-entidade .features-body,
.features-contribuinte .features-body,
.features-modules .features-body {
  display: block;
  width: 260px;
  overflow-x: hidden;
  overflow-y: auto;
  background: white url('../../img/misc//features-body.png') top center repeat-x;
  height: calc(100% - 108px);
  position: absolute;
  padding-bottom: 35px;
}
@media (min-width: 768px) {
  .features-user .features-body,
  .features-notifications .features-body,
  .features-configuracao-entidade .features-body,
  .features-contribuinte .features-body,
  .features-modules .features-body {
    height: 95%;
  }
}
.features-user .tab-header,
.features-notifications .tab-header,
.features-configuracao-entidade .tab-header,
.features-contribuinte .tab-header,
.features-modules .tab-header {
  display: table;
  width: 260px;
  border-bottom: 1px solid #eeeeee;
  overflow-x: hidden;
}
.features-user .tab-header li,
.features-notifications .tab-header li,
.features-configuracao-entidade .tab-header li,
.features-contribuinte .tab-header li,
.features-modules .tab-header li {
  width: 50%;
  display: table-cell;
  text-align: center;
  font-weight: 400;
  border-left: 1px solid #eeeeee;
  padding: 12px 5px;
  cursor: pointer;
}
.features-user .tab-header li:nth-of-type(1),
.features-notifications .tab-header li:nth-of-type(1),
.features-configuracao-entidade .tab-header li:nth-of-type(1),
.features-contribuinte .tab-header li:nth-of-type(1),
.features-modules .tab-header li:nth-of-type(1) {
  border: none;
}
.features-user .tab-header li.active,
.features-notifications .tab-header li.active,
.features-configuracao-entidade .tab-header li.active,
.features-contribuinte .tab-header li.active,
.features-modules .tab-header li.active {
  color: #4f5153;
  font-weight: 400;
  position: relative;
}
.features-user .tab-header li.active:before,
.features-notifications .tab-header li.active:before,
.features-configuracao-entidade .tab-header li.active:before,
.features-contribuinte .tab-header li.active:before,
.features-modules .tab-header li.active:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  background: #686A6D;
  left: 0;
  bottom: 0px;
}
.features-user .tab li,
.features-notifications .tab li,
.features-configuracao-entidade .tab li,
.features-contribuinte .tab li,
.features-modules .tab li {
  display: none;
}
.features-user .tab li.active,
.features-notifications .tab li.active,
.features-configuracao-entidade .tab li.active,
.features-contribuinte .tab li.active,
.features-modules .tab li.active {
  display: block;
}
.features-user .module-list,
.features-notifications .module-list,
.features-configuracao-entidade .module-list,
.features-contribuinte .module-list,
.features-modules .module-list {
  list-style: none;
  padding: 10px 5px;
}
.features-user .module-list li,
.features-notifications .module-list li,
.features-configuracao-entidade .module-list li,
.features-contribuinte .module-list li,
.features-modules .module-list li {
  display: inline-block;
  height: 115px;
  padding: 10px 5px;
  font-size: 11px;
  color: #5d5d5d;
  font-weight: 400;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.features-user .module-list li:hover,
.features-notifications .module-list li:hover,
.features-configuracao-entidade .module-list li:hover,
.features-contribuinte .module-list li:hover,
.features-modules .module-list li:hover {
  background: rgba(0, 0, 0, 0.1);
}
.features-user .module-list a,
.features-notifications .module-list a,
.features-configuracao-entidade .module-list a,
.features-contribuinte .module-list a,
.features-modules .module-list a {
  color: #5d5d5d;
}
.features-user .module-list img,
.features-notifications .module-list img,
.features-configuracao-entidade .module-list img,
.features-contribuinte .module-list img,
.features-modules .module-list img {
  display: block;
  margin: 0 auto;
  margin-bottom: 10px;
}
.features-user .module-list span,
.features-notifications .module-list span,
.features-configuracao-entidade .module-list span,
.features-contribuinte .module-list span,
.features-modules .module-list span {
  display: block;
  text-align: center;
}
.features-user .notification-list,
.features-notifications .notification-list,
.features-configuracao-entidade .notification-list,
.features-contribuinte .notification-list,
.features-modules .notification-list {
  list-style: none;
  padding: 20px 10px;
}
.features-user .notification-list li,
.features-notifications .notification-list li,
.features-configuracao-entidade .notification-list li,
.features-contribuinte .notification-list li,
.features-modules .notification-list li {
  margin-bottom: 10px;
  display: block;
  width: 100%;
  height: auto;
}
.features-user .notification-list article,
.features-notifications .notification-list article,
.features-configuracao-entidade .notification-list article,
.features-contribuinte .notification-list article,
.features-modules .notification-list article {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.1);
  padding: 13px;
  margin-bottom: 5px;
  color: #5d5d5d;
}
.features-user .notification-list span,
.features-notifications .notification-list span,
.features-configuracao-entidade .notification-list span,
.features-contribuinte .notification-list span,
.features-modules .notification-list span {
  display: block;
  text-align: right;
  font-size: 11px;
  font-weight: 300;
  color: #AFAFAF;
  padding-right: 5px;
}
.features-user .contribuinte-actions,
.features-notifications .contribuinte-actions,
.features-configuracao-entidade .contribuinte-actions,
.features-contribuinte .contribuinte-actions,
.features-modules .contribuinte-actions {
  background: white;
  display: block;
  list-style: none;
  color: #5d5d5d;
  background: white url('../../img/misc//features-body.png') top center repeat-x;
}
.features-user .contribuinte-actions a,
.features-notifications .contribuinte-actions a,
.features-configuracao-entidade .contribuinte-actions a,
.features-contribuinte .contribuinte-actions a,
.features-modules .contribuinte-actions a {
  color: #5d5d5d;
  display: block;
  padding: 5px 10px;
}
.features-user .contribuinte-actions li,
.features-notifications .contribuinte-actions li,
.features-configuracao-entidade .contribuinte-actions li,
.features-contribuinte .contribuinte-actions li,
.features-modules .contribuinte-actions li {
  cursor: pointer;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.features-user .contribuinte-actions li:hover,
.features-notifications .contribuinte-actions li:hover,
.features-configuracao-entidade .contribuinte-actions li:hover,
.features-contribuinte .contribuinte-actions li:hover,
.features-modules .contribuinte-actions li:hover {
  background: rgba(0, 0, 0, 0.1);
}
.features-user .contribuinte-actions li:hover .fa,
.features-notifications .contribuinte-actions li:hover .fa,
.features-configuracao-entidade .contribuinte-actions li:hover .fa,
.features-contribuinte .contribuinte-actions li:hover .fa,
.features-modules .contribuinte-actions li:hover .fa {
  color: white;
  background: #686A6D;
}
.features-user .contribuinte-actions li:first-child a,
.features-notifications .contribuinte-actions li:first-child a,
.features-configuracao-entidade .contribuinte-actions li:first-child a,
.features-contribuinte .contribuinte-actions li:first-child a,
.features-modules .contribuinte-actions li:first-child a {
  padding: 10px;
}
.features-user .contribuinte-actions li:last-child a,
.features-notifications .contribuinte-actions li:last-child a,
.features-configuracao-entidade .contribuinte-actions li:last-child a,
.features-contribuinte .contribuinte-actions li:last-child a,
.features-modules .contribuinte-actions li:last-child a {
  padding: 10px;
}
.features-user .contribuinte-actions.inputs,
.features-notifications .contribuinte-actions.inputs,
.features-configuracao-entidade .contribuinte-actions.inputs,
.features-contribuinte .contribuinte-actions.inputs,
.features-modules .contribuinte-actions.inputs {
  padding: 0 10px 15px 10px;
}
.features-user .contribuinte-actions .form-group,
.features-notifications .contribuinte-actions .form-group,
.features-configuracao-entidade .contribuinte-actions .form-group,
.features-contribuinte .contribuinte-actions .form-group,
.features-modules .contribuinte-actions .form-group {
  padding-bottom: 5px;
  border-bottom: 1px solid #686A6D;
}
.features-user .contribuinte-actions > div:last-child .form-group,
.features-notifications .contribuinte-actions > div:last-child .form-group,
.features-configuracao-entidade .contribuinte-actions > div:last-child .form-group,
.features-contribuinte .contribuinte-actions > div:last-child .form-group,
.features-modules .contribuinte-actions > div:last-child .form-group {
  border-bottom: 0;
  padding-bottom: 10px;
}
.features-user .user-actions,
.features-notifications .user-actions,
.features-configuracao-entidade .user-actions,
.features-contribuinte .user-actions,
.features-modules .user-actions {
  background: white;
  display: block;
  list-style: none;
  color: #5d5d5d;
  background: white url('../../img/misc//features-body.png') top center repeat-x;
}
.features-user .user-actions a,
.features-notifications .user-actions a,
.features-configuracao-entidade .user-actions a,
.features-contribuinte .user-actions a,
.features-modules .user-actions a {
  color: #5d5d5d;
  display: block;
  padding: 10px;
}
.features-user .user-actions li,
.features-notifications .user-actions li,
.features-configuracao-entidade .user-actions li,
.features-contribuinte .user-actions li,
.features-modules .user-actions li {
  cursor: pointer;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.features-user .user-actions li button,
.features-notifications .user-actions li button,
.features-configuracao-entidade .user-actions li button,
.features-contribuinte .user-actions li button,
.features-modules .user-actions li button {
  width: 100%;
  text-align: left;
  color: #5d5d5d;
  display: block;
  padding: 10px;
}
.features-user .user-actions li:hover,
.features-notifications .user-actions li:hover,
.features-configuracao-entidade .user-actions li:hover,
.features-contribuinte .user-actions li:hover,
.features-modules .user-actions li:hover {
  background: rgba(0, 0, 0, 0.1);
}
.features-user .user-actions li:hover .fa,
.features-notifications .user-actions li:hover .fa,
.features-configuracao-entidade .user-actions li:hover .fa,
.features-contribuinte .user-actions li:hover .fa,
.features-modules .user-actions li:hover .fa {
  color: white;
  background: #686A6D;
}
.features-user .user-actions li:first-child a,
.features-notifications .user-actions li:first-child a,
.features-configuracao-entidade .user-actions li:first-child a,
.features-contribuinte .user-actions li:first-child a,
.features-modules .user-actions li:first-child a {
  padding: 10px;
}
.features-user .user-actions li:last-child a,
.features-notifications .user-actions li:last-child a,
.features-configuracao-entidade .user-actions li:last-child a,
.features-contribuinte .user-actions li:last-child a,
.features-modules .user-actions li:last-child a {
  padding: 10px;
}
.features-user .user-actions .fa,
.features-notifications .user-actions .fa,
.features-configuracao-entidade .user-actions .fa,
.features-contribuinte .user-actions .fa,
.features-modules .user-actions .fa {
  width: 25px;
  height: 25px;
  line-height: 15px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  background: #DADADA;
  text-align: center;
  padding: 5px;
  color: #5D5D5D;
  vertical-align: middle;
  margin-right: 5px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.features-user .user-actions.inputs,
.features-notifications .user-actions.inputs,
.features-configuracao-entidade .user-actions.inputs,
.features-contribuinte .user-actions.inputs,
.features-modules .user-actions.inputs {
  padding: 0 10px 15px 10px;
}
.features-user .search,
.features-notifications .search,
.features-configuracao-entidade .search,
.features-contribuinte .search,
.features-modules .search {
  display: block;
  margin: 0 auto;
  margin-right: 0;
  position: relative;
  width: calc(260px - 20px);
  margin: 10px;
}
.features-user .search input,
.features-notifications .search input,
.features-configuracao-entidade .search input,
.features-contribuinte .search input,
.features-modules .search input {
  width: 100%;
  font-size: 13px;
  font-weight: 400;
  color: #5D5D5D;
  background: white;
  border: 2px solid #efefef;
  padding: 6px 30px 6px 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.features-user .search input:focus,
.features-notifications .search input:focus,
.features-configuracao-entidade .search input:focus,
.features-contribuinte .search input:focus,
.features-modules .search input:focus {
  background: #efefef;
}
.features-user .search button,
.features-notifications .search button,
.features-configuracao-entidade .search button,
.features-contribuinte .search button,
.features-modules .search button {
  color: #A5A5A5;
  position: absolute;
  width: 15px;
  height: 15px;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 10px;
}
.features-user .bookmarks-list,
.features-notifications .bookmarks-list,
.features-configuracao-entidade .bookmarks-list,
.features-contribuinte .bookmarks-list,
.features-modules .bookmarks-list {
  list-style: none;
  padding: 0 10px 20px;
  padding-right: 25px;
  width: 260px;
}
.features-user .bookmarks-list li,
.features-notifications .bookmarks-list li,
.features-configuracao-entidade .bookmarks-list li,
.features-contribuinte .bookmarks-list li,
.features-modules .bookmarks-list li {
  display: block;
  border-top: 1px solid #E1DFDF;
  padding-right: 20px;
  color: #5d5d5d;
  position: relative;
  -webkit-transition: 0.1s;
  -moz-transition: 0.1s;
  -ms-transition: 0.1s;
  -o-transition: 0.1s;
  transition: 0.1s;
  margin-top: -1px;
}
.features-user .bookmarks-list li:nth-of-type(1),
.features-notifications .bookmarks-list li:nth-of-type(1),
.features-configuracao-entidade .bookmarks-list li:nth-of-type(1),
.features-contribuinte .bookmarks-list li:nth-of-type(1),
.features-modules .bookmarks-list li:nth-of-type(1) {
  border: none;
}
.features-user .bookmarks-list li.removed,
.features-notifications .bookmarks-list li.removed,
.features-configuracao-entidade .bookmarks-list li.removed,
.features-contribuinte .bookmarks-list li.removed,
.features-modules .bookmarks-list li.removed {
  display: none;
  border-color: transparent !important;
}
.features-user .bookmarks-list li a,
.features-notifications .bookmarks-list li a,
.features-configuracao-entidade .bookmarks-list li a,
.features-contribuinte .bookmarks-list li a,
.features-modules .bookmarks-list li a {
  color: #5d5d5d;
}
.features-user .bookmarks-list li b,
.features-notifications .bookmarks-list li b,
.features-configuracao-entidade .bookmarks-list li b,
.features-contribuinte .bookmarks-list li b,
.features-modules .bookmarks-list li b {
  font-weight: 400;
  font-size: 12px;
  color: #5d5d5d;
  display: inline-block;
  vertical-align: middle;
  padding: 12px 0;
}
.features-user .bookmarks-list li img,
.features-notifications .bookmarks-list li img,
.features-configuracao-entidade .bookmarks-list li img,
.features-contribuinte .bookmarks-list li img,
.features-modules .bookmarks-list li img {
  margin-right: 7px;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
}
.features-user .bookmarks-list li ul,
.features-notifications .bookmarks-list li ul,
.features-configuracao-entidade .bookmarks-list li ul,
.features-contribuinte .bookmarks-list li ul,
.features-modules .bookmarks-list li ul {
  margin-bottom: -1px;
  position: relative;
  background: #F9F9F9;
  border: 1px solid #EDEDED;
  border-right: 0;
  margin-right: -30px;
  margin-left: -10px;
  z-index: 1;
  display: none;
}
.features-user .bookmarks-list li ul li,
.features-notifications .bookmarks-list li ul li,
.features-configuracao-entidade .bookmarks-list li ul li,
.features-contribuinte .bookmarks-list li ul li,
.features-modules .bookmarks-list li ul li {
  font-size: 12px;
  color: #7C7C7C;
  border: none;
  padding-right: 0;
}
.features-user .bookmarks-list li ul li b,
.features-notifications .bookmarks-list li ul li b,
.features-configuracao-entidade .bookmarks-list li ul li b,
.features-contribuinte .bookmarks-list li ul li b,
.features-modules .bookmarks-list li ul li b {
  border-top: 1px solid #E1DFDF;
  display: inline-block;
  padding: 8px 0;
  padding-right: 30px;
  width: calc(100% - 33px);
}
.features-user .bookmarks-list li ul li:nth-of-type(1) b,
.features-notifications .bookmarks-list li ul li:nth-of-type(1) b,
.features-configuracao-entidade .bookmarks-list li ul li:nth-of-type(1) b,
.features-contribuinte .bookmarks-list li ul li:nth-of-type(1) b,
.features-modules .bookmarks-list li ul li:nth-of-type(1) b {
  border: none;
}
.features-user .bookmarks-list li ul li a,
.features-notifications .bookmarks-list li ul li a,
.features-configuracao-entidade .bookmarks-list li ul li a,
.features-contribuinte .bookmarks-list li ul li a,
.features-modules .bookmarks-list li ul li a {
  color: #7C7C7C;
  display: block;
  padding-left: 10px;
}
.features-user .bookmarks-list li ul li .fa.child,
.features-notifications .bookmarks-list li ul li .fa.child,
.features-configuracao-entidade .bookmarks-list li ul li .fa.child,
.features-contribuinte .bookmarks-list li ul li .fa.child,
.features-modules .bookmarks-list li ul li .fa.child,
.features-user .bookmarks-list li ul li .fa.father,
.features-notifications .bookmarks-list li ul li .fa.father,
.features-configuracao-entidade .bookmarks-list li ul li .fa.father,
.features-contribuinte .bookmarks-list li ul li .fa.father,
.features-modules .bookmarks-list li ul li .fa.father {
  border: 1px solid #DADADA;
  background: white;
  width: 20px;
  height: 20px;
  text-align: center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 13px;
  padding: 2px 0;
  color: #4f5153;
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
}
.features-user .bookmarks-list li ul li .fa.child,
.features-notifications .bookmarks-list li ul li .fa.child,
.features-configuracao-entidade .bookmarks-list li ul li .fa.child,
.features-contribuinte .bookmarks-list li ul li .fa.child,
.features-modules .bookmarks-list li ul li .fa.child {
  background: #B3B5B6;
  border-color: #B3B5B6;
  color: white;
}
.features-user .bookmarks-list li ul li em.remove-bookmark,
.features-notifications .bookmarks-list li ul li em.remove-bookmark,
.features-configuracao-entidade .bookmarks-list li ul li em.remove-bookmark,
.features-contribuinte .bookmarks-list li ul li em.remove-bookmark,
.features-modules .bookmarks-list li ul li em.remove-bookmark {
  right: 9px;
  top: 6;
}
.features-user .bookmarks-list li em.remove-bookmark,
.features-notifications .bookmarks-list li em.remove-bookmark,
.features-configuracao-entidade .bookmarks-list li em.remove-bookmark,
.features-contribuinte .bookmarks-list li em.remove-bookmark,
.features-modules .bookmarks-list li em.remove-bookmark {
  color: #BFBFBF;
  font-size: 16px;
  width: 13px;
  height: 16px;
  position: absolute;
  right: 0px;
  top: 9px;
  z-index: 3;
  cursor: pointer;
}
.features-user .bookmarks-list li span.dropdown-arrow,
.features-notifications .bookmarks-list li span.dropdown-arrow,
.features-configuracao-entidade .bookmarks-list li span.dropdown-arrow,
.features-contribuinte .bookmarks-list li span.dropdown-arrow,
.features-modules .bookmarks-list li span.dropdown-arrow {
  position: relative;
  position: absolute;
  width: 100%;
  height: 36px;
  right: 0;
  top: 0;
  cursor: pointer;
}
.features-user .bookmarks-list li span.dropdown-arrow.dropdown-arrow .click-area,
.features-notifications .bookmarks-list li span.dropdown-arrow.dropdown-arrow .click-area,
.features-configuracao-entidade .bookmarks-list li span.dropdown-arrow.dropdown-arrow .click-area,
.features-contribuinte .bookmarks-list li span.dropdown-arrow.dropdown-arrow .click-area,
.features-modules .bookmarks-list li span.dropdown-arrow.dropdown-arrow .click-area {
  content: '';
  display: block;
  width: 100%;
  background: transparent;
  position: absolute;
  top: 0;
  right: 0;
  height: 0;
  cursor: pointer;
  z-index: 1;
}
.features-user .bookmarks-list li span.dropdown-arrow.dropdown-arrow:after,
.features-notifications .bookmarks-list li span.dropdown-arrow.dropdown-arrow:after,
.features-configuracao-entidade .bookmarks-list li span.dropdown-arrow.dropdown-arrow:after,
.features-contribuinte .bookmarks-list li span.dropdown-arrow.dropdown-arrow:after,
.features-modules .bookmarks-list li span.dropdown-arrow.dropdown-arrow:after {
  content: '';
  position: absolute;
  top: 10px;
  right: 0;
  width: 11px;
  height: 17px;
  background: url('../../img/misc//dropdown-arrow.png') center center no-repeat;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.features-user .bookmarks-list li span.dropdown-arrow.dropdown-arrow.open:after,
.features-notifications .bookmarks-list li span.dropdown-arrow.dropdown-arrow.open:after,
.features-configuracao-entidade .bookmarks-list li span.dropdown-arrow.dropdown-arrow.open:after,
.features-contribuinte .bookmarks-list li span.dropdown-arrow.dropdown-arrow.open:after,
.features-modules .bookmarks-list li span.dropdown-arrow.dropdown-arrow.open:after {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
.features-notifications.auto-height {
  right: 15px;
  width: 220px;
  height: 0;
  border-radius: 10px;
}
.features-notifications.auto-height.active {
  height: initial;
}
.features-notifications.auto-height h2.title {
  width: auto;
}
.features-notifications.auto-height .features-body {
  height: auto;
  max-height: 100%;
  width: auto;
  position: relative;
  padding-bottom: 0;
  overflow: hidden;
  overflow-y: auto;
  max-height: 400px;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.features-notifications.auto-height .features-body::-webkit-scrollbar {
  width: 4px;
}
.features-notifications.auto-height .features-body::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.features-notifications.auto-height .features-body::-webkit-scrollbar-thumb {
  background: #888;
}
.features-notifications.auto-height .features-body::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.features-notifications.read-options .read {
  width: 20px;
  height: 20px;
  border: 1px solid #DCE1E1;
  border-radius: 50%;
  float: left;
  cursor: pointer;
  text-align: center;
  line-height: 18px;
  font-size: 10px;
}
.features-notifications.reduced ul {
  padding: 0;
}
.features-notifications.reduced ul li {
  padding: 5px 10px;
  text-align: left;
  border-bottom: 1px solid #ececec;
  transition: 0.2s all;
  margin-bottom: 0;
  cursor: pointer;
}
.features-notifications.reduced ul li:hover {
  background: rgba(104, 106, 109, 0.1);
}
.features-notifications.reduced ul li article {
  margin: 0;
  padding: 0;
  background: transparent;
}
.features-notifications.reduced ul li article.nowrap {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.features-notifications.reduced ul li article p {
  margin-top: 5px;
  margin-bottom: 10px;
  font-size: 13px;
}
.features-notifications.reduced ul li.unread {
  position: relative;
}
.features-notifications.reduced ul li.unread:before {
  content: '';
  width: 2px;
  height: 40px;
  background: #C7382D;
  left: 0;
  opacity: 1;
  border: 0;
  position: absolute;
  top: 3px;
}
.features-notifications.reduced ul li .negative {
  color: #df382c;
}
.features-notifications.reduced ul li .positive {
  color: #32a636;
}
.features-notifications.reduced ul li .module-color {
  color: #686A6D;
}
.features-notifications.reduced ul button {
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  width: 100%;
  flex-direction: column;
  text-transform: uppercase;
  font-size: 10px;
  min-height: 34px;
  padding: 5px;
}
.features-notifications.reduced .datehour span {
  text-align: left;
  color: #686A6D;
  text-transform: uppercase;
  font-size: 9px;
  margin-bottom: 3px;
  font-weight: bold;
}
.features-user.auto-height {
  right: 15px;
  width: 220px;
  height: 0;
  border-radius: 10px;
}
.features-user.auto-height.active {
  height: fit-content;
}
.features-user.auto-height h2.title {
  width: auto;
}
.features-user.auto-height .features-body {
  height: auto;
  max-height: 100%;
  width: auto;
  position: relative;
  padding-bottom: 0;
  overflow: hidden;
  overflow-y: auto;
  max-height: 400px;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.features-user.auto-height .features-body::-webkit-scrollbar {
  width: 4px;
}
.features-user.auto-height .features-body::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.features-user.auto-height .features-body::-webkit-scrollbar-thumb {
  background: #888;
}
.features-user.auto-height .features-body::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.features-user.auto-height li {
  margin-left: 0;
}
@media (min-width: 769px) {
  .features-user,
  .features-contribuinte,
  .features-configuracao-entidade {
    height: 0;
    right: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    opacity: 0;
    -webkit-transition: opacity 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out;
    -ms-transition: opacity 0.25s ease-in-out;
    -o-transition: opacity 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out;
  }
  .features-user.active,
  .features-contribuinte.active,
  .features-configuracao-entidade.active {
    width: 240px;
    height: initial;
    opacity: 1;
  }
  .features-user .title,
  .features-contribuinte .title,
  .features-configuracao-entidade .title {
    width: 240px !important;
  }
}
@media (min-width: 769px) {
  .features-contribuinte.active {
    width: 290px;
  }
  .features-contribuinte .title {
    width: 290px !important;
  }
}
.features-esic {
  overflow: hidden;
  position: fixed;
  background: white;
  top: 66px;
  right: 0;
  z-index: 11;
  border-radius: 10px 0 0 0;
  -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  height: calc(100vh - 113px);
  width: 0;
}
@media (min-width: 769px) {
  .features-esic {
    height: calc(100vh - 66px);
  }
  .features-esic.active {
    width: 360px;
  }
}
@media (max-width: 768px) {
  .features-esic.expand {
    display: none;
  }
  .features-esic.active {
    width: 80%;
  }
}
.features-esic h2.title {
  font-size: 16px;
  background: white;
  color: #5d5d5d;
  text-align: center;
  display: block;
  padding: 15px 10px;
  width: 360px;
  overflow: hidden;
  border-bottom: 1px solid #eeeeee;
}
.features-esic .features-body {
  display: block;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  background: white url('../../img/misc//features-body.png') top center repeat-x;
  height: calc(100% - 10px);
  position: absolute;
}
@media (min-width: 769px) {
  .features-esic .features-body {
    height: 95%;
  }
}
.features-notifications .features-body {
  height: calc(100% - 47px);
}
.navigation-top {
  display: block;
  border-bottom: 1px solid #dadada;
  background: white;
  font-size: 14px;
  padding: 0px 20px;
  margin: -15px -15px 20px -15px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  letter-spacing: -4px;
  white-space: nowrap;
  overflow-y: hidden;
  overflow-x: auto;
}
@media (min-width: 769px) {
  .navigation-top {
    margin: -20px -20px 20px -20px;
  }
}
.navigation-top.fixed {
  position: fixed;
  top: 79px;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
  z-index: 10;
}
@media (max-width: 767px) {
  .navigation-top.fixed {
    top: 73px;
  }
}
.navigation-top .navigation-top-item {
  display: inline-block;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  font-size: 13px;
  padding: 6px 8px;
  letter-spacing: 0;
  color: #4f5153;
}
@media (min-width: 769px) {
  .navigation-top .navigation-top-item {
    border-left: 1px solid #ccc;
  }
}
.navigation-top .navigation-top-item:nth-of-type(1) {
  border-left: none;
}
.navigation-top .navigation-top-item.active {
  background: #686A6D;
  border-color: #686A6D;
  color: white;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}
.notification-box {
  display: block;
  width: 320px;
  height: 0;
  position: fixed;
  top: 50px;
  right: 0;
  z-index: 10;
}
@media (min-width: 769px) {
  .notification-box {
    top: 76px;
  }
}
.notification-box .notification-box-iten {
  margin: 0 10px 10px;
  color: rgba(0, 0, 0, 0.5);
  background: #ccc;
  color: rgba(236, 236, 236, 0.9);
  position: relative;
  max-height: 0;
  transition: max-height 0.2s, opacity 0.4s;
  overflow: hidden;
  opacity: 0;
}
.notification-box .notification-box-iten.open {
  padding: 10px;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
  right: 0;
  animation: transition 0.2s;
  margin-bottom: 10px;
  max-height: 500px;
  opacity: 1;
}
.notification-box .notification-box-iten .notification-box-title {
  line-height: 100%;
  font-weight: 700;
  display: block;
  font-size: 14px;
  margin: 0;
  padding: 0px;
  text-shadow: none;
}
.notification-box .notification-box-iten .notification-box-text {
  line-height: 120%;
  font-size: 13px;
  text-shadow: none;
  color: #4b583a;
  margin-top: 5px;
}
.notification-box .notification-box-iten.positive {
  border-top: 2px solid #5ea400;
  background-color: #f0f5ea;
  box-shadow: rgba(94, 164, 0, 0.4) 0px 0px 1px;
}
.notification-box .notification-box-iten.positive .notification-box-title {
  color: #5ea400;
}
.notification-box .notification-box-iten.positive .close {
  background: #b0ca92;
}
.notification-box .notification-box-iten.positive .close:before {
  color: #f0f5ea;
}
.notification-box .notification-box-iten.negative {
  border-top: 2px solid #ec3d3d;
  background-color: #f4e9e9;
  color: #412f2f;
  box-shadow: rgba(236, 61, 61, 0.4) 0px 0px 1px;
}
.notification-box .notification-box-iten.negative .notification-box-title {
  color: #ec3d3d;
}
.notification-box .notification-box-iten.negative .close {
  background-color: #e4bebe;
}
.notification-box .notification-box-iten.negative .close:before {
  color: #f4e9e9;
}
.notification-box .notification-box-iten.neutral {
  background: rgba(236, 236, 236, 0.9);
  text-shadow: 1px 1px rgba(255, 255, 255, 0.2);
  border-top: 2px solid #636262;
}
.notification-box .notification-box-iten.neutral .notification-box-text,
.notification-box .notification-box-iten.neutral .notification-box-title {
  color: #636262;
}
.notification-box .notification-box-iten.neutral .close {
  background-color: rgba(0, 0, 0, 0.2);
}
.notification-box .notification-box-iten.module-color {
  border-top: 2px solid #369cc7;
  background-color: #e8f0f4;
  color: #41555d;
  box-shadow: rgba(54, 156, 199, 0.4) 0px 0px 1px;
}
.notification-box .notification-box-iten.module-color .notification-box-title {
  color: #369cc7;
}
.notification-box .notification-box-iten.module-color .close {
  background-color: #a4becb;
}
.notification-box .notification-box-iten.module-color .close:before {
  color: #e8f0f4;
}
.notification-box .notification-box-iten .close {
  width: 15px;
  height: 15px;
  display: block;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer;
}
.notification-box .notification-box-iten .close:before {
  display: block;
  font: normal normal normal 14px/1;
  font-family: FontAwesome, Helvetica, Arial, sans-serif;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: white;
  content: '\f00d';
  font-size: 10px;
  text-align: center;
  padding-top: 0;
}
@keyframes transition {
  0% {
    right: -320px;
  }
  100% {
    right: 0;
  }
}
.Select-control {
  height: 26px !important;
  border-radius: 3px !important;
  border-color: #D6D6D6 !important;
}
.Select-control:hover {
  box-shadow: none !important;
}
.Select-placeholder,
.Select--single > .Select-control .Select-value,
.Select-clear {
  line-height: 26px !important;
}
.Select-input {
  height: 26px !important;
}
.Select-input > input {
  display: block !important;
  width: 100% !important;
  padding: 0px !important;
  line-height: 26px !important;
}
.Select-placeholder {
  line-height: 26px !important;
}
.Select.is-focused:not(.is-open) > .Select-control {
  box-shadow: none !important;
  border-color: #5d5d5d !important;
}
.ui-state-default,
.ui-widget-content .ui-state-default {
  background: #eee !important;
  border: rgba(0, 0, 0, 0.1) 1px solid !important;
  border-radius: 3px !important;
  text-align: center !important;
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight {
  color: white !important;
  background: #4f5153 !important;
  border-color: #4f5153 !important;
  text-shadow: 0px 0px 6px #000000 !important;
}
.ui-datepicker .ui-datepicker-header {
  background: #4f5153 !important;
}
.ui-datepicker-year,
.ui-datepicker-month {
  background: #4f5153 !important;
  text-shadow: 0px 0px 6px #000000 !important;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover {
  border-color: transparent !important;
  background: white !important;
}
/*=================================
=              Style              =
=================================*/
a,
a:hover,
*:link,
a:link,
a:visited,
a:focus,
a:active {
  color: #4f5153;
  text-decoration: none;
}
hr {
  margin-left: -20px;
  margin-right: -20px;
}
@media (max-width: 769px) {
  hr {
    margin-left: -15px;
    margin-right: -15px;
  }
}
.login-button {
  position: fixed;
  z-index: 15;
  display: inline-block;
  background: #686A6D;
  width: 96px;
  height: 39px;
  top: 9px;
  right: 8px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
@media (min-width: 769px) {
  .login-button {
    background: #f9f9f9;
    width: 179px;
    height: 47px;
    top: 6;
    right: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
}
.login-button .btn {
  position: absolute;
  display: inline-block;
  margin: auto;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  color: white;
  background: #686A6D;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.3);
  font-size: 14px;
  width: 81px;
  height: 35px;
  padding: 10px;
  text-align: center;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.login-button .btn:hover {
  background: #4f5153;
}
.progressbar.page-top {
  position: fixed;
}
.cms-frequently {
  display: block;
}
@media (max-width: 767px) {
  .cms-frequently {
    margin: 0 -15px;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
  }
}
@media (min-width: 768px) {
  .cms-frequently {
    margin-left: -20px;
  }
}
.cms-frequently .cms-frequently-list {
  list-style: none;
}
.cms-frequently .cms-frequently-list .item {
  background: white;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
  vertical-align: top;
  padding: 10px;
  width: 100%;
}
@media (max-width: 767px) {
  .cms-frequently .cms-frequently-list .item {
    border-bottom: 1px solid #d5d5d5;
  }
  .cms-frequently .cms-frequently-list .item a {
    display: flex;
  }
  .cms-frequently .cms-frequently-list .item:last-child {
    margin-bottom: 20px;
    border-bottom: none;
  }
}
@media (min-width: 768px) {
  .cms-frequently .cms-frequently-list .item {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 20px;
    width: calc(50% - 20px);
    display: inline-block;
    margin-bottom: 20px;
    margin-left: 20px;
    margin-right: -4px;
    text-align: center;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
  }
}
@media (min-width: 992px) {
  .cms-frequently .cms-frequently-list .item {
    width: calc(33.33% - 20px);
  }
}
@media (min-width: 1200px) {
  .cms-frequently .cms-frequently-list .item {
    width: calc(25% - 20px);
  }
}
@media (min-width: 1550px) {
  .cms-frequently .cms-frequently-list .item {
    width: calc(16.66% - 20px);
  }
}
.cms-frequently .cms-frequently-list .item .fa {
  width: 30px;
  height: 30px;
  text-align: center;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  border: 1px solid #cccccc;
  color: #4f5153;
  display: table;
  font-size: 20px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  position: relative;
  overflow: hidden;
  align-self: center;
}
@media (min-width: 768px) {
  .cms-frequently .cms-frequently-list .item .fa {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    margin-bottom: 15px;
    font-size: 50px;
    align-self: initial;
  }
}
.cms-frequently .cms-frequently-list .item .fa:before {
  display: table-cell;
  vertical-align: middle;
  position: relative;
  z-index: 3;
}
.cms-frequently .cms-frequently-list .item .fa:after {
  content: '';
  width: 0;
  height: 0;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  background-color: #686A6D;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  z-index: 2;
}
.cms-frequently .cms-frequently-list .item:hover .fa {
  border-color: transparent;
  color: white;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
}
.cms-frequently .cms-frequently-list .item:hover .fa:after {
  width: 100%;
  height: 100%;
}
.cms-frequently .cms-frequently-list .text {
  min-height: 31px;
  display: table;
  width: calc(100% - 30px);
}
@media (max-width: 767px) {
  .cms-frequently .cms-frequently-list .text {
    padding-left: 15px;
  }
}
@media (min-width: 768px) {
  .cms-frequently .cms-frequently-list .text {
    height: 77px;
    width: 100%;
  }
}
.cms-frequently .cms-frequently-list .text .text-inner {
  display: table-cell;
  vertical-align: middle;
}
.cms-frequently .cms-frequently-list .item .father {
  display: block;
  font-size: 14px;
  font-weight: 300;
  color: #555555;
  position: relative;
}
.cms-frequently .cms-frequently-list .item .father:after {
  content: '\f054';
  font: normal normal normal 14px/1;
  font-family: FontAwesome, Helvetica, Arial, sans-serif;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: baseline;
  color: #bbbbbb;
  margin-left: 5px;
  font-size: 12px;
}
.cms-frequently .cms-frequently-list .item .children {
  font-weight: normal;
  color: #4f5153;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: -0.005em;
  line-height: 1.2;
}
@media (min-width: 768px) {
  .cms-frequently .cms-frequently-list .item .children {
    font-size: 21px;
  }
}
/*=================================
=               Color             =
=================================*/
/*=================================
=             Components          =
=================================*/
.color-picker {
  max-width: 200px;
}
.color-picker .cp-item {
  width: calc(20% - 12px);
  padding-top: calc(20% - 14px);
  margin-left: 10px;
  margin-bottom: 10px;
  display: inline-block;
  vertical-align: top;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #ccc;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  -webkit-transition: 0.1s;
  -moz-transition: 0.1s;
  -ms-transition: 0.1s;
  -o-transition: 0.1s;
  transition: 0.1s;
}
.color-picker .cp-item:nth-of-type(5n+1) {
  margin-left: 0;
}
.color-picker .cp-item:before {
  background-color: #eeeeee;
  content: '';
  position: absolute;
  width: calc(100% - 6px);
  height: calc(100% - 6px);
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: 0.1s;
  -moz-transition: 0.1s;
  -ms-transition: 0.1s;
  -o-transition: 0.1s;
  transition: 0.1s;
}
.color-picker .cp-item.active,
.color-picker .cp-item:hover {
  border-color: transparent;
}
.color-picker .cp-item.active:before,
.color-picker .cp-item:hover:before {
  width: calc(100% - 0px);
  height: calc(100% - 0px);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.color-picker .cp-item[data-color="black"]:before {
  background-color: black;
}
.color-picker .cp-item[data-color="navy"]:before {
  background-color: navy;
}
.color-picker .cp-item[data-color="blue"]:before {
  background-color: blue;
}
.color-picker .cp-item[data-color="mediumturquoise"]:before {
  background-color: mediumturquoise;
}
.color-picker .cp-item[data-color="orange"]:before {
  background-color: darkorange;
}
.color-picker .cp-item[data-color="red"]:before {
  background-color: darkred;
}
.color-picker .cp-item[data-color="firebrick"]:before {
  background-color: firebrick;
}
.color-picker .cp-item[data-color="coral"]:before {
  background-color: coral;
}
.color-picker .cp-item[data-color="brown"]:before {
  background-color: brown;
}
.color-picker .cp-item[data-color="deeppink"]:before {
  background-color: pink;
}
.color-picker .cp-item[data-color="indigo"]:before {
  background-color: indigo;
}
.color-picker .cp-item[data-color="mediumseagreen"]:before {
  background-color: mediumseagreen;
}
.color-picker .cp-item[data-color="green"]:before {
  background-color: green;
}
.color-picker .cp-item[data-color="darkcyan"]:before {
  background-color: darkcyan;
}
.color-picker .cp-item[data-color="darkslategrey"]:before {
  background-color: darkslategrey;
}
.color-picker .cp-item[data-color="royalblue"]:before {
  background-color: royalblue;
}
.color-picker .cp-item[data-color="dimgray"]:before {
  background-color: dimgray;
}
.color-picker .cp-item[data-color="mediumvioletred"]:before {
  background-color: mediumvioletred;
}
.color-picker .cp-item[data-color="teal"]:before {
  background-color: teal;
}
.color-picker .cp-item[data-color="olivedrab"]:before {
  background-color: olivedrab;
}
.color-picker.custom {
  display: inline-block;
  max-width: none;
  position: relative;
}
.color-picker.custom .main-color {
  display: inline-block;
  position: relative;
  z-index: 2;
  width: 71px;
  height: 71px;
  border: 2px solid #d0cece;
  border-radius: 12px;
  background: linear-gradient(to top right, #ffffff 1%, #ffffff calc(49% - 2px), #d0cece 49%, #ffffff calc(49% + 2px), #ffffff 99%);
  text-align: left;
  font-size: 10px;
  padding: 20px 0 0 7px;
}
.color-picker.custom .main-color span {
  display: none;
  width: 55px;
  white-space: nowrap;
  overflow: hidden;
}
.color-picker.custom .main-color i {
  display: none;
}
.color-picker.custom .main-color.selected span,
.color-picker.custom .main-color.selected i {
  display: block;
  color: white;
  text-shadow: 1px 1px 1px #363636;
  text-transform: uppercase;
}
.color-picker.custom .main-color .arrow {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 0 10px 9px;
  border-color: transparent transparent transparent #d0cece;
  position: absolute;
  right: -10px;
  top: 24px;
}
.color-picker.custom.on .colors {
  left: 72px;
  top: -17.5px;
  width: 140px;
  height: 108px;
  padding: 10px 5px 5px 5px;
  border: 2px solid #d0cece;
}
.color-picker.custom .colors {
  display: inline-block;
  border-radius: 12px;
  background: white;
  width: 0;
  position: absolute;
  top: 0;
  left: 0;
  transition: left 0.2s;
  overflow: hidden;
  z-index: 1;
}
.color-picker.custom .colors .cp-item {
  width: 35px;
  height: 23px;
  border: 0;
  margin: 0 0 8px 3px;
}
.color-picker.custom .colors .cp-item:before {
  content: none;
}
.color-picker.custom .colors .cp-item.on:after {
  content: "\f058";
  font-family: 'FontAwesome';
  color: white;
  border-radius: 50px;
  display: block;
  font-size: 10px;
  top: 7px;
  right: 5px;
  position: absolute;
}
.display-data {
  overflow: hidden;
  font-size: 13px;
  background-color: white;
  transition: all ease-in-out 0.3s;
}
.display-data.clean {
  border: none!important;
}
.display-data.border {
  border: 1px solid #DDD;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.display-data.border .row {
  border-top: 1px solid #DDD;
  margin-top: -1px;
}
@media (max-width: 767px) {
  .display-data.border .row > div {
    border-top: 1px solid #DDD;
    margin-top: -1px;
  }
}
@media (min-width: 768px) {
  .display-data.border .row > div {
    border: none;
    border-left: 1px solid #DDD;
  }
  .display-data.border .row > div:nth-of-type(1) {
    border-left: none;
  }
}
.display-data.block-border .row > div,
.display-data.block .row > div {
  border-radius: 5px;
}
@media (max-width: 767px) {
  .display-data.block-border .row > div,
  .display-data.block .row > div {
    margin-top: 10px;
  }
}
@media (min-width: 768px) {
  .display-data.block-border .row > div,
  .display-data.block .row > div {
    margin-left: 10px;
    margin-bottom: 10px;
  }
  .display-data.block-border .row > div:nth-of-type(1),
  .display-data.block .row > div:nth-of-type(1) {
    margin-left: 0;
  }
}
.display-data.block-border .row:nth-of-type(1) > div:nth-of-type(1),
.display-data.block .row:nth-of-type(1) > div:nth-of-type(1) {
  margin-top: 0;
}
.display-data.block .row > div {
  background: #f7f7f7;
}
.display-data.block-border .row > div {
  border: 1px solid #DDD;
}
.display-data .row {
  margin: 0;
  margin-bottom: -1px;
  position: relative;
}
@media (min-width: 768px) {
  .display-data .row {
    display: flex;
  }
}
.display-data .row > div {
  padding: 10px;
}
@media (min-width: 768px) {
  .display-data .row > div {
    display: flex;
    vertical-align: top;
  }
}
@media (min-width: 768px) {
  .display-data.column .row > div {
    flex-direction: column;
  }
}
.display-data.column .flex-center-x {
  align-items: center;
}
.display-data.column .flex-center-y {
  justify-content: center;
}
.display-data .dd-title {
  font-weight: 500;
  color: #686A6D;
  margin-right: 5px;
  white-space: nowrap;
}
.display-data .dd-title:after {
  content: ":";
}
.display-data .dd-content {
  color: #555555;
}
.display-data .dd-content *,
.display-data .dd-content {
  word-break: break-word;
}
.display-data.small .row > div,
.display-data.reduced .row > div {
  padding: 6px 10px;
}
.display-data.has-btn-actions {
  overflow: visible;
}
.display-data.has-btn-actions .btn-actions {
  display: block;
  margin: 0;
  padding: 0 !important;
  text-align: right;
  position: absolute;
  z-index: 9;
  right: 0;
  border-left: 0 !important;
  height: 98%;
}
@media screen and (max-width: 992px) {
  .display-data.has-btn-actions .btn-actions {
    width: 100%;
    text-align: center;
    display: block;
    position: relative;
    right: 0;
    padding: 0 5px !important;
  }
  .display-data.has-btn-actions .btn-actions .btn-actions-inner {
    max-width: 100% !important;
    width: 100% !important;
    position: relative !important;
    margin: 10px 0 !important;
    overflow: visible;
  }
  .display-data.has-btn-actions .btn-actions .btn {
    width: initial;
    padding: 0 5px;
    border-left: 2px solid #E0E0E0;
    text-align: center;
    width: 33.33%;
    margin-right: -2px !important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    letter-spacing: 0px;
    margin: 0;
  }
  .display-data.has-btn-actions .btn-actions .btn:nth-of-type(1) {
    -webkit-border-top-left-radius: 13px;
    -moz-border-radius-topleft: 13px;
    -o-border-top-left-radius: 13px;
    border-top-left-radius: 13px;
    -webkit-border-bottom-left-radius: 13px;
    -moz-border-radius-bottomleft: 13px;
    -o-border-bottom-left-radius: 13px;
    border-bottom-left-radius: 13px;
  }
  .display-data.has-btn-actions .btn-actions .btn:last-child {
    -webkit-border-top-right-radius: 13px;
    -moz-border-radius-topright: 13px;
    -o-border-top-right-radius: 13px;
    border-top-right-radius: 13px;
    -webkit-border-bottom-right-radius: 13px;
    -moz-border-radius-bottomright: 13px;
    -o-border-bottom-right-radius: 13px;
    border-bottom-right-radius: 13px;
  }
  .display-data.has-btn-actions .btn-actions .btn .fa {
    font-size: 12px;
  }
  .display-data.has-btn-actions .btn-actions .btn .btn-actions-label {
    display: inline-block;
    margin-right: 3px;
  }
}
@media screen and (max-width: 992px) and (max-width: 992px) {
  .display-data.has-btn-actions .btn-actions .btn .btn-actions-label {
    font-size: 10px;
  }
}
.display-data.has-btn-actions .btn-actions .btn-actions-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0;
  overflow: hidden;
  height: 100%;
}
.display-data.has-btn-actions .btn-actions .btn.links {
  position: initial;
}
.display-data.has-btn-actions .btn-actions .btn.links .btn-actions-label {
  top: initial;
  z-index: 99;
  border-top: 2px solid white;
  right: initial;
  margin-top: 6px;
  transform: translateX(-70%);
  -webkit-transform: translateX(-70%);
  width: 0;
  overflow: hidden;
}
.display-data.has-btn-actions .btn-actions .btn.links .btn-actions-label a {
  color: #fff;
  white-space: nowrap;
  padding-bottom: 5px;
  display: block;
  padding: 5px 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.display-data.has-btn-actions .btn-actions .btn.links .btn-actions-label a:last-child {
  border-bottom: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.display-data.has-btn-actions .btn-actions .btn.links .btn-actions-label a:hover {
  background: #5c5d60;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .display-data.has-btn-actions .btn-actions .btn.links .btn-actions-label {
    bottom: 40px;
    margin-top: 0;
  }
}
.display-data.has-btn-actions .btn-actions .btn.links:hover .btn-actions-label {
  max-width: 100vw;
  max-height: 100vh;
  width: fit-content;
  height: auto;
}
.display-data.has-btn-actions .btn-actions .btn.links:hover .btn-actions-label a {
  transition: all 0.3s;
}
.display-data.has-btn-actions .row {
  overflow: hidden;
}
.display-data.has-btn-actions .row:hover,
.display-data.has-btn-actions .row:focus-within,
.display-data.has-btn-actions .row.active {
  overflow: visible;
}
.display-data.has-btn-actions .row:hover .btn-actions-inner,
.display-data.has-btn-actions .row:focus-within .btn-actions-inner,
.display-data.has-btn-actions .row.active .btn-actions-inner {
  width: 100%;
  overflow: visible;
  transition: width 0.2s;
  background: white;
  border-top-left-radius: 35px;
  border-bottom-left-radius: 35px;
  padding: 2.5px 20px 2.5px 0;
}
.display-data.has-btn-actions .row:hover .dd-content,
.display-data.has-btn-actions .row:focus-within .dd-content,
.display-data.has-btn-actions .row.active .dd-content {
  font-weight: bold;
}
.display-data.highlight {
  background-color: #686A6D;
  transition: all ease-in-out 0.3s;
}
.display-data.highlight .dd-title {
  color: white;
}
.display-data.highlight .dd-content {
  color: white;
}
.display-data.highlight [class^="col-"].changed .dd-title,
.display-data.highlight [class^="col-"].changed .dd-content {
  color: #686A6D;
}
.display-data [class^="col-"].highlight {
  background-color: rgba(189, 189, 189, 0.3);
}
.display-data [class^="col-"].changed {
  background-color: #ffe494;
}
.display-data:not(.column) .flex-center-x {
  justify-content: center;
}
.display-data:not(.column) .flex-center-y {
  align-items: center;
}
.display-data.placeholder-loader .dd-title,
.display-data.placeholder-loader .dd-content {
  white-space: nowrap;
  position: relative;
  overflow: hidden;
  padding-top: 5px;
  padding-bottom: 5px;
}
.display-data.placeholder-loader .dd-title:before,
.display-data.placeholder-loader .dd-content:before {
  content: "";
  position: absolute;
  width: calc(100%);
  height: 18px !important;
  display: block;
  border: none !important;
  background-position: inherit;
  color: transparent;
  text-shadow: none;
  /* for Firefox */
  -moz-appearance: none;
  /* for Chrome */
  -webkit-appearance: none;
  animation-duration: 2s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-name: placeholderAnimate;
  background: #f6f7f8;
  background-image: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%) !important;
  background-repeat: repeat !important;
  background-size: 1300px !important;
  border-radius: 3px;
}
.display-data.placeholder-loader .dd-content {
  width: 35%;
}
.display-data.placeholder-loader.column .dd-content {
  height: 18px;
  padding-bottom: 24px;
}
.dragdrop {
  margin-top: 20px;
  width: 100%;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  position: relative;
  overflow: hidden;
  background: whitesmoke;
}
.dragdrop .dropzone.error .dragdrop-space:before,
.dragdrop .dropzone.error .dragdrop-space:after {
  color: #B21919;
}
.dragdrop .dropzone + ul {
  margin-top: -15px;
}
.dragdrop ul {
  list-style: none;
  max-height: 220px;
  background: #f1f1f1;
  position: relative;
  z-index: 9;
  overflow-x: hidden;
  overflow-y: auto;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
@media (min-width: 768px) {
  .dragdrop ul {
    padding: 20px 0 0 0;
  }
}
@media (max-width: 769px) {
  .dragdrop ul {
    border-bottom: 1px solid #ccc;
  }
}
.dragdrop ul::-webkit-scrollbar {
  width: 5px;
}
.dragdrop ul::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.dragdrop ul::-webkit-scrollbar-thumb {
  background: #888;
}
.dragdrop ul::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.dragdrop ul li {
  padding: 0 15px;
}
.dragdrop .dragdrop-item {
  height: 40px;
  background: white;
  box-shadow: 0px 1px 5px -1px #b4b4b4;
  color: #6C6C6C;
  padding: 10px;
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  margin: 0 auto;
}
@media (min-width: 769px) {
  .dragdrop .dragdrop-item {
    white-space: nowrap;
    margin-bottom: 16px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
  }
}
.dragdrop .dragdrop-item .name {
  flex: 2;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #6C6C6C;
}
.dragdrop .dragdrop-item .buttons {
  justify-content: flex-end;
  flex: 1;
  align-items: flex-end;
  display: flex;
}
.dragdrop .dragdrop-item .remove {
  top: 0;
  bottom: 0;
  right: 10px;
  margin: auto;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  background-color: #c7382d;
  color: white !important;
  overflow: hidden;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  position: relative;
  text-align: center;
  z-index: 3;
  display: block;
  position: absolute;
}
.dragdrop .dragdrop-item .remove:after {
  content: "";
  background: rgba(255, 255, 255, 0.3);
  display: block;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: all 0.8s;
  width: 400px;
  height: 400px;
  max-width: 100%;
  max-height: 100%;
  background: radial-gradient(circle, white 1%, transparent 1%) center / 15000%;
  opacity: 0;
}
.dragdrop .dragdrop-item .remove:active:after {
  opacity: 0.3;
  transition: 0s;
  background-size: 100%;
}
.dragdrop .dragdrop-item .remove:before {
  content: '\f1f8';
  color: white;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
  font: normal normal normal 14px/1;
  font-family: FontAwesome, Helvetica, Arial, sans-serif;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-top: 3px;
}
.dragdrop .dragdrop-item .download {
  top: 0;
  bottom: 0;
  right: 40px;
  margin: auto;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  background-color: #686A6D;
  color: white !important;
  overflow: hidden;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  position: relative;
  text-align: center;
  z-index: 3;
  display: block;
  position: absolute;
}
.dragdrop .dragdrop-item .download:after {
  content: "";
  background: rgba(255, 255, 255, 0.3);
  display: block;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: all 0.8s;
  width: 400px;
  height: 400px;
  max-width: 100%;
  max-height: 100%;
  background: radial-gradient(circle, white 1%, transparent 1%) center / 15000%;
  opacity: 0;
}
.dragdrop .dragdrop-item .download:active:after {
  opacity: 0.3;
  transition: 0s;
  background-size: 100%;
}
.dragdrop .dragdrop-item .download:before {
  content: '\f019';
  color: white;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
  font: normal normal normal 14px/1;
  font-family: FontAwesome, Helvetica, Arial, sans-serif;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-top: 3px;
}
.dragdrop .dragdrop-item .view {
  top: 0;
  bottom: 0;
  right: 70px;
  margin: auto;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  background-color: #686A6D;
  color: white !important;
  overflow: hidden;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  position: relative;
  text-align: center;
  z-index: 3;
  display: block;
  position: absolute;
}
.dragdrop .dragdrop-item .view:after {
  content: "";
  background: rgba(255, 255, 255, 0.3);
  display: block;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: all 0.8s;
  width: 400px;
  height: 400px;
  max-width: 100%;
  max-height: 100%;
  background: radial-gradient(circle, white 1%, transparent 1%) center / 15000%;
  opacity: 0;
}
.dragdrop .dragdrop-item .view:active:after {
  opacity: 0.3;
  transition: 0s;
  background-size: 100%;
}
.dragdrop .dragdrop-item .view:before {
  content: '\F06E';
  color: white;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
  font: normal normal normal 14px/1;
  font-family: FontAwesome, Helvetica, Arial, sans-serif;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-top: 3px;
}
.dragdrop .dragdrop-space {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  background: #F1F1F1;
  z-index: 4;
  position: relative;
  cursor: pointer;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  padding: 20px 15px 15px 15px;
  text-align: center;
}
.dragdrop .dragdrop-space.hover {
  background: #D8D8D8;
  background: -moz-linear-gradient(top, #D8D8D8 1%, #f1f1f1 100%);
  background: -webkit-linear-gradient(top, #D8D8D8 1%, #f1f1f1 100%);
  background: linear-gradient(to bottom, #D8D8D8 1%, #f1f1f1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D8D8D8', endColorstr='#f1f1f1', GradientType=0);
}
.dragdrop .dragdrop-space:before {
  font: normal normal normal 14px/1;
  font-family: FontAwesome, Helvetica, Arial, sans-serif;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f093";
  font-size: 29px;
  display: flex;
  justify-content: center;
}
.dragdrop .dragdrop-space:after {
  content: attr(data-message);
  height: 20px;
  left: 0;
  width: 100%;
  text-align: center;
  color: #777777;
  font-weight: 500;
}
@media (max-width: 768px) {
  .dragdrop .dragdrop-space:after {
    content: 'Toque aqui e selecione os arquivos';
  }
}
.hint {
  display: block;
  width: 27px;
  height: 27px;
  position: relative;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.hint .hint-content {
  left: 28px;
}
.hint.xs .hint-content {
  top: -7px;
}
.hint.sm .hint-content {
  top: -6px;
}
.hint.top-left .hint-content {
  left: 0;
  top: -28px;
}
.hint.top-right .hint-content {
  right: 0;
  left: auto;
  top: -28px;
}
.hint.center-left .hint-content {
  left: 28px;
}
.hint.center-left.xs .hint-content {
  top: -7px;
}
.hint.center-left.sm .hint-content {
  top: -6px;
}
.hint.center-right .hint-content {
  right: 0;
  left: auto;
  margin-right: 28px;
}
.hint.center-right.xs .hint-content {
  top: -7px;
}
.hint.center-right.sm .hint-content {
  top: -6px;
}
.hint.bottom-left .hint-content {
  left: 0;
  top: 28px;
}
.hint.bottom-right .hint-content {
  top: 28px;
  right: 0;
  left: auto;
}
.hint.btn .hint-content {
  right: 0;
  left: auto;
  margin-right: 28px;
}
.hint:before {
  font: normal normal normal 14px/1;
  font-family: FontAwesome, Helvetica, Arial, sans-serif;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  font-size: 17px;
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  z-index: 5;
  position: relative;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #585858;
  background-color: #eaeaea;
  text-shadow: 1px 1px rgba(255, 255, 255, 0.5);
  line-height: 27px;
}
.hint:not([disabled]) .hint-content:hover,
.hint:not([disabled]) .hint-content:focus,
.hint:not([disabled]):hover > .hint-content,
.hint:not([disabled]).show-hint-on-focus:focus .hint-content {
  height: auto;
  padding: 5px;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
  border: none;
  width: max-content !important;
}
@-moz-document url-prefix() {
  .hint:not([disabled]) .hint-content:hover,
  .hint:not([disabled]) .hint-content:focus,
  .hint:not([disabled]):hover > .hint-content,
  .hint:not([disabled]).show-hint-on-focus:focus .hint-content {
    width: -moz-max-content;
  }
}
.hint > .hint-content {
  position: absolute;
  color: #5d5d5d;
  text-transform: initial;
  word-break: initial;
  letter-spacing: initial;
  background-color: #eaeaea;
  z-index: 9;
  display: block;
  font-size: 12px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  left: 30px;
  top: 0;
  white-space: normal;
  -webkit-opacity: 0;
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
  height: 0;
  width: 0;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  max-width: 300px;
  overflow: hidden;
  min-height: 27px;
  line-height: calc(27px - 10px);
}
.hint > .hint-content a,
.hint > .hint-content a:hover,
.hint > .hint-content *:link,
.hint > .hint-content a:link,
.hint > .hint-content a:visited,
.hint > .hint-content a:focus,
.hint > .hint-content a:active {
  color: #4f5153;
}
.hint.input {
  margin: 0 2px -26px auto;
  width: 24px;
  height: 24px;
}
.hint.input + input {
  padding-right: 35px;
}
.hint.input .hint-content {
  right: 0;
  left: auto;
  top: -34px;
  line-height: 24px;
}
.hint.input:before {
  content: "\f128" !important;
  line-height: 24px;
}
.hint.inline {
  display: inline-block;
}
.hint:not(.input).xs {
  width: 14px;
  height: 14px;
}
.hint:not(.input).xs .hint-content {
  left: 15px;
}
.hint:not(.input).xs.xs .hint-content {
  top: -7px;
}
.hint:not(.input).xs.sm .hint-content {
  top: -6px;
}
.hint:not(.input).xs.top-left .hint-content {
  left: 0;
  top: -28px;
}
.hint:not(.input).xs.top-right .hint-content {
  right: 0;
  left: auto;
  top: -28px;
}
.hint:not(.input).xs.center-left .hint-content {
  left: 15px;
}
.hint:not(.input).xs.center-left.xs .hint-content {
  top: -7px;
}
.hint:not(.input).xs.center-left.sm .hint-content {
  top: -6px;
}
.hint:not(.input).xs.center-right .hint-content {
  right: 0;
  left: auto;
  margin-right: 15px;
}
.hint:not(.input).xs.center-right.xs .hint-content {
  top: -7px;
}
.hint:not(.input).xs.center-right.sm .hint-content {
  top: -6px;
}
.hint:not(.input).xs.bottom-left .hint-content {
  left: 0;
  top: 15px;
}
.hint:not(.input).xs.bottom-right .hint-content {
  top: 15px;
  right: 0;
  left: auto;
}
.hint:not(.input).xs.btn .hint-content {
  right: 0;
  left: auto;
  margin-right: 15px;
}
.hint:not(.input).xs:before {
  font-size: 8px;
  line-height: 14px;
}
.hint:not(.input).xs .hint-content {
  line-height: 14px;
}
.hint:not(.input).sm {
  width: 19px;
  height: 19px;
}
.hint:not(.input).sm .hint-content {
  left: 20px;
}
.hint:not(.input).sm.xs .hint-content {
  top: -7px;
}
.hint:not(.input).sm.sm .hint-content {
  top: -6px;
}
.hint:not(.input).sm.top-left .hint-content {
  left: 0;
  top: -28px;
}
.hint:not(.input).sm.top-right .hint-content {
  right: 0;
  left: auto;
  top: -28px;
}
.hint:not(.input).sm.center-left .hint-content {
  left: 20px;
}
.hint:not(.input).sm.center-left.xs .hint-content {
  top: -7px;
}
.hint:not(.input).sm.center-left.sm .hint-content {
  top: -6px;
}
.hint:not(.input).sm.center-right .hint-content {
  right: 0;
  left: auto;
  margin-right: 20px;
}
.hint:not(.input).sm.center-right.xs .hint-content {
  top: -7px;
}
.hint:not(.input).sm.center-right.sm .hint-content {
  top: -6px;
}
.hint:not(.input).sm.bottom-left .hint-content {
  left: 0;
  top: 20px;
}
.hint:not(.input).sm.bottom-right .hint-content {
  top: 20px;
  right: 0;
  left: auto;
}
.hint:not(.input).sm.btn .hint-content {
  right: 0;
  left: auto;
  margin-right: 20px;
}
.hint:not(.input).sm:before {
  font-size: 10px;
  line-height: 19px;
}
.hint:not(.input).sm .hint-content {
  line-height: 19px;
}
.hint:not(.input).md {
  width: 27px;
  height: 27px;
}
.hint:not(.input).md .hint-content {
  left: 28px;
}
.hint:not(.input).md.xs .hint-content {
  top: -7px;
}
.hint:not(.input).md.sm .hint-content {
  top: -6px;
}
.hint:not(.input).md.top-left .hint-content {
  left: 0;
  top: -28px;
}
.hint:not(.input).md.top-right .hint-content {
  right: 0;
  left: auto;
  top: -28px;
}
.hint:not(.input).md.center-left .hint-content {
  left: 28px;
}
.hint:not(.input).md.center-left.xs .hint-content {
  top: -7px;
}
.hint:not(.input).md.center-left.sm .hint-content {
  top: -6px;
}
.hint:not(.input).md.center-right .hint-content {
  right: 0;
  left: auto;
  margin-right: 28px;
}
.hint:not(.input).md.center-right.xs .hint-content {
  top: -7px;
}
.hint:not(.input).md.center-right.sm .hint-content {
  top: -6px;
}
.hint:not(.input).md.bottom-left .hint-content {
  left: 0;
  top: 28px;
}
.hint:not(.input).md.bottom-right .hint-content {
  top: 28px;
  right: 0;
  left: auto;
}
.hint:not(.input).md.btn .hint-content {
  right: 0;
  left: auto;
  margin-right: 28px;
}
.hint:not(.input).lg {
  width: 33px;
  height: 33px;
}
.hint:not(.input).lg .hint-content {
  left: 34px;
}
.hint:not(.input).lg.xs .hint-content {
  top: -7px;
}
.hint:not(.input).lg.sm .hint-content {
  top: -6px;
}
.hint:not(.input).lg.top-left .hint-content {
  left: 0;
  top: -34px;
}
.hint:not(.input).lg.top-right .hint-content {
  right: 0;
  left: auto;
  top: -34px;
}
.hint:not(.input).lg.center-left .hint-content {
  left: 34px;
}
.hint:not(.input).lg.center-left.xs .hint-content {
  top: -7px;
}
.hint:not(.input).lg.center-left.sm .hint-content {
  top: -6px;
}
.hint:not(.input).lg.center-right .hint-content {
  right: 0;
  left: auto;
  margin-right: 34px;
}
.hint:not(.input).lg.center-right.xs .hint-content {
  top: -7px;
}
.hint:not(.input).lg.center-right.sm .hint-content {
  top: -6px;
}
.hint:not(.input).lg.bottom-left .hint-content {
  left: 0;
  top: 34px;
}
.hint:not(.input).lg.bottom-right .hint-content {
  top: 34px;
  right: 0;
  left: auto;
}
.hint:not(.input).lg.btn .hint-content {
  right: 0;
  left: auto;
  margin-right: 34px;
}
.hint:not(.input).lg:before {
  font-size: 21px;
  line-height: 33px;
}
.hint:not(.input).lg .hint-content {
  min-height: 33px;
  padding: 8px !important;
  line-height: calc(33px - 16px);
}
.hint:not(.input).xl {
  width: 39px;
  height: 39px;
}
.hint:not(.input).xl .hint-content {
  left: 40px;
}
.hint:not(.input).xl.xs .hint-content {
  top: -7px;
}
.hint:not(.input).xl.sm .hint-content {
  top: -6px;
}
.hint:not(.input).xl.top-left .hint-content {
  left: 0;
  top: -40px;
}
.hint:not(.input).xl.top-right .hint-content {
  right: 0;
  left: auto;
  top: -40px;
}
.hint:not(.input).xl.center-left .hint-content {
  left: 40px;
}
.hint:not(.input).xl.center-left.xs .hint-content {
  top: -7px;
}
.hint:not(.input).xl.center-left.sm .hint-content {
  top: -6px;
}
.hint:not(.input).xl.center-right .hint-content {
  right: 0;
  left: auto;
  margin-right: 40px;
}
.hint:not(.input).xl.center-right.xs .hint-content {
  top: -7px;
}
.hint:not(.input).xl.center-right.sm .hint-content {
  top: -6px;
}
.hint:not(.input).xl.bottom-left .hint-content {
  left: 0;
  top: 40px;
}
.hint:not(.input).xl.bottom-right .hint-content {
  top: 40px;
  right: 0;
  left: auto;
}
.hint:not(.input).xl.btn .hint-content {
  right: 0;
  left: auto;
  margin-right: 40px;
}
.hint:not(.input).xl:before {
  font-size: 23px;
  line-height: 39px;
}
.hint:not(.input).xl .hint-content {
  min-height: 39px;
  padding: 10px !important;
  line-height: 39px;
  line-height: calc(39px - 20px);
}
.hint.clean:before {
  background: transparent;
}
.hint.positive:before {
  background: #32a636;
  color: white;
  text-shadow: none;
}
.hint.positive .hint-content {
  background: #32a636;
  color: white;
}
.hint.positive .hint-content a {
  color: white;
  text-decoration: underline;
}
.hint.positive.clean:before {
  background: transparent;
  color: #32a636;
}
.hint.negative:before {
  background: #df382c;
  color: white;
  text-shadow: none;
}
.hint.negative .hint-content {
  background: #df382c;
  color: white;
}
.hint.negative .hint-content a {
  color: white;
  text-decoration: underline;
}
.hint.negative.clean:before {
  background: transparent;
  color: #df382c;
}
.hint.module-color:before {
  background: #686A6D;
  color: white;
  text-shadow: none;
}
.hint.module-color .hint-content {
  background: #686A6D;
  color: white;
}
.hint.module-color .hint-content a {
  color: white;
  text-decoration: underline;
}
.hint.module-color.clean:before {
  background: transparent;
  color: #686A6D;
}
.hint.warning:before {
  background: #d39e00;
  color: white;
  text-shadow: none;
}
.hint.warning .hint-content {
  background: #d39e00;
  color: white;
}
.hint.warning .hint-content a {
  color: white;
  text-decoration: underline;
}
.hint.warning.clean:before {
  background: transparent;
  color: #d39e00;
}
.hint.btn {
  text-shadow: none !important;
  overflow: visible !important;
}
.hint.btn .hint-content {
  left: 56px;
}
.hint.btn.xs .hint-content {
  top: -7px;
}
.hint.btn.sm .hint-content {
  top: -6px;
}
.hint.btn.top-left .hint-content {
  left: 0;
  top: -56px;
}
.hint.btn.top-right .hint-content {
  right: 0;
  left: auto;
  top: -56px;
}
.hint.btn.center-left .hint-content {
  left: 56px;
}
.hint.btn.center-left.xs .hint-content {
  top: -7px;
}
.hint.btn.center-left.sm .hint-content {
  top: -6px;
}
.hint.btn.center-right .hint-content {
  right: 0;
  left: auto;
  margin-right: 56px;
}
.hint.btn.center-right.xs .hint-content {
  top: -7px;
}
.hint.btn.center-right.sm .hint-content {
  top: -6px;
}
.hint.btn.bottom-left .hint-content {
  left: 0;
  top: 56px;
}
.hint.btn.bottom-right .hint-content {
  top: 56px;
  right: 0;
  left: auto;
}
.hint.btn.btn .hint-content {
  right: 0;
  left: auto;
  margin-right: 56px;
}
.hint.btn:not(.xs):not(.sm):not(.md):not(.lg):not(.xl) .hint-content {
  top: 13px;
}
.hint.btn:after {
  content: none;
}
.hint.btn:before {
  background: transparent;
  height: auto;
  line-height: inherit;
}
.hint.links .hint-content {
  color: white!important;
  margin-right: 0!important;
}
.hint.links .hint-content span {
  font-size: 10px;
  color: white;
  clear: both;
  width: 100%;
  display: block;
  padding: 5px;
  transition: 0.5s all;
  text-transform: uppercase;
}
.hint.links .hint-content span:hover {
  background-color: #5c5d60;
}
.hint.links .hint-content span:first-child {
  border-bottom: 1px solid white;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.hint.links .hint-content span:last-child {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.hint.links:hover .hint-content {
  border: 3px solid transparent!important;
}
@media (max-width: 767px) {
  .hint.mobile {
    position: initial;
  }
  .hint.mobile .hint-content {
    min-width: calc(100vw - 30px);
    max-width: calc(100vw - 30px);
    width: calc(100vw - 30px);
    height: max-content !important;
    top: 27px;
    left: 0!important;
    right: 0!important;
    margin: auto;
    margin-top: 5px;
    text-align: center;
    visibility: hidden;
  }
  .hint.mobile:hover .hint-content {
    visibility: visible;
  }
  .hint.mobile.xs .hint-content {
    top: 14px;
  }
  .hint.mobile.sm .hint-content {
    top: 19px;
  }
  .hint.mobile.md {
    top: 27px;
  }
  .hint.mobile.lg .hint-content {
    top: 33px;
  }
  .hint.mobile.xl .hint-content {
    top: 39px;
  }
  .hint:not(.input):hover ~ .hint-content {
    padding: 10px;
    height: auto;
  }
  .hint.hideHintOnMobile:hover .hint-content {
    display: none;
  }
}
.panel-tab {
  margin: 0 -20px;
  display: block;
}
.panel-tab ::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.panel-tab ::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
.panel-tab ::-webkit-scrollbar-thumb {
  background: #aaaaaa;
  border-radius: 50px;
}
.panel-tab ::-webkit-scrollbar-thumb:hover {
  background: #919191;
}
.panel-tab ::-webkit-scrollbar-thumb:active {
  background: #777777;
}
.panel-tab ::-webkit-scrollbar-track {
  background: transparent;
  border: none;
}
.panel-tab ::-webkit-scrollbar-corner {
  background: transparent;
}
.panel-tab .panel-tab-selector {
  margin-top: -25px;
  padding: 15px 18px 0 18px;
  line-height: 1;
  white-space: nowrap;
  overflow-x: hidden;
  width: 100%;
  display: block;
  position: relative;
  display: flex;
}
.panel-tab .panel-tab-selector:hover {
  overflow-x: overlay;
}
.panel-tab .panel-tab-selector:before {
  content: '';
  background-color: #ccc;
  height: 1px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}
.panel-tab .panel-tab-selector.has-badge .tab-item.has-badge {
  padding-right: 20px;
}
.panel-tab .panel-tab-selector .tab-item,
.panel-tab .panel-tab-selector .tab-item-selector {
  display: inline-block;
  padding: 10px 15px;
  color: #5d5d5d;
  border-bottom: 1px solid #ddd;
  margin-right: -1px;
  text-transform: capitalize;
  font-size: 14px;
  line-height: 1;
  cursor: pointer;
  position: relative;
  z-index: 3;
}
.panel-tab .panel-tab-selector .tab-item.active,
.panel-tab .panel-tab-selector .tab-item-selector.active {
  font-weight: 700;
  color: #4f5153;
  position: relative;
}
.panel-tab .panel-tab-selector .tab-item.active::before,
.panel-tab .panel-tab-selector .tab-item-selector.active::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #686A6D;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -o-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -o-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  width: 100%;
  height: 3px;
}
.panel-tab .panel-tab-selector .tab-item .badge,
.panel-tab .panel-tab-selector .tab-item-selector .badge {
  position: absolute;
  top: -2px;
  right: -2px;
  color: #fff;
  font-size: 10px;
  background: #df382c;
  z-index: 2;
  border-radius: 10px;
  padding: 3px;
  min-width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.panel-tab .panel-tab-content {
  padding: 20px;
  position: relative;
  display: block;
}
.panel-tab .panel-tab-content .tab-item,
.panel-tab .panel-tab-content .tab-item-content {
  display: none;
}
.panel-tab .panel-tab-content .tab-item.active,
.panel-tab .panel-tab-content .tab-item-content.active {
  display: block;
}
.panel-tab .panel-tab-content .tab-item.table,
.panel-tab .panel-tab-content .tab-item-content.table {
  margin-bottom: -40px;
  margin-top: -20px;
}
.panel-tab .panel-tab-content .tab-item .panel:not(.expansible) .panel-body,
.panel-tab .panel-tab-content .tab-item-content .panel:not(.expansible) .panel-body {
  margin-top: -20px;
  margin-bottom: -20px;
}
.panel-tab .panel-tab-content .tab-item.mt-mb-none .panel-table-filter,
.panel-tab .panel-tab-content .tab-item-content.mt-mb-none .panel-table-filter {
  margin-bottom: 0;
}
.panel-tab .panel-tab-content .tab-item.mt-mb-none .panel-pagination,
.panel-tab .panel-tab-content .tab-item-content.mt-mb-none .panel-pagination {
  margin-top: 0;
}
.timeline,
.timeline-alt {
  list-style: none;
  padding: 0 0 20px;
  position: relative;
  z-index: 0;
}
.timeline:before,
.timeline-alt:before {
  position: absolute;
  top: 15px;
  bottom: 0;
  content: " ";
  width: 1px;
  background-color: #d1d2d3;
  left: 15px;
}
.timeline .timeline-end,
.timeline-alt .timeline-end {
  float: none;
  clear: both;
}
.timeline title.popover.left > .arrow:after,
.timeline-alt title.popover.left > .arrow:after {
  border-left-color: #fff;
}
.timeline title.popover.right > .arrow:after,
.timeline-alt title.popover.right > .arrow:after {
  border-right-color: #fff;
}
.timeline title.popover.left > .popover-title + .arrow:after,
.timeline-alt title.popover.left > .popover-title + .arrow:after {
  border-left-color: #fff;
}
.timeline title.popover.right > .popover-title + .arrow:after,
.timeline-alt title.popover.right > .popover-title + .arrow:after {
  border-right-color: #fff;
}
.timeline > li,
.timeline-alt > li {
  @include clearfix();
}
.timeline > li.timeline-separator,
.timeline-alt > li.timeline-separator {
  position: relative;
  float: none;
  clear: both;
  margin: 0 auto;
  padding: 30px 0 20px;
  display: table;
  width: inherit;
}
@media (max-width: 992px) {
  .timeline > li.timeline-separator,
  .timeline-alt > li.timeline-separator {
    margin-left: 0;
    width: 100%;
  }
}
.timeline > li.timeline-separator:nth-of-type(1),
.timeline-alt > li.timeline-separator:nth-of-type(1) {
  padding-top: 0;
}
.timeline > li.timeline-separator:before,
.timeline-alt > li.timeline-separator:before {
  content: attr(data-datetime);
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  display: block;
  padding: 6px 12px;
  text-align: center;
  background-color: #686A6D;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
}
.timeline > li > .timeline-panel,
.timeline-alt > li > .timeline-panel {
  margin-left: 60px;
}
.timeline > li > .timeline-panel .popover,
.timeline-alt > li > .timeline-panel .popover {
  position: relative;
  display: block;
  margin: 0;
  width: 98%;
  max-width: none;
  border: 1px solid #eeeeee;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 15px;
  overflow: hidden;
}
.timeline > li > .timeline-panel .popover .arrow,
.timeline-alt > li > .timeline-panel .popover .arrow {
  top: 15px;
  display: none;
}
.timeline > li > .timeline-panel .popover .popover-title,
.timeline-alt > li > .timeline-panel .popover .popover-title {
  background: rgba(0, 0, 0, 0.08);
  padding: 10px;
  border-bottom: 1px solid #eeeeee;
  font-size: 14px;
}
.timeline > li > .timeline-panel .popover .popover-title span:nth-of-type(1),
.timeline-alt > li > .timeline-panel .popover .popover-title span:nth-of-type(1) {
  font-weight: 700;
  font-size: 12px;
  display: inline-block;
  vertical-align: baseline;
}
.timeline > li > .timeline-panel .popover .popover-content p,
.timeline-alt > li > .timeline-panel .popover .popover-content p {
  padding: 10px;
}
.timeline > li > .timeline-date,
.timeline-alt > li > .timeline-date {
  margin: -15px 0 0;
  display: block;
  height: 15px;
  line-height: 15px;
  font-size: 13px;
}
.timeline > li > .timeline-date > time:after,
.timeline-alt > li > .timeline-date > time:after {
  content: attr(datetime);
}
.timeline > li > .timeline-badge,
.timeline-alt > li > .timeline-badge {
  position: absolute;
  width: 30px;
  height: 30px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  font-size: 1em;
  text-align: center;
  color: #fff;
  background-color: #999;
  z-index: 100;
  margin: auto;
  left: 0;
  padding: 8px 0;
}
@media (min-width: 992px) {
  .timeline > li > .timeline-badge,
  .timeline-alt > li > .timeline-badge {
    right: 0;
  }
}
.timeline > li > .timeline-badge.primary,
.timeline-alt > li > .timeline-badge.primary {
  background-color: #337ab7;
}
.timeline > li > .timeline-badge.success,
.timeline-alt > li > .timeline-badge.success {
  background-color: #5cb85c;
}
.timeline > li > .timeline-badge.warning,
.timeline-alt > li > .timeline-badge.warning {
  background-color: #f0ad4e;
}
.timeline > li > .timeline-badge.danger,
.timeline-alt > li > .timeline-badge.danger {
  background-color: #d9534f;
}
.timeline > li > .timeline-badge.info,
.timeline-alt > li > .timeline-badge.info {
  background-color: #5bc0de;
}
.timeline > li > .timeline-badge .fa,
.timeline-alt > li > .timeline-badge .fa,
.timeline > li > .timeline-badge em,
.timeline-alt > li > .timeline-badge em {
  color: white;
}
.timeline-alt .popover .arrow {
  display: block !important;
}
.timeline-title {
  margin-top: 0;
  color: inherit;
}
.timeline-body > p,
.timeline-body > ul {
  margin-bottom: 0;
}
.timeline-body > p + p {
  margin-top: 5px;
}
@media only screen and (min-width: 992px) {
  .timeline:before {
    left: 50%;
  }
  .timeline > li {
    float: left;
    clear: left;
    width: 47%;
  }
  .timeline > li.timeline-inverted {
    float: right;
    clear: right;
  }
  .timeline > li > .timeline-date {
    float: none;
    position: absolute;
    width: 40%;
    left: 50%;
    top: 15px;
    margin-left: 45px;
    margin-top: -7.5px;
  }
  .timeline > li > .timeline-panel {
    margin: 0;
  }
  .timeline > li > .timeline-panel:before {
    border-left-width: 15px;
    border-right-width: 0;
    top: 26px;
    right: -15px;
    left: auto;
  }
  .timeline > li > .timeline-panel:after {
    border-left-width: 14px;
    border-right-width: 0;
    top: 27px;
    right: -14px;
    left: auto;
  }
  .timeline > li > .timeline-panel .popover .arrow {
    display: block;
  }
  .timeline > li.timeline-inverted > .timeline-panel {
    padding-left: 10px;
    width: 100%;
  }
  .timeline > li.timeline-inverted .popover {
    width: 100%;
  }
  .timeline > li.timeline-inverted .timeline-date {
    left: auto;
    right: 50%;
    width: auto;
    margin-left: 0;
    margin-right: 30px;
  }
}
.timeline-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.timeline-container .timeline.type2 {
  padding: 20px 0 0 0;
  margin: 20px 0 0 0;
  width: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.timeline-container .timeline.type2:before {
  content: '';
  display: none;
}
.timeline-container .timeline.type2 li {
  position: relative;
  list-style: none;
  border-radius: 45px;
  height: 84px;
  width: 520px;
  margin-bottom: 45px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}
.timeline-container .timeline.type2 li:first-child:before {
  top: 0;
}
.timeline-container .timeline.type2 li:before {
  content: '';
  width: 1px;
  background: #BCBCBC;
  position: absolute;
  top: -40px;
  bottom: -40px;
  left: 24%;
}
.timeline-container .timeline.type2 li:nth-child(odd) {
  background: linear-gradient(rgba(177, 177, 193, 0.05) 0%, rgba(109, 109, 146, 0.05) 100%);
}
.timeline-container .timeline.type2 li:nth-child(even) {
  background: linear-gradient(rgba(177, 177, 193, 0.1) 0%, rgba(109, 109, 146, 0.1) 100%);
}
.timeline-container .timeline.type2 li:hover {
  animation: animated 0.6s;
  background: linear-gradient(rgba(177, 177, 193, 0.2) 0%, rgba(109, 109, 146, 0.2) 100%);
}
.timeline-container .timeline.type2 li:hover .datetime {
  background: #686A6D;
}
.timeline-container .timeline.type2 li:hover .datetime * {
  color: white;
}
.timeline-container .timeline.type2 li:hover .info .link {
  display: block;
}
.timeline-container .timeline.type2 li .datetime {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: right;
  width: 24%;
  padding: 23.5px 25px;
  box-sizing: border-box;
  border-top-left-radius: 45px;
  border-bottom-left-radius: 45px;
  position: relative;
  max-height: 100%;
  height: 84px;
}
.timeline-container .timeline.type2 li .datetime * {
  color: #686A6D;
}
.timeline-container .timeline.type2 li .datetime b {
  font-size: 14px;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.timeline-container .timeline.type2 li .datetime small {
  font-size: 14px;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.timeline-container .timeline.type2 li .datetime:after {
  content: '';
  width: 11px;
  height: 11px;
  position: absolute;
  background: #686A6D;
  border-radius: 50%;
  right: -5.5px;
}
.timeline-container .timeline.type2 li .info {
  box-sizing: border-box;
  padding: 6.5px 25px;
  width: 76%;
  background: none;
}
.timeline-container .timeline.type2 li .info .head {
  color: #686A6D;
  font-weight: 500;
  display: flex;
  align-items: center;
  white-space: nowrap;
  position: relative;
}
.timeline-container .timeline.type2 li .info .head .tag {
  background: #686A6D;
  font-size: 10px;
  text-transform: uppercase;
  color: white;
  border-radius: 14px;
  padding: 4px 10px;
  margin-right: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  max-width: 30%;
  text-shadow: none;
}
.timeline-container .timeline.type2 li .info .head .title {
  max-width: 65%;
  font-weight: 600;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #686A6D;
}
.timeline-container .timeline.type2 li .info .description {
  /* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  color: #676767;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 13px;
  margin-top: 5px;
}
.timeline-container .timeline.type2 li .info .link {
  display: none;
  position: absolute;
  right: 10px;
  bottom: 32%;
  cursor: pointer;
  text-shadow: none;
}
.timeline-container .timeline.type2 li .info .link i {
  color: #686A6D;
}
@media screen and (max-width: 720px) {
  .timeline-container .timeline.type2 {
    width: 100%;
  }
  .timeline-container .timeline.type2 li {
    height: 120px;
    border-radius: 15px;
    border-top-right-radius: 70px;
    border-bottom-right-radius: 70px;
    max-width: 100%;
    flex-direction: column;
    align-items: flex-start;
  }
  .timeline-container .timeline.type2 li:before {
    left: 14px;
  }
  .timeline-container .timeline.type2 li .datetime {
    width: 100%;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding-top: 12px;
    padding-bottom: 5px;
  }
  .timeline-container .timeline.type2 li .datetime b {
    margin: 0 10px 0 15px;
  }
  .timeline-container .timeline.type2 li .datetime:after {
    left: 9px;
  }
  .timeline-container .timeline.type2 li .info {
    width: 99%;
  }
  .timeline-container .timeline.type2 li:hover .datetime {
    background: none;
  }
  .timeline-container .timeline.type2 li:hover .datetime * {
    color: #686A6D;
  }
}
@keyframes animated {
  0% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
.timeline-container .button-loader-top {
  background: none;
  height: auto;
  padding: 0;
  position: relative;
  list-style: none;
  width: 520px;
  margin-bottom: 45px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  max-width: 100%;
}
.timeline-container .button-loader-top:before {
  display: none;
}
.timeline-container .button-loader-top .hint {
  left: 21.3%;
  bottom: 14px;
  cursor: pointer;
  background: transparent !important;
}
.timeline-container .button-loader-top .hint:before {
  font-size: 14px;
}
@media screen and (max-width: 720px) {
  .timeline-container .button-loader-top {
    top: -13px;
    left: 1px;
  }
  .timeline-container .button-loader-top .hint {
    bottom: 0;
    left: 1px;
  }
}
.timeline-horizontal-container {
  display: flex;
  flex-direction: column;
}
.timeline-horizontal-container ul {
  display: flex;
  flex-direction: row;
  max-width: 100%;
  overflow-x: auto;
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.timeline-horizontal-container ul::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.timeline-horizontal-container ul::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 5px;
}
.timeline-horizontal-container ul::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 5px;
}
.timeline-horizontal-container ul::-webkit-scrollbar-thumb:hover {
  background: #777;
}
.timeline-horizontal-container ul li {
  list-style: none;
  min-width: 154px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  justify-content: flex-end;
}
.timeline-horizontal-container ul li .caption {
  width: 100%;
  display: flex;
  justify-content: center;
  margin: 10px 10px 0 10px;
  font-weight: 500;
  font-size: 13px;
  color: #5D5D5D;
  padding: 10px 0;
  position: relative;
}
.timeline-horizontal-container ul li .caption:before {
  content: '';
  height: 1px;
  width: 100%;
  background: #BCBCBC;
  position: absolute;
  top: 0;
}
.timeline-horizontal-container ul li .caption:after {
  content: '';
  position: absolute;
  background-color: #686A6D;
  width: 11px;
  height: 11px;
  border-radius: 11px;
  top: -5px;
}
.timeline-horizontal-container ul li .values {
  max-width: 100%;
}
.timeline-horizontal-container ul li .values .value {
  text-align: right;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.timeline-horizontal-container ul li .values .value.positive span {
  color: #32a636;
}
.timeline-horizontal-container ul li .values .value.negative span {
  color: #df382c;
}
.timeline-horizontal-container ul li .values .value.module-color span {
  color: #686A6D;
}
.timeline-horizontal-container ul li .values .value span {
  color: #5D5D5D;
}
.timeline-horizontal-container ul li .values .value .prefix {
  font-weight: 700;
  margin-right: 3px;
  text-shadow: none;
  font-size: 11px;
}
.timeline-horizontal-container ul li .values .value .number {
  font-weight: 700;
  text-shadow: none;
  font-size: 13px;
}
.timeline-horizontal-container .subtitles {
  display: flex;
  margin-top: 10px;
}
.timeline-horizontal-container .subtitles .subtitle {
  font-size: 10px;
  font-weight: 500;
  color: #5D5D5D;
  display: flex;
  align-items: center;
  text-transform: uppercase;
  margin-right: 10px;
}
.timeline-horizontal-container .subtitles .subtitle:before {
  content: '';
  width: 4px;
  height: 4px;
  background: #5D5D5D;
  margin-right: 4px;
  border-radius: 4px;
}
.timeline-horizontal-container .subtitles .subtitle.positive {
  color: #32a636;
}
.timeline-horizontal-container .subtitles .subtitle.positive:before {
  background: #32a636;
}
.timeline-horizontal-container .subtitles .subtitle.module-color {
  color: #686A6D;
}
.timeline-horizontal-container .subtitles .subtitle.module-color:before {
  background: #686A6D;
}
.timeline-horizontal-container .subtitles .subtitle.negative {
  color: #df382c;
}
.timeline-horizontal-container .subtitles .subtitle.negative:before {
  background: #df382c;
}
.timeline-chart {
  width: 100%;
  float: left;
  border: 1px solid #DDD;
  border-radius: 8px;
}
.timeline-chart.scroll {
  overflow: hidden;
}
.timeline-chart.scroll .timeline-chart-second-column {
  overflow-x: auto;
}
.timeline-chart.scroll .timeline-chart-container .timeline-chart-header-column {
  min-width: 105px;
}
.timeline-chart.scroll .timeline-chart-container .timeline-chart-header-column:before {
  margin-left: 105px;
}
.timeline-chart .timeline-chart-first-column {
  float: left;
  width: 300px;
  border-top: 1px solid transparent;
  border-right: 1px solid #ccc;
  color: #565656;
}
.timeline-chart .timeline-chart-first-column .timeline-chart-item {
  height: 45px;
  padding: 0 15px;
  display: flex;
  align-items: center;
  color: unset;
}
.timeline-chart .timeline-chart-first-column .timeline-chart-item:not(:last-child) {
  border-bottom: 1px solid #ccc;
}
.timeline-chart .timeline-chart-second-column {
  float: left;
  width: calc(100% - 300px);
  position: relative;
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.timeline-chart .timeline-chart-second-column::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.timeline-chart .timeline-chart-second-column::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 5px;
}
.timeline-chart .timeline-chart-second-column::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 5px;
}
.timeline-chart .timeline-chart-second-column::-webkit-scrollbar-thumb:hover {
  background: #777;
}
.timeline-chart .timeline-chart-container {
  float: left;
  width: auto;
  min-width: 100%;
}
@media screen and (max-width: 768px) {
  .timeline-chart .timeline-chart-container .timeline-chart-header-column {
    min-width: 105px;
  }
  .timeline-chart .timeline-chart-container .timeline-chart-header-column:before {
    margin-left: 105px;
  }
}
.timeline-chart .timeline-chart-container:not(.scroll) .timeline-chart-row .timeline-chart-header-column:first-child:before {
  content: none;
}
.timeline-chart .timeline-chart-row {
  min-width: 100%;
  display: flex;
  justify-content: space-between;
  white-space: nowrap;
  height: 45px;
}
.timeline-chart .timeline-chart-row:not(:first-child) {
  border-top: 1px solid #ccc;
  position: relative;
}
.timeline-chart .timeline-chart-row .timeline-chart-header-column {
  flex: 1;
  display: inline-block;
  line-height: 45px;
}
.timeline-chart .timeline-chart-row .timeline-chart-header-column.current-month {
  background-color: rgba(189, 189, 189, 0.3);
}
.timeline-chart .timeline-chart-row .timeline-chart-header-column span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.timeline-chart .timeline-chart-row .timeline-chart-header-column:before {
  content: '';
  width: 1px;
  height: 100%;
  position: absolute;
  background: #ccc;
}
.timeline-chart .timeline-chart-row .timeline-chart-item {
  height: 40px;
  line-height: 40px;
  vertical-align: middle;
  width: 30%;
  position: absolute;
  border-radius: 4px;
  margin-top: 2px;
  color: white;
  transition: all 0.2s;
}
.timeline-chart .timeline-chart-row .timeline-chart-item.current-month {
  transition: none;
  margin-top: 0;
  border-radius: 0;
  height: 44px;
  background-color: rgba(189, 189, 189, 0.3);
  pointer-events: none;
}
.timeline-chart .timeline-chart-row .timeline-chart-item .description {
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 10px;
  box-sizing: border-box;
  position: relative;
  color: unset;
}
.timeline-chart .timeline-chart-row .timeline-chart-item .description * {
  color: unset;
}
.timeline-chart .timeline-chart-row .timeline-chart-item .hint-content * {
  color: unset;
}
.timeline-chart .timeline-chart-row .timeline-chart-item.negative {
  background-color: rgba(223, 56, 44, 0.8);
}
.timeline-chart .timeline-chart-row .timeline-chart-item.negative:hover {
  background-color: #df382c;
}
.timeline-chart .timeline-chart-row .timeline-chart-item.negative.striped {
  background-color: rgba(223, 56, 44, 0.7);
  background-image: linear-gradient(45deg, rgba(223, 56, 44, 0.9) 25%, transparent 25%, transparent 50%, rgba(223, 56, 44, 0.9) 50%, rgba(223, 56, 44, 0.9) 75%, transparent 75%, transparent);
  background-size: 43px 43px;
}
.timeline-chart .timeline-chart-row .timeline-chart-item.module-color {
  background-color: rgba(104, 106, 109, 0.8);
}
.timeline-chart .timeline-chart-row .timeline-chart-item.module-color:hover {
  background-color: #686A6D;
}
.timeline-chart .timeline-chart-row .timeline-chart-item.module-color.striped {
  background-color: rgba(104, 106, 109, 0.7);
  background-image: linear-gradient(45deg, rgba(104, 106, 109, 0.9) 25%, transparent 25%, transparent 50%, rgba(104, 106, 109, 0.9) 50%, rgba(104, 106, 109, 0.9) 75%, transparent 75%, transparent);
  background-size: 43px 43px;
}
.timeline-chart .timeline-chart-row .timeline-chart-item.positive {
  background-color: rgba(50, 166, 54, 0.8);
}
.timeline-chart .timeline-chart-row .timeline-chart-item.positive:hover {
  background-color: #32a636;
}
.timeline-chart .timeline-chart-row .timeline-chart-item.positive.striped {
  background-color: rgba(50, 166, 54, 0.7);
  background-image: linear-gradient(45deg, rgba(50, 166, 54, 0.9) 25%, transparent 25%, transparent 50%, rgba(50, 166, 54, 0.9) 50%, rgba(50, 166, 54, 0.9) 75%, transparent 75%, transparent);
  background-size: 43px 43px;
}
.timeline-chart .timeline-chart-row .timeline-chart-item.neutral {
  background-color: rgba(117, 117, 117, 0.8);
}
.timeline-chart .timeline-chart-row .timeline-chart-item.neutral:hover {
  background-color: #757575;
}
.timeline-chart .timeline-chart-row .timeline-chart-item.neutral.striped {
  background-color: rgba(117, 117, 117, 0.7);
  background-image: linear-gradient(45deg, rgba(117, 117, 117, 0.9) 25%, transparent 25%, transparent 50%, rgba(117, 117, 117, 0.9) 50%, rgba(117, 117, 117, 0.9) 75%, transparent 75%, transparent);
  background-size: 43px 43px;
}
.timeline-chart .timeline-chart-row .timeline-chart-item.neutral .hint-content {
  background-color: #757575;
  color: white;
}
.timeline-chart .timeline-chart-row .timeline-chart-item:hover {
  background-color: #686A6D;
}
.timeline-chart .timeline-chart-row .timeline-chart-item.striped {
  background-color: rgba(104, 106, 109, 0.7);
  background-image: linear-gradient(45deg, rgba(104, 106, 109, 0.9) 25%, transparent 25%, transparent 50%, rgba(104, 106, 109, 0.9) 50%, rgba(104, 106, 109, 0.9) 75%, transparent 75%, transparent);
  background-size: 43px 43px;
}
.timeline-chart .subtitles {
  display: flex;
  position: absolute;
  bottom: -20px;
}
.timeline-chart .subtitles .subtitle {
  font-size: 10px;
  font-weight: 500;
  color: #5D5D5D;
  display: flex;
  align-items: center;
  text-transform: uppercase;
  margin-right: 10px;
}
.timeline-chart .subtitles .subtitle:before {
  content: '';
  width: 4px;
  height: 4px;
  background: #5D5D5D;
  margin-right: 4px;
  border-radius: 4px;
}
.timeline-chart .subtitles .subtitle.current-month {
  color: rgba(189, 189, 189, 0.3);
}
.timeline-chart .subtitles .subtitle.current-month:before {
  background: rgba(189, 189, 189, 0.3);
}
.timeline-chart .subtitles .subtitle.positive {
  color: #32a636;
}
.timeline-chart .subtitles .subtitle.positive:before {
  background: #32a636;
}
.timeline-chart .subtitles .subtitle.module-color {
  color: #686A6D;
}
.timeline-chart .subtitles .subtitle.module-color:before {
  background: #686A6D;
}
.timeline-chart .subtitles .subtitle.negative {
  color: #df382c;
}
.timeline-chart .subtitles .subtitle.negative:before {
  background: #df382c;
}
.tree {
  margin-left: 9px;
}
.tree .tree-list {
  list-style: none;
}
.tree .tree-list-label {
  display: table;
  cursor: pointer;
  padding: 3px 4px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  margin-left: -9px;
}
.tree .tree-list-label:hover {
  background: #eeeeee;
}
.tree .tree-list-label:before {
  content: "\f114";
  font: normal normal normal 14px/1;
  font-family: FontAwesome, Helvetica, Arial, sans-serif;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 5px;
}
.tree .tree-list-label:after {
  margin-left: 5px;
  content: "\f078";
  font: normal normal normal 14px/1;
  font-family: FontAwesome, Helvetica, Arial, sans-serif;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 10px;
  vertical-align: middle;
  display: none;
  color: #a7a7a7;
}
.tree .tree-list-item.has-ul > .tree-list-label:before {
  content: "\f07b";
}
.tree .tree-list-item.has-ul > .tree-list-label:after {
  display: inline-block;
}
.tree .tree-list-item.open > .tree-list-label:before {
  content: "\f07c" !important;
}
.tree .tree-list-item.open > .tree-list-label:after {
  content: "\f077" !important;
}
.tree .tree-list-item.open > .tree-list {
  display: table;
}
.tree .tree-list > .tree-list-item {
  display: table;
}
.tree .tree-list .tree-list {
  display: none;
  padding-left: 20px;
  border-left: 1px dotted #919191;
  position: relative;
  margin-top: 5px;
}
.tree .tree-list .tree-list:before,
.tree .tree-list .tree-list:after {
  content: '';
  width: 5px;
  height: 5px;
  background: #686A6D;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  display: block;
  position: absolute;
  left: -3px;
}
.tree .tree-list .tree-list:before {
  top: 0;
}
.tree .tree-list .tree-list:after {
  bottom: 0;
}
.tree .tree-list .tree-list-item {
  padding-bottom: 5px;
}
.tree .tree-list .tree-list-item:last-child {
  padding-bottom: 0;
}
.tree.fixed {
  border: 1px solid #ddd;
  overflow: auto;
  max-height: 320px;
}
.tree.fixed::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  position: absolute;
}
.tree.fixed::-webkit-scrollbar-track {
  background: #E8E8E8;
}
.tree.fixed::-webkit-scrollbar-thumb {
  background: #8B8B8B;
  border-radius: 4px;
}
.tree.fixed::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.tree.display .tree-list .tree-list {
  display: table !important;
}
.tree.display .tree-list-item.has-ul > .tree-list-label:before {
  content: "\f07c";
}
.tree.display .tree-list-item.open > .tree-list-label:after {
  content: "\f078" !important;
}
.panel.table .panel-table.tree {
  margin-left: 0;
}
.panel.table .panel-table.tree tbody .level {
  display: none;
  border-left-color: transparent !important;
  border-left-style: solid;
}
.panel.table .panel-table.tree.tree-arrow tbody tr.father td:nth-of-type(1) {
  padding-left: 20px;
  position: relative;
}
.panel.table .panel-table.tree.tree-arrow tbody tr.father td:nth-of-type(1):before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 7px;
  border-color: transparent transparent transparent #ccc;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 5px;
}
.panel.table .panel-table.tree.tree-arrow tbody tr.father.open td:nth-of-type(1):before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 5px 0 5px;
  border-color: #ccc transparent transparent transparent;
}
.widget {
  overflow: inherit;
  position: relative;
  margin-top: 44px;
  padding-bottom: 5px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.widget .widget-icon {
  width: 48px;
  height: 48px;
  background: white;
  border: 2px solid #E0E0E0;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  text-align: center;
  padding: 14px 0;
  display: block;
  font-size: 18px;
  position: absolute;
  top: -24px;
  right: 0;
  left: 0;
  margin: auto;
  line-height: 0;
}
.widget .widget-icon .fa {
  color: #4f5153;
}
.widget .widget-icon.text {
  font-size: 12px!important;
  padding-top: 22px!important;
  z-index: 8!important;
  font-weight: bold!important;
}
.widget .panel-title {
  padding: 12px;
  padding-top: 34px;
  text-align: center;
}
@media (min-width: 769px) {
  .widget .panel-title {
    padding: 12px;
    padding-top: 34px;
  }
}
.widget .panel-body {
  background: #f7f7f7;
  background: -moz-linear-gradient(top, #f7f7f7 0%, #ffffff 40%);
  background: -webkit-linear-gradient(top, #f7f7f7 0%, #ffffff 40%);
  background: linear-gradient(to bottom, #f7f7f7 0%, #ffffff 40%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#ffffff', GradientType=0);
  display: table;
  width: 100%;
  position: relative;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.widget.no-gradient-background .panel-body {
  background: white;
}
.widget .btn {
  margin: 0 auto 15px;
  color: #4f5153;
  border: 1px solid #686A6D;
  background: transparent;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  font-size: 10px;
}
.widget .btn:hover {
  color: white;
  background: #686A6D;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}
.widget .widget-numeric {
  width: 100%;
  display: table-cell;
  vertical-align: middle;
}
.widget .widget-numeric.block {
  display: block;
}
.widget .widget-numeric .widget-numeric-number {
  display: block;
  text-align: center;
  font-weight: 300;
  font-size: 38px;
  position: relative;
  line-height: 90%;
  color: #4f5153;
  font-weight: normal;
}
.widget .widget-numeric .widget-numeric-subtitle {
  display: block;
  text-align: center;
  text-transform: uppercase;
  line-height: 150%;
  color: #5d5d5d;
  font-size: 11px;
  position: relative;
  padding-top: 15px;
  margin-top: 15px;
}
@media screen and (max-width: 767px) {
  .widget .widget-numeric .widget-numeric-subtitle {
    margin-bottom: 15px;
  }
}
.widget .widget-numeric .widget-numeric-subtitle:before {
  content: '';
  background: #E0E0E0;
  width: 10%;
  height: 2px;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  margin: auto;
}
.widget .widget-highlight {
  width: 100%;
  padding: 20px 0;
}
.widget .widget-highlight .widget-highlight-text {
  display: block;
  text-align: center;
  font-weight: 300;
  font-size: 36px;
  position: relative;
  margin-bottom: 15px;
  line-height: 90%;
  color: #4f5153;
  font-weight: normal;
}
.widget .widget-highlight .widget-highlight-subtitle {
  display: block;
  text-align: center;
  font-size: 16px;
  line-height: 150%;
  color: #5d5d5d;
}
.widget .widget-highlight .widget-highlight-detail {
  display: block;
  text-align: center;
  font-size: 18px;
  line-height: 150%;
  color: #5d5d5d;
  padding: 15px;
  margin: 15px;
}
.widget.chart .panel-body {
  padding: 20px 10px 10px 10px;
}
.widget.fixed.on {
  position: fixed;
  margin-top: 0;
  top: 100px;
  z-index: 999999;
}
.switch-container {
  display: flex;
  align-items: center;
}
.switch-container .switch {
  margin-right: 10px;
}
.switch {
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #bfbfbf;
  background-color: #d8d8d8;
  position: relative;
  -webkit-transition: 0.1s;
  -moz-transition: 0.1s;
  -ms-transition: 0.1s;
  -o-transition: 0.1s;
  transition: 0.1s;
  height: 20px;
  width: 32px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  cursor: pointer;
}
.switch:before {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  position: absolute;
  background: white;
  top: 4px;
  left: 5px;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.switch.module-color.active {
  background-color: #686A6D;
  border-color: #686A6D;
}
.switch.neutral.active {
  background-color: #7a7a7a;
  border-color: #7a7a7a;
}
.switch.negative.active {
  background-color: #df382c;
  border-color: #df382c;
}
.switch.active {
  background-color: #32a636;
  border: 1px solid #32a636;
}
.switch.active:before {
  left: 15px;
}
.switch.big {
  height: 30px;
  width: 50px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
.switch.big:before {
  width: 20px;
  height: 20px;
}
.switch.big.active:before {
  left: 23px;
}
@media (min-width: 769px) {
  .switch.small {
    margin-top: -1px;
    height: 15px;
    width: 27px;
  }
  .switch.small:before {
    height: 8px;
    width: 8px;
    top: 3px;
    left: 4px;
  }
  .switch.small.active:before {
    left: 14px;
  }
}
.switch-caption {
  cursor: pointer;
}
.switch-caption.nowrap {
  white-space: nowrap;
}
@media (min-width: 769px) {
  .switch-caption.small {
    font-size: 11px;
  }
}
.switch-caption.disabled {
  background-color: transparent !important;
  cursor: not-allowed;
}
.switch-buttons {
  letter-spacing: -4px;
  display: flex;
}
.switch-buttons.positive .btn {
  border: 1px solid #32a636;
  color: #32a636;
}
.switch-buttons.positive .btn.active,
.switch-buttons.positive .btn:hover {
  background: #32a636;
  border-color: #32a636;
}
.switch-buttons.negative .btn {
  border: 1px solid #df382c;
  color: #df382c;
}
.switch-buttons.negative .btn.active,
.switch-buttons.negative .btn:hover {
  background: #df382c;
  border-color: #df382c;
}
.switch-buttons.neutral .btn {
  border: 1px solid #7a7a7a;
  color: #7a7a7a;
}
.switch-buttons.neutral .btn.active,
.switch-buttons.neutral .btn:hover {
  background: #7a7a7a;
  border-color: #7a7a7a;
}
.switch-buttons.round .btn:first-child {
  -webkit-border-radius: 14px 0 0 14px;
  -moz-border-radius: 14px 0 0 14px;
  border-radius: 14px 0 0 14px;
  margin-left: 0;
  border-right: none;
}
.switch-buttons.round .btn:last-child {
  -webkit-border-radius: 0 14px 14px 0;
  -moz-border-radius: 0 14px 14px 0;
  border-radius: 0 14px 14px 0;
  border-left: none;
}
.switch-buttons .btn {
  padding: 5px 13px;
  color: #686A6D;
  background-color: white;
  vertical-align: bottom;
  position: relative;
  line-height: inherit;
  z-index: 1;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  margin-bottom: 4px;
  border: 1px solid #686A6D;
}
.switch-buttons .btn:first-child {
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
  margin-left: 0;
  border-right: none;
}
.switch-buttons .btn:last-child {
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
  border-left: none;
}
.switch-buttons .btn.active {
  background: #686A6D;
  color: white;
}
.switch-buttons .btn:hover {
  background: #57585b;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  color: white;
}
.switch-buttons .btn:hover .fa {
  color: white;
}
