/* Minification failed. Returning unminified contents.
(22,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(31,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(33,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(35,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(36,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(37,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(38,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(39,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(40,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(41,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(42,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(43,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(44,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(576,15): run-time error CSS1039: Token not allowed after unary operator: '-primaryColor'
(580,15): run-time error CSS1039: Token not allowed after unary operator: '-secondaryColor'
(584,15): run-time error CSS1039: Token not allowed after unary operator: '-lightText'
(596,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(4482,22): run-time error CSS1039: Token not allowed after unary operator: '-vh'
(4760,22): run-time error CSS1039: Token not allowed after unary operator: '-vh'
 */

@-webkit-viewport {
    width: device-width;
}

@-moz-viewport {
    width: device-width;
}

@-ms-viewport {
    width: device-width;
}

@-o-viewport {
    width: device-width;
}

@viewport {
    width: device-width;
}
:root {
  --primaryColor: #172634;
  --secondaryColor: #9bcbd2;
  --borderDark: #214a5e;
  --bgMiddle: #08364c;
  --lightGrey: #cecece;
  --white: #ffffff;
  --black: #000000;
  --greyMiddle: #d4d5d6;
  --labelLight: #f1f7f7;
  --validationErrorColor: #c55458;
  --bgCancelButton: #c25657;
  --bgEditButton: #2c6c8a;
  --deleteModal: #6d0d0f;
  --confirmModal: #c19600;
  --pauseColor: #1c4533;
  --borderCalendar: #929292;
  --infoColor: #096477;
  --errorColor: #641319;
  --noticeColor: #c19600;
  --successColor: #405a12;
  --ice: #eeeeee;
  --lightText: #b5c3ca;
  --fontSize: 1!important;
}
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;
  font-family: 'Open Sans', sans-serif;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}
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: separate;
  border-spacing: 0;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #fff;
  margin: 0;
  padding: 0;
  opacity: 0.2;
}
input,
select {
  vertical-align: middle;
}
body {
  font: 13px/1.231 sans-serif;
  font-size: small;
}
select,
input,
textarea,
button {
  font: 99% sans-serif;
}
html {
  overflow-y: auto;
}
a {
  cursor: pointer;
  text-decoration: none;
}
a:hover,
a:active {
  outline: none;
}
ul,
ol {
  margin-left: 2em;
}
ol {
  list-style-type: decimal;
}
ul,
menu,
nav ul,
nav li {
  margin: 0;
  list-style: none;
  list-style-image: none;
}
small {
  font-size: 85%;
}
strong,
th {
  font-weight: bold;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
  padding: 15px;
}
textarea {
  overflow: auto;
}
.ie6 legend,
.ie7 legend {
  margin-left: -7px;
}
input[type="radio"] {
  vertical-align: text-bottom;
}
input[type="checkbox"] {
  vertical-align: middle;
}
.ie7 input[type="checkbox"] {
  vertical-align: baseline;
}
.ie6 input {
  vertical-align: text-bottom;
}
input[type="button"],
input[type="submit"],
input[type="image"],
button {
  cursor: pointer;
}
button,
input,
select,
textarea {
  margin: 0;
}
input:invalid,
textarea:invalid {
  border-radius: 1px;
  -moz-box-shadow: 0px 0px 5px red;
  -webkit-box-shadow: 0px 0px 5px red;
  box-shadow: 0px 0px 5px red;
}
.no-boxshadow input:invalid,
.no-boxshadow textarea:invalid {
  background-color: #f0dddd;
}
-moz-selection {
  background: #FF5E99;
  color: #fff;
  text-shadow: none;
}
selection {
  background: #000;
  color: #fff;
  text-shadow: none;
}
button {
  width: auto;
  overflow: visible;
}
.ie7 img {
  -ms-interpolation-mode: bicubic;
}
.ir {
  display: block;
  text-indent: -999em;
  overflow: hidden;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}
.hidden {
  display: none!important;
  visibility: hidden;
}
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.invisible {
  visibility: hidden;
}
.clearfix:before,
.clearfix:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  zoom: 1;
}
textarea {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
}
[class*="span"] {
  float: left;
  min-height: 1px;
}
i {
  font-style: normal;
}
input::-ms-clear {
  display: none;
}
@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }
  a,
  a:visited {
    color: #444 !important;
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
  display: inline;
  zoom: 1;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('/Web/Content/font/OpenSans-Light-webfont.eot');
  src: url('/Web/Content/font/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'), url('/Web/Content/font/OpenSans-Light-webfont.woff') format('woff'), url('/Web/Content/font/OpenSans-Light-webfont.ttf') format('truetype'), url('/Web/Content/font/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/Web/Content/font/OpenSans-Regular-webfont.eot');
  src: url('/Web/Content/font/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('/Web/Content/font/OpenSans-Regular-webfont.woff') format('woff'), url('/Web/Content/font/OpenSans-Regular-webfont.ttf') format('truetype'), url('/Web/Content/font/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('/Web/Content/font/OpenSans-Semibold-webfont.eot');
  src: url('/Web/Content/font/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'), url('/Web/Content/font/OpenSans-Semibold-webfont.woff') format('woff'), url('/Web/Content/font/OpenSans-Semibold-webfont.ttf') format('truetype'), url('/Web/Content/font/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('/Web/Content/font/OpenSans-Bold-webfont.eot');
  src: url('/Web/Content/font/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('/Web/Content/font/OpenSans-Bold-webfont.woff') format('woff'), url('/Web/Content/font/OpenSans-Bold-webfont.ttf') format('truetype'), url('/Web/Content/font/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('/Web/Content/font/OpenSans-ExtraBold-webfont.eot');
  src: url('/Web/Content/font/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'), url('/Web/Content/font/OpenSans-ExtraBold-webfont.woff') format('woff'), url('/Web/Content/font/OpenSans-ExtraBold-webfont.ttf') format('truetype'), url('/Web/Content/font/OpenSans-ExtraBold-webfont.svg#open_sansextrabold') format('svg');
}
@font-face {
  font-family: 'legaldesk-icons';
  src: url('/Web/Content/legaldesk-icons/fonts/legaldesk-icons.eot?jv0qhw');
  src: url('/Web/Content/legaldesk-icons/fonts/legaldesk-icons.svg?jv0qhw#legaldesk-icons') format('svg'), url('/Web/Content/legaldesk-icons/fonts/legaldesk-icons.woff?jv0qhw') format('woff'), url('/Web/Content/legaldesk-icons/fonts/legaldesk-icons.eot?jv0qhw#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'legaldesk-icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* CUSTOM ADJUSTMENTS !!! */
  font-size: 18px;
  color: #172634;
  cursor: pointer;
  background: none;
  text-align: center;
  line-height: 22px;
  display: block;
}
.revisao-pre-faturas [class^="icon-"],
.revisao-pre-faturas [class*=" icon-"] {
  font-size: clamp(18px, 1.125rem, 28px);
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
  text-indent: 0px;
  float: left;
  width: 100%;
  height: 100%;
  display: inline;
  text-align: center;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
[class^="icon-"].sub-menu,
[class*=" icon-"].sub-menu {
  position: relative;
  padding-right: 10px !important;
}
[class^="icon-"].sub-menu:before,
[class*=" icon-"].sub-menu:before {
  text-indent: 0px;
}
[class^="icon-"].sub-menu:after,
[class*=" icon-"].sub-menu:after {
  position: absolute;
  display: block;
  left: 22px;
  top: 1px;
  content: "\e91a";
}
[class^="icon-"].sub-menu.active:after,
[class*=" icon-"].sub-menu.active:after,
[class^="icon-"].sub-menu.select.k-state-border-down:after,
[class*=" icon-"].sub-menu.select.k-state-border-down:after,
[class^="icon-"].sub-menu.icon-new-light.k-state-border-down:after,
[class*=" icon-"].sub-menu.icon-new-light.k-state-border-down:after,
[class^="icon-"].sub-menu.filter.k-state-border-down:after,
[class*=" icon-"].sub-menu.filter.k-state-border-down:after,
[class^="icon-"].sub-menu.tipo.k-state-border-down:after,
[class*=" icon-"].sub-menu.tipo.k-state-border-down:after,
[class^="icon-"].sub-menu.report.k-state-border-down:after,
[class*=" icon-"].sub-menu.report.k-state-border-down:after,
.tipo.k-state-border-down [class^="icon-"].sub-menu:after,
.tipo.k-state-border-down [class*=" icon-"].sub-menu:after,
.situacao.k-state-border-down [class^="icon-"].sub-menu:after,
.situacao.k-state-border-down [class*=" icon-"].sub-menu:after,
[class^="icon-"].sub-menu.folder.k-state-border-down:after,
[class*=" icon-"].sub-menu.folder.k-state-border-down:after,
.k-link.k-state-border-down [class^="icon-"].sub-menu:after,
.k-link.k-state-border-down [class*=" icon-"].sub-menu:after,
[class^="icon-"].sub-menu.icon-setting-small.active:after,
[class*=" icon-"].sub-menu.icon-setting-small.active:after,
[class^="icon-"].sub-menu.icon-setting-small.k-state-border-down:after,
[class*=" icon-"].sub-menu.icon-setting-small.k-state-border-down:after {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
  content: "\e91b";
}
[class^="icon-"].sub-menu.filter.k-state-border-down,
[class*=" icon-"].sub-menu.filter.k-state-border-down,
[class^="icon-"].sub-menu.select.k-state-border-down,
[class*=" icon-"].sub-menu.select.k-state-border-down {
  text-indent: 1px;
}
[class^="icon-"].primary-color,
[class*=" icon-"].primary-color {
  color: var(--primaryColor);
}
[class^="icon-"].secondary-color,
[class*=" icon-"].secondary-color {
  color: var(--secondaryColor);
}
[class^="icon-"].ice-blue-color,
[class*=" icon-"].ice-blue-color {
  color: var(--lightText);
}
[class^="icon-"].dark-gray-color,
[class*=" icon-"].dark-gray-color {
  color: #9C9B9B;
}
[class^="icon-"].light-gray-color,
[class*=" icon-"].light-gray-color {
  color: #9b9b9b;
}
[class^="icon-"].white-color,
[class*=" icon-"].white-color {
  color: var(--white);
}
[class^="icon-"].rotate,
[class*=" icon-"].rotate {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
[class^="icon-"].mirror,
[class*=" icon-"].mirror {
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.icon-hover-header:hover {
  opacity: 0.3;
  filter: alpha(opacity=30);
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  -ms-transition: all 0.35s ease;
  transition: all 0.35s ease;
  cursor: pointer;
}
.icon-accumulate:before {
  content: "\e900";
}
.icon-add-observations:before {
  content: "\e903";
}
.icon-add-tag:before {
  content: "\e94a";
}
.icon-agenda:before {
  content: "\e901";
}
.icon-appointment:before {
  content: "\e902";
}
.icon-approved:before {
  font-size: 16px;
  content: "\e90d";
}
.icon-attachment:before {
  content: "\e904";
}
.icon-bill-sumary:before {
  content: "\e905";
}
.icon-chronometer-neutral:before {
  content: "\e906";
}
.icon-chronometer-pause:before {
  content: "\e907";
  font-size: 18px;
}
.icon-chronometer-play:before {
  content: "\e908";
  font-size: 18px;
}
.icon-close:before {
  content: "\e90f";
}
.icon-close-circle:before {
  content: "\e910";
}
.icon-close-square:before {
  content: "\e911";
}
.icon-closed-file:before {
  content: "\e957";
}
.icon-co-aply-value:before {
  content: "\e97b";
}
.icon-co-approved:before {
  content: "\e97c";
}
.icon-co-approvingly:before {
  content: "\e97d";
}
.icon-co-canceled:before {
  content: "\e97e";
}
.icon-co-concluded:before {
  content: "\e97f";
}
.icon-co-denied:before {
  content: "\e980";
}
.icon-co-pending:before {
  content: "\e981";
}
.icon-co-percentual:before {
  content: "\e982";
}
.icon-co-purchase-history:before {
  content: "\e983";
}
.icon-co-replicate:before {
  content: "\e990";
}
.icon-come-back:before {
  content: "\e912";
}
.icon-conciliate:before {
  content: "\e972";
}
.icon-contract-view:before {
  content: "\e913";
}
.icon-controller:before {
  content: "\e988";
}
.icon-copy-paste:before {
  content: "\e914";
}
.icon-correspondig:before {
  content: "\e915";
}
.icon-date-picker:before {
  content: "\e909";
}
.icon-denied:before {
  font-size: 16px;
  content: "\e90e";
}
.icon-detail-view:before {
  content: "\e917";
}
.icon-document:before {
  content: "\e918";
}
.icon-download-report:before {
  content: "\e985";
}
.icon-drag:before {
  content: "\e98c";
}
.icon-drag-and-drop:before {
  content: "\e919";
  text-indent: 0px;
}
.icon-dropdown-arrow1:before {
  content: "\e91a";
}
.icon-dropdown-arrow2:before {
  content: "\e91b";
}
.icon-edit:before {
  content: "\e91c";
}
.icon-edit-value:before {
  content: "\e91d";
}
.icon-excessive-debt:before {
  content: "\e916";
}
.icon-executor:before {
  content: "\e91e";
}
.icon-expenses:before {
  content: "\e91f";
}
.icon-export:before {
  content: "\e920";
}
.icon-field-check1:before {
  content: "\e921";
  font-size: 16px;
}
.icon-field-partial-check:before {
  content: "\e923";
  font-size: 16px;
}
.icon-field-uncheck1 {
  line-height: 19px;
}
.item-profissional .icon-field-uncheck1,
.item-data .icon-field-uncheck1 {
  float: left;
  margin-right: 5px;
  position: absolute;
  margin-top: 2px;
}
.header-bar-btn .icon-field-uncheck1 {
  line-height: 24px;
}
.icon-field-uncheck1:before {
  content: "\e922";
  font-size: 16px;
}
.selected .icon-field-uncheck1:before {
  content: "\e921";
}
.icon-filter:before {
  content: "\e984";
  font-size: 16px;
}
.icon-form-add:before {
  content: "\e92c";
}
.icon-form-help:before {
  content: "\e994";
}
.icon-form-search:before {
  content: "\e92d";
  padding-right: 10px;
}
.icon-go-to:before {
  content: "\e92e";
  line-height: 18px;
}
.icon-header-favorite:before {
  content: "\e92f";
}
.icon-header-message:before {
  content: "\e930";
}
.icon-header-search:before {
  content: "\e931";
}
.icon-header-setting:before {
  content: "\e932";
}
.icon-history:before {
  content: "\e933";
}
.icon-important-info-empty:before {
  content: "\e924" !important;
}
.icon-important-info-full,
.icon-important-info-full.icon-important-info-empty {
  width: 16px;
  height: 16px;
  display: block;
  margin: 0 auto;
  font-size: 13px;
  margin-top: 3px;
}
.icon-important-info-full:before,
.icon-important-info-full.icon-important-info-empty:before {
  width: 100%;
  height: 100%;
  float: left;
  line-height: 16px;
  text-indent: 0px;
  cursor: pointer;
  text-align: center;
  content: "\e925";
}
.icon-import-data:before {
  content: "\e936";
}
.icon-inactive-folder:before {
  content: "\e978";
}
.icon-info:before {
  content: "\e937";
}
.icon-instructions {
  position: relative;
}
.icon-instructions:before {
  margin-top: 1px;
  content: "\e938";
}
.icon-instructions[data-messages]:after {
  content: attr(data-messages);
  position: absolute;
  color: #fff;
  background: #940000;
  border-radius: 8px;
  padding: 3px 4px;
  font-size: 8px;
  min-width: 10px;
  left: 16px;
  top: -4px;
  text-align: center;
  font-family: 'Open Sans';
  font-weight: 600;
  width: 18px;
  height: 16px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 10px;
}
.icon-invoice-review:before {
  content: "\e939";
}
.icon-invoice-reviewed:before {
  content: "\e973";
}
.icon-key:before {
  content: "\e993";
}
.icon-legal:before {
  content: "\e989";
}
.icon-legal-register:before {
  content: "\e98a";
}
.icon-linked-timesheet:before {
  content: "\e93a";
  line-height: 24px;
  text-indent: 5px;
}
.icon-list:before {
  content: "\e93b";
}
.icon-localization:before {
  content: "\e98d";
}
.icon-locked1 {
  width: 30px;
  height: 30px;
  position: absolute;
  right: 4px;
  top: 10px;
  cursor: pointer;
  opacity: 0.4;
  filter: alpha(opacity=40);
}
.icon-locked1:before {
  content: "\e93c";
}
.icon-main-arrow1:before {
  content: "\e93d";
}
.icon-main-arrow2:before {
  content: "\e93e";
}
.icon-main-menu:before {
  content: "\e93f";
}
.icon-managing-folder:before {
  content: "\e974";
}
.icon-mark-as-read-off:before {
  content: "\e940";
}
.icon-mark-as-read-on:before {
  content: "\e941";
}
.icon-mark-as-reviwed:before {
  content: "\e926";
}
.icon-mass-delegate:before {
  content: "\e979";
}
.icon-mass-review:before {
  content: "\e97a";
}
.icon-minus-circle:before {
  content: "\e942";
}
.icon-more_options-01:before {
  content: "\e943";
}
.icon-more_options-02:before {
  content: "\e944";
}
.icon-moving:before {
  content: "\e945";
}
.icon-multiple-cases:before {
  content: "\e991";
}
.icon-my-appointments:before {
  content: "\e946";
}
.icon-new-chronometer:before {
  content: "\e947";
  line-height: 19px;
}
.icon-new-heavy:before {
  content: "\e948";
}
.icon-new-light:before {
  content: "\e949";
  text-indent: 0px;
}
.icon-new-process:before {
  content: "\e975";
}
.icon-new-release:before {
  content: "\e98e";
}
.icon-new-release-2:before {
  content: "\e98f";
}
.icon-new-right-bar:before {
  content: "\e94b";
}
.icon-new-user:before {
  content: "\e94c";
}
.icon-no-charge:before {
  content: "\e927";
}
.icon-note-view:before {
  content: "\e94d";
}
.icon-notif-message:before {
  content: "\e95d";
}
.icon-notification-report:before {
  content: "\e986";
}
.icon-notification-review:before {
  content: "\e987";
}
.icon-null:before {
  content: "\e94e";
}
.icon-ongoing:before {
  content: "\e94f";
}
.icon-open-search-field:before {
  content: "\e950";
}
.icon-partner:before {
  content: "\e951";
}
.icon-payer-contact:before {
  content: "\e952";
}
.icon-pendencies:before {
  content: "\e997";
}
.icon-plus-circle:before {
  content: "\e953";
}
.icon-print:before {
  content: "\e954";
}
.icon-process:before {
  content: "\e955";
}
.icon-process-consult:before {
  content: "\e956";
}
.icon-process-update:before {
  content: "\e992";
}
.icon-publications:before {
  content: "\e976";
}
.icon-publishing-report:before {
  content: "\e977";
}
.icon-radio-off:before {
  content: "\e90b";
  font-size: 26px;
}
.icon-radio-on:before {
  content: "\e90c";
  font-size: 26px;
}
.icon-recover-doc:before {
  content: "\e958";
}
.icon-refresh-heavy:before {
  content: "\e928";
}
.icon-refresh-light:before {
  content: "\e929";
}
.icon-register:before {
  content: "\e98b";
}
.icon-report:before {
  content: "\e959";
}
.icon-responsible-off:before {
  font-size: 14px;
  content: "\e92a";
}
.icon-responsible-on:before {
  color: #7CC576;
  font-size: 14px;
  content: "\e934";
}
.icon-return:before {
  content: "\e95e";
}
.icon-search:before {
  content: "\e95f";
}
.icon-service-phrase:before {
  content: "\e960";
}
.icon-setting-small:before {
  content: "\e961";
}
.icon-spelling-reviewer:before {
  content: "\e962";
}
.icon-status-corrent:before {
  content: "\e935";
}
.icon-status-pending:before {
  content: "\e95a";
}
.icon-switch:before {
  content: "\e963";
}
.icon-tabulated:before {
  content: "\e964";
}
.icon-tag:before {
  content: "\e965";
}
.icon-time-sheet:before {
  content: "\e966";
}
.icon-transfer:before {
  content: "\e967";
}
.icon-trash:before {
  content: "\e968";
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) {
  .icon-trash:before {
    text-indent: 0px;
    content: "\e969";
    font-size: 16px !important;
    line-height: 22px;
  }
}
.icon-trash-mobile:before {
  text-indent: 0px;
  content: "\e969";
  font-size: 16px;
}
.icon-tree:before {
  content: "\e96a";
}
.icon-ts-default-view:before {
  content: "\e96b";
  line-height: 36px;
}
.icon-ts-dynamic-view:before {
  content: "\e96c";
}
.icon-ts-list-view:before {
  content: "\e96d";
}
.icon-ts-manager:before {
  content: "\e90a";
}
.icon-ts-pendencies-view:before {
  content: "\e96e";
}
.icon-user:before {
  content: "\e96f";
}
.icon-view-obs:before {
  text-indent: -4px !important;
  content: "\e970";
}
.icon-wo:before {
  content: "\e95b";
}
.icon-wording:before {
  content: "\e971";
}
.icon-zero-values:before {
  content: "\e95c";
}
.icon-Config:before {
  content: "\e92b";
}
.icon-ConfigLinked:before {
  content: "\e995";
}
.icon-ConfigRequired:before {
  content: "\e996";
}
.icon-ConfigSpecial:before {
  content: "\e998";
}
.icon-ConfigView:before {
  content: "\e999";
}
.icon-case-management:before {
  content: "\e899";
}
.icon-mini-calendar:before {
  content: "\e99b";
}
.icon-edit-document:before {
  content: "\e99a";
}
.icon-finance:before {
  content: "\e99e";
}
.icon-ballom:before {
  content: "\e99c";
}
.icon-phone:before {
  content: "\e99d";
}
.icon-data-base:before {
  content: "\e99f";
}
.icon-download:before {
  content: "\e9a1";
}
.icon-folder:before {
  content: "\e9a0";
}
.icon-bg-extension:before {
  content: "\e9a2";
}
.icon-link:before {
  content: "\e9a3";
}
.icon-eye:before {
  content: "\e9a4";
}
.icon-hold-file:before {
  content: "\e9a5";
}
.icon-external-link:before {
  content: "\e9a6";
}
.icon-upload-data:before {
  content: "\e9a7";
  font-size: 13px;
}
.icon-trib:before {
  content: "\e9a8";
  font-size: 26px;
}
.icon-uniao:before {
  content: "\e9a9";
}
.clearSearchInput input[type=text]::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}
.clearSearchInput input[type=text]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}
.clearSearchInput input[type="search"]::-webkit-search-decoration,
.clearSearchInput input[type="search"]::-webkit-search-cancel-button,
.clearSearchInput input[type="search"]::-webkit-search-results-button,
.clearSearchInput input[type="search"]::-webkit-search-results-decoration {
  display: none;
}
.fadeIn {
  -webkit-animation: fadeIn .2s linear;
  -moz-animation: fadeIn .2s linear;
  -o-animation: fadeIn .2s linear;
  animation: fadeIn .2s linear;
}
.header-bar-btn,
.left-bar-btn {
  width: 32px;
  height: 22px;
  float: left;
  cursor: pointer;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  -ms-transition: all 0.1s ease;
  transition: all 0.1s ease;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.header-bar-btn:hover,
.left-bar-btn:hover {
  opacity: 0.3;
  filter: alpha(opacity=30);
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  -ms-transition: all 0.35s ease;
  transition: all 0.35s ease;
  cursor: pointer;
}
.header-bar-btn:hover,
.left-bar-btn:hover {
  opacity: 0.3;
  filter: alpha(opacity=30);
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  -ms-transition: all 0.35s ease;
  transition: all 0.35s ease;
  cursor: pointer;
}
.header-bar-btn {
  margin-left: 5px;
  background-color: transparent;
}
.header-bar-btn:before {
  text-indent: 0px !important;
}
.header-bar-btn.icon-user {
  font-size: 14px;
}
.left-bar-btn {
  margin-bottom: 10px;
}
body {
  background-color: #f8f9fb;
  background-repeat: no-repeat;
  background-attachment: fixed;
  margin: 0;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #172634;
  min-height: 100%;
}
object {
  display: none;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.hide {
  display: none;
}
.show,
.display-block {
  display: block!important;
}
.invisible {
  visibility: hidden;
}
.affix {
  position: fixed;
}
table tr td {
  vertical-align: middle;
}
.container-fluid:before,
.container-fluid:after {
  display: table;
  line-height: 0;
  content: "";
}
.container-fluid:after {
  clear: both;
}
.displayFlex {
  display: flex!important;
  display: -webkit-flex !important;
  display: -ms-flex !important;
  display: -moz-flex !important;
}
.displayGrid {
  display: grid!important;
  display: -webkit-grid !important;
  display: -ms-grid !important;
  display: -moz-grid !important;
}
.text-shadow-none {
  -webkit-text-shadow: none;
  -moz-text-shadow: none;
  -ms-text-shadow: none;
  -o-text-shadow: none;
  text-shadow: none;
}
.has-disabled .disabled {
  opacity: 0.4;
  filter: alpha(opacity=40);
  cursor: no-drop;
}
.has-disabled .disabled i {
  opacity: 1 !important;
  filter: alpha(opacity=100) !important;
}
.has-menu-in-table {
  position: static;
}
.has-menu-in-table:last-child > div {
  display: flex!important;
  display: -webkit-flex !important;
  display: -ms-flex !important;
  display: -moz-flex !important;
  position: static;
}
.has-menu-in-table:last-child > div .buttons-container {
  position: absolute!important;
  right: 3px;
}
.has-menu-in-table:last-child > div .buttons-container .options-menu {
  position: absolute;
  right: 6px;
  top: -3px;
}
.has-menu-in-table:last-child > div .buttons-container .options-menu .options-menu-icon {
  font-size: 16px;
  position: static;
}
.has-menu-in-table:last-child > div .buttons-container .options-menu .options-menu-icon:after {
  right: 2px;
}
.transform-none {
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}
.background-clip {
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  -o-background-clip: padding-box;
  background-clip: padding-box;
}
.box-shadow-none {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.transition-none {
  -moz-transition: none;
  -o-transition: none;
  -webkit-transition: none;
  -ms-transition: none;
  transition: none;
}
.user-select-none {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.notificaton-nice-scroll {
  z-index: 10012 !important;
}
.nicescroll-rails {
  background-color: rgba(23, 38, 52, 0.15) !important;
}
.nicescroll-rails div {
  -webkit-border-radius: 7px 7px 7px 7px;
  -moz-border-radius: 7px 7px 7px 7px;
  -o-border-radius: 7px 7px 7px 7px;
  border-radius: 7px 7px 7px 7px;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
  background-color: rgba(155, 203, 210, 0.5) !important;
}
.nicescroll-rails-vr {
  width: 9px!important;
  margin-left: -3px;
}
.nicescroll-rails-vr div {
  width: 7px!important;
}
.nicescroll-rails-hr div {
  height: 7px!important;
}
.nicescroll-rails-hr.small div {
  top: 1px!important;
  height: 5px!important;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  background-color: rgba(92, 92, 92, 0.5) !important;
}
.timesheet-daily-scroll div,
.timesheet-weekly-scroll div,
.admin-scroll div {
  background-color: rgba(23, 38, 52, 0.5) !important;
}
.lista-profissionais-scroll div {
  background-color: rgba(23, 38, 52, 0.5) !important;
}
.pos-relative {
  position: relative;
}
.pos-absolute {
  position: absolute;
}
.display-table {
  display: table;
}
.full-width {
  width: 100%!important;
}
.hide {
  display: none;
}
.table-row {
  display: table-row;
}
.text-transform-none {
  text-transform: none;
}
.radial-progress {
  width: 40px;
  height: 40px;
  background-color: #eeeeee;
  border-radius: 50%;
}
.radial-progress .circle .mask,
.radial-progress .circle .fill {
  width: 40px;
  height: 40px;
  position: absolute;
  border-radius: 50%;
}
.radial-progress .circle .mask,
.radial-progress .circle .fill {
  -webkit-backface-visibility: hidden;
  -webkit-transition: -webkit-transform 2s;
  -ms-transition: -ms-transform 2s;
  -o-transition: -ms-transform 2s;
  transition: transform 2s;
  border-radius: 50%;
}
.radial-progress .circle .mask {
  clip: rect(0px, 40px, 40px, 20px);
}
.radial-progress .circle .mask .fill {
  clip: rect(0px, 20px, 40px, 0px);
}
.radial-progress .inset {
  width: 36px;
  height: 36px;
  position: absolute;
  margin-left: 2px;
  margin-top: 2px;
  background-color: #ffffff;
  border-radius: 50%;
}
.radial-progress .inset .percentage {
  width: 30px;
  position: absolute;
  top: 10px;
  left: 3px;
  line-height: 1;
  color: #172634;
  font-size: 12px;
  text-align: center;
}
.radial-progress[data-progress="0"] .circle .mask.full,
.radial-progress[data-progress="0"] .circle .fill {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
.radial-progress[data-progress="0"] .circle .fill.fix {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
.radial-progress[data-progress="0"] .inset .percentage:before {
  content: "0%";
}
.radial-progress[data-progress="1"] .circle .mask.full,
.radial-progress[data-progress="1"] .circle .fill {
  -webkit-transform: rotate(1.8deg);
  -ms-transform: rotate(1.8deg);
  -o-transform: rotate(1.8deg);
  transform: rotate(1.8deg);
}
.radial-progress[data-progress="1"] .circle .fill.fix {
  -webkit-transform: rotate(3.6deg);
  -ms-transform: rotate(3.6deg);
  -o-transform: rotate(3.6deg);
  transform: rotate(3.6deg);
}
.radial-progress[data-progress="1"] .inset .percentage:before {
  content: "1%";
}
.radial-progress[data-progress="2"] .circle .mask.full,
.radial-progress[data-progress="2"] .circle .fill {
  -webkit-transform: rotate(3.6deg);
  -ms-transform: rotate(3.6deg);
  -o-transform: rotate(3.6deg);
  transform: rotate(3.6deg);
}
.radial-progress[data-progress="2"] .circle .fill.fix {
  -webkit-transform: rotate(7.2deg);
  -ms-transform: rotate(7.2deg);
  -o-transform: rotate(7.2deg);
  transform: rotate(7.2deg);
}
.radial-progress[data-progress="2"] .inset .percentage:before {
  content: "2%";
}
.radial-progress[data-progress="3"] .circle .mask.full,
.radial-progress[data-progress="3"] .circle .fill {
  -webkit-transform: rotate(5.4deg);
  -ms-transform: rotate(5.4deg);
  -o-transform: rotate(5.4deg);
  transform: rotate(5.4deg);
}
.radial-progress[data-progress="3"] .circle .fill.fix {
  -webkit-transform: rotate(10.8deg);
  -ms-transform: rotate(10.8deg);
  -o-transform: rotate(10.8deg);
  transform: rotate(10.8deg);
}
.radial-progress[data-progress="3"] .inset .percentage:before {
  content: "3%";
}
.radial-progress[data-progress="4"] .circle .mask.full,
.radial-progress[data-progress="4"] .circle .fill {
  -webkit-transform: rotate(7.2deg);
  -ms-transform: rotate(7.2deg);
  -o-transform: rotate(7.2deg);
  transform: rotate(7.2deg);
}
.radial-progress[data-progress="4"] .circle .fill.fix {
  -webkit-transform: rotate(14.4deg);
  -ms-transform: rotate(14.4deg);
  -o-transform: rotate(14.4deg);
  transform: rotate(14.4deg);
}
.radial-progress[data-progress="4"] .inset .percentage:before {
  content: "4%";
}
.radial-progress[data-progress="5"] .circle .mask.full,
.radial-progress[data-progress="5"] .circle .fill {
  -webkit-transform: rotate(9deg);
  -ms-transform: rotate(9deg);
  -o-transform: rotate(9deg);
  transform: rotate(9deg);
}
.radial-progress[data-progress="5"] .circle .fill.fix {
  -webkit-transform: rotate(18deg);
  -ms-transform: rotate(18deg);
  -o-transform: rotate(18deg);
  transform: rotate(18deg);
}
.radial-progress[data-progress="5"] .inset .percentage:before {
  content: "5%";
}
.radial-progress[data-progress="6"] .circle .mask.full,
.radial-progress[data-progress="6"] .circle .fill {
  -webkit-transform: rotate(10.8deg);
  -ms-transform: rotate(10.8deg);
  -o-transform: rotate(10.8deg);
  transform: rotate(10.8deg);
}
.radial-progress[data-progress="6"] .circle .fill.fix {
  -webkit-transform: rotate(21.6deg);
  -ms-transform: rotate(21.6deg);
  -o-transform: rotate(21.6deg);
  transform: rotate(21.6deg);
}
.radial-progress[data-progress="6"] .inset .percentage:before {
  content: "6%";
}
.radial-progress[data-progress="7"] .circle .mask.full,
.radial-progress[data-progress="7"] .circle .fill {
  -webkit-transform: rotate(12.6deg);
  -ms-transform: rotate(12.6deg);
  -o-transform: rotate(12.6deg);
  transform: rotate(12.6deg);
}
.radial-progress[data-progress="7"] .circle .fill.fix {
  -webkit-transform: rotate(25.2deg);
  -ms-transform: rotate(25.2deg);
  -o-transform: rotate(25.2deg);
  transform: rotate(25.2deg);
}
.radial-progress[data-progress="7"] .inset .percentage:before {
  content: "7%";
}
.radial-progress[data-progress="8"] .circle .mask.full,
.radial-progress[data-progress="8"] .circle .fill {
  -webkit-transform: rotate(14.4deg);
  -ms-transform: rotate(14.4deg);
  -o-transform: rotate(14.4deg);
  transform: rotate(14.4deg);
}
.radial-progress[data-progress="8"] .circle .fill.fix {
  -webkit-transform: rotate(28.8deg);
  -ms-transform: rotate(28.8deg);
  -o-transform: rotate(28.8deg);
  transform: rotate(28.8deg);
}
.radial-progress[data-progress="8"] .inset .percentage:before {
  content: "8%";
}
.radial-progress[data-progress="9"] .circle .mask.full,
.radial-progress[data-progress="9"] .circle .fill {
  -webkit-transform: rotate(16.2deg);
  -ms-transform: rotate(16.2deg);
  -o-transform: rotate(16.2deg);
  transform: rotate(16.2deg);
}
.radial-progress[data-progress="9"] .circle .fill.fix {
  -webkit-transform: rotate(32.4deg);
  -ms-transform: rotate(32.4deg);
  -o-transform: rotate(32.4deg);
  transform: rotate(32.4deg);
}
.radial-progress[data-progress="9"] .inset .percentage:before {
  content: "9%";
}
.radial-progress[data-progress="10"] .circle .mask.full,
.radial-progress[data-progress="10"] .circle .fill {
  -webkit-transform: rotate(18deg);
  -ms-transform: rotate(18deg);
  -o-transform: rotate(18deg);
  transform: rotate(18deg);
}
.radial-progress[data-progress="10"] .circle .fill.fix {
  -webkit-transform: rotate(36deg);
  -ms-transform: rotate(36deg);
  -o-transform: rotate(36deg);
  transform: rotate(36deg);
}
.radial-progress[data-progress="10"] .inset .percentage:before {
  content: "10%";
}
.radial-progress[data-progress="11"] .circle .mask.full,
.radial-progress[data-progress="11"] .circle .fill {
  -webkit-transform: rotate(19.8deg);
  -ms-transform: rotate(19.8deg);
  -o-transform: rotate(19.8deg);
  transform: rotate(19.8deg);
}
.radial-progress[data-progress="11"] .circle .fill.fix {
  -webkit-transform: rotate(39.6deg);
  -ms-transform: rotate(39.6deg);
  -o-transform: rotate(39.6deg);
  transform: rotate(39.6deg);
}
.radial-progress[data-progress="11"] .inset .percentage:before {
  content: "11%";
}
.radial-progress[data-progress="12"] .circle .mask.full,
.radial-progress[data-progress="12"] .circle .fill {
  -webkit-transform: rotate(21.6deg);
  -ms-transform: rotate(21.6deg);
  -o-transform: rotate(21.6deg);
  transform: rotate(21.6deg);
}
.radial-progress[data-progress="12"] .circle .fill.fix {
  -webkit-transform: rotate(43.2deg);
  -ms-transform: rotate(43.2deg);
  -o-transform: rotate(43.2deg);
  transform: rotate(43.2deg);
}
.radial-progress[data-progress="12"] .inset .percentage:before {
  content: "12%";
}
.radial-progress[data-progress="13"] .circle .mask.full,
.radial-progress[data-progress="13"] .circle .fill {
  -webkit-transform: rotate(23.4deg);
  -ms-transform: rotate(23.4deg);
  -o-transform: rotate(23.4deg);
  transform: rotate(23.4deg);
}
.radial-progress[data-progress="13"] .circle .fill.fix {
  -webkit-transform: rotate(46.8deg);
  -ms-transform: rotate(46.8deg);
  -o-transform: rotate(46.8deg);
  transform: rotate(46.8deg);
}
.radial-progress[data-progress="13"] .inset .percentage:before {
  content: "13%";
}
.radial-progress[data-progress="14"] .circle .mask.full,
.radial-progress[data-progress="14"] .circle .fill {
  -webkit-transform: rotate(25.2deg);
  -ms-transform: rotate(25.2deg);
  -o-transform: rotate(25.2deg);
  transform: rotate(25.2deg);
}
.radial-progress[data-progress="14"] .circle .fill.fix {
  -webkit-transform: rotate(50.4deg);
  -ms-transform: rotate(50.4deg);
  -o-transform: rotate(50.4deg);
  transform: rotate(50.4deg);
}
.radial-progress[data-progress="14"] .inset .percentage:before {
  content: "14%";
}
.radial-progress[data-progress="15"] .circle .mask.full,
.radial-progress[data-progress="15"] .circle .fill {
  -webkit-transform: rotate(27deg);
  -ms-transform: rotate(27deg);
  -o-transform: rotate(27deg);
  transform: rotate(27deg);
}
.radial-progress[data-progress="15"] .circle .fill.fix {
  -webkit-transform: rotate(54deg);
  -ms-transform: rotate(54deg);
  -o-transform: rotate(54deg);
  transform: rotate(54deg);
}
.radial-progress[data-progress="15"] .inset .percentage:before {
  content: "15%";
}
.radial-progress[data-progress="16"] .circle .mask.full,
.radial-progress[data-progress="16"] .circle .fill {
  -webkit-transform: rotate(28.8deg);
  -ms-transform: rotate(28.8deg);
  -o-transform: rotate(28.8deg);
  transform: rotate(28.8deg);
}
.radial-progress[data-progress="16"] .circle .fill.fix {
  -webkit-transform: rotate(57.6deg);
  -ms-transform: rotate(57.6deg);
  -o-transform: rotate(57.6deg);
  transform: rotate(57.6deg);
}
.radial-progress[data-progress="16"] .inset .percentage:before {
  content: "16%";
}
.radial-progress[data-progress="17"] .circle .mask.full,
.radial-progress[data-progress="17"] .circle .fill {
  -webkit-transform: rotate(30.6deg);
  -ms-transform: rotate(30.6deg);
  -o-transform: rotate(30.6deg);
  transform: rotate(30.6deg);
}
.radial-progress[data-progress="17"] .circle .fill.fix {
  -webkit-transform: rotate(61.2deg);
  -ms-transform: rotate(61.2deg);
  -o-transform: rotate(61.2deg);
  transform: rotate(61.2deg);
}
.radial-progress[data-progress="17"] .inset .percentage:before {
  content: "17%";
}
.radial-progress[data-progress="18"] .circle .mask.full,
.radial-progress[data-progress="18"] .circle .fill {
  -webkit-transform: rotate(32.4deg);
  -ms-transform: rotate(32.4deg);
  -o-transform: rotate(32.4deg);
  transform: rotate(32.4deg);
}
.radial-progress[data-progress="18"] .circle .fill.fix {
  -webkit-transform: rotate(64.8deg);
  -ms-transform: rotate(64.8deg);
  -o-transform: rotate(64.8deg);
  transform: rotate(64.8deg);
}
.radial-progress[data-progress="18"] .inset .percentage:before {
  content: "18%";
}
.radial-progress[data-progress="19"] .circle .mask.full,
.radial-progress[data-progress="19"] .circle .fill {
  -webkit-transform: rotate(34.2deg);
  -ms-transform: rotate(34.2deg);
  -o-transform: rotate(34.2deg);
  transform: rotate(34.2deg);
}
.radial-progress[data-progress="19"] .circle .fill.fix {
  -webkit-transform: rotate(68.4deg);
  -ms-transform: rotate(68.4deg);
  -o-transform: rotate(68.4deg);
  transform: rotate(68.4deg);
}
.radial-progress[data-progress="19"] .inset .percentage:before {
  content: "19%";
}
.radial-progress[data-progress="20"] .circle .mask.full,
.radial-progress[data-progress="20"] .circle .fill {
  -webkit-transform: rotate(36deg);
  -ms-transform: rotate(36deg);
  -o-transform: rotate(36deg);
  transform: rotate(36deg);
}
.radial-progress[data-progress="20"] .circle .fill.fix {
  -webkit-transform: rotate(72deg);
  -ms-transform: rotate(72deg);
  -o-transform: rotate(72deg);
  transform: rotate(72deg);
}
.radial-progress[data-progress="20"] .inset .percentage:before {
  content: "20%";
}
.radial-progress[data-progress="21"] .circle .mask.full,
.radial-progress[data-progress="21"] .circle .fill {
  -webkit-transform: rotate(37.8deg);
  -ms-transform: rotate(37.8deg);
  -o-transform: rotate(37.8deg);
  transform: rotate(37.8deg);
}
.radial-progress[data-progress="21"] .circle .fill.fix {
  -webkit-transform: rotate(75.6deg);
  -ms-transform: rotate(75.6deg);
  -o-transform: rotate(75.6deg);
  transform: rotate(75.6deg);
}
.radial-progress[data-progress="21"] .inset .percentage:before {
  content: "21%";
}
.radial-progress[data-progress="22"] .circle .mask.full,
.radial-progress[data-progress="22"] .circle .fill {
  -webkit-transform: rotate(39.6deg);
  -ms-transform: rotate(39.6deg);
  -o-transform: rotate(39.6deg);
  transform: rotate(39.6deg);
}
.radial-progress[data-progress="22"] .circle .fill.fix {
  -webkit-transform: rotate(79.2deg);
  -ms-transform: rotate(79.2deg);
  -o-transform: rotate(79.2deg);
  transform: rotate(79.2deg);
}
.radial-progress[data-progress="22"] .inset .percentage:before {
  content: "22%";
}
.radial-progress[data-progress="23"] .circle .mask.full,
.radial-progress[data-progress="23"] .circle .fill {
  -webkit-transform: rotate(41.4deg);
  -ms-transform: rotate(41.4deg);
  -o-transform: rotate(41.4deg);
  transform: rotate(41.4deg);
}
.radial-progress[data-progress="23"] .circle .fill.fix {
  -webkit-transform: rotate(82.8deg);
  -ms-transform: rotate(82.8deg);
  -o-transform: rotate(82.8deg);
  transform: rotate(82.8deg);
}
.radial-progress[data-progress="23"] .inset .percentage:before {
  content: "23%";
}
.radial-progress[data-progress="24"] .circle .mask.full,
.radial-progress[data-progress="24"] .circle .fill {
  -webkit-transform: rotate(43.2deg);
  -ms-transform: rotate(43.2deg);
  -o-transform: rotate(43.2deg);
  transform: rotate(43.2deg);
}
.radial-progress[data-progress="24"] .circle .fill.fix {
  -webkit-transform: rotate(86.4deg);
  -ms-transform: rotate(86.4deg);
  -o-transform: rotate(86.4deg);
  transform: rotate(86.4deg);
}
.radial-progress[data-progress="24"] .inset .percentage:before {
  content: "24%";
}
.radial-progress[data-progress="25"] .circle .mask.full,
.radial-progress[data-progress="25"] .circle .fill {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.radial-progress[data-progress="25"] .circle .fill.fix {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.radial-progress[data-progress="25"] .inset .percentage:before {
  content: "25%";
}
.radial-progress[data-progress="26"] .circle .mask.full,
.radial-progress[data-progress="26"] .circle .fill {
  -webkit-transform: rotate(46.8deg);
  -ms-transform: rotate(46.8deg);
  -o-transform: rotate(46.8deg);
  transform: rotate(46.8deg);
}
.radial-progress[data-progress="26"] .circle .fill.fix {
  -webkit-transform: rotate(93.6deg);
  -ms-transform: rotate(93.6deg);
  -o-transform: rotate(93.6deg);
  transform: rotate(93.6deg);
}
.radial-progress[data-progress="26"] .inset .percentage:before {
  content: "26%";
}
.radial-progress[data-progress="27"] .circle .mask.full,
.radial-progress[data-progress="27"] .circle .fill {
  -webkit-transform: rotate(48.6deg);
  -ms-transform: rotate(48.6deg);
  -o-transform: rotate(48.6deg);
  transform: rotate(48.6deg);
}
.radial-progress[data-progress="27"] .circle .fill.fix {
  -webkit-transform: rotate(97.2deg);
  -ms-transform: rotate(97.2deg);
  -o-transform: rotate(97.2deg);
  transform: rotate(97.2deg);
}
.radial-progress[data-progress="27"] .inset .percentage:before {
  content: "27%";
}
.radial-progress[data-progress="28"] .circle .mask.full,
.radial-progress[data-progress="28"] .circle .fill {
  -webkit-transform: rotate(50.4deg);
  -ms-transform: rotate(50.4deg);
  -o-transform: rotate(50.4deg);
  transform: rotate(50.4deg);
}
.radial-progress[data-progress="28"] .circle .fill.fix {
  -webkit-transform: rotate(100.8deg);
  -ms-transform: rotate(100.8deg);
  -o-transform: rotate(100.8deg);
  transform: rotate(100.8deg);
}
.radial-progress[data-progress="28"] .inset .percentage:before {
  content: "28%";
}
.radial-progress[data-progress="29"] .circle .mask.full,
.radial-progress[data-progress="29"] .circle .fill {
  -webkit-transform: rotate(52.2deg);
  -ms-transform: rotate(52.2deg);
  -o-transform: rotate(52.2deg);
  transform: rotate(52.2deg);
}
.radial-progress[data-progress="29"] .circle .fill.fix {
  -webkit-transform: rotate(104.4deg);
  -ms-transform: rotate(104.4deg);
  -o-transform: rotate(104.4deg);
  transform: rotate(104.4deg);
}
.radial-progress[data-progress="29"] .inset .percentage:before {
  content: "29%";
}
.radial-progress[data-progress="30"] .circle .mask.full,
.radial-progress[data-progress="30"] .circle .fill {
  -webkit-transform: rotate(54deg);
  -ms-transform: rotate(54deg);
  -o-transform: rotate(54deg);
  transform: rotate(54deg);
}
.radial-progress[data-progress="30"] .circle .fill.fix {
  -webkit-transform: rotate(108deg);
  -ms-transform: rotate(108deg);
  -o-transform: rotate(108deg);
  transform: rotate(108deg);
}
.radial-progress[data-progress="30"] .inset .percentage:before {
  content: "30%";
}
.radial-progress[data-progress="31"] .circle .mask.full,
.radial-progress[data-progress="31"] .circle .fill {
  -webkit-transform: rotate(55.8deg);
  -ms-transform: rotate(55.8deg);
  -o-transform: rotate(55.8deg);
  transform: rotate(55.8deg);
}
.radial-progress[data-progress="31"] .circle .fill.fix {
  -webkit-transform: rotate(111.6deg);
  -ms-transform: rotate(111.6deg);
  -o-transform: rotate(111.6deg);
  transform: rotate(111.6deg);
}
.radial-progress[data-progress="31"] .inset .percentage:before {
  content: "31%";
}
.radial-progress[data-progress="32"] .circle .mask.full,
.radial-progress[data-progress="32"] .circle .fill {
  -webkit-transform: rotate(57.6deg);
  -ms-transform: rotate(57.6deg);
  -o-transform: rotate(57.6deg);
  transform: rotate(57.6deg);
}
.radial-progress[data-progress="32"] .circle .fill.fix {
  -webkit-transform: rotate(115.2deg);
  -ms-transform: rotate(115.2deg);
  -o-transform: rotate(115.2deg);
  transform: rotate(115.2deg);
}
.radial-progress[data-progress="32"] .inset .percentage:before {
  content: "32%";
}
.radial-progress[data-progress="33"] .circle .mask.full,
.radial-progress[data-progress="33"] .circle .fill {
  -webkit-transform: rotate(59.4deg);
  -ms-transform: rotate(59.4deg);
  -o-transform: rotate(59.4deg);
  transform: rotate(59.4deg);
}
.radial-progress[data-progress="33"] .circle .fill.fix {
  -webkit-transform: rotate(118.8deg);
  -ms-transform: rotate(118.8deg);
  -o-transform: rotate(118.8deg);
  transform: rotate(118.8deg);
}
.radial-progress[data-progress="33"] .inset .percentage:before {
  content: "33%";
}
.radial-progress[data-progress="34"] .circle .mask.full,
.radial-progress[data-progress="34"] .circle .fill {
  -webkit-transform: rotate(61.2deg);
  -ms-transform: rotate(61.2deg);
  -o-transform: rotate(61.2deg);
  transform: rotate(61.2deg);
}
.radial-progress[data-progress="34"] .circle .fill.fix {
  -webkit-transform: rotate(122.4deg);
  -ms-transform: rotate(122.4deg);
  -o-transform: rotate(122.4deg);
  transform: rotate(122.4deg);
}
.radial-progress[data-progress="34"] .inset .percentage:before {
  content: "34%";
}
.radial-progress[data-progress="35"] .circle .mask.full,
.radial-progress[data-progress="35"] .circle .fill {
  -webkit-transform: rotate(63deg);
  -ms-transform: rotate(63deg);
  -o-transform: rotate(63deg);
  transform: rotate(63deg);
}
.radial-progress[data-progress="35"] .circle .fill.fix {
  -webkit-transform: rotate(126deg);
  -ms-transform: rotate(126deg);
  -o-transform: rotate(126deg);
  transform: rotate(126deg);
}
.radial-progress[data-progress="35"] .inset .percentage:before {
  content: "35%";
}
.radial-progress[data-progress="36"] .circle .mask.full,
.radial-progress[data-progress="36"] .circle .fill {
  -webkit-transform: rotate(64.8deg);
  -ms-transform: rotate(64.8deg);
  -o-transform: rotate(64.8deg);
  transform: rotate(64.8deg);
}
.radial-progress[data-progress="36"] .circle .fill.fix {
  -webkit-transform: rotate(129.6deg);
  -ms-transform: rotate(129.6deg);
  -o-transform: rotate(129.6deg);
  transform: rotate(129.6deg);
}
.radial-progress[data-progress="36"] .inset .percentage:before {
  content: "36%";
}
.radial-progress[data-progress="37"] .circle .mask.full,
.radial-progress[data-progress="37"] .circle .fill {
  -webkit-transform: rotate(66.6deg);
  -ms-transform: rotate(66.6deg);
  -o-transform: rotate(66.6deg);
  transform: rotate(66.6deg);
}
.radial-progress[data-progress="37"] .circle .fill.fix {
  -webkit-transform: rotate(133.2deg);
  -ms-transform: rotate(133.2deg);
  -o-transform: rotate(133.2deg);
  transform: rotate(133.2deg);
}
.radial-progress[data-progress="37"] .inset .percentage:before {
  content: "37%";
}
.radial-progress[data-progress="38"] .circle .mask.full,
.radial-progress[data-progress="38"] .circle .fill {
  -webkit-transform: rotate(68.4deg);
  -ms-transform: rotate(68.4deg);
  -o-transform: rotate(68.4deg);
  transform: rotate(68.4deg);
}
.radial-progress[data-progress="38"] .circle .fill.fix {
  -webkit-transform: rotate(136.8deg);
  -ms-transform: rotate(136.8deg);
  -o-transform: rotate(136.8deg);
  transform: rotate(136.8deg);
}
.radial-progress[data-progress="38"] .inset .percentage:before {
  content: "38%";
}
.radial-progress[data-progress="39"] .circle .mask.full,
.radial-progress[data-progress="39"] .circle .fill {
  -webkit-transform: rotate(70.2deg);
  -ms-transform: rotate(70.2deg);
  -o-transform: rotate(70.2deg);
  transform: rotate(70.2deg);
}
.radial-progress[data-progress="39"] .circle .fill.fix {
  -webkit-transform: rotate(140.4deg);
  -ms-transform: rotate(140.4deg);
  -o-transform: rotate(140.4deg);
  transform: rotate(140.4deg);
}
.radial-progress[data-progress="39"] .inset .percentage:before {
  content: "39%";
}
.radial-progress[data-progress="40"] .circle .mask.full,
.radial-progress[data-progress="40"] .circle .fill {
  -webkit-transform: rotate(72deg);
  -ms-transform: rotate(72deg);
  -o-transform: rotate(72deg);
  transform: rotate(72deg);
}
.radial-progress[data-progress="40"] .circle .fill.fix {
  -webkit-transform: rotate(144deg);
  -ms-transform: rotate(144deg);
  -o-transform: rotate(144deg);
  transform: rotate(144deg);
}
.radial-progress[data-progress="40"] .inset .percentage:before {
  content: "40%";
}
.radial-progress[data-progress="41"] .circle .mask.full,
.radial-progress[data-progress="41"] .circle .fill {
  -webkit-transform: rotate(73.8deg);
  -ms-transform: rotate(73.8deg);
  -o-transform: rotate(73.8deg);
  transform: rotate(73.8deg);
}
.radial-progress[data-progress="41"] .circle .fill.fix {
  -webkit-transform: rotate(147.6deg);
  -ms-transform: rotate(147.6deg);
  -o-transform: rotate(147.6deg);
  transform: rotate(147.6deg);
}
.radial-progress[data-progress="41"] .inset .percentage:before {
  content: "41%";
}
.radial-progress[data-progress="42"] .circle .mask.full,
.radial-progress[data-progress="42"] .circle .fill {
  -webkit-transform: rotate(75.6deg);
  -ms-transform: rotate(75.6deg);
  -o-transform: rotate(75.6deg);
  transform: rotate(75.6deg);
}
.radial-progress[data-progress="42"] .circle .fill.fix {
  -webkit-transform: rotate(151.2deg);
  -ms-transform: rotate(151.2deg);
  -o-transform: rotate(151.2deg);
  transform: rotate(151.2deg);
}
.radial-progress[data-progress="42"] .inset .percentage:before {
  content: "42%";
}
.radial-progress[data-progress="43"] .circle .mask.full,
.radial-progress[data-progress="43"] .circle .fill {
  -webkit-transform: rotate(77.4deg);
  -ms-transform: rotate(77.4deg);
  -o-transform: rotate(77.4deg);
  transform: rotate(77.4deg);
}
.radial-progress[data-progress="43"] .circle .fill.fix {
  -webkit-transform: rotate(154.8deg);
  -ms-transform: rotate(154.8deg);
  -o-transform: rotate(154.8deg);
  transform: rotate(154.8deg);
}
.radial-progress[data-progress="43"] .inset .percentage:before {
  content: "43%";
}
.radial-progress[data-progress="44"] .circle .mask.full,
.radial-progress[data-progress="44"] .circle .fill {
  -webkit-transform: rotate(79.2deg);
  -ms-transform: rotate(79.2deg);
  -o-transform: rotate(79.2deg);
  transform: rotate(79.2deg);
}
.radial-progress[data-progress="44"] .circle .fill.fix {
  -webkit-transform: rotate(158.4deg);
  -ms-transform: rotate(158.4deg);
  -o-transform: rotate(158.4deg);
  transform: rotate(158.4deg);
}
.radial-progress[data-progress="44"] .inset .percentage:before {
  content: "44%";
}
.radial-progress[data-progress="45"] .circle .mask.full,
.radial-progress[data-progress="45"] .circle .fill {
  -webkit-transform: rotate(81deg);
  -ms-transform: rotate(81deg);
  -o-transform: rotate(81deg);
  transform: rotate(81deg);
}
.radial-progress[data-progress="45"] .circle .fill.fix {
  -webkit-transform: rotate(162deg);
  -ms-transform: rotate(162deg);
  -o-transform: rotate(162deg);
  transform: rotate(162deg);
}
.radial-progress[data-progress="45"] .inset .percentage:before {
  content: "45%";
}
.radial-progress[data-progress="46"] .circle .mask.full,
.radial-progress[data-progress="46"] .circle .fill {
  -webkit-transform: rotate(82.8deg);
  -ms-transform: rotate(82.8deg);
  -o-transform: rotate(82.8deg);
  transform: rotate(82.8deg);
}
.radial-progress[data-progress="46"] .circle .fill.fix {
  -webkit-transform: rotate(165.6deg);
  -ms-transform: rotate(165.6deg);
  -o-transform: rotate(165.6deg);
  transform: rotate(165.6deg);
}
.radial-progress[data-progress="46"] .inset .percentage:before {
  content: "46%";
}
.radial-progress[data-progress="47"] .circle .mask.full,
.radial-progress[data-progress="47"] .circle .fill {
  -webkit-transform: rotate(84.6deg);
  -ms-transform: rotate(84.6deg);
  -o-transform: rotate(84.6deg);
  transform: rotate(84.6deg);
}
.radial-progress[data-progress="47"] .circle .fill.fix {
  -webkit-transform: rotate(169.2deg);
  -ms-transform: rotate(169.2deg);
  -o-transform: rotate(169.2deg);
  transform: rotate(169.2deg);
}
.radial-progress[data-progress="47"] .inset .percentage:before {
  content: "47%";
}
.radial-progress[data-progress="48"] .circle .mask.full,
.radial-progress[data-progress="48"] .circle .fill {
  -webkit-transform: rotate(86.4deg);
  -ms-transform: rotate(86.4deg);
  -o-transform: rotate(86.4deg);
  transform: rotate(86.4deg);
}
.radial-progress[data-progress="48"] .circle .fill.fix {
  -webkit-transform: rotate(172.8deg);
  -ms-transform: rotate(172.8deg);
  -o-transform: rotate(172.8deg);
  transform: rotate(172.8deg);
}
.radial-progress[data-progress="48"] .inset .percentage:before {
  content: "48%";
}
.radial-progress[data-progress="49"] .circle .mask.full,
.radial-progress[data-progress="49"] .circle .fill {
  -webkit-transform: rotate(88.2deg);
  -ms-transform: rotate(88.2deg);
  -o-transform: rotate(88.2deg);
  transform: rotate(88.2deg);
}
.radial-progress[data-progress="49"] .circle .fill.fix {
  -webkit-transform: rotate(176.4deg);
  -ms-transform: rotate(176.4deg);
  -o-transform: rotate(176.4deg);
  transform: rotate(176.4deg);
}
.radial-progress[data-progress="49"] .inset .percentage:before {
  content: "49%";
}
.radial-progress[data-progress="50"] .circle .mask.full,
.radial-progress[data-progress="50"] .circle .fill {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.radial-progress[data-progress="50"] .circle .fill.fix {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.radial-progress[data-progress="50"] .inset .percentage:before {
  content: "50%";
}
.radial-progress[data-progress="51"] .circle .mask.full,
.radial-progress[data-progress="51"] .circle .fill {
  -webkit-transform: rotate(91.8deg);
  -ms-transform: rotate(91.8deg);
  -o-transform: rotate(91.8deg);
  transform: rotate(91.8deg);
}
.radial-progress[data-progress="51"] .circle .fill.fix {
  -webkit-transform: rotate(183.6deg);
  -ms-transform: rotate(183.6deg);
  -o-transform: rotate(183.6deg);
  transform: rotate(183.6deg);
}
.radial-progress[data-progress="51"] .inset .percentage:before {
  content: "51%";
}
.radial-progress[data-progress="52"] .circle .mask.full,
.radial-progress[data-progress="52"] .circle .fill {
  -webkit-transform: rotate(93.6deg);
  -ms-transform: rotate(93.6deg);
  -o-transform: rotate(93.6deg);
  transform: rotate(93.6deg);
}
.radial-progress[data-progress="52"] .circle .fill.fix {
  -webkit-transform: rotate(187.2deg);
  -ms-transform: rotate(187.2deg);
  -o-transform: rotate(187.2deg);
  transform: rotate(187.2deg);
}
.radial-progress[data-progress="52"] .inset .percentage:before {
  content: "52%";
}
.radial-progress[data-progress="53"] .circle .mask.full,
.radial-progress[data-progress="53"] .circle .fill {
  -webkit-transform: rotate(95.4deg);
  -ms-transform: rotate(95.4deg);
  -o-transform: rotate(95.4deg);
  transform: rotate(95.4deg);
}
.radial-progress[data-progress="53"] .circle .fill.fix {
  -webkit-transform: rotate(190.8deg);
  -ms-transform: rotate(190.8deg);
  -o-transform: rotate(190.8deg);
  transform: rotate(190.8deg);
}
.radial-progress[data-progress="53"] .inset .percentage:before {
  content: "53%";
}
.radial-progress[data-progress="54"] .circle .mask.full,
.radial-progress[data-progress="54"] .circle .fill {
  -webkit-transform: rotate(97.2deg);
  -ms-transform: rotate(97.2deg);
  -o-transform: rotate(97.2deg);
  transform: rotate(97.2deg);
}
.radial-progress[data-progress="54"] .circle .fill.fix {
  -webkit-transform: rotate(194.4deg);
  -ms-transform: rotate(194.4deg);
  -o-transform: rotate(194.4deg);
  transform: rotate(194.4deg);
}
.radial-progress[data-progress="54"] .inset .percentage:before {
  content: "54%";
}
.radial-progress[data-progress="55"] .circle .mask.full,
.radial-progress[data-progress="55"] .circle .fill {
  -webkit-transform: rotate(99deg);
  -ms-transform: rotate(99deg);
  -o-transform: rotate(99deg);
  transform: rotate(99deg);
}
.radial-progress[data-progress="55"] .circle .fill.fix {
  -webkit-transform: rotate(198deg);
  -ms-transform: rotate(198deg);
  -o-transform: rotate(198deg);
  transform: rotate(198deg);
}
.radial-progress[data-progress="55"] .inset .percentage:before {
  content: "55%";
}
.radial-progress[data-progress="56"] .circle .mask.full,
.radial-progress[data-progress="56"] .circle .fill {
  -webkit-transform: rotate(100.8deg);
  -ms-transform: rotate(100.8deg);
  -o-transform: rotate(100.8deg);
  transform: rotate(100.8deg);
}
.radial-progress[data-progress="56"] .circle .fill.fix {
  -webkit-transform: rotate(201.6deg);
  -ms-transform: rotate(201.6deg);
  -o-transform: rotate(201.6deg);
  transform: rotate(201.6deg);
}
.radial-progress[data-progress="56"] .inset .percentage:before {
  content: "56%";
}
.radial-progress[data-progress="57"] .circle .mask.full,
.radial-progress[data-progress="57"] .circle .fill {
  -webkit-transform: rotate(102.6deg);
  -ms-transform: rotate(102.6deg);
  -o-transform: rotate(102.6deg);
  transform: rotate(102.6deg);
}
.radial-progress[data-progress="57"] .circle .fill.fix {
  -webkit-transform: rotate(205.2deg);
  -ms-transform: rotate(205.2deg);
  -o-transform: rotate(205.2deg);
  transform: rotate(205.2deg);
}
.radial-progress[data-progress="57"] .inset .percentage:before {
  content: "57%";
}
.radial-progress[data-progress="58"] .circle .mask.full,
.radial-progress[data-progress="58"] .circle .fill {
  -webkit-transform: rotate(104.4deg);
  -ms-transform: rotate(104.4deg);
  -o-transform: rotate(104.4deg);
  transform: rotate(104.4deg);
}
.radial-progress[data-progress="58"] .circle .fill.fix {
  -webkit-transform: rotate(208.8deg);
  -ms-transform: rotate(208.8deg);
  -o-transform: rotate(208.8deg);
  transform: rotate(208.8deg);
}
.radial-progress[data-progress="58"] .inset .percentage:before {
  content: "58%";
}
.radial-progress[data-progress="59"] .circle .mask.full,
.radial-progress[data-progress="59"] .circle .fill {
  -webkit-transform: rotate(106.2deg);
  -ms-transform: rotate(106.2deg);
  -o-transform: rotate(106.2deg);
  transform: rotate(106.2deg);
}
.radial-progress[data-progress="59"] .circle .fill.fix {
  -webkit-transform: rotate(212.4deg);
  -ms-transform: rotate(212.4deg);
  -o-transform: rotate(212.4deg);
  transform: rotate(212.4deg);
}
.radial-progress[data-progress="59"] .inset .percentage:before {
  content: "59%";
}
.radial-progress[data-progress="60"] .circle .mask.full,
.radial-progress[data-progress="60"] .circle .fill {
  -webkit-transform: rotate(108deg);
  -ms-transform: rotate(108deg);
  -o-transform: rotate(108deg);
  transform: rotate(108deg);
}
.radial-progress[data-progress="60"] .circle .fill.fix {
  -webkit-transform: rotate(216deg);
  -ms-transform: rotate(216deg);
  -o-transform: rotate(216deg);
  transform: rotate(216deg);
}
.radial-progress[data-progress="60"] .inset .percentage:before {
  content: "60%";
}
.radial-progress[data-progress="61"] .circle .mask.full,
.radial-progress[data-progress="61"] .circle .fill {
  -webkit-transform: rotate(109.8deg);
  -ms-transform: rotate(109.8deg);
  -o-transform: rotate(109.8deg);
  transform: rotate(109.8deg);
}
.radial-progress[data-progress="61"] .circle .fill.fix {
  -webkit-transform: rotate(219.6deg);
  -ms-transform: rotate(219.6deg);
  -o-transform: rotate(219.6deg);
  transform: rotate(219.6deg);
}
.radial-progress[data-progress="61"] .inset .percentage:before {
  content: "61%";
}
.radial-progress[data-progress="62"] .circle .mask.full,
.radial-progress[data-progress="62"] .circle .fill {
  -webkit-transform: rotate(111.6deg);
  -ms-transform: rotate(111.6deg);
  -o-transform: rotate(111.6deg);
  transform: rotate(111.6deg);
}
.radial-progress[data-progress="62"] .circle .fill.fix {
  -webkit-transform: rotate(223.2deg);
  -ms-transform: rotate(223.2deg);
  -o-transform: rotate(223.2deg);
  transform: rotate(223.2deg);
}
.radial-progress[data-progress="62"] .inset .percentage:before {
  content: "62%";
}
.radial-progress[data-progress="63"] .circle .mask.full,
.radial-progress[data-progress="63"] .circle .fill {
  -webkit-transform: rotate(113.4deg);
  -ms-transform: rotate(113.4deg);
  -o-transform: rotate(113.4deg);
  transform: rotate(113.4deg);
}
.radial-progress[data-progress="63"] .circle .fill.fix {
  -webkit-transform: rotate(226.8deg);
  -ms-transform: rotate(226.8deg);
  -o-transform: rotate(226.8deg);
  transform: rotate(226.8deg);
}
.radial-progress[data-progress="63"] .inset .percentage:before {
  content: "63%";
}
.radial-progress[data-progress="64"] .circle .mask.full,
.radial-progress[data-progress="64"] .circle .fill {
  -webkit-transform: rotate(115.2deg);
  -ms-transform: rotate(115.2deg);
  -o-transform: rotate(115.2deg);
  transform: rotate(115.2deg);
}
.radial-progress[data-progress="64"] .circle .fill.fix {
  -webkit-transform: rotate(230.4deg);
  -ms-transform: rotate(230.4deg);
  -o-transform: rotate(230.4deg);
  transform: rotate(230.4deg);
}
.radial-progress[data-progress="64"] .inset .percentage:before {
  content: "64%";
}
.radial-progress[data-progress="65"] .circle .mask.full,
.radial-progress[data-progress="65"] .circle .fill {
  -webkit-transform: rotate(117deg);
  -ms-transform: rotate(117deg);
  -o-transform: rotate(117deg);
  transform: rotate(117deg);
}
.radial-progress[data-progress="65"] .circle .fill.fix {
  -webkit-transform: rotate(234deg);
  -ms-transform: rotate(234deg);
  -o-transform: rotate(234deg);
  transform: rotate(234deg);
}
.radial-progress[data-progress="65"] .inset .percentage:before {
  content: "65%";
}
.radial-progress[data-progress="66"] .circle .mask.full,
.radial-progress[data-progress="66"] .circle .fill {
  -webkit-transform: rotate(118.8deg);
  -ms-transform: rotate(118.8deg);
  -o-transform: rotate(118.8deg);
  transform: rotate(118.8deg);
}
.radial-progress[data-progress="66"] .circle .fill.fix {
  -webkit-transform: rotate(237.6deg);
  -ms-transform: rotate(237.6deg);
  -o-transform: rotate(237.6deg);
  transform: rotate(237.6deg);
}
.radial-progress[data-progress="66"] .inset .percentage:before {
  content: "66%";
}
.radial-progress[data-progress="67"] .circle .mask.full,
.radial-progress[data-progress="67"] .circle .fill {
  -webkit-transform: rotate(120.6deg);
  -ms-transform: rotate(120.6deg);
  -o-transform: rotate(120.6deg);
  transform: rotate(120.6deg);
}
.radial-progress[data-progress="67"] .circle .fill.fix {
  -webkit-transform: rotate(241.2deg);
  -ms-transform: rotate(241.2deg);
  -o-transform: rotate(241.2deg);
  transform: rotate(241.2deg);
}
.radial-progress[data-progress="67"] .inset .percentage:before {
  content: "67%";
}
.radial-progress[data-progress="68"] .circle .mask.full,
.radial-progress[data-progress="68"] .circle .fill {
  -webkit-transform: rotate(122.4deg);
  -ms-transform: rotate(122.4deg);
  -o-transform: rotate(122.4deg);
  transform: rotate(122.4deg);
}
.radial-progress[data-progress="68"] .circle .fill.fix {
  -webkit-transform: rotate(244.8deg);
  -ms-transform: rotate(244.8deg);
  -o-transform: rotate(244.8deg);
  transform: rotate(244.8deg);
}
.radial-progress[data-progress="68"] .inset .percentage:before {
  content: "68%";
}
.radial-progress[data-progress="69"] .circle .mask.full,
.radial-progress[data-progress="69"] .circle .fill {
  -webkit-transform: rotate(124.2deg);
  -ms-transform: rotate(124.2deg);
  -o-transform: rotate(124.2deg);
  transform: rotate(124.2deg);
}
.radial-progress[data-progress="69"] .circle .fill.fix {
  -webkit-transform: rotate(248.4deg);
  -ms-transform: rotate(248.4deg);
  -o-transform: rotate(248.4deg);
  transform: rotate(248.4deg);
}
.radial-progress[data-progress="69"] .inset .percentage:before {
  content: "69%";
}
.radial-progress[data-progress="70"] .circle .mask.full,
.radial-progress[data-progress="70"] .circle .fill {
  -webkit-transform: rotate(126deg);
  -ms-transform: rotate(126deg);
  -o-transform: rotate(126deg);
  transform: rotate(126deg);
}
.radial-progress[data-progress="70"] .circle .fill.fix {
  -webkit-transform: rotate(252deg);
  -ms-transform: rotate(252deg);
  -o-transform: rotate(252deg);
  transform: rotate(252deg);
}
.radial-progress[data-progress="70"] .inset .percentage:before {
  content: "70%";
}
.radial-progress[data-progress="71"] .circle .mask.full,
.radial-progress[data-progress="71"] .circle .fill {
  -webkit-transform: rotate(127.8deg);
  -ms-transform: rotate(127.8deg);
  -o-transform: rotate(127.8deg);
  transform: rotate(127.8deg);
}
.radial-progress[data-progress="71"] .circle .fill.fix {
  -webkit-transform: rotate(255.6deg);
  -ms-transform: rotate(255.6deg);
  -o-transform: rotate(255.6deg);
  transform: rotate(255.6deg);
}
.radial-progress[data-progress="71"] .inset .percentage:before {
  content: "71%";
}
.radial-progress[data-progress="72"] .circle .mask.full,
.radial-progress[data-progress="72"] .circle .fill {
  -webkit-transform: rotate(129.6deg);
  -ms-transform: rotate(129.6deg);
  -o-transform: rotate(129.6deg);
  transform: rotate(129.6deg);
}
.radial-progress[data-progress="72"] .circle .fill.fix {
  -webkit-transform: rotate(259.2deg);
  -ms-transform: rotate(259.2deg);
  -o-transform: rotate(259.2deg);
  transform: rotate(259.2deg);
}
.radial-progress[data-progress="72"] .inset .percentage:before {
  content: "72%";
}
.radial-progress[data-progress="73"] .circle .mask.full,
.radial-progress[data-progress="73"] .circle .fill {
  -webkit-transform: rotate(131.4deg);
  -ms-transform: rotate(131.4deg);
  -o-transform: rotate(131.4deg);
  transform: rotate(131.4deg);
}
.radial-progress[data-progress="73"] .circle .fill.fix {
  -webkit-transform: rotate(262.8deg);
  -ms-transform: rotate(262.8deg);
  -o-transform: rotate(262.8deg);
  transform: rotate(262.8deg);
}
.radial-progress[data-progress="73"] .inset .percentage:before {
  content: "73%";
}
.radial-progress[data-progress="74"] .circle .mask.full,
.radial-progress[data-progress="74"] .circle .fill {
  -webkit-transform: rotate(133.2deg);
  -ms-transform: rotate(133.2deg);
  -o-transform: rotate(133.2deg);
  transform: rotate(133.2deg);
}
.radial-progress[data-progress="74"] .circle .fill.fix {
  -webkit-transform: rotate(266.4deg);
  -ms-transform: rotate(266.4deg);
  -o-transform: rotate(266.4deg);
  transform: rotate(266.4deg);
}
.radial-progress[data-progress="74"] .inset .percentage:before {
  content: "74%";
}
.radial-progress[data-progress="75"] .circle .mask.full,
.radial-progress[data-progress="75"] .circle .fill {
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.radial-progress[data-progress="75"] .circle .fill.fix {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}
.radial-progress[data-progress="75"] .inset .percentage:before {
  content: "75%";
}
.radial-progress[data-progress="76"] .circle .mask.full,
.radial-progress[data-progress="76"] .circle .fill {
  -webkit-transform: rotate(136.8deg);
  -ms-transform: rotate(136.8deg);
  -o-transform: rotate(136.8deg);
  transform: rotate(136.8deg);
}
.radial-progress[data-progress="76"] .circle .fill.fix {
  -webkit-transform: rotate(273.6deg);
  -ms-transform: rotate(273.6deg);
  -o-transform: rotate(273.6deg);
  transform: rotate(273.6deg);
}
.radial-progress[data-progress="76"] .inset .percentage:before {
  content: "76%";
}
.radial-progress[data-progress="77"] .circle .mask.full,
.radial-progress[data-progress="77"] .circle .fill {
  -webkit-transform: rotate(138.6deg);
  -ms-transform: rotate(138.6deg);
  -o-transform: rotate(138.6deg);
  transform: rotate(138.6deg);
}
.radial-progress[data-progress="77"] .circle .fill.fix {
  -webkit-transform: rotate(277.2deg);
  -ms-transform: rotate(277.2deg);
  -o-transform: rotate(277.2deg);
  transform: rotate(277.2deg);
}
.radial-progress[data-progress="77"] .inset .percentage:before {
  content: "77%";
}
.radial-progress[data-progress="78"] .circle .mask.full,
.radial-progress[data-progress="78"] .circle .fill {
  -webkit-transform: rotate(140.4deg);
  -ms-transform: rotate(140.4deg);
  -o-transform: rotate(140.4deg);
  transform: rotate(140.4deg);
}
.radial-progress[data-progress="78"] .circle .fill.fix {
  -webkit-transform: rotate(280.8deg);
  -ms-transform: rotate(280.8deg);
  -o-transform: rotate(280.8deg);
  transform: rotate(280.8deg);
}
.radial-progress[data-progress="78"] .inset .percentage:before {
  content: "78%";
}
.radial-progress[data-progress="79"] .circle .mask.full,
.radial-progress[data-progress="79"] .circle .fill {
  -webkit-transform: rotate(142.2deg);
  -ms-transform: rotate(142.2deg);
  -o-transform: rotate(142.2deg);
  transform: rotate(142.2deg);
}
.radial-progress[data-progress="79"] .circle .fill.fix {
  -webkit-transform: rotate(284.4deg);
  -ms-transform: rotate(284.4deg);
  -o-transform: rotate(284.4deg);
  transform: rotate(284.4deg);
}
.radial-progress[data-progress="79"] .inset .percentage:before {
  content: "79%";
}
.radial-progress[data-progress="80"] .circle .mask.full,
.radial-progress[data-progress="80"] .circle .fill {
  -webkit-transform: rotate(144deg);
  -ms-transform: rotate(144deg);
  -o-transform: rotate(144deg);
  transform: rotate(144deg);
}
.radial-progress[data-progress="80"] .circle .fill.fix {
  -webkit-transform: rotate(288deg);
  -ms-transform: rotate(288deg);
  -o-transform: rotate(288deg);
  transform: rotate(288deg);
}
.radial-progress[data-progress="80"] .inset .percentage:before {
  content: "80%";
}
.radial-progress[data-progress="81"] .circle .mask.full,
.radial-progress[data-progress="81"] .circle .fill {
  -webkit-transform: rotate(145.8deg);
  -ms-transform: rotate(145.8deg);
  -o-transform: rotate(145.8deg);
  transform: rotate(145.8deg);
}
.radial-progress[data-progress="81"] .circle .fill.fix {
  -webkit-transform: rotate(291.6deg);
  -ms-transform: rotate(291.6deg);
  -o-transform: rotate(291.6deg);
  transform: rotate(291.6deg);
}
.radial-progress[data-progress="81"] .inset .percentage:before {
  content: "81%";
}
.radial-progress[data-progress="82"] .circle .mask.full,
.radial-progress[data-progress="82"] .circle .fill {
  -webkit-transform: rotate(147.6deg);
  -ms-transform: rotate(147.6deg);
  -o-transform: rotate(147.6deg);
  transform: rotate(147.6deg);
}
.radial-progress[data-progress="82"] .circle .fill.fix {
  -webkit-transform: rotate(295.2deg);
  -ms-transform: rotate(295.2deg);
  -o-transform: rotate(295.2deg);
  transform: rotate(295.2deg);
}
.radial-progress[data-progress="82"] .inset .percentage:before {
  content: "82%";
}
.radial-progress[data-progress="83"] .circle .mask.full,
.radial-progress[data-progress="83"] .circle .fill {
  -webkit-transform: rotate(149.4deg);
  -ms-transform: rotate(149.4deg);
  -o-transform: rotate(149.4deg);
  transform: rotate(149.4deg);
}
.radial-progress[data-progress="83"] .circle .fill.fix {
  -webkit-transform: rotate(298.8deg);
  -ms-transform: rotate(298.8deg);
  -o-transform: rotate(298.8deg);
  transform: rotate(298.8deg);
}
.radial-progress[data-progress="83"] .inset .percentage:before {
  content: "83%";
}
.radial-progress[data-progress="84"] .circle .mask.full,
.radial-progress[data-progress="84"] .circle .fill {
  -webkit-transform: rotate(151.2deg);
  -ms-transform: rotate(151.2deg);
  -o-transform: rotate(151.2deg);
  transform: rotate(151.2deg);
}
.radial-progress[data-progress="84"] .circle .fill.fix {
  -webkit-transform: rotate(302.4deg);
  -ms-transform: rotate(302.4deg);
  -o-transform: rotate(302.4deg);
  transform: rotate(302.4deg);
}
.radial-progress[data-progress="84"] .inset .percentage:before {
  content: "84%";
}
.radial-progress[data-progress="85"] .circle .mask.full,
.radial-progress[data-progress="85"] .circle .fill {
  -webkit-transform: rotate(153deg);
  -ms-transform: rotate(153deg);
  -o-transform: rotate(153deg);
  transform: rotate(153deg);
}
.radial-progress[data-progress="85"] .circle .fill.fix {
  -webkit-transform: rotate(306deg);
  -ms-transform: rotate(306deg);
  -o-transform: rotate(306deg);
  transform: rotate(306deg);
}
.radial-progress[data-progress="85"] .inset .percentage:before {
  content: "85%";
}
.radial-progress[data-progress="86"] .circle .mask.full,
.radial-progress[data-progress="86"] .circle .fill {
  -webkit-transform: rotate(154.8deg);
  -ms-transform: rotate(154.8deg);
  -o-transform: rotate(154.8deg);
  transform: rotate(154.8deg);
}
.radial-progress[data-progress="86"] .circle .fill.fix {
  -webkit-transform: rotate(309.6deg);
  -ms-transform: rotate(309.6deg);
  -o-transform: rotate(309.6deg);
  transform: rotate(309.6deg);
}
.radial-progress[data-progress="86"] .inset .percentage:before {
  content: "86%";
}
.radial-progress[data-progress="87"] .circle .mask.full,
.radial-progress[data-progress="87"] .circle .fill {
  -webkit-transform: rotate(156.6deg);
  -ms-transform: rotate(156.6deg);
  -o-transform: rotate(156.6deg);
  transform: rotate(156.6deg);
}
.radial-progress[data-progress="87"] .circle .fill.fix {
  -webkit-transform: rotate(313.2deg);
  -ms-transform: rotate(313.2deg);
  -o-transform: rotate(313.2deg);
  transform: rotate(313.2deg);
}
.radial-progress[data-progress="87"] .inset .percentage:before {
  content: "87%";
}
.radial-progress[data-progress="88"] .circle .mask.full,
.radial-progress[data-progress="88"] .circle .fill {
  -webkit-transform: rotate(158.4deg);
  -ms-transform: rotate(158.4deg);
  -o-transform: rotate(158.4deg);
  transform: rotate(158.4deg);
}
.radial-progress[data-progress="88"] .circle .fill.fix {
  -webkit-transform: rotate(316.8deg);
  -ms-transform: rotate(316.8deg);
  -o-transform: rotate(316.8deg);
  transform: rotate(316.8deg);
}
.radial-progress[data-progress="88"] .inset .percentage:before {
  content: "88%";
}
.radial-progress[data-progress="89"] .circle .mask.full,
.radial-progress[data-progress="89"] .circle .fill {
  -webkit-transform: rotate(160.2deg);
  -ms-transform: rotate(160.2deg);
  -o-transform: rotate(160.2deg);
  transform: rotate(160.2deg);
}
.radial-progress[data-progress="89"] .circle .fill.fix {
  -webkit-transform: rotate(320.4deg);
  -ms-transform: rotate(320.4deg);
  -o-transform: rotate(320.4deg);
  transform: rotate(320.4deg);
}
.radial-progress[data-progress="89"] .inset .percentage:before {
  content: "89%";
}
.radial-progress[data-progress="90"] .circle .mask.full,
.radial-progress[data-progress="90"] .circle .fill {
  -webkit-transform: rotate(162deg);
  -ms-transform: rotate(162deg);
  -o-transform: rotate(162deg);
  transform: rotate(162deg);
}
.radial-progress[data-progress="90"] .circle .fill.fix {
  -webkit-transform: rotate(324deg);
  -ms-transform: rotate(324deg);
  -o-transform: rotate(324deg);
  transform: rotate(324deg);
}
.radial-progress[data-progress="90"] .inset .percentage:before {
  content: "90%";
}
.radial-progress[data-progress="91"] .circle .mask.full,
.radial-progress[data-progress="91"] .circle .fill {
  -webkit-transform: rotate(163.8deg);
  -ms-transform: rotate(163.8deg);
  -o-transform: rotate(163.8deg);
  transform: rotate(163.8deg);
}
.radial-progress[data-progress="91"] .circle .fill.fix {
  -webkit-transform: rotate(327.6deg);
  -ms-transform: rotate(327.6deg);
  -o-transform: rotate(327.6deg);
  transform: rotate(327.6deg);
}
.radial-progress[data-progress="91"] .inset .percentage:before {
  content: "91%";
}
.radial-progress[data-progress="92"] .circle .mask.full,
.radial-progress[data-progress="92"] .circle .fill {
  -webkit-transform: rotate(165.6deg);
  -ms-transform: rotate(165.6deg);
  -o-transform: rotate(165.6deg);
  transform: rotate(165.6deg);
}
.radial-progress[data-progress="92"] .circle .fill.fix {
  -webkit-transform: rotate(331.2deg);
  -ms-transform: rotate(331.2deg);
  -o-transform: rotate(331.2deg);
  transform: rotate(331.2deg);
}
.radial-progress[data-progress="92"] .inset .percentage:before {
  content: "92%";
}
.radial-progress[data-progress="93"] .circle .mask.full,
.radial-progress[data-progress="93"] .circle .fill {
  -webkit-transform: rotate(167.4deg);
  -ms-transform: rotate(167.4deg);
  -o-transform: rotate(167.4deg);
  transform: rotate(167.4deg);
}
.radial-progress[data-progress="93"] .circle .fill.fix {
  -webkit-transform: rotate(334.8deg);
  -ms-transform: rotate(334.8deg);
  -o-transform: rotate(334.8deg);
  transform: rotate(334.8deg);
}
.radial-progress[data-progress="93"] .inset .percentage:before {
  content: "93%";
}
.radial-progress[data-progress="94"] .circle .mask.full,
.radial-progress[data-progress="94"] .circle .fill {
  -webkit-transform: rotate(169.2deg);
  -ms-transform: rotate(169.2deg);
  -o-transform: rotate(169.2deg);
  transform: rotate(169.2deg);
}
.radial-progress[data-progress="94"] .circle .fill.fix {
  -webkit-transform: rotate(338.4deg);
  -ms-transform: rotate(338.4deg);
  -o-transform: rotate(338.4deg);
  transform: rotate(338.4deg);
}
.radial-progress[data-progress="94"] .inset .percentage:before {
  content: "94%";
}
.radial-progress[data-progress="95"] .circle .mask.full,
.radial-progress[data-progress="95"] .circle .fill {
  -webkit-transform: rotate(171deg);
  -ms-transform: rotate(171deg);
  -o-transform: rotate(171deg);
  transform: rotate(171deg);
}
.radial-progress[data-progress="95"] .circle .fill.fix {
  -webkit-transform: rotate(342deg);
  -ms-transform: rotate(342deg);
  -o-transform: rotate(342deg);
  transform: rotate(342deg);
}
.radial-progress[data-progress="95"] .inset .percentage:before {
  content: "95%";
}
.radial-progress[data-progress="96"] .circle .mask.full,
.radial-progress[data-progress="96"] .circle .fill {
  -webkit-transform: rotate(172.8deg);
  -ms-transform: rotate(172.8deg);
  -o-transform: rotate(172.8deg);
  transform: rotate(172.8deg);
}
.radial-progress[data-progress="96"] .circle .fill.fix {
  -webkit-transform: rotate(345.6deg);
  -ms-transform: rotate(345.6deg);
  -o-transform: rotate(345.6deg);
  transform: rotate(345.6deg);
}
.radial-progress[data-progress="96"] .inset .percentage:before {
  content: "96%";
}
.radial-progress[data-progress="97"] .circle .mask.full,
.radial-progress[data-progress="97"] .circle .fill {
  -webkit-transform: rotate(174.6deg);
  -ms-transform: rotate(174.6deg);
  -o-transform: rotate(174.6deg);
  transform: rotate(174.6deg);
}
.radial-progress[data-progress="97"] .circle .fill.fix {
  -webkit-transform: rotate(349.2deg);
  -ms-transform: rotate(349.2deg);
  -o-transform: rotate(349.2deg);
  transform: rotate(349.2deg);
}
.radial-progress[data-progress="97"] .inset .percentage:before {
  content: "97%";
}
.radial-progress[data-progress="98"] .circle .mask.full,
.radial-progress[data-progress="98"] .circle .fill {
  -webkit-transform: rotate(176.4deg);
  -ms-transform: rotate(176.4deg);
  -o-transform: rotate(176.4deg);
  transform: rotate(176.4deg);
}
.radial-progress[data-progress="98"] .circle .fill.fix {
  -webkit-transform: rotate(352.8deg);
  -ms-transform: rotate(352.8deg);
  -o-transform: rotate(352.8deg);
  transform: rotate(352.8deg);
}
.radial-progress[data-progress="98"] .inset .percentage:before {
  content: "98%";
}
.radial-progress[data-progress="99"] .circle .mask.full,
.radial-progress[data-progress="99"] .circle .fill {
  -webkit-transform: rotate(178.2deg);
  -ms-transform: rotate(178.2deg);
  -o-transform: rotate(178.2deg);
  transform: rotate(178.2deg);
}
.radial-progress[data-progress="99"] .circle .fill.fix {
  -webkit-transform: rotate(356.4deg);
  -ms-transform: rotate(356.4deg);
  -o-transform: rotate(356.4deg);
  transform: rotate(356.4deg);
}
.radial-progress[data-progress="99"] .inset .percentage:before {
  content: "99%";
}
.radial-progress[data-progress="100"] .circle .mask.full,
.radial-progress[data-progress="100"] .circle .fill {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.radial-progress[data-progress="100"] .circle .fill.fix {
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
}
.radial-progress[data-progress="100"] .inset .percentage:before {
  content: "100%";
}
.radial-progress[data-progress="0"] .circle .mask .fill {
  background: #8c1212;
}
.radial-progress[data-progress="1"] .circle .mask .fill {
  background: #8c1212;
}
.radial-progress[data-progress="2"] .circle .mask .fill {
  background: #8c1212;
}
.radial-progress[data-progress="3"] .circle .mask .fill {
  background: #8c1212;
}
.radial-progress[data-progress="4"] .circle .mask .fill {
  background: #8c1212;
}
.radial-progress[data-progress="5"] .circle .mask .fill {
  background: #8c1212;
}
.radial-progress[data-progress="6"] .circle .mask .fill {
  background: #8c1212;
}
.radial-progress[data-progress="7"] .circle .mask .fill {
  background: #8c1212;
}
.radial-progress[data-progress="8"] .circle .mask .fill {
  background: #8c1212;
}
.radial-progress[data-progress="9"] .circle .mask .fill {
  background: #8c1212;
}
.radial-progress[data-progress="10"] .circle .mask .fill {
  background: #8c1212;
}
.radial-progress[data-progress="11"] .circle .mask .fill {
  background: #8c1212;
}
.radial-progress[data-progress="12"] .circle .mask .fill {
  background: #8c1212;
}
.radial-progress[data-progress="13"] .circle .mask .fill {
  background: #8c1212;
}
.radial-progress[data-progress="14"] .circle .mask .fill {
  background: #8c1212;
}
.radial-progress[data-progress="15"] .circle .mask .fill {
  background: #8c1212;
}
.radial-progress[data-progress="16"] .circle .mask .fill {
  background: #8c1212;
}
.radial-progress[data-progress="17"] .circle .mask .fill {
  background: #8c1212;
}
.radial-progress[data-progress="18"] .circle .mask .fill {
  background: #8c1212;
}
.radial-progress[data-progress="19"] .circle .mask .fill {
  background: #8c1212;
}
.radial-progress[data-progress="20"] .circle .mask .fill {
  background: #8c1212;
}
.radial-progress[data-progress="21"] .circle .mask .fill {
  background: #8c1212;
}
.radial-progress[data-progress="22"] .circle .mask .fill {
  background: #8c1212;
}
.radial-progress[data-progress="23"] .circle .mask .fill {
  background: #8c1212;
}
.radial-progress[data-progress="24"] .circle .mask .fill {
  background: #8c1212;
}
.radial-progress[data-progress="25"] .circle .mask .fill {
  background: #8c1212;
}
.radial-progress[data-progress="26"] .circle .mask .fill {
  background: #8c1212;
}
.radial-progress[data-progress="27"] .circle .mask .fill {
  background: #8c1212;
}
.radial-progress[data-progress="28"] .circle .mask .fill {
  background: #8c1212;
}
.radial-progress[data-progress="29"] .circle .mask .fill {
  background: #8c1212;
}
.radial-progress[data-progress="30"] .circle .mask .fill {
  background: #8c1212;
}
.radial-progress[data-progress="31"] .circle .mask .fill {
  background: #dbb91a;
}
.radial-progress[data-progress="32"] .circle .mask .fill {
  background: #dbb91a;
}
.radial-progress[data-progress="33"] .circle .mask .fill {
  background: #dbb91a;
}
.radial-progress[data-progress="34"] .circle .mask .fill {
  background: #dbb91a;
}
.radial-progress[data-progress="35"] .circle .mask .fill {
  background: #dbb91a;
}
.radial-progress[data-progress="36"] .circle .mask .fill {
  background: #dbb91a;
}
.radial-progress[data-progress="37"] .circle .mask .fill {
  background: #dbb91a;
}
.radial-progress[data-progress="38"] .circle .mask .fill {
  background: #dbb91a;
}
.radial-progress[data-progress="39"] .circle .mask .fill {
  background: #dbb91a;
}
.radial-progress[data-progress="40"] .circle .mask .fill {
  background: #dbb91a;
}
.radial-progress[data-progress="41"] .circle .mask .fill {
  background: #dbb91a;
}
.radial-progress[data-progress="42"] .circle .mask .fill {
  background: #dbb91a;
}
.radial-progress[data-progress="43"] .circle .mask .fill {
  background: #dbb91a;
}
.radial-progress[data-progress="44"] .circle .mask .fill {
  background: #dbb91a;
}
.radial-progress[data-progress="45"] .circle .mask .fill {
  background: #dbb91a;
}
.radial-progress[data-progress="46"] .circle .mask .fill {
  background: #dbb91a;
}
.radial-progress[data-progress="47"] .circle .mask .fill {
  background: #dbb91a;
}
.radial-progress[data-progress="48"] .circle .mask .fill {
  background: #dbb91a;
}
.radial-progress[data-progress="49"] .circle .mask .fill {
  background: #dbb91a;
}
.radial-progress[data-progress="50"] .circle .mask .fill {
  background: #dbb91a;
}
.radial-progress[data-progress="51"] .circle .mask .fill {
  background: #dbb91a;
}
.radial-progress[data-progress="52"] .circle .mask .fill {
  background: #dbb91a;
}
.radial-progress[data-progress="53"] .circle .mask .fill {
  background: #dbb91a;
}
.radial-progress[data-progress="54"] .circle .mask .fill {
  background: #dbb91a;
}
.radial-progress[data-progress="55"] .circle .mask .fill {
  background: #dbb91a;
}
.radial-progress[data-progress="56"] .circle .mask .fill {
  background: #dbb91a;
}
.radial-progress[data-progress="57"] .circle .mask .fill {
  background: #dbb91a;
}
.radial-progress[data-progress="58"] .circle .mask .fill {
  background: #dbb91a;
}
.radial-progress[data-progress="59"] .circle .mask .fill {
  background: #dbb91a;
}
.radial-progress[data-progress="60"] .circle .mask .fill {
  background: #dbb91a;
}
.radial-progress[data-progress="61"] .circle .mask .fill {
  background: #dbb91a;
}
.radial-progress[data-progress="62"] .circle .mask .fill {
  background: #dbb91a;
}
.radial-progress[data-progress="63"] .circle .mask .fill {
  background: #dbb91a;
}
.radial-progress[data-progress="64"] .circle .mask .fill {
  background: #dbb91a;
}
.radial-progress[data-progress="65"] .circle .mask .fill {
  background: #dbb91a;
}
.radial-progress[data-progress="66"] .circle .mask .fill {
  background: #dbb91a;
}
.radial-progress[data-progress="67"] .circle .mask .fill {
  background: #dbb91a;
}
.radial-progress[data-progress="68"] .circle .mask .fill {
  background: #dbb91a;
}
.radial-progress[data-progress="69"] .circle .mask .fill {
  background: #dbb91a;
}
.radial-progress[data-progress="70"] .circle .mask .fill {
  background: #dbb91a;
}
.radial-progress[data-progress="71"] .circle .mask .fill {
  background: #dbb91a;
}
.radial-progress[data-progress="72"] .circle .mask .fill {
  background: #dbb91a;
}
.radial-progress[data-progress="73"] .circle .mask .fill {
  background: #dbb91a;
}
.radial-progress[data-progress="74"] .circle .mask .fill {
  background: #dbb91a;
}
.radial-progress[data-progress="75"] .circle .mask .fill {
  background: #dbb91a;
}
.radial-progress[data-progress="76"] .circle .mask .fill {
  background: #4d6b19;
}
.radial-progress[data-progress="77"] .circle .mask .fill {
  background: #4d6b19;
}
.radial-progress[data-progress="78"] .circle .mask .fill {
  background: #4d6b19;
}
.radial-progress[data-progress="79"] .circle .mask .fill {
  background: #4d6b19;
}
.radial-progress[data-progress="80"] .circle .mask .fill {
  background: #4d6b19;
}
.radial-progress[data-progress="81"] .circle .mask .fill {
  background: #4d6b19;
}
.radial-progress[data-progress="82"] .circle .mask .fill {
  background: #4d6b19;
}
.radial-progress[data-progress="83"] .circle .mask .fill {
  background: #4d6b19;
}
.radial-progress[data-progress="84"] .circle .mask .fill {
  background: #4d6b19;
}
.radial-progress[data-progress="85"] .circle .mask .fill {
  background: #4d6b19;
}
.radial-progress[data-progress="86"] .circle .mask .fill {
  background: #4d6b19;
}
.radial-progress[data-progress="87"] .circle .mask .fill {
  background: #4d6b19;
}
.radial-progress[data-progress="88"] .circle .mask .fill {
  background: #4d6b19;
}
.radial-progress[data-progress="89"] .circle .mask .fill {
  background: #4d6b19;
}
.radial-progress[data-progress="90"] .circle .mask .fill {
  background: #4d6b19;
}
.radial-progress[data-progress="91"] .circle .mask .fill {
  background: #4d6b19;
}
.radial-progress[data-progress="92"] .circle .mask .fill {
  background: #4d6b19;
}
.radial-progress[data-progress="93"] .circle .mask .fill {
  background: #4d6b19;
}
.radial-progress[data-progress="94"] .circle .mask .fill {
  background: #4d6b19;
}
.radial-progress[data-progress="95"] .circle .mask .fill {
  background: #4d6b19;
}
.radial-progress[data-progress="96"] .circle .mask .fill {
  background: #4d6b19;
}
.radial-progress[data-progress="97"] .circle .mask .fill {
  background: #4d6b19;
}
.radial-progress[data-progress="98"] .circle .mask .fill {
  background: #4d6b19;
}
.radial-progress[data-progress="99"] .circle .mask .fill {
  background: #4d6b19;
}
.radial-progress[data-progress="100"] .circle .mask .fill {
  background: #4d6b19;
}
.k-i-calendar {
  width: 20px;
  height: 20px;
  cursor: pointer;
  overflow: inherit;
  background: none!important;
}
.k-i-calendar:before {
  font-family: 'legaldesk-icons' !important;
  content: "\e909";
  font-size: 18px;
  line-height: 16px;
  position: absolute;
  right: 0px;
  top: 10px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.k-ie .k-i-calendar:before,
.k-edge .k-i-calendar:before {
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
  font-size: 35px!important;
  right: -6px !important;
}
.modalHost .k-i-calendar:before {
  right: 5px;
  top: 0;
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) {
  .modalHost .k-i-calendar:before {
    right: 6px;
    top: 10px;
  }
}
/* componentes default */
.btn {
  display: inline-block;
  padding: 7px 20px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  outline: none;
  text-transform: uppercase;
  border: none;
  outline: none!important;
}
.btn-default {
  color: #ffffff;
  background-color: #172634;
}
.btn-default:hover {
  outline: 3px solid #9bcbd2;
}
.link-default {
  color: #2f6c89;
}
.form-label-default {
  text-transform: uppercase;
  color: #172634;
  width: 100%;
  float: left;
  margin-bottom: 5px;
  margin-top: 25px;
}
.form-label-default.first-child {
  margin-top: 0px;
}
.btn-margin-left {
  margin-left: 10px;
}
/*--icones de setas--*/
span.icon {
  width: 10px;
  height: 10px;
  border: solid #172634;
  border-width: 2px 2px 0 0;
  float: left;
}
.pointer-right {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  margin: 8px 0 0 5px;
}
.pointer-top {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  margin: 10px 0 0 8px;
}
.pointer-left {
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
  margin: 8px 0 0 5px;
}
.pointer-down {
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
  margin: 5px 0 0 8px;
}
.action-button {
  width: 20px;
  height: 20px;
  cursor: pointer;
  padding: 0;
  margin-left: 5px;
}
.action-button i {
  float: left;
  -webkit-transition: opacity 0.15s linear;
  -moz-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  -ms-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
  opacity: 1;
  filter: alpha(opacity=100);
  font-weight: normal;
  font-style: normal;
}
.action-button i:hover {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.item-options-menu {
  background: none;
}
.item-options-menu .item-menu-icon {
  border: none!important;
}
.ts-header .item-options-menu .item-menu-icon:after {
  left: 15px;
}
input[type=text].default-input {
  border: 1px solid #d0d2d7;
  height: 34px;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  text-indent: 4px;
  padding: 3px 0;
  background-color: #ffffff;
  color: #172634;
  margin-top: 5px;
  outline: none;
}
.questionnaire {
  float: left;
  width: 100%;
}
.questionnaire .questionnaire-title {
  font-weight: 600;
  margin: 20px 0 18px 0;
  float: left;
  width: 100%;
  font-size: 14px;
}
.questionnaire .questionnaire-options {
  float: left;
  width: 100%;
  font-size: 12px;
  margin-bottom: 4px;
  padding-left: 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
}
.questionnaire .questionnaire-options .radio {
  width: 9px;
  height: 9px;
  float: left;
  border: 1px solid #172634;
  position: relative;
  -webkit-border-radius: 50% 50% 50% 50%;
  -moz-border-radius: 50% 50% 50% 50%;
  -o-border-radius: 50% 50% 50% 50%;
  border-radius: 50% 50% 50% 50%;
  margin: 5px 0 0 -16px;
}
.questionnaire .questionnaire-options.active .radio:after {
  content: ' ';
  -webkit-border-radius: 50% 50% 50% 50%;
  -moz-border-radius: 50% 50% 50% 50%;
  -o-border-radius: 50% 50% 50% 50%;
  border-radius: 50% 50% 50% 50%;
  background-color: #172634;
  position: absolute;
  top: 1px;
  left: 1px;
  width: 7px;
  height: 7px;
}
.btn-contextual-menu {
  width: 34px;
  height: 30px;
  position: relative;
  cursor: pointer;
  margin-top: 4px;
}
.btn-contextual-menu i {
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  left: 20px;
  top: 13px;
  border-width: 5px 4px 0 4px;
  border-color: #172634 transparent transparent transparent;
}
.btn-contextual-menu i:after {
  content: ' ';
  height: 2px;
  width: 10px;
  border-top: 2px solid #172634;
  border-bottom: 2px solid #172634;
  position: absolute;
  left: -18px;
  top: -8px;
}
.btn-contextual-menu i:before {
  content: ' ';
  height: 2px;
  width: 10px;
  border-top: 2px solid #172634;
  position: absolute;
  top: 0px;
  left: -18px;
}
.btn-contextual-menu.open {
  background-color: #DEE0E4;
}
.btn-contextual-menu.open i {
  left: 21px;
  top: 11px;
  border-width: 4px 0 4px 5px;
  border-color: transparent transparent transparent #172634;
}
.btn-contextual-menu.open i:after {
  left: -20px;
  top: -5px;
}
.btn-contextual-menu.open i:before {
  top: 3px;
  left: -20px;
}
.no-outline {
  outline: none!important;
}
.admin-search {
  float: right;
  background: #fff;
  padding: 5px 37px 5px 7px;
  width: 210px;
  position: relative;
}
.admin-search .admin-search-input {
  background: none;
  border: none;
  width: 100%;
  text-align: left;
  outline: none;
  color: #9c9b9b;
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  font-weight: 600;
}
.admin-search .btn-search {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 0;
  right: 0;
}
.admin-search .btn-search .icon-search,
.admin-search .btn-search .icon-header-search {
  width: 100%;
  height: 100%;
}
.admin-search .btn-search .icon-search:before,
.admin-search .btn-search .icon-header-search:before {
  line-height: 32px;
  text-align: center;
}
.k-ie .paddingSolution:after,
.k-ff .paddingSolution:after {
  position: absolute;
  height: 100px;
  width: 1px;
  content: "";
  bottom: -20px;
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) {
  .k-list-container .km-scroll-container {
    padding-bottom: 50px;
  }
  .km-scroll-container .k-list {
    margin-bottom: 0;
  }
}
.modalHost .calendar-picker {
  width: 32px;
  height: 32px;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.modalHost .calendar-picker.open .icon-date-picker {
  background-color: #edeef2 !important;
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) {
  .modalHost .calendar-picker:before {
    content: '';
    position: absolute;
    width: 230px;
    height: 341px;
    background: #f8f9fb;
    top: -276px;
    left: -168px;
    z-index: -1;
  }
}
.modalHost .calendar-picker .icon-date-picker {
  position: absolute;
  width: 32px!important;
  height: 32px!important;
  top: 1px!important;
  right: 1px!important;
  background-image: none!important;
  z-index: 1;
}
.modalHost .calendar-picker .icon-date-picker:before {
  line-height: 32px;
  -webkit-transform: scale(0.34);
  -moz-transform: scale(0.34);
  -ms-transform: scale(0.34);
  -o-transform: scale(0.34);
  transform: scale(0.34);
  font-size: 52px;
  text-indent: -4px;
}
.modalHost .calendar-picker .container-calendar-picker {
  background-color: #edeef2;
  width: 224px;
  height: 330px;
  top: -271px;
  right: -29px;
  position: absolute;
  z-index: -2;
  cursor: default;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.modalHost .calendar-picker .container-calendar-picker.open {
  right: -254px;
}
.modalHost .calendar-picker .container-calendar-picker .copy-timesheet-date-picker {
  opacity: 1;
  display: block;
  visibility: visible;
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) {
  .modalHost .calendar-picker .container-calendar-picker .copy-timesheet-date-picker {
    transition-delay: 0.35s;
  }
}
.modalHost .calendar-picker .container-calendar-picker .copy-timesheet-date-picker .editor-button {
  margin-top: 13px;
  margin-right: 0;
}
.modalHost .calendar-picker .container-calendar-picker .copy-timesheet-date-picker .editor-button:last-child {
  padding: 7px 0!important;
  height: 20px;
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) {
  .modalHost .calendar-picker .container-calendar-picker .copy-timesheet-date-picker .editor-button:last-child {
    height: auto!important;
  }
}
.modalHost.emprestimo-modal .container-calendar-picker {
  position: fixed;
  top: 109px;
  right: 350px;
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) {
  .modalHost.emprestimo-modal .container-calendar-picker {
    top: 148px;
    right: 222px;
  }
}
.modalHost.emprestimo-modal .container-calendar-picker.open {
  position: fixed;
  top: 109px;
  right: 126px;
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) {
  .modalHost.emprestimo-modal .container-calendar-picker.open {
    top: 148px;
    right: -2px;
  }
}
.modalHost.emprestimo-modal .container-calendar-picker .copy-timesheet-date-picker .editor-button:last-child {
  box-sizing: content-box;
}
.modalHost.devolucao-modal .container-calendar-picker {
  position: fixed;
  top: 144px;
  left: 350px;
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) {
  .modalHost.devolucao-modal .container-calendar-picker {
    top: 148px;
    left: 222px;
  }
}
.modalHost.devolucao-modal .container-calendar-picker.open {
  position: fixed;
  top: 144px;
  left: 126px;
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) {
  .modalHost.devolucao-modal .container-calendar-picker.open {
    top: 148px;
    left: -2px;
  }
}
.modalHost.devolucao-modal .container-calendar-picker .copy-timesheet-date-picker .editor-button:last-child {
  box-sizing: content-box;
}
.k-tooltip-content {
  word-break: break-word;
}
/* cores novo layout */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  input,
  textarea {
    -webkit-appearance: none;
  }
}
.mobile-blocker,
.ie-blocker {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 999999;
  top: 0;
  left: 0;
  background: #50a4cb;
  /* Old browsers */
  background: -moz-radial-gradient(center, ellipse cover, #50a4cb 0%, #2c6c8a 100%);
  /* FF3.6+ */
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #50a4cb), color-stop(100%, #2c6c8a));
  /* Chrome,Safari4+ */
  background: -webkit-radial-gradient(center, ellipse cover, #50a4cb 0%, #2c6c8a 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-radial-gradient(center, ellipse cover, #50a4cb 0%, #2c6c8a 100%);
  /* Opera 12+ */
  background: -ms-radial-gradient(center, ellipse cover, #50a4cb 0%, #2c6c8a 100%);
  /* IE10+ */
  background: radial-gradient(ellipse at center, #50a4cb 0%, #2c6c8a 100%);
  /* W3C */
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#50a4cb', endColorstr='#2c6c8a',GradientType=1 ); */
  /* IE6-9 fallback on horizontal gradient */
}
.mobile-blocker label,
.ie-blocker label {
  position: absolute;
  font-size: 4.3vw;
  color: rgba(255, 255, 255, 0.8);
  text-align: center;
  line-height: 150%;
  top: 30%;
  width: 100%;
  text-shadow: 1px 0px 3px rgba(0, 0, 0, 0.1);
}
.mobile-blocker label span,
.ie-blocker label span {
  font-size: 2.5vw;
  color: rgba(255, 255, 255, 0.5);
}
.mobile-blocker label p,
.ie-blocker label p {
  color: rgba(255, 255, 255, 0.5);
  font-size: 2.5vw;
  padding: 0;
  margin: 0;
  margin-block: 0;
  line-height: 40px;
  margin-bottom: 25px;
}
.nicescroll-rails.grey-scroll,
.nicescroll-rails.grid-scroll {
  z-index: 2 !important;
}
.nicescroll-rails.grey-scroll div,
.nicescroll-rails.grid-scroll div {
  background-color: rgba(92, 92, 92, 0.5) !important;
}
.nicescroll-rails.header-scroll {
  top: 51px !important;
  right: 1px !important;
  left: auto !important;
  z-index: 10005 !important;
  background-color: rgba(160, 202, 205, 0.15) !important;
}
.nicescroll-rails.header-scroll div {
  background-color: rgba(160, 202, 205, 0.4) !important;
}
.nicescroll-rails.menu-scroll {
  z-index: 4!important;
}
.nicescroll-rails.menu-scroll div {
  background-color: rgba(92, 92, 92, 0.5) !important;
}
.nicescroll-rails.grid-scroll {
  margin: 0 !important;
}
.nicescroll-rails.grid-scroll.grid-scroll-admin {
  margin: 0 !important;
  top: calc(100vh - 49px - 7px) !important;
}
.k-state-selected,
.k-state-selected:link,
.k-state-selected:visited,
.k-list > .k-state-selected,
.k-list > .k-state-highlight,
.k-panel > .k-state-selected,
.k-ghost-splitbar-vertical,
.k-ghost-splitbar-horizontal,
.k-draghandle.k-state-selected:hover,
.k-scheduler .k-scheduler-toolbar .k-state-selected,
.k-scheduler .k-today.k-state-selected,
.k-marquee-color {
  background-color: #265e78;
  border-color: #55889D;
  z-index: 2;
}
.k-ghost-splitbar-vertical,
.k-ghost-splitbar-horizontal {
  z-index: 100002;
}
html.k-ff .container-bottom-buttons .plus-options {
  height: 36px !important;
}
.pre {
  white-space: pre-line;
}
input[type='text'],
input[type='password'],
input[type='date'],
input[type='number'],
input[type='email'],
input[type='tel'],
input[type='url'],
input.k-input,
textarea {
  -webkit-appearance: none;
  border-radius: 0;
}
.loading-custom {
  background-color: #f8f9fb;
  height: 70px;
  position: relative;
}
.loading-custom .item-loading {
  background-color: rgba(212, 213, 214, 0.7);
  display: block;
}
.revisaoLancamentos .loading-custom .item-loading {
  width: 100%;
  height: 70px;
  position: relative;
}
.loading-custom .item-loading .splash {
  width: 60px;
  height: 60px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -30px;
  margin-left: -30px;
  z-index: 10010;
}
.loading-custom .item-loading .splash .loading-container {
  position: relative;
  width: 60px;
  height: 60px;
  margin: 0 auto;
}
.loading-custom .item-loading .splash .loading-container .loading-text {
  line-height: 56px;
  text-align: center;
  width: 56px;
  position: relative;
  font-size: 8px;
  color: #777d83;
}
.loading-custom .item-loading .splash .loading-container .loading {
  box-shadow: none;
  top: 0;
  left: 0;
  width: 50px;
  height: 1px;
  padding: 25px 0;
  position: absolute;
  border-radius: 50%;
  border: 3px solid #777d83;
  border-top: 3px solid rgba(0, 0, 0, 0);
  border-bottom: 3px solid rgba(0, 0, 0, 0);
  -webkit-animation: rotation 1s infinite ease;
  -moz-animation: rotation 1s infinite ease;
  -o-animation: rotation 1s infinite ease;
  animation: rotation 1s infinite ease;
}
.loading-custom-detail {
  height: calc(100vh - 217px);
}
.uppercase {
  text-transform: uppercase!important;
}
.lowercase {
  text-transform: lowercase!important;
}
.weight-600 {
  font-weight: 600;
}
.weight-700 {
  font-weight: 700;
}
.listItem {
  width: 100%;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  background: #e2e3e7;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #d0d2d7;
  padding: 15px 26px;
  color: #8c949c;
}
.centralized {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.cancel-button-color {
  color: #c25657;
}
.cursor-detault {
  cursor: default!important;
}
.cursor-detault label,
.cursor-detault span {
  cursor: default!important;
}
.bold {
  font-weight: bold;
}
.item-approved,
.item-rejected {
  font-family: 'legaldesk-icons';
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.item-approved {
  content: "\e96e";
  color: #7bae6e;
}
.item-rejected {
  content: "\e90f";
  color: #d15a66;
}
.ts-status .status:after {
  position: absolute;
  right: 7px;
  bottom: 7px;
  text-align: center;
  line-height: 1.2;
}
.approved.ts-status .ts-content-fields .ts-content-field-description,
.rejected.ts-status .ts-content-fields .ts-content-field-description {
  padding-bottom: 25px;
}
.approved.ts-status .status:after {
  font-family: 'legaldesk-icons';
  width: 16px;
  height: 16px;
  cursor: pointer;
  content: "\e96e";
  color: #7bae6e;
}
.rejected.ts-status .status:after {
  font-family: 'legaldesk-icons';
  width: 16px;
  height: 16px;
  cursor: pointer;
  content: "\e90f";
  color: #d15a66;
}
.ts-approved,
.ts-rejected,
.ts-pending {
  width: 16px;
  height: 100%;
  position: relative;
  display: inline-block;
  cursor: default !important;
}
.ts-approved:before,
.ts-rejected:before,
.ts-pending:before {
  font-family: 'legaldesk-icons';
  width: 16px;
  height: 16px;
  cursor: pointer;
  content: "\e96e";
  color: #7bae6e;
  width: 16px !important;
  height: 100% !important;
  text-align: center;
  display: inline-block;
  font-size: 16px;
  line-height: 24px;
  cursor: default !important;
}
.ts-rejected {
  cursor: pointer !important;
}
.ts-rejected:before {
  cursor: pointer !important;
  font-family: 'legaldesk-icons';
  width: 16px;
  height: 16px;
  cursor: pointer;
  content: "\e90f";
  color: #d15a66;
}
.ts-pending:before {
  top: 11px;
  left: 1px;
  width: 14px !important;
  height: 2px !important;
  content: '';
  background-color: #172634;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
}
.cursor-pointer {
  cursor: pointer !important;
}
.cursor-default {
  cursor: default !important;
}
.cursor-no-drop {
  cursor: no-drop !important;
}
.text-align-right {
  text-align: right!important;
}
.text-align-center {
  text-align: center!important;
}
.nowrap {
  white-space: nowrap;
}
.direction-rtl {
  direction: rtl;
}
.loading-icon {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
  z-index: 2;
  visibility: hidden;
  opacity: 0;
}
.loading-icon.visible {
  visibility: visible;
  opacity: 1;
}
.loading-icon span {
  display: inline-block;
  height: 10px;
  width: 10px;
  background: #999999;
  border-radius: 0px;
}
.loading-icon .loader-inline span:nth-child(1) {
  border-radius: 50%;
  animation: scale 1s 0.1s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
.loading-icon .loader-inline span:nth-child(2) {
  border-radius: 50%;
  animation: scale 1s 0.2s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
.loading-icon .loader-inline span:nth-child(3) {
  border-radius: 50%;
  animation: scale 1s 0.3s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
.loading-icon .loader-inline span:nth-child(4) {
  border-radius: 50%;
  animation: scale 1s 0.4s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
.loading-icon .loader-inline span:nth-child(5) {
  border-radius: 50%;
  animation: scale 1s 0.5s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
@keyframes scale {
  0% {
    transform: scale(0);
  }
  25% {
    transform: scale(0.9, 0.9);
    background: #e5e5e5;
  }
  50% {
    transform: scale(1, 1);
    margin: 0 3px;
    background: #999999;
  }
  100% {
    transform: scale(0);
  }
}
.container-empty:after {
  content: attr(data-empty-title);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  display: block;
  text-align: center;
  padding: 30px 0;
}
.scratched {
  text-decoration: line-through;
}
.dot-indicator {
  overflow: visible!important;
  width: 20px;
  position: relative;
}
.dot-indicator:after {
  content: attr(data-indicator);
  position: absolute;
  top: -5px;
  right: -8px;
  width: 18px;
  height: 16px;
  border-radius: 50%;
  font-size: 8px;
  color: #fff;
  font-weight: 600;
  font-family: 'Open Sans';
  line-height: 16px;
}
.dot-indicator.red:after {
  overflow: visible;
  background-color: #940000;
}
.andamentos-compromissos-processo .k-animation-container {
  width: 330px !important;
  min-width: 330px !important;
}
.andamentos-compromissos-processo .k-animation-container #Assunto-list.k-popup {
  width: 330px !important;
  min-width: 330px !important;
}
.andamentos-compromissos-processo .k-splitter #left-pane {
  border-right: 0 !important;
}
.andamentos-compromissos-processo .k-splitter #left-pane .element-that-opens .toolbar-header {
  border-left: 0;
  border-right: 0;
  padding: 0 15px;
}
.andamentos-compromissos-processo .k-splitter #left-pane .element-that-opens .toolbar-header .icon-ts-dynamic-view:before {
  content: "\e90e" !important;
}
.andamentos-compromissos-processo .k-splitter #left-pane .element-that-opens .toolbar-header > span {
  padding: 0 15px;
}
.andamentos-compromissos-processo .k-splitter #left-pane .element-that-opens .toolbar-header .right-action-container .form-table {
  width: 190px;
}
.andamentos-compromissos-processo .k-splitter #left-pane .element-that-opens .toolbar-header .right-action-container .form-table .form-table-row {
  width: 190px;
}
.andamentos-compromissos-processo .k-splitter #left-pane .element-that-opens .toolbar-header .right-action-container .form-table .form-table-row .editor-form-container {
  min-width: 190px;
}
.andamentos-compromissos-processo .k-splitter #left-pane .element-that-opens .toolbar-header .right-action-container .form-table .form-table-row .editor-form-container .editor-form-field .k-widget {
  float: right;
  margin-left: 0px;
  left: auto;
}
.andamentos-compromissos-processo .k-splitter #left-pane .element-that-opens .toolbar-header .right-action-container .form-table .form-table-row .editor-form-container .editor-form-field .k-widget .k-dropdown-wrap {
  width: 160px;
}
.andamentos-compromissos-processo .k-splitter #left-pane .element-that-opens .toolbar-header .right-action-container .search-container {
  width: 140px !important;
}
.andamentos-compromissos-processo .k-splitter #left-pane .item-content .module-detail .related-entities2 .related-entities-header {
  padding: 6px 15px;
}
.andamentos-compromissos-processo .k-splitter #left-pane .item-content .module-detail .related-entities2 .related-entities-content .related-entity-container {
  padding: 10px 15px !important;
}
.andamentos-compromissos-processo .k-splitter #left-pane .item-content .module-detail .related-entities2 .related-entities-content .related-entity-container .related-entity-column {
  padding-left: 15px !important;
  padding-right: 15px !important;
}
.andamentos-compromissos-processo .k-splitter #left-pane .item-content .module-detail .related-entities2 .related-entities-content .related-entity-container .related-entity-column.first {
  width: calc(100% - 471px);
  max-width: 250px;
}
.andamentos-compromissos-processo .k-splitter #left-pane .k-pager-wrap.separated-pager {
  border-right: 0;
  border-left: 0;
}
.andamentos-compromissos-processo .k-splitter #right-pane .element-that-opens .toolbar-header {
  border-left: 0;
  border-right: 0;
  padding: 0 15px;
}
.andamentos-compromissos-processo .k-splitter #right-pane .element-that-opens .toolbar-header .icon-come-back {
  display: none !important;
}
.andamentos-compromissos-processo .k-splitter #right-pane .element-that-opens .toolbar-header .icon-ts-dynamic-view:before {
  content: "\e90e" !important;
}
.andamentos-compromissos-processo .k-splitter #right-pane .element-that-opens .toolbar-header > span {
  padding-left: 0;
}
.andamentos-compromissos-processo .k-splitter #right-pane .element-that-opens .toolbar-header .right-action-container .form-table {
  width: 190px;
}
.andamentos-compromissos-processo .k-splitter #right-pane .element-that-opens .toolbar-header .right-action-container .form-table .form-table-row {
  width: 190px;
}
.andamentos-compromissos-processo .k-splitter #right-pane .element-that-opens .toolbar-header .right-action-container .form-table .form-table-row .editor-form-container {
  min-width: 190px;
}
.andamentos-compromissos-processo .k-splitter #right-pane .element-that-opens .toolbar-header .right-action-container .form-table .form-table-row .editor-form-container .editor-form-field .k-widget {
  float: right;
  margin-left: 0px;
  left: auto;
}
.andamentos-compromissos-processo .k-splitter #right-pane .element-that-opens .toolbar-header .right-action-container .form-table .form-table-row .editor-form-container .editor-form-field .k-widget .k-dropdown-wrap {
  width: 160px;
}
.andamentos-compromissos-processo .k-splitter #right-pane .element-that-opens .toolbar-header .right-action-container .search-container {
  width: 160px !important;
}
.andamentos-compromissos-processo .k-splitter #right-pane .module-detail .agenda-container .body-agenda {
  height: calc(100vh - 253px);
  height: calc((var(--vh, 1vh) * 100) - 253px);
}
.andamentos-compromissos-processo .k-splitter #right-pane .module-detail .agenda-container table .agenda-data {
  width: 80px;
  min-width: 80px;
  max-width: 80px;
  position: sticky;
  left: 0;
  z-index: 2;
}
@media screen and (min-width: 1280px) {
  .andamentos-compromissos-processo .k-splitter #right-pane .module-detail .agenda-container table .agenda-data {
    width: calc(80px  +  45  * ((100vw -  1280px ) / 640 ));
  }
}
@media screen and (min-width: 1920px) {
  .andamentos-compromissos-processo .k-splitter #right-pane .module-detail .agenda-container table .agenda-data {
    width: 125px;
  }
}
@media screen and (min-width: 1280px) {
  .andamentos-compromissos-processo .k-splitter #right-pane .module-detail .agenda-container table .agenda-data {
    min-width: calc(80px  +  45  * ((100vw -  1280px ) / 640 ));
  }
}
@media screen and (min-width: 1920px) {
  .andamentos-compromissos-processo .k-splitter #right-pane .module-detail .agenda-container table .agenda-data {
    min-width: 125px;
  }
}
@media screen and (min-width: 1280px) {
  .andamentos-compromissos-processo .k-splitter #right-pane .module-detail .agenda-container table .agenda-data {
    max-width: calc(80px  +  45  * ((100vw -  1280px ) / 640 ));
  }
}
@media screen and (min-width: 1920px) {
  .andamentos-compromissos-processo .k-splitter #right-pane .module-detail .agenda-container table .agenda-data {
    max-width: 125px;
  }
}
.andamentos-compromissos-processo .k-splitter #right-pane .module-detail .agenda-container table .agenda-data span {
  font-size: 11px;
}
@media screen and (min-width: 1280px) {
  .andamentos-compromissos-processo .k-splitter #right-pane .module-detail .agenda-container table .agenda-data span {
    font-size: calc(11px  +  3  * ((100vw -  1280px ) / 640 ));
  }
}
@media screen and (min-width: 1920px) {
  .andamentos-compromissos-processo .k-splitter #right-pane .module-detail .agenda-container table .agenda-data span {
    font-size: 14px;
  }
}
.andamentos-compromissos-processo .k-splitter #right-pane .module-detail .agenda-container table .agenda-data label {
  font-size: 11px;
}
@media screen and (min-width: 1280px) {
  .andamentos-compromissos-processo .k-splitter #right-pane .module-detail .agenda-container table .agenda-data label {
    font-size: calc(11px  +  3  * ((100vw -  1280px ) / 640 ));
  }
}
@media screen and (min-width: 1920px) {
  .andamentos-compromissos-processo .k-splitter #right-pane .module-detail .agenda-container table .agenda-data label {
    font-size: 14px;
  }
}
.andamentos-compromissos-processo .k-splitter #right-pane .module-detail .agenda-container table .agenda-options {
  width: 46px;
  min-width: 46px;
  max-width: 46px;
  left: 80px;
  position: sticky;
  z-index: 2;
  background-image: none;
  border-top: none;
  border-left: none;
}
@media screen and (min-width: 1280px) {
  .andamentos-compromissos-processo .k-splitter #right-pane .module-detail .agenda-container table .agenda-options {
    width: calc(46px  +  0  * ((100vw -  1280px ) / 640 ));
  }
}
@media screen and (min-width: 1920px) {
  .andamentos-compromissos-processo .k-splitter #right-pane .module-detail .agenda-container table .agenda-options {
    width: 46px;
  }
}
@media screen and (min-width: 1280px) {
  .andamentos-compromissos-processo .k-splitter #right-pane .module-detail .agenda-container table .agenda-options {
    min-width: calc(46px  +  0  * ((100vw -  1280px ) / 640 ));
  }
}
@media screen and (min-width: 1920px) {
  .andamentos-compromissos-processo .k-splitter #right-pane .module-detail .agenda-container table .agenda-options {
    min-width: 46px;
  }
}
@media screen and (min-width: 1280px) {
  .andamentos-compromissos-processo .k-splitter #right-pane .module-detail .agenda-container table .agenda-options {
    max-width: calc(46px  +  0  * ((100vw -  1280px ) / 640 ));
  }
}
@media screen and (min-width: 1920px) {
  .andamentos-compromissos-processo .k-splitter #right-pane .module-detail .agenda-container table .agenda-options {
    max-width: 46px;
  }
}
@media screen and (min-width: 1280px) {
  .andamentos-compromissos-processo .k-splitter #right-pane .module-detail .agenda-container table .agenda-options {
    left: calc(80px  +  45  * ((100vw -  1280px ) / 640 ));
  }
}
@media screen and (min-width: 1920px) {
  .andamentos-compromissos-processo .k-splitter #right-pane .module-detail .agenda-container table .agenda-options {
    left: 125px;
  }
}
.andamentos-compromissos-processo .k-splitter #right-pane .module-detail .agenda-container table .agenda-options.dot-indicator.red:after {
  top: 28%;
  text-align: center;
  right: 5px;
}
.andamentos-compromissos-processo .k-splitter #right-pane .module-detail .agenda-container table .agenda-options ul {
  width: 260px;
}
.andamentos-compromissos-processo .k-splitter #right-pane .module-detail .agenda-container table .agenda-options li {
  font-size: 21px;
  left: 50%;
  border: none;
  transform: translateX(-50%);
}
@media screen and (min-width: 1280px) {
  .andamentos-compromissos-processo .k-splitter #right-pane .module-detail .agenda-container table .agenda-options li {
    font-size: calc(21px  +  0  * ((100vw -  1280px ) / 640 ));
  }
}
@media screen and (min-width: 1920px) {
  .andamentos-compromissos-processo .k-splitter #right-pane .module-detail .agenda-container table .agenda-options li {
    font-size: 21px;
  }
}
.andamentos-compromissos-processo .k-splitter #right-pane .module-detail .agenda-container table .agenda-options li span {
  background-image: none;
  text-align: left;
}
.andamentos-compromissos-processo .k-splitter #right-pane .module-detail .agenda-container table .agenda-options li.k-state-hover span {
  background-color: #f8f9fb;
}
.andamentos-compromissos-processo .k-splitter #right-pane .module-detail .agenda-container table .agenda-options li.disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.andamentos-compromissos-processo .k-splitter #right-pane .module-detail .agenda-container table .agenda-options li.disabled span {
  cursor: not-allowed;
  opacity: 1;
}
.andamentos-compromissos-processo .k-splitter #right-pane .module-detail .agenda-container table .agenda-options li.k-state-border-down .k-animation-container {
  left: 20px !important;
  top: -10px !important;
}
.andamentos-compromissos-processo .k-splitter #right-pane .module-detail .agenda-container table .agenda-options li.k-state-border-up .k-animation-container {
  left: 20px !important;
  top: -345px !important;
}
.andamentos-compromissos-processo .k-splitter #right-pane .module-detail .agenda-container table .agenda-options li.dot-indicator.red:after {
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 5px;
  padding: 0 4px;
  font-size: 10px;
  height: 17px;
  line-height: 17px;
  width: auto;
  min-width: 12px;
}
.andamentos-compromissos-processo .k-splitter #right-pane .module-detail .agenda-container table .agenda-periodo {
  width: 122px;
  min-width: 122px;
  max-width: 122px;
  padding: 18px 8px 18px 15px;
}
@media screen and (min-width: 1280px) {
  .andamentos-compromissos-processo .k-splitter #right-pane .module-detail .agenda-container table .agenda-periodo {
    width: calc(122px  +  53  * ((100vw -  1280px ) / 640 ));
  }
}
@media screen and (min-width: 1920px) {
  .andamentos-compromissos-processo .k-splitter #right-pane .module-detail .agenda-container table .agenda-periodo {
    width: 175px;
  }
}
@media screen and (min-width: 1280px) {
  .andamentos-compromissos-processo .k-splitter #right-pane .module-detail .agenda-container table .agenda-periodo {
    min-width: calc(122px  +  53  * ((100vw -  1280px ) / 640 ));
  }
}
@media screen and (min-width: 1920px) {
  .andamentos-compromissos-processo .k-splitter #right-pane .module-detail .agenda-container table .agenda-periodo {
    min-width: 175px;
  }
}
@media screen and (min-width: 1280px) {
  .andamentos-compromissos-processo .k-splitter #right-pane .module-detail .agenda-container table .agenda-periodo {
    max-width: calc(122px  +  53  * ((100vw -  1280px ) / 640 ));
  }
}
@media screen and (min-width: 1920px) {
  .andamentos-compromissos-processo .k-splitter #right-pane .module-detail .agenda-container table .agenda-periodo {
    max-width: 175px;
  }
}
.andamentos-compromissos-processo .k-splitter #right-pane .module-detail .agenda-container table .agenda-periodo span {
  font-size: 11px;
}
@media screen and (min-width: 1280px) {
  .andamentos-compromissos-processo .k-splitter #right-pane .module-detail .agenda-container table .agenda-periodo span {
    font-size: calc(11px  +  3  * ((100vw -  1280px ) / 640 ));
  }
}
@media screen and (min-width: 1920px) {
  .andamentos-compromissos-processo .k-splitter #right-pane .module-detail .agenda-container table .agenda-periodo span {
    font-size: 14px;
  }
}
.andamentos-compromissos-processo .k-splitter #right-pane .module-detail .agenda-container table .agenda-periodo span strong {
  font-size: 14px;
}
@media screen and (min-width: 1280px) {
  .andamentos-compromissos-processo .k-splitter #right-pane .module-detail .agenda-container table .agenda-periodo span strong {
    font-size: calc(14px  +  6  * ((100vw -  1280px ) / 640 ));
  }
}
@media screen and (min-width: 1920px) {
  .andamentos-compromissos-processo .k-splitter #right-pane .module-detail .agenda-container table .agenda-periodo span strong {
    font-size: 20px;
  }
}
.andamentos-compromissos-processo .k-splitter #right-pane .module-detail .agenda-container table .agenda-periodo span strong:after {
  font-size: 11px;
}
@media screen and (min-width: 1280px) {
  .andamentos-compromissos-processo .k-splitter #right-pane .module-detail .agenda-container table .agenda-periodo span strong:after {
    font-size: calc(11px  +  3  * ((100vw -  1280px ) / 640 ));
  }
}
@media screen and (min-width: 1920px) {
  .andamentos-compromissos-processo .k-splitter #right-pane .module-detail .agenda-container table .agenda-periodo span strong:after {
    font-size: 14px;
  }
}
.andamentos-compromissos-processo .k-splitter #right-pane .module-detail .agenda-container table thead tr td {
  height: 38px;
}
.andamentos-compromissos-processo .k-splitter #right-pane .module-detail .agenda-container table thead tr td.agenda-periodo {
  padding: 0px 8px 0px 15px;
}
.andamentos-compromissos-processo .k-splitter #right-pane .module-detail .agenda-container table thead tr td.agenda-descricao {
  min-width: 240px;
}
.andamentos-compromissos-processo .k-splitter #right-pane .module-detail .agenda-container table tbody tr td {
  border-right: 1px solid #D0D2D7;
}
.andamentos-compromissos-processo .k-splitter #right-pane .module-detail .agenda-container table tbody tr td:last-child {
  border-right: none;
}
.andamentos-compromissos-processo .k-splitter #right-pane .module-detail .agenda-container table tbody tr td.agenda-descricao {
  min-width: 240px;
  border-right: 0;
}
.andamentos-compromissos-processo .k-splitter #right-pane .module-detail .agenda-container table tbody tr td.agenda-situacao {
  padding: 12px 15px;
}
.andamentos-compromissos-processo .k-splitter #right-pane .k-pager-wrap.separated-pager {
  border-right: 0;
  border-left: 0;
}
.module-detail .andamento-container {
  height: calc((var(--vh, 1vh) * 100) - 215px);
}
.module-detail .andamento-container table {
  width: 100%;
}
.module-detail .andamento-container table thead td {
  height: 38px;
  background: #edeef2;
  border-bottom: 1px solid #D8DBDF;
  border-right: 1px solid #D8DBDF;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 12px;
  padding: 0 15px;
  box-sizing: border-box;
}
.module-detail .andamento-container table td.options-column {
  width: 46px;
  min-width: 46px;
  max-width: 46px;
  position: sticky;
  left: 0;
  z-index: 2;
  border-top: none;
  padding: 0;
}
.module-detail .andamento-container table td.options-column.dot-indicator.red:after {
  top: 28%;
  text-align: center;
  right: 5px;
  width: 16px;
  height: 16px;
}
.module-detail .andamento-container table td.options-column ul {
  width: 260px;
}
.module-detail .andamento-container table td.options-column li {
  font-size: 21px;
  left: 50%;
  border: none;
  transform: translateX(-50%);
}
@media screen and (min-width: 1280px) {
  .module-detail .andamento-container table td.options-column li {
    font-size: calc(21px  +  0  * ((100vw -  1280px ) / 640 ));
  }
}
@media screen and (min-width: 1920px) {
  .module-detail .andamento-container table td.options-column li {
    font-size: 21px;
  }
}
.module-detail .andamento-container table td.options-column li span {
  background-image: none;
  text-align: left;
}
.module-detail .andamento-container table td.options-column li.k-state-hover span {
  background-color: #f8f9fb;
}
.module-detail .andamento-container table td.options-column li.disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.module-detail .andamento-container table td.options-column li.disabled span {
  cursor: not-allowed;
  opacity: 1;
}
.module-detail .andamento-container table td.options-column li.dot-indicator.red:after {
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 5px;
  padding: 0 4px;
  font-size: 10px;
  height: 17px;
  line-height: 17px;
  width: auto;
  min-width: 12px;
}
.module-detail .andamento-container table td.data-column {
  width: 250px;
  min-width: 250px;
  max-width: 250px;
  position: relative;
}
.module-detail .andamento-container table td.data-column.has-desdobramento:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 5px;
  height: 100%;
  background-color: #375A7C;
}
.module-detail .andamento-container table td.act-column {
  width: 200px;
  min-width: 200px;
  max-width: 200px;
}
.module-detail .andamento-container table td.description-column {
  width: 100%;
  min-width: 250px;
}
.module-detail .andamento-container table tbody tr td {
  -webkit-text-overflow: ellipsis;
  -moz-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 12px;
  height: 85px;
  max-height: 85px;
  padding: 18px 8px 18px 15px;
  box-sizing: border-box;
  border-bottom: 1px solid #D8DBDF;
  border-right: 1px solid #D8DBDF;
  border-left: none;
}
.module-detail .andamento-container table tbody tr td.options-column {
  background-color: #fff;
  overflow: visible;
}
.module-detail .andamento-container table tbody tr td span {
  display: block;
}
.agenda-wrapper .options-menu-icon.options-button {
  margin-right: 4px;
}
.agenda-wrapper .options-menu-icon.options-button:after {
  right: -4px !important;
}
.agenda-wrapper > div.parent-detail .parent-detail-title {
  padding: 12px 32px;
}
.agenda-wrapper > div.parent-detail .parent-detail-title .header-bar-btn,
.agenda-wrapper > div.parent-detail .parent-detail-title .options-menu {
  margin-left: 10px!important;
  background-color: transparent;
}
.agenda-wrapper > div .k-pager-wrap {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  bottom: 0!important;
}
.custom-files {
  position: relative;
  width: 30px !important;
  height: 29px !important;
  background: url('/Web/Images/files.svg') no-repeat;
  background-size: 100%;
  display: inline-block !important;
  margin: 0 0 -2px 2px;
  transform: scale(0.85);
  flex-shrink: 0;
}
.custom-files:before {
  position: absolute;
  font-size: 30px;
  color: inherit;
  left: -3px;
  bottom: -3px;
}
.custom-files:after {
  left: -4px;
  width: 32px;
  bottom: 10px;
  text-align: center;
  position: absolute;
  content: attr(data-ext);
  color: #fff;
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
  font-size: 9px;
  line-height: 0;
  text-transform: uppercase;
}
.primary-color {
  color: #172634;
}
html {
  height: 100%;
}
html body {
  background-color: #2f6c89;
}
#nojs-alert {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000000;
  opacity: 0.7;
  filter: alpha(opacity=70);
  pointer-events: auto;
  -webkit-backface-visibility: hidden;
  -webkit-transition: opacity 0.1s linear;
  -moz-transition: opacity 0.1s linear;
  -o-transition: opacity 0.1s linear;
  -ms-transition: opacity 0.1s linear;
  transition: opacity 0.1s linear;
  z-index: 9999999999999999999;
  display: none;
}
html.no-js #nojs-alert {
  display: block;
}
.nojs-msg {
  width: 370px;
  height: 50px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -25px 0 0 -185px;
  color: #ffffff;
}
a,
.cursor {
  cursor: pointer;
}
.clear-both {
  clear: both;
}
.login-container {
  width: 344px;
  height: 374px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -187px 0 0 -172px;
}
.client-logo-container {
  z-index: 10;
  position: relative;
  background-color: #ffffff;
  color: #ffffff;
  width: 132px;
  height: 120px;
  margin: 0 auto;
  border: 1px solid #172634;
  -webkit-border-radius: 6px 6px 6px 6px;
  -moz-border-radius: 6px 6px 6px 6px;
  -o-border-radius: 6px 6px 6px 6px;
  border-radius: 6px 6px 6px 6px;
  -webkit-box-shadow: 0 1px 4px 0 #172634 ;
  -moz-box-shadow: 0 1px 4px 0 #172634 ;
  -o-box-shadow: 0 1px 4px 0 #172634 ;
  box-shadow: 0 1px 4px 0 #172634 ;
}
.client-logo {
  background-image: url('/Web/Images/logo_cliente.png');
  width: 112px;
  height: 76px;
  margin: 23px 11px;
  position: absolute;
}
.login-form-container {
  background-color: rgba(255, 255, 255, 0.5);
  width: 100%;
  height: 354px;
  bottom: 0;
  position: absolute;
  border: 1px solid #adafb1;
  -webkit-box-shadow: 1px 1px 6px #172634 #1c1d1e ;
  -moz-box-shadow: 1px 1px 6px #172634 #1c1d1e ;
  -o-box-shadow: 1px 1px 6px #172634 #1c1d1e ;
  box-shadow: 1px 1px 6px #172634 #1c1d1e ;
}
.login-form-container form {
  margin: 0;
  position: absolute;
  bottom: 0;
}
.editor-label {
  width: 40%;
  background-color: rgba(255, 255, 255, 0.9);
  height: 60px;
  margin-bottom: 2px;
}
.editor-label .form-label {
  text-align: center;
  height: 60px;
  margin: 0;
  line-height: 60px;
  color: #172634;
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
  display: block;
}
.editor-field {
  width: 60%;
  background-color: rgba(255, 255, 255, 0.4);
  height: 60px;
  margin-bottom: 2px;
  position: relative;
}
.login-form-container form input[type=text],
.login-form-container form input[type=password],
.login-form-container form input.custom-combobox-input {
  border: none;
  background-color: transparent;
  margin-bottom: 0px;
  padding: 12px 2%;
  width: 96%;
  height: 36px;
  font-size: 18px;
  color: #172634;
  font-weight: 300;
  -webkit-border-radius: 0 0 0 0;
  -moz-border-radius: 0 0 0 0;
  -o-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.4s linear;
  -moz-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  -ms-transition: all 0.4s linear;
  transition: all 0.4s linear;
  outline: none;
}
.login-form-container form input[type=text]:focus,
.login-form-container form input[type=password]:focus {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(23, 38, 52, 0.5);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(23, 38, 52, 0.5);
  -o-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(23, 38, 52, 0.5);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(23, 38, 52, 0.5);
  -webkit-transition: all 0.4s linear;
  -moz-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  -ms-transition: all 0.4s linear;
  transition: all 0.4s linear;
  outline: none;
}
.buttons-container {
  width: 100%;
  height: 76px;
}
.editor-button {
  border: none;
  color: #ffffff;
  font-weight: 400;
  font-size: 16px;
  text-transform: uppercase;
  background-color: #172634;
  padding: 6px 16px;
  vertical-align: middle;
  text-decoration: none;
  cursor: pointer;
  letter-spacing: normal;
  display: inline-block;
  margin-top: 16px;
  margin-right: 18px;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-text-shadow: 0 1px 1px rgba(255, 255, 255, 0.3);
  -moz-text-shadow: 0 1px 1px rgba(255, 255, 255, 0.3);
  -ms-text-shadow: 0 1px 1px rgba(255, 255, 255, 0.3);
  -o-text-shadow: 0 1px 1px rgba(255, 255, 255, 0.3);
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.3);
}
.editor-link {
  color: #172634;
  margin-top: 22px;
  margin-left: 15px;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-text-shadow: 0 1px 1px rgba(255, 255, 255, 0.3);
  -moz-text-shadow: 0 1px 1px rgba(255, 255, 255, 0.3);
  -ms-text-shadow: 0 1px 1px rgba(255, 255, 255, 0.3);
  -o-text-shadow: 0 1px 1px rgba(255, 255, 255, 0.3);
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.3);
}
.editor-link:hover,
.editor-link:focus {
  color: #172634;
  text-decoration: none;
}
/* Begin - loading */
.ajax-loading {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 10002;
  top: 0;
  left: 0;
}
.ajax-loading-glass-panel {
  position: static;
  top: 0;
  left: 0;
  z-index: 10001;
  width: 100%;
  height: 100%;
  background-color: #000000;
  opacity: 0.65;
  filter: alpha(opacity=65);
}
.ajax-loading-container {
  position: absolute;
  width: 180px;
  height: 180px;
  margin: -90px 0 0 -90px;
  top: 50%;
  left: 50%;
}
@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}
@-moz-keyframes rotation {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(359deg);
  }
}
@-o-keyframes rotation {
  from {
    -o-transform: rotate(0deg);
  }
  to {
    -o-transform: rotate(359deg);
  }
}
@-ms-keyframes rotation {
  from {
    -ms-transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(359deg);
  }
}
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
.ajax-loading-animation {
  top: 0;
  left: 0;
  width: 140px;
  height: 140px;
  -webkit-animation: rotation 1.2s infinite linear;
  -moz-animation: rotation 1.2s infinite linear;
  -o-animation: rotation 1.2s infinite linear;
  animation: rotation 1.2s infinite linear;
  position: absolute;
  border-left: 20px solid rgba(255, 255, 255, 0.15);
  border-right: 20px solid rgba(255, 255, 255, 0.15);
  border-bottom: 20px solid rgba(255, 255, 255, 0.15);
  border-top: 20px solid rgba(255, 255, 255, 0.8);
  -webkit-border-radius: 100% 100% 100% 100%;
  -moz-border-radius: 100% 100% 100% 100%;
  -o-border-radius: 100% 100% 100% 100%;
  border-radius: 100% 100% 100% 100%;
  -webkit-box-shadow: 0 0 25px 2px rgba(255, 255, 255, 0.5) ;
  -moz-box-shadow: 0 0 25px 2px rgba(255, 255, 255, 0.5) ;
  -o-box-shadow: 0 0 25px 2px rgba(255, 255, 255, 0.5) ;
  box-shadow: 0 0 25px 2px rgba(255, 255, 255, 0.5) ;
}
.ajax-loading-inner-shadow {
  width: 140px;
  height: 140px;
  top: 19px;
  left: 19px;
  border: 1px solid rgba(0, 0, 0, 0);
  -webkit-box-shadow: inset 0 0 25px 2px rgba(255, 255, 255, 0.5);
  -moz-box-shadow: inset 0 0 25px 2px rgba(255, 255, 255, 0.5);
  -o-box-shadow: inset 0 0 25px 2px rgba(255, 255, 255, 0.5);
  box-shadow: inset 0 0 25px 2px rgba(255, 255, 255, 0.5);
  position: absolute;
  z-index: 1;
  -webkit-border-radius: 100% 100% 100% 100%;
  -moz-border-radius: 100% 100% 100% 100%;
  -o-border-radius: 100% 100% 100% 100%;
  border-radius: 100% 100% 100% 100%;
}
.ajax-loading-image-container {
  width: 118px;
  height: 118px;
  top: 31px;
  left: 31px;
  position: absolute;
  z-index: 1;
}
.ajax-loading-image {
  width: 118px;
  height: 118px;
}
.ajax-loading-text-container {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 360px;
  margin: 130px 0 0 -180px;
}
.ajax-loading-text {
  color: #ffffff;
  font-size: 40px;
  text-align: center;
  width: 360px;
  display: block;
  -webkit-text-shadow: 0 0 15px rgba(255, 255, 255, 0.7);
  -moz-text-shadow: 0 0 15px rgba(255, 255, 255, 0.7);
  -ms-text-shadow: 0 0 15px rgba(255, 255, 255, 0.7);
  -o-text-shadow: 0 0 15px rgba(255, 255, 255, 0.7);
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.7);
  text-transform: lowercase;
}
@-moz-keyframes blinker {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes blinker {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-ms-keyframes blinker {
  0% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  50% {
    opacity: 0;
    filter: alpha(opacity=0);
  }
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
@-o-keyframes blinker {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes blinker {
  0% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  50% {
    opacity: 0;
    filter: alpha(opacity=0);
  }
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
.blink-me {
  -webkit-animation: blinker 1s linear infinite;
  -moz-animation: blinker 1s linear infinite;
  -o-animation: blinker 1s linear infinite;
  -ms-animation: blinker 1s linear infinite;
  animation: blinker 1s linear infinite;
}
.enter-button {
  margin-top: 16px;
  margin-right: 18px;
  padding: 6px 16px;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-text-shadow: 0 1px 1px rgba(255, 255, 255, 0.3);
  -moz-text-shadow: 0 1px 1px rgba(255, 255, 255, 0.3);
  -ms-text-shadow: 0 1px 1px rgba(255, 255, 255, 0.3);
  -o-text-shadow: 0 1px 1px rgba(255, 255, 255, 0.3);
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.3);
}
body.outlook {
  background: #ffffff;
}
.outlook .login-form-container {
  background-color: #cecece;
}
.validation-summary-errors {
  background-color: #c55458;
  color: #ffffff;
  text-align: center;
  text-transform: uppercase;
  font-family: 'Open sans';
  font-size: 11px;
  font-weight: 500;
}
.field-validation-error,
.caps-lock {
  width: 100%;
  padding: 0 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #c55458;
  font-size: 11px;
  text-transform: uppercase;
  color: #ffffff;
  line-height: 18px;
  position: absolute;
  left: 0;
  bottom: -18px;
  text-align: center;
}
.caps-lock {
  display: none;
}
/*novo login*/
.login-box {
  width: 416px;
  min-height: 378px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -208px;
  margin-top: -189px;
  -webkit-box-shadow: 0 0 18px 1px rgba(0, 0, 0, 0.3) ;
  -moz-box-shadow: 0 0 18px 1px rgba(0, 0, 0, 0.3) ;
  -o-box-shadow: 0 0 18px 1px rgba(0, 0, 0, 0.3) ;
  box-shadow: 0 0 18px 1px rgba(0, 0, 0, 0.3) ;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #f8f9fb;
  border: 1px solid #d0d2d7;
  padding: 30px;
}
.login-box.reset {
  margin-top: -240px;
}
.login-box.alterar-senha {
  min-height: 536px;
}
.login-box.alterar-senha .btn.back-button {
  margin-right: 10px;
}
.login-box.two-factor {
  height: 492px;
  margin-top: -246px;
}
.login-box .topo,
.login-box .bottom {
  margin-left: -30px;
  margin-right: -30px;
  padding: 30px;
  background-color: #edeef2;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.login-box .topo {
  width: calc(100% + 60px);
  float: left;
  margin-top: -30px;
  border-bottom: 1px solid #d0d2d7;
}
.login-box .topo .title-default {
  font-size: 17px;
  text-transform: uppercase;
}
.login-box .container {
  float: left;
  margin-bottom: 80px;
  width: 100%;
}
.login-box .container .input-container {
  width: 100%;
  position: relative;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.login-box .container .input-container span:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 7px;
  height: 30px;
  border: 1px solid #d0d2d7;
  border-left: none;
  background-color: #ffffff;
}
.login-box .container .input-container .validation-summary-errors {
  width: 100%;
  padding: 0 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #c55458;
  font-size: 11px;
  text-transform: uppercase;
  color: #ffffff;
  line-height: 18px;
  position: absolute;
  left: 0;
  bottom: -18px;
  text-align: center;
  font-family: 'Open sans';
  font-weight: 500;
}
.login-box .container .input-container input[type="text"],
.login-box .container .input-container input[type="password"] {
  position: relative;
  width: 100%;
  height: 32px;
  float: left;
  border: 1px solid #d0d2d7;
  padding: 5px 5px 5px 10px;
  outline: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.login-box .container .input-container input[type="text"]:focus + span:before,
.login-box .container .input-container input[type="password"]:focus + span:before {
  content: '';
  background-color: #2f6c89;
}
.login-box .container .input-container input[readonly=true],
.login-box .container .input-container input[readonly=readonly] {
  opacity: 0.7 !important;
  filter: alpha(opacity=70) !important;
  cursor: no-drop !important;
  background-color: #F7F7F7 !important;
}
.login-box .container .input-container .checkbox {
  display: block;
  position: relative;
  padding-left: 33px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  height: 22px;
  line-height: 22px;
  /* Hide the browser's default checkbox */
  /* Create a custom checkbox */
  /* On mouse-over, add a grey background color */
  /* When the checkbox is checked, add a blue background */
  /* Create the checkmark/indicator (hidden when not checked) */
  /* Show the checkmark when checked */
  /* Style the checkmark/indicator */
}
.login-box .container .input-container .checkbox input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.login-box .container .input-container .checkbox .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 22px;
  width: 22px;
  border: 1px solid #d0d2d7;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.login-box .container .input-container .checkbox:hover input[type="checkbox"] ~ .checkmark {
  background-color: #ccc;
}
.login-box .container .input-container .checkbox input[type="checkbox"]:checked ~ .checkmark {
  background-color: #172634;
  border: none;
}
.login-box .container .input-container .checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.login-box .container .input-container .checkbox input[type="checkbox"]:checked ~ .checkmark:after {
  display: block;
}
.login-box .container .input-container .checkbox .checkmark:after {
  left: 6.5px;
  top: 2.5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.login-box .bottom {
  width: 100%;
  position: absolute;
  bottom: 0;
  border-top: 1px solid #d0d2d7;
}
.login-box .bottom .link-default {
  margin-top: 7px;
}
.login-box.qrcode,
.login-box.reset {
  margin: 0 !important;
  transform: translate(-50%, -50%);
  min-width: 416px;
  width: auto;
  -webkit-transition: transform 0.35s ease-out;
  -moz-transition: transform 0.35s ease-out;
  -o-transition: transform 0.35s ease-out;
  -ms-transition: transform 0.35s ease-out;
  transition: transform 0.35s ease-out;
}
.login-box.qrcode:after,
.login-box.reset:after {
  content: '';
  position: absolute;
  background-color: #f8f9fb;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
.login-box.qrcode .container,
.login-box.reset .container {
  display: flex;
  flex-flow: column;
  margin: 30px 0 105px;
}
.login-box.qrcode .mobile-message,
.login-box.reset .mobile-message,
.login-box.qrcode #mobile-message,
.login-box.reset #mobile-message {
  display: none;
}
.login-box.qrcode #qrSecret,
.login-box.reset #qrSecret {
  text-align: center;
  width: 100%;
}
.login-box.qrcode #qrSecret img,
.login-box.reset #qrSecret img {
  display: inline-block !important;
}
.login-box.qrcode .secret-values,
.login-box.reset .secret-values {
  width: 100%;
  float: left;
  text-align: center;
  margin-top: 9px;
}
.login-box.qrcode div.secret-values span,
.login-box.reset div.secret-values span {
  margin: 0 5px 0 5px;
}
.login-box.qrcode .cancel-button,
.login-box.reset .cancel-button {
  background-color: #c25657;
  margin-right: 10px;
}
.login-box.qrcode .two-factor-info,
.login-box.reset .two-factor-info {
  position: absolute;
  top: 81px;
  right: -1px;
  width: 330px;
  padding: 20px;
  background-color: #fff;
  -webkit-transition: transform 0.35s ease-out;
  -moz-transition: transform 0.35s ease-out;
  -o-transition: transform 0.35s ease-out;
  -ms-transition: transform 0.35s ease-out;
  transition: transform 0.35s ease-out;
  transform: translateX(0);
  z-index: -2;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  box-shadow: inset 1px 0 5px rgba(0, 0, 0, 0.18);
}
.login-box.qrcode .two-factor-info.always-visible,
.login-box.reset .two-factor-info.always-visible {
  transform: translateX(100%);
  width: 350px;
}
.login-box.qrcode .two-factor-info-content .text-container,
.login-box.reset .two-factor-info-content .text-container {
  line-height: 1.5;
  font-size: 80%;
  color: #999;
}
.login-box.qrcode .two-factor-info-content .text-container strong,
.login-box.reset .two-factor-info-content .text-container strong {
  color: #172634;
}
.login-box.qrcode .two-factor-info-content .text-container .aut-code span,
.login-box.reset .two-factor-info-content .text-container .aut-code span {
  margin-right: 5px;
}
.login-box.qrcode .two-factor-info-content .text-container .links-container,
.login-box.reset .two-factor-info-content .text-container .links-container {
  padding: 5px 8px;
  background: #edeef2;
  float: left;
  border-radius: 5px;
}
.login-box.qrcode .two-factor-info-content .text-container .links-container:last-child,
.login-box.reset .two-factor-info-content .text-container .links-container:last-child {
  margin-top: 8px;
}
.login-box.qrcode .two-factor-info-content .text-container .links-container .links-label,
.login-box.reset .two-factor-info-content .text-container .links-container .links-label {
  margin-bottom: 4px;
  display: block;
}
.login-box.qrcode .two-factor-info-content .text-container .links-container .apple-store,
.login-box.reset .two-factor-info-content .text-container .links-container .apple-store {
  display: inline-block;
  overflow: hidden;
  background: url(https://linkmaker.itunes.apple.com/assets/shared/badges/en-us/appstore-lrg.svg) no-repeat;
  width: 135px;
  height: 40px;
  background-size: contain;
}
.login-box.qrcode .two-factor-info-content .text-container .links-container .google-play,
.login-box.reset .two-factor-info-content .text-container .links-container .google-play {
  display: inline-block;
  overflow: hidden;
  background: url('/Web/Images/google-play.svg') no-repeat;
  width: 135px;
  height: 40px;
  background-size: contain;
}
.login-box.qrcode .two-factor-info-content .text-container .policy-title,
.login-box.reset .two-factor-info-content .text-container .policy-title {
  font-weight: 600;
  text-transform: uppercase;
}
.login-box.qrcode .two-factor-info-content .text-container .policy-message,
.login-box.reset .two-factor-info-content .text-container .policy-message {
  width: 100%;
  float: left;
}
.login-box.qrcode .two-factor-info-content .text-container .policy-message span,
.login-box.reset .two-factor-info-content .text-container .policy-message span {
  width: 100%;
  float: left;
}
.login-box.qrcode .two-factor-info-content .text-container .policy-message span.policy-error,
.login-box.reset .two-factor-info-content .text-container .policy-message span.policy-error {
  color: #c55458;
  font-style: italic;
}
.login-box.qrcode .two-factor-info-close,
.login-box.reset .two-factor-info-close {
  position: absolute;
  right: 10px;
  top: 3px;
}
.login-box.qrcode .two-factor-info-close i,
.login-box.reset .two-factor-info-close i {
  display: inline;
  color: #999;
}
.login-box.qrcode .open-info,
.login-box.reset .open-info {
  position: absolute;
  right: 7px;
  top: 85px;
  -webkit-transition: opacity 0.1s linear;
  -moz-transition: opacity 0.1s linear;
  -o-transition: opacity 0.1s linear;
  -ms-transition: opacity 0.1s linear;
  transition: opacity 0.1s linear;
}
.login-box.qrcode .open-info i,
.login-box.reset .open-info i {
  display: inline;
  color: #172634;
}
#open-info {
  display: none;
}
#open-info + .qrcode .two-factor-info-content {
  animation: close-infos 0.5s ease-out;
}
#open-info + .qrcode .open-info {
  opacity: 1;
  pointer-events: all;
}
#open-info:checked + .qrcode {
  transform: translate(calc(-50% - 165px), -50%);
}
#open-info:checked + .qrcode .two-factor-info {
  transform: translateX(100%);
}
#open-info:checked + .qrcode .two-factor-info-content {
  animation: open-infos 0.65s ease-out;
}
#open-info:checked + .qrcode .open-info {
  opacity: 0;
  pointer-events: none;
}
@keyframes close-infos {
  0% {
    opacity: 1;
  }
  40% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes open-infos {
  0% {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* ipad */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
  body {
    position: fixed;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    display: block;
  }
  .login-box {
    width: 416px;
    min-height: 378px;
    position: absolute;
    left: 50%;
    top: 50%;
  }
}
input[type='text'],
input[type='password'],
input[type='date'],
input[type='number'],
input[type='email'],
input[type='tel'],
input[type='url'],
textarea {
  -webkit-appearance: none;
  border-radius: 0;
}
.testeBia {
  color: red;
}
span.locale-flag {
  background-image: url('/Web/Images/sprite_36x36-bandeira.png');
  background-position: -8px -8px;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  display: block;
}
span.locale-flag.es-ES {
  background-position: -8px -44px;
}
span.locale-flag.pt-BR {
  background-position: -8px -80px;
}
.copyright-info {
  position: fixed;
  right: 0px;
  width: 100%;
  height: 29px;
  z-index: 10001;
  bottom: 0px;
}
.copyright-info .version-info {
  width: 100%;
  color: #ffffff;
  font-size: 11px;
  line-height: 12px;
  text-align: center;
  margin: 9px 0;
}