@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700");
/* Colores */
/* green-ligther */
/* green-light */
/* green */
/* green-dark */
/* green-darker */
/* gray-lighter */
/* gray-light */
/* gray */
/* gray-dark */
/* gray-darker */
/* blue-lighter */
/* blue-light */
/* blue */
/* blue-dark */
/* blue-darker */
/* yellow */
/* red/pink */
/* blue */
/* reports-tables */
/* Medidas */
/* animaciones */
/* break points */
.k-input .k-textbox, .k-textarea, .k-textbox, .la-voz-form ul > li input:not([type="radio"]) {
  border-radius: 0;
  padding: 4px 8px;
  font-family: "Roboto", sans-serif;
  font-weight: lighter; }
  .k-textarea:hover, .k-textbox:hover, .la-voz-form ul > li input:hover:not([type="radio"]), .k-state-hover.k-textarea, .k-state-hover.k-textbox, .la-voz-form ul > li input.k-state-hover:not([type="radio"]) {
    border-color: #97D12E; }
  .k-state-invalid.k-textarea, .k-state-invalid.k-textbox, .la-voz-form ul > li input.k-state-invalid:not([type="radio"]), .ng-invalid.ng-touched.k-textarea, .ng-invalid.ng-touched.k-textbox, .la-voz-form ul > li input.ng-invalid.ng-touched:not([type="radio"]), .ng-invalid.ng-dirty.k-textarea, .ng-invalid.ng-dirty.k-textbox, .la-voz-form ul > li input.ng-invalid.ng-dirty:not([type="radio"]) {
    color: #E2C523;
    border-color: #E2C523; }

.k-input, .k-textbox > input, .la-voz-form ul > li input:not([type="radio"]) {
  width: 100%;
  box-sizing: border-box;
  color: inherit !important;
  flex: 1;
  display: flex;
  align-items: center; }

.k-autocomplete.k-state-focused, .k-dropdown-wrap.k-state-focused, .k-numeric-wrap.k-state-focused, .k-picker-wrap.k-state-focused, .k-textbox:focus {
  box-shadow: 0 0 3px 0 rgba(104, 111, 120, 0.3);
  border-color: #488731; }

textarea .k-textbox, .k-multiselect .k-header, .k-textbox {
  border-color: #63A74F;
  padding: 8px 16px; }

.k-input .k-textbox, .k-autocomplete, .k-combobox .k-dropdown-wrap, .k-datepicker .k-picker-wrap, .k-timepicker .k-picker-wrap, .k-datetimepicker .k-picker-wrap, .k-dateinput .k-dateinput-wrap, .k-textarea, .k-multiselect, .k-multiselect-wrap, .k-numerictextbox .k-numeric-wrap, .k-textbox, .la-voz-form ul > li input:not([type="radio"]) {
  color: #939598;
  border-color: #63A74F; }

.k-datepicker:hover .k-select, .k-datepicker.k-state-hover .k-select, .k-timepicker .k-picker-wrap:hover .k-select, .k-timepicker .k-picker-wrap.k-state-hover .k-select, .k-datetimepicker .k-picker-wrap:hover .k-select, .k-datetimepicker .k-picker-wrap .k-state-hover .k-select, .k-dateinput .k-dateinput-wrap .k-select:hover,
.k-dateinput .k-dateinput-wrap .k-select > .k-state-selected,
.k-dateinput .k-dateinput-wrap .k-select > .k-state-active, .k-dateinput .k-dateinput-wrap .k-state-hover .k-select, .k-numerictextbox .k-select:hover,
.k-numerictextbox .k-select > .k-state-selected,
.k-numerictextbox .k-select > .k-state-active, .k-numerictextbox .k-state-hover .k-select, .k-button:hover, .k-button.k-state-hover, .k-button .k-flat:hover
.k-button .k-flat.k-state-hover, .k-button.k-primary .k-flat:hover
.k-button.k-primary .k-flat.k-state-hover, .k-action-buttons .k-button:hover, .k-dropdown > :hover,
.k-dropdown .k-state-hover, .k-dialog-buttongroup .k-button:hover, .k-dialog-buttongroup .k-button.k-state-hover, .k-toolbar .k-split-button .k-button:hover, .k-toolbar .k-split-button .k-button.k-state-hover, .k-spreadsheet-filter:hover, .k-pivot-toolbar .k-button:hover, .k-pivot-toolbar .k-button.k-state-hover, .k-fieldselector .k-list li.k-item:hover, .k-fieldselector .k-list li.k-item.k-state-hover, .k-colorpicker .k-state-hover, .k-combobox > :hover .k-select,
.k-combobox .k-state-hover .k-select, .k-calendar .k-nav-next:hover, .k-calendar .k-nav-next.k-state-hover, .k-calendar .k-nav-fast:hover, .k-calendar .k-nav-fast.k-state-hover, .k-calendar .k-nav-prev:hover, .k-calendar .k-nav-prev.k-state-hover, .k-editor .k-editor-toolbar-wrap a.k-tool:hover, .k-editor .k-editor-toolbar-wrap a.k-tool.k-state-hover, .k-ct-popup .k-editor-toolbar a.k-tool:hover, .k-ct-popup .k-editor-toolbar a.k-tool.k-state-hover, .editorToolbarWindow.k-header.k-window-content a.k-tool:hover, .editorToolbarWindow.k-header.k-window-content a.k-tool.k-state-hover, .k-switch-off:hover .k-switch-handle, .k-scheduler-navigation .k-nav-today.k-state-hover,
.k-scheduler-navigation .k-nav-prev.k-state-hover,
.k-scheduler-navigation .k-nav-next.k-state-hover, .k-scheduler-views li.k-state-hover, .k-scheduler-footer li.k-state-hover, .k-handle:hover, .k-gantt-views li.k-state-hover {
  color: #686F78;
  background-color: #FFF;
  border-color: #686F78;
  background-image: none; }

input .k-textbox:hover,
textarea .k-textbox:hover, .k-input:hover, .k-multiselect-wrap:hover, .k-textbox > input:hover {
  background-color: transparent;
  color: #686F78; }

.k-button:focus:not(.k-state-disabled):not([disabled]), .k-button:focus:active:not(.k-state-disabled):not([disabled]) {
  box-shadow: none;
  color: #686F78;
  border-color: #63A74F;
  background-color: #97D12E; }
  
.k-button:focus:not(.k-state-disabled):not([disabled]), .k-button:focus:active:not(.k-state-disabled):not([disabled]) {
  box-shadow: none;
  color: #FFF;
  border-color: #C41E3A;
  background-color: #C41E3A; }

.k-multiselect li.k-button:active, .k-multiselect li.k-button.k-state-active, .k-button.k-state-active:hover, .k-button:active:hover, .k-button .k-flat:active, .k-button .k-flat.k-state-active, .k-action-buttons .k-button:active, .k-dialog-buttongroup .k-button:active, .k-dialog-buttongroup .k-button.k-state-active, .k-toolbar .k-split-button .k-button:active, .k-toolbar .k-split-button .k-button.k-state-active, .k-spreadsheet-filter.k-state-active, .k-colorpicker .k-state-active, .k-calendar .k-nav-next:active, .k-calendar .k-nav-fast:active, .k-calendar .k-nav-prev:active, .k-editor .k-editor-toolbar-wrap a.k-tool:active, .k-editor .k-editor-toolbar-wrap a.k-tool.k-state-active, .k-ct-popup .k-editor-toolbar a.k-tool:active, .k-ct-popup .k-editor-toolbar a.k-tool.k-state-active, .editorToolbarWindow.k-header.k-window-content a.k-tool:active, .editorToolbarWindow.k-header.k-window-content a.k-tool.k-state-active, .k-split-button.k-button-group .k-button:active, .k-split-button.k-button-group .k-button.k-state-active {
  color: #686F78;
  background-color: rgba(255, 255, 255, 0.25);
  border-color: #63A74F;
  background-image: none;
  box-shadow: none; }

.k-button.k-primary, .k-slider .k-draghandle, .k-switch-on .k-switch-handle {
  color: #FFF;
  background-color: #97D12E;
  border-color: #97D12E;
  background-image: none;
  margin: 0; }
  
  .k-button.k-danger {
  color: #FFF;
  background-color: #FF5733;
  border-color: #FF5733;
  background-image: none;
  margin: 0; }

.k-primary:hover, .k-button.k-primary:hover, .k-button.k-primary.k-state-hover, .k-action-buttons .k-primary:hover, .k-slider .k-draghandle:hover, .k-switch-on:hover .k-switch-handle, .k-dialog-buttongroup .k-button .k-primary:hover, .k-dialog-buttongroup .k-button .k-primary.k-state-hover {
  color: #FFF;
  background-color: #63A74F;
  border-color: #63A74F;
  background-image: none; }
  
  .k-danger:hover {
  color: #FFF;
  background-color: #C41E3A;
  border-color: #C41E3A;
  background-image: none; }

.k-button.k-primary .k-flat:active, .k-button.k-primary .k-flat.k-state-active, .k-button.k-primary:focus:not(.k-state-disabled):not([disabled]), .k-button.k-primary:active, .k-button.k-primary.k-state-active, .k-button.k-primary[disabled]:focus, .k-button.k-primary[disabled]:hover, .k-action-buttons .k-primary:active, .k-slider .k-draghandle:active, .k-slider .k-draghandle.k-pressed, .k-dialog-buttongroup .k-button .k-primary:active, .k-dialog-buttongroup .k-button .k-primary.k-state-active {
  background-color: #488731;
  border-color: #488731;
  background-image: none;
  color: #FFF; }
  
.k-danger:active {
  background-color: #C41E3A;
  border-color: #C41E3A;
  background-image: none;
  color: #FFF;
}

.k-multiselect-wrap .k-input, .k-dropdown-wrap .k-input, .k-numeric-wrap .k-input, .k-picker-wrap .k-input, .k-dateinput-wrap .k-input {
  padding: 4px;
  height: 38px;
  display: inline; }

.k-combobox, .k-datepicker, .k-timepicker, .k-datetimepicker, .k-dateinput, .k-multiselect, .k-numerictextbox, .k-dropdown, .k-colorpicker, .k-maskedtextbox {
  border-width: 0;
  background-color: transparent; }

.k-autocomplete, .k-combobox, .k-datepicker, .k-timepicker, .k-datetimepicker, .k-dateinput, .k-multiselect, .k-numerictextbox, .k-dropdown, .k-maskedtextbox {
  display: inline-flex;
  vertical-align: middle;
  position: relative; }

.k-autocomplete.k-state-default, .k-dropdown-wrap.k-state-default, .k-numeric-wrap.k-state-default, .k-picker-wrap.k-state-default {
  background-color: #FFF;
  background-image: none;
  border-color: #63A74F; }

.k-multiselect-wrap, .k-dropdown-wrap, .k-numeric-wrap, .k-picker-wrap, .k-dateinput-wrap, .k-dropzone, .k-fieldselector .k-list .k-item, .k-list .k-state-focused, .k-list .k-state-highlight, .k-list .k-state-hover, .k-list .k-state-selected, .k-list-optionlabel, .k-listbox .k-item {
  border-radius: 0; }

.k-dropdown-wrap .k-select, .k-numeric-wrap .k-select, .k-picker-wrap .k-select, .k-dateinput-wrap .k-select {
  display: flex;
  align-items: center; }

.loginContactShadow .loginWrapper, .loginContactShadow #login {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%; }

.k-popup .k-list .k-item, .k-listbox .k-item {
  padding: 0 8px; }

.k-dropdown .k-state-focused .k-input,
.k-menu .k-popup, .k-multiselect .k-input:hover,
.k-multiselect .k-button:hover, .k-dropdown > :hover .k-input,
.k-dropdown > :hover .k-select,
.k-dropdown .k-state-hover .k-input,
.k-dropdown .k-state-hover .k-select, .k-dropdown .k-state-focused, .k-pager-wrap .k-pager-wrap .k-link:hover, .k-list > .k-state-hove, .k-filebrowser-dropzone, .k-mobile-list .k-edit-label.k-check:active, .k-mobile-list .k-item > .k-label:active,
.k-mobile-list .k-item > .k-link:active, .k-mobile-list .k-recur-view .k-check:active, .k-scheduler .k-scheduler-toolbar ul li.k-state-hover, .k-splitbar-horizontal-hover:hover, .k-splitbar-vertical-hover:hover, .k-state-hover, .k-state-hover:hover {
  color: #939598; }

.k-state-focused, .k-listview > .k-state-focused, .k-list > .k-state-focused, .k-grid-header th.k-state-focused, td.k-state-focused {
  background-color: rgba(104, 111, 120, 0.15);
  box-shadow: none; }

.k-state-hover, .k-state-hover:hover, .k-multiselect.k-header.k-state-focused, .k-dropdown-wrap.k-state-focused, .k-numeric-wrap.k-state-focused, .k-picker-wrap.k-state-focused, .k-textbox:hover, .k-pager-wrap .k-link:hover, .k-listbox .k-item:hover:not(.k-state-disabled), .k-draghandle:hover,
.k-other-month.k-state-hover .k-link, .k-filebrowser-dropzone em {
  background-image: none;
  background-color: #C8ED7D;
  color: #F5F5F5; }
  
.k-autocomplete.k-state-focused {
	color: #6c6c6c;
}

#mainContent .principal-nav nav ul li button:hover {
  background-color: rgba(255, 255, 255, 0.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  cursor: pointer; }

html,
body {
  height: 100%; }

body {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  color: #939598;
  margin: 0; }
  body .fas {
    color: #939598; }
  body * {
    box-sizing: border-box; }

[class*="max-"] {
  display: flex;
  position: relative;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0; }
  [class*="max-"].form-list-ext > * {
    position: relative;
    margin-bottom: 8px;
    text-align: left;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0 16px;
    box-sizing: border-box; }
    [class*="max-"].form-list-ext > * .k-edit-label {
      margin: 0;
      padding: 0 16px 0 0;
      float: none;
      width: 40%;
      text-align: left;
      box-sizing: border-box; }
    [class*="max-"].form-list-ext > * .k-edit-field {
      padding: 0;
      margin: 0;
      width: 60%; }

.max-uhd-1 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-uhd-1 > * {
      width: 100%; } }
  @media (min-width: 600px) {
    .max-uhd-1 > * {
      width: 100%; } }
  @media (min-width: 1101px) {
    .max-uhd-1 > * {
      width: 100%; } }
  @media (min-width: 1401px) {
    .max-uhd-1 > * {
      width: 100%; } }
  @media (min-width: 2001px) {
    .max-uhd-1 > * {
      width: 100%; } }

.max-uhd-2 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-uhd-2 > * {
      width: 100%; } }
  @media (min-width: 600px) {
    .max-uhd-2 > * {
      width: 100%; } }
  @media (min-width: 1101px) {
    .max-uhd-2 > * {
      width: 100%; } }
  @media (min-width: 1401px) {
    .max-uhd-2 > * {
      width: 50%; } }
  @media (min-width: 2001px) {
    .max-uhd-2 > * {
      width: 50%; } }

.max-uhd-3 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-uhd-3 > * {
      width: 100%; } }
  @media (min-width: 600px) {
    .max-uhd-3 > * {
      width: 100%; } }
  @media (min-width: 1101px) {
    .max-uhd-3 > * {
      width: 50%; } }
  @media (min-width: 1401px) {
    .max-uhd-3 > * {
      width: 50%; } }
  @media (min-width: 2001px) {
    .max-uhd-3 > * {
      width: 33.33333%; } }

.max-uhd-4 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-uhd-4 > * {
      width: 100%; } }
  @media (min-width: 600px) {
    .max-uhd-4 > * {
      width: 50%; } }
  @media (min-width: 1101px) {
    .max-uhd-4 > * {
      width: 50%; } }
  @media (min-width: 1401px) {
    .max-uhd-4 > * {
      width: 33.33333%; } }
  @media (min-width: 2001px) {
    .max-uhd-4 > * {
      width: 25%; } }

.max-uhd-5 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-uhd-5 > * {
      width: 100%; } }
  @media (min-width: 600px) {
    .max-uhd-5 > * {
      width: 50%; } }
  @media (min-width: 1101px) {
    .max-uhd-5 > * {
      width: 33.33333%; } }
  @media (min-width: 1401px) {
    .max-uhd-5 > * {
      width: 25%; } }
  @media (min-width: 2001px) {
    .max-uhd-5 > * {
      width: 20%; } }

.max-uhd-6 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-uhd-6 > * {
      width: 100%; } }
  @media (min-width: 600px) {
    .max-uhd-6 > * {
      width: 50%; } }
  @media (min-width: 1101px) {
    .max-uhd-6 > * {
      width: 25%; } }
  @media (min-width: 1401px) {
    .max-uhd-6 > * {
      width: 20%; } }
  @media (min-width: 2001px) {
    .max-uhd-6 > * {
      width: 16.66667%; } }

.max-uhd-7 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-uhd-7 > * {
      width: 100%; } }
  @media (min-width: 600px) {
    .max-uhd-7 > * {
      width: 33.33333%; } }
  @media (min-width: 1101px) {
    .max-uhd-7 > * {
      width: 25%; } }
  @media (min-width: 1401px) {
    .max-uhd-7 > * {
      width: 16.66667%; } }
  @media (min-width: 2001px) {
    .max-uhd-7 > * {
      width: 14.28571%; } }

.max-uhd-8 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-uhd-8 > * {
      width: 50%; } }
  @media (min-width: 600px) {
    .max-uhd-8 > * {
      width: 33.33333%; } }
  @media (min-width: 1101px) {
    .max-uhd-8 > * {
      width: 20%; } }
  @media (min-width: 1401px) {
    .max-uhd-8 > * {
      width: 16.66667%; } }
  @media (min-width: 2001px) {
    .max-uhd-8 > * {
      width: 12.5%; } }

.max-uhd-9 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-uhd-9 > * {
      width: 50%; } }
  @media (min-width: 600px) {
    .max-uhd-9 > * {
      width: 25%; } }
  @media (min-width: 1101px) {
    .max-uhd-9 > * {
      width: 20%; } }
  @media (min-width: 1401px) {
    .max-uhd-9 > * {
      width: 14.28571%; } }
  @media (min-width: 2001px) {
    .max-uhd-9 > * {
      width: 11.11111%; } }

.max-uhd-10 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-uhd-10 > * {
      width: 50%; } }
  @media (min-width: 600px) {
    .max-uhd-10 > * {
      width: 25%; } }
  @media (min-width: 1101px) {
    .max-uhd-10 > * {
      width: 16.66667%; } }
  @media (min-width: 1401px) {
    .max-uhd-10 > * {
      width: 12.5%; } }
  @media (min-width: 2001px) {
    .max-uhd-10 > * {
      width: 10%; } }

.max-uhd-11 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-uhd-11 > * {
      width: 50%; } }
  @media (min-width: 600px) {
    .max-uhd-11 > * {
      width: 25%; } }
  @media (min-width: 1101px) {
    .max-uhd-11 > * {
      width: 14.28571%; } }
  @media (min-width: 1401px) {
    .max-uhd-11 > * {
      width: 11.11111%; } }
  @media (min-width: 2001px) {
    .max-uhd-11 > * {
      width: 9.09091%; } }

.max-uhd-12 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-uhd-12 > * {
      width: 50%; } }
  @media (min-width: 600px) {
    .max-uhd-12 > * {
      width: 20%; } }
  @media (min-width: 1101px) {
    .max-uhd-12 > * {
      width: 14.28571%; } }
  @media (min-width: 1401px) {
    .max-uhd-12 > * {
      width: 10%; } }
  @media (min-width: 2001px) {
    .max-uhd-12 > * {
      width: 8.33333%; } }

.max-uhd-13 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-uhd-13 > * {
      width: 33.33333%; } }
  @media (min-width: 600px) {
    .max-uhd-13 > * {
      width: 20%; } }
  @media (min-width: 1101px) {
    .max-uhd-13 > * {
      width: 12.5%; } }
  @media (min-width: 1401px) {
    .max-uhd-13 > * {
      width: 10%; } }
  @media (min-width: 2001px) {
    .max-uhd-13 > * {
      width: 7.69231%; } }

.max-uhd-14 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-uhd-14 > * {
      width: 33.33333%; } }
  @media (min-width: 600px) {
    .max-uhd-14 > * {
      width: 16.66667%; } }
  @media (min-width: 1101px) {
    .max-uhd-14 > * {
      width: 12.5%; } }
  @media (min-width: 1401px) {
    .max-uhd-14 > * {
      width: 9.09091%; } }
  @media (min-width: 2001px) {
    .max-uhd-14 > * {
      width: 7.14286%; } }

.max-uhd-15 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-uhd-15 > * {
      width: 33.33333%; } }
  @media (min-width: 600px) {
    .max-uhd-15 > * {
      width: 16.66667%; } }
  @media (min-width: 1101px) {
    .max-uhd-15 > * {
      width: 11.11111%; } }
  @media (min-width: 1401px) {
    .max-uhd-15 > * {
      width: 8.33333%; } }
  @media (min-width: 2001px) {
    .max-uhd-15 > * {
      width: 6.66667%; } }

.max-uhd-16 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-uhd-16 > * {
      width: 33.33333%; } }
  @media (min-width: 600px) {
    .max-uhd-16 > * {
      width: 16.66667%; } }
  @media (min-width: 1101px) {
    .max-uhd-16 > * {
      width: 10%; } }
  @media (min-width: 1401px) {
    .max-uhd-16 > * {
      width: 7.69231%; } }
  @media (min-width: 2001px) {
    .max-uhd-16 > * {
      width: 6.25%; } }

.max-uhd-17 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-uhd-17 > * {
      width: 33.33333%; } }
  @media (min-width: 600px) {
    .max-uhd-17 > * {
      width: 14.28571%; } }
  @media (min-width: 1101px) {
    .max-uhd-17 > * {
      width: 10%; } }
  @media (min-width: 1401px) {
    .max-uhd-17 > * {
      width: 7.14286%; } }
  @media (min-width: 2001px) {
    .max-uhd-17 > * {
      width: 5.88235%; } }

.max-uhd-18 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-uhd-18 > * {
      width: 25%; } }
  @media (min-width: 600px) {
    .max-uhd-18 > * {
      width: 14.28571%; } }
  @media (min-width: 1101px) {
    .max-uhd-18 > * {
      width: 9.09091%; } }
  @media (min-width: 1401px) {
    .max-uhd-18 > * {
      width: 7.14286%; } }
  @media (min-width: 2001px) {
    .max-uhd-18 > * {
      width: 5.55556%; } }

.max-uhd-19 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-uhd-19 > * {
      width: 25%; } }
  @media (min-width: 600px) {
    .max-uhd-19 > * {
      width: 12.5%; } }
  @media (min-width: 1101px) {
    .max-uhd-19 > * {
      width: 9.09091%; } }
  @media (min-width: 1401px) {
    .max-uhd-19 > * {
      width: 6.66667%; } }
  @media (min-width: 2001px) {
    .max-uhd-19 > * {
      width: 5.26316%; } }

.max-uhd-20 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-uhd-20 > * {
      width: 25%; } }
  @media (min-width: 600px) {
    .max-uhd-20 > * {
      width: 12.5%; } }
  @media (min-width: 1101px) {
    .max-uhd-20 > * {
      width: 8.33333%; } }
  @media (min-width: 1401px) {
    .max-uhd-20 > * {
      width: 6.25%; } }
  @media (min-width: 2001px) {
    .max-uhd-20 > * {
      width: 5%; } }

.max-uhd-21 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-uhd-21 > * {
      width: 25%; } }
  @media (min-width: 600px) {
    .max-uhd-21 > * {
      width: 12.5%; } }
  @media (min-width: 1101px) {
    .max-uhd-21 > * {
      width: 7.69231%; } }
  @media (min-width: 1401px) {
    .max-uhd-21 > * {
      width: 5.88235%; } }
  @media (min-width: 2001px) {
    .max-uhd-21 > * {
      width: 4.7619%; } }

.max-uhd-22 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-uhd-22 > * {
      width: 25%; } }
  @media (min-width: 600px) {
    .max-uhd-22 > * {
      width: 11.11111%; } }
  @media (min-width: 1101px) {
    .max-uhd-22 > * {
      width: 7.69231%; } }
  @media (min-width: 1401px) {
    .max-uhd-22 > * {
      width: 5.55556%; } }
  @media (min-width: 2001px) {
    .max-uhd-22 > * {
      width: 4.54545%; } }

.max-uhd-23 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-uhd-23 > * {
      width: 20%; } }
  @media (min-width: 600px) {
    .max-uhd-23 > * {
      width: 11.11111%; } }
  @media (min-width: 1101px) {
    .max-uhd-23 > * {
      width: 7.14286%; } }
  @media (min-width: 1401px) {
    .max-uhd-23 > * {
      width: 5.55556%; } }
  @media (min-width: 2001px) {
    .max-uhd-23 > * {
      width: 4.34783%; } }

.max-uhd-24 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-uhd-24 > * {
      width: 20%; } }
  @media (min-width: 600px) {
    .max-uhd-24 > * {
      width: 10%; } }
  @media (min-width: 1101px) {
    .max-uhd-24 > * {
      width: 7.14286%; } }
  @media (min-width: 1401px) {
    .max-uhd-24 > * {
      width: 5.26316%; } }
  @media (min-width: 2001px) {
    .max-uhd-24 > * {
      width: 4.16667%; } }

.max-fhd-1 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-fhd-1 > * {
      width: 100%; } }
  @media (min-width: 600px) {
    .max-fhd-1 > * {
      width: 100%; } }
  @media (min-width: 1101px) {
    .max-fhd-1 > * {
      width: 100%; } }
  @media (min-width: 1401px) {
    .max-fhd-1 > * {
      width: 100%; } }

.max-fhd-2 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-fhd-2 > * {
      width: 100%; } }
  @media (min-width: 600px) {
    .max-fhd-2 > * {
      width: 100%; } }
  @media (min-width: 1101px) {
    .max-fhd-2 > * {
      width: 50%; } }
  @media (min-width: 1401px) {
    .max-fhd-2 > * {
      width: 50%; } }

.max-fhd-3 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-fhd-3 > * {
      width: 100%; } }
  @media (min-width: 600px) {
    .max-fhd-3 > * {
      width: 50%; } }
  @media (min-width: 1101px) {
    .max-fhd-3 > * {
      width: 50%; } }
  @media (min-width: 1401px) {
    .max-fhd-3 > * {
      width: 33.33333%; } }

.max-fhd-4 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-fhd-4 > * {
      width: 100%; } }
  @media (min-width: 600px) {
    .max-fhd-4 > * {
      width: 50%; } }
  @media (min-width: 1101px) {
    .max-fhd-4 > * {
      width: 33.33333%; } }
  @media (min-width: 1401px) {
    .max-fhd-4 > * {
      width: 25%; } }

.max-fhd-5 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-fhd-5 > * {
      width: 100%; } }
  @media (min-width: 600px) {
    .max-fhd-5 > * {
      width: 33.33333%; } }
  @media (min-width: 1101px) {
    .max-fhd-5 > * {
      width: 25%; } }
  @media (min-width: 1401px) {
    .max-fhd-5 > * {
      width: 20%; } }

.max-fhd-6 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-fhd-6 > * {
      width: 50%; } }
  @media (min-width: 600px) {
    .max-fhd-6 > * {
      width: 33.33333%; } }
  @media (min-width: 1101px) {
    .max-fhd-6 > * {
      width: 20%; } }
  @media (min-width: 1401px) {
    .max-fhd-6 > * {
      width: 16.66667%; } }

.max-fhd-7 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-fhd-7 > * {
      width: 50%; } }
  @media (min-width: 600px) {
    .max-fhd-7 > * {
      width: 25%; } }
  @media (min-width: 1101px) {
    .max-fhd-7 > * {
      width: 20%; } }
  @media (min-width: 1401px) {
    .max-fhd-7 > * {
      width: 14.28571%; } }

.max-fhd-8 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-fhd-8 > * {
      width: 50%; } }
  @media (min-width: 600px) {
    .max-fhd-8 > * {
      width: 25%; } }
  @media (min-width: 1101px) {
    .max-fhd-8 > * {
      width: 16.66667%; } }
  @media (min-width: 1401px) {
    .max-fhd-8 > * {
      width: 12.5%; } }

.max-fhd-9 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-fhd-9 > * {
      width: 50%; } }
  @media (min-width: 600px) {
    .max-fhd-9 > * {
      width: 20%; } }
  @media (min-width: 1101px) {
    .max-fhd-9 > * {
      width: 14.28571%; } }
  @media (min-width: 1401px) {
    .max-fhd-9 > * {
      width: 11.11111%; } }

.max-fhd-10 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-fhd-10 > * {
      width: 33.33333%; } }
  @media (min-width: 600px) {
    .max-fhd-10 > * {
      width: 20%; } }
  @media (min-width: 1101px) {
    .max-fhd-10 > * {
      width: 12.5%; } }
  @media (min-width: 1401px) {
    .max-fhd-10 > * {
      width: 10%; } }

.max-fhd-11 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-fhd-11 > * {
      width: 33.33333%; } }
  @media (min-width: 600px) {
    .max-fhd-11 > * {
      width: 16.66667%; } }
  @media (min-width: 1101px) {
    .max-fhd-11 > * {
      width: 12.5%; } }
  @media (min-width: 1401px) {
    .max-fhd-11 > * {
      width: 9.09091%; } }

.max-fhd-12 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-fhd-12 > * {
      width: 33.33333%; } }
  @media (min-width: 600px) {
    .max-fhd-12 > * {
      width: 16.66667%; } }
  @media (min-width: 1101px) {
    .max-fhd-12 > * {
      width: 11.11111%; } }
  @media (min-width: 1401px) {
    .max-fhd-12 > * {
      width: 8.33333%; } }

.max-fhd-13 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-fhd-13 > * {
      width: 33.33333%; } }
  @media (min-width: 600px) {
    .max-fhd-13 > * {
      width: 14.28571%; } }
  @media (min-width: 1101px) {
    .max-fhd-13 > * {
      width: 10%; } }
  @media (min-width: 1401px) {
    .max-fhd-13 > * {
      width: 7.69231%; } }

.max-fhd-14 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-fhd-14 > * {
      width: 25%; } }
  @media (min-width: 600px) {
    .max-fhd-14 > * {
      width: 14.28571%; } }
  @media (min-width: 1101px) {
    .max-fhd-14 > * {
      width: 9.09091%; } }
  @media (min-width: 1401px) {
    .max-fhd-14 > * {
      width: 7.14286%; } }

.max-fhd-15 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-fhd-15 > * {
      width: 25%; } }
  @media (min-width: 600px) {
    .max-fhd-15 > * {
      width: 12.5%; } }
  @media (min-width: 1101px) {
    .max-fhd-15 > * {
      width: 9.09091%; } }
  @media (min-width: 1401px) {
    .max-fhd-15 > * {
      width: 6.66667%; } }

.max-fhd-16 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-fhd-16 > * {
      width: 25%; } }
  @media (min-width: 600px) {
    .max-fhd-16 > * {
      width: 12.5%; } }
  @media (min-width: 1101px) {
    .max-fhd-16 > * {
      width: 8.33333%; } }
  @media (min-width: 1401px) {
    .max-fhd-16 > * {
      width: 6.25%; } }

.max-fhd-17 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-fhd-17 > * {
      width: 25%; } }
  @media (min-width: 600px) {
    .max-fhd-17 > * {
      width: 11.11111%; } }
  @media (min-width: 1101px) {
    .max-fhd-17 > * {
      width: 7.69231%; } }
  @media (min-width: 1401px) {
    .max-fhd-17 > * {
      width: 5.88235%; } }

.max-fhd-18 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-fhd-18 > * {
      width: 20%; } }
  @media (min-width: 600px) {
    .max-fhd-18 > * {
      width: 11.11111%; } }
  @media (min-width: 1101px) {
    .max-fhd-18 > * {
      width: 7.14286%; } }
  @media (min-width: 1401px) {
    .max-fhd-18 > * {
      width: 5.55556%; } }

.max-fhd-19 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-fhd-19 > * {
      width: 20%; } }
  @media (min-width: 600px) {
    .max-fhd-19 > * {
      width: 10%; } }
  @media (min-width: 1101px) {
    .max-fhd-19 > * {
      width: 7.14286%; } }
  @media (min-width: 1401px) {
    .max-fhd-19 > * {
      width: 5.26316%; } }

.max-fhd-20 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-fhd-20 > * {
      width: 20%; } }
  @media (min-width: 600px) {
    .max-fhd-20 > * {
      width: 10%; } }
  @media (min-width: 1101px) {
    .max-fhd-20 > * {
      width: 6.66667%; } }
  @media (min-width: 1401px) {
    .max-fhd-20 > * {
      width: 5%; } }

.max-fhd-21 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-fhd-21 > * {
      width: 20%; } }
  @media (min-width: 600px) {
    .max-fhd-21 > * {
      width: 9.09091%; } }
  @media (min-width: 1101px) {
    .max-fhd-21 > * {
      width: 6.25%; } }
  @media (min-width: 1401px) {
    .max-fhd-21 > * {
      width: 4.7619%; } }

.max-fhd-22 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-fhd-22 > * {
      width: 16.66667%; } }
  @media (min-width: 600px) {
    .max-fhd-22 > * {
      width: 9.09091%; } }
  @media (min-width: 1101px) {
    .max-fhd-22 > * {
      width: 5.88235%; } }
  @media (min-width: 1401px) {
    .max-fhd-22 > * {
      width: 4.54545%; } }

.max-fhd-23 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-fhd-23 > * {
      width: 16.66667%; } }
  @media (min-width: 600px) {
    .max-fhd-23 > * {
      width: 8.33333%; } }
  @media (min-width: 1101px) {
    .max-fhd-23 > * {
      width: 5.88235%; } }
  @media (min-width: 1401px) {
    .max-fhd-23 > * {
      width: 4.34783%; } }

.max-fhd-24 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-fhd-24 > * {
      width: 16.66667%; } }
  @media (min-width: 600px) {
    .max-fhd-24 > * {
      width: 8.33333%; } }
  @media (min-width: 1101px) {
    .max-fhd-24 > * {
      width: 5.55556%; } }
  @media (min-width: 1401px) {
    .max-fhd-24 > * {
      width: 4.16667%; } }

.max-hd-1 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-hd-1 > * {
      width: 100%; } }
  @media (min-width: 600px) {
    .max-hd-1 > * {
      width: 100%; } }
  @media (min-width: 1101px) {
    .max-hd-1 > * {
      width: 100%; } }

.max-hd-2 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-hd-2 > * {
      width: 100%; } }
  @media (min-width: 600px) {
    .max-hd-2 > * {
      width: 100%; } }
  @media (min-width: 1101px) {
    .max-hd-2 > * {
      width: 50%; } }

.max-hd-3 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-hd-3 > * {
      width: 100%; } }
  @media (min-width: 600px) {
    .max-hd-3 > * {
      width: 50%; } }
  @media (min-width: 1101px) {
    .max-hd-3 > * {
      width: 33.33333%; } }

.max-hd-4 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-hd-4 > * {
      width: 100%; } }
  @media (min-width: 600px) {
    .max-hd-4 > * {
      width: 33.33333%; } }
  @media (min-width: 1101px) {
    .max-hd-4 > * {
      width: 25%; } }

.max-hd-5 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-hd-5 > * {
      width: 50%; } }
  @media (min-width: 600px) {
    .max-hd-5 > * {
      width: 33.33333%; } }
  @media (min-width: 1101px) {
    .max-hd-5 > * {
      width: 20%; } }

.max-hd-6 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-hd-6 > * {
      width: 50%; } }
  @media (min-width: 600px) {
    .max-hd-6 > * {
      width: 25%; } }
  @media (min-width: 1101px) {
    .max-hd-6 > * {
      width: 16.66667%; } }

.max-hd-7 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-hd-7 > * {
      width: 50%; } }
  @media (min-width: 600px) {
    .max-hd-7 > * {
      width: 20%; } }
  @media (min-width: 1101px) {
    .max-hd-7 > * {
      width: 14.28571%; } }

.max-hd-8 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-hd-8 > * {
      width: 33.33333%; } }
  @media (min-width: 600px) {
    .max-hd-8 > * {
      width: 20%; } }
  @media (min-width: 1101px) {
    .max-hd-8 > * {
      width: 12.5%; } }

.max-hd-9 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-hd-9 > * {
      width: 33.33333%; } }
  @media (min-width: 600px) {
    .max-hd-9 > * {
      width: 16.66667%; } }
  @media (min-width: 1101px) {
    .max-hd-9 > * {
      width: 11.11111%; } }

.max-hd-10 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-hd-10 > * {
      width: 33.33333%; } }
  @media (min-width: 600px) {
    .max-hd-10 > * {
      width: 14.28571%; } }
  @media (min-width: 1101px) {
    .max-hd-10 > * {
      width: 10%; } }

.max-hd-11 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-hd-11 > * {
      width: 25%; } }
  @media (min-width: 600px) {
    .max-hd-11 > * {
      width: 14.28571%; } }
  @media (min-width: 1101px) {
    .max-hd-11 > * {
      width: 9.09091%; } }

.max-hd-12 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-hd-12 > * {
      width: 25%; } }
  @media (min-width: 600px) {
    .max-hd-12 > * {
      width: 12.5%; } }
  @media (min-width: 1101px) {
    .max-hd-12 > * {
      width: 8.33333%; } }

.max-hd-13 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-hd-13 > * {
      width: 25%; } }
  @media (min-width: 600px) {
    .max-hd-13 > * {
      width: 11.11111%; } }
  @media (min-width: 1101px) {
    .max-hd-13 > * {
      width: 7.69231%; } }

.max-hd-14 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-hd-14 > * {
      width: 20%; } }
  @media (min-width: 600px) {
    .max-hd-14 > * {
      width: 11.11111%; } }
  @media (min-width: 1101px) {
    .max-hd-14 > * {
      width: 7.14286%; } }

.max-hd-15 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-hd-15 > * {
      width: 20%; } }
  @media (min-width: 600px) {
    .max-hd-15 > * {
      width: 10%; } }
  @media (min-width: 1101px) {
    .max-hd-15 > * {
      width: 6.66667%; } }

.max-hd-16 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-hd-16 > * {
      width: 20%; } }
  @media (min-width: 600px) {
    .max-hd-16 > * {
      width: 9.09091%; } }
  @media (min-width: 1101px) {
    .max-hd-16 > * {
      width: 6.25%; } }

.max-hd-17 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-hd-17 > * {
      width: 16.66667%; } }
  @media (min-width: 600px) {
    .max-hd-17 > * {
      width: 9.09091%; } }
  @media (min-width: 1101px) {
    .max-hd-17 > * {
      width: 5.88235%; } }

.max-hd-18 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-hd-18 > * {
      width: 16.66667%; } }
  @media (min-width: 600px) {
    .max-hd-18 > * {
      width: 8.33333%; } }
  @media (min-width: 1101px) {
    .max-hd-18 > * {
      width: 5.55556%; } }

.max-hd-19 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-hd-19 > * {
      width: 16.66667%; } }
  @media (min-width: 600px) {
    .max-hd-19 > * {
      width: 7.69231%; } }
  @media (min-width: 1101px) {
    .max-hd-19 > * {
      width: 5.26316%; } }

.max-hd-20 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-hd-20 > * {
      width: 14.28571%; } }
  @media (min-width: 600px) {
    .max-hd-20 > * {
      width: 7.69231%; } }
  @media (min-width: 1101px) {
    .max-hd-20 > * {
      width: 5%; } }

.max-hd-21 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-hd-21 > * {
      width: 14.28571%; } }
  @media (min-width: 600px) {
    .max-hd-21 > * {
      width: 7.14286%; } }
  @media (min-width: 1101px) {
    .max-hd-21 > * {
      width: 4.7619%; } }

.max-hd-22 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-hd-22 > * {
      width: 14.28571%; } }
  @media (min-width: 600px) {
    .max-hd-22 > * {
      width: 6.66667%; } }
  @media (min-width: 1101px) {
    .max-hd-22 > * {
      width: 4.54545%; } }

.max-hd-23 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-hd-23 > * {
      width: 12.5%; } }
  @media (min-width: 600px) {
    .max-hd-23 > * {
      width: 6.66667%; } }
  @media (min-width: 1101px) {
    .max-hd-23 > * {
      width: 4.34783%; } }

.max-hd-24 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-hd-24 > * {
      width: 12.5%; } }
  @media (min-width: 600px) {
    .max-hd-24 > * {
      width: 6.25%; } }
  @media (min-width: 1101px) {
    .max-hd-24 > * {
      width: 4.16667%; } }

.max-tab-1 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-tab-1 > * {
      width: 100%; } }
  @media (min-width: 600px) {
    .max-tab-1 > * {
      width: 100%; } }

.max-tab-2 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-tab-2 > * {
      width: 100%; } }
  @media (min-width: 600px) {
    .max-tab-2 > * {
      width: 50%; } }

.max-tab-3 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-tab-3 > * {
      width: 50%; } }
  @media (min-width: 600px) {
    .max-tab-3 > * {
      width: 33.33333%; } }

.max-tab-4 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-tab-4 > * {
      width: 50%; } }
  @media (min-width: 600px) {
    .max-tab-4 > * {
      width: 25%; } }

.max-tab-5 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-tab-5 > * {
      width: 33.33333%; } }
  @media (min-width: 600px) {
    .max-tab-5 > * {
      width: 20%; } }

.max-tab-6 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-tab-6 > * {
      width: 33.33333%; } }
  @media (min-width: 600px) {
    .max-tab-6 > * {
      width: 16.66667%; } }

.max-tab-7 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-tab-7 > * {
      width: 25%; } }
  @media (min-width: 600px) {
    .max-tab-7 > * {
      width: 14.28571%; } }

.max-tab-8 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-tab-8 > * {
      width: 25%; } }
  @media (min-width: 600px) {
    .max-tab-8 > * {
      width: 12.5%; } }

.max-tab-9 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-tab-9 > * {
      width: 20%; } }
  @media (min-width: 600px) {
    .max-tab-9 > * {
      width: 11.11111%; } }

.max-tab-10 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-tab-10 > * {
      width: 20%; } }
  @media (min-width: 600px) {
    .max-tab-10 > * {
      width: 10%; } }

.max-tab-11 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-tab-11 > * {
      width: 16.66667%; } }
  @media (min-width: 600px) {
    .max-tab-11 > * {
      width: 9.09091%; } }

.max-tab-12 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-tab-12 > * {
      width: 16.66667%; } }
  @media (min-width: 600px) {
    .max-tab-12 > * {
      width: 8.33333%; } }

.max-tab-13 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-tab-13 > * {
      width: 14.28571%; } }
  @media (min-width: 600px) {
    .max-tab-13 > * {
      width: 7.69231%; } }

.max-tab-14 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-tab-14 > * {
      width: 14.28571%; } }
  @media (min-width: 600px) {
    .max-tab-14 > * {
      width: 7.14286%; } }

.max-tab-15 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-tab-15 > * {
      width: 12.5%; } }
  @media (min-width: 600px) {
    .max-tab-15 > * {
      width: 6.66667%; } }

.max-tab-16 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-tab-16 > * {
      width: 12.5%; } }
  @media (min-width: 600px) {
    .max-tab-16 > * {
      width: 6.25%; } }

.max-tab-17 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-tab-17 > * {
      width: 11.11111%; } }
  @media (min-width: 600px) {
    .max-tab-17 > * {
      width: 5.88235%; } }

.max-tab-18 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-tab-18 > * {
      width: 11.11111%; } }
  @media (min-width: 600px) {
    .max-tab-18 > * {
      width: 5.55556%; } }

.max-tab-19 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-tab-19 > * {
      width: 10%; } }
  @media (min-width: 600px) {
    .max-tab-19 > * {
      width: 5.26316%; } }

.max-tab-20 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-tab-20 > * {
      width: 10%; } }
  @media (min-width: 600px) {
    .max-tab-20 > * {
      width: 5%; } }

.max-tab-21 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-tab-21 > * {
      width: 9.09091%; } }
  @media (min-width: 600px) {
    .max-tab-21 > * {
      width: 4.7619%; } }

.max-tab-22 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-tab-22 > * {
      width: 9.09091%; } }
  @media (min-width: 600px) {
    .max-tab-22 > * {
      width: 4.54545%; } }

.max-tab-23 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-tab-23 > * {
      width: 8.33333%; } }
  @media (min-width: 600px) {
    .max-tab-23 > * {
      width: 4.34783%; } }

.max-tab-24 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-tab-24 > * {
      width: 8.33333%; } }
  @media (min-width: 600px) {
    .max-tab-24 > * {
      width: 4.16667%; } }

.max-mob-1 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-mob-1 > * {
      width: 100%; } }

.max-mob-2 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-mob-2 > * {
      width: 50%; } }

.max-mob-3 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-mob-3 > * {
      width: 33.33333%; } }

.max-mob-4 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-mob-4 > * {
      width: 25%; } }

.max-mob-5 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-mob-5 > * {
      width: 20%; } }

.max-mob-6 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-mob-6 > * {
      width: 16.66667%; } }

.max-mob-7 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-mob-7 > * {
      width: 14.28571%; } }

.max-mob-8 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-mob-8 > * {
      width: 12.5%; } }

.max-mob-9 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-mob-9 > * {
      width: 11.11111%; } }

.max-mob-10 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-mob-10 > * {
      width: 10%; } }

.max-mob-11 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-mob-11 > * {
      width: 9.09091%; } }

.max-mob-12 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-mob-12 > * {
      width: 8.33333%; } }

.max-mob-13 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-mob-13 > * {
      width: 7.69231%; } }

.max-mob-14 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-mob-14 > * {
      width: 7.14286%; } }

.max-mob-15 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-mob-15 > * {
      width: 6.66667%; } }

.max-mob-16 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-mob-16 > * {
      width: 6.25%; } }

.max-mob-17 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-mob-17 > * {
      width: 5.88235%; } }

.max-mob-18 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-mob-18 > * {
      width: 5.55556%; } }

.max-mob-19 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-mob-19 > * {
      width: 5.26316%; } }

.max-mob-20 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-mob-20 > * {
      width: 5%; } }

.max-mob-21 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-mob-21 > * {
      width: 4.7619%; } }

.max-mob-22 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-mob-22 > * {
      width: 4.54545%; } }

.max-mob-23 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-mob-23 > * {
      width: 4.34783%; } }

.max-mob-24 > * {
  postion: relative;
  width: 100%; }
  @media (min-width: 300px) {
    .max-mob-24 > * {
      width: 4.16667%; } }

.k-autocomplete,
.k-block,
.k-calendar .k-link,
.k-calendar td,
.k-calendar-container,
.k-colorpicker,
.k-combobox,
.k-datepicker, .k-datetimepicker,
.k-drag-clue,
.k-dropdown,
.k-dropdown-wrap,
.k-editor-inline,
.k-gantt-views > .k-current-view,
.k-grid .k-filter-options,
.k-grouping-header .k-group-indicator,
.k-inline-block,
.k-list-container,
.k-multiselect,
.k-notification,
.k-numeric-wrap,
.k-numerictextbox,
.k-picker-wrap,
.k-slider-selection,
.k-slider-track,
.k-split-button .k-gantt-views,
.k-textbox,
.k-tile,
.k-timepicker,
.k-tooltip,
.k-touch-scrollbar,
.k-treeview .k-in,
.k-upload,
.k-window,
.k-window-action,
.k-window-titleless .k-window-content {
  border-radius: 4px; }

.k-widget,
.k-block {
  color: #686F78;
  background-color: transparent;
  border-color: #F5F5F5;
  box-sizing: border-box;
  line-height: 1.42857;
  display: block; }

.k-widget.k-maskedtextbox.k-input.k-textbox {
  padding: 0; }

.k-state-selected {
  color: #FFF;
  background-color: #97D12E;
  border-color: #97D12E;
  background-image: none; }

.k-header {
  border-color: #F5F5F5;
  color: #686F78; }

.k-overlay {
  background-color: #686F78; }

#gridAcciones {
  margin-bottom: 8px; }

.k-block,
.k-content,
.k-dropdown .k-input,
.k-popup,
.k-toolbar,
.k-widget {
  color: #939598; }

div.k-window {
  border-color: #FFF;
  box-shadow: 0 0 10px rgba(104, 111, 120, 0.5); }
  div.k-window.full-size-popup {
    width: 90%; }
    @media (min-width: 1001px) {
      div.k-window.full-size-popup {
        width: 1000px; } }
    div.k-window.full-size-popup .k-window-content .k-edit-form-container {
      width: 100%; }
  div.k-window form {
    overflow: auto;
    flex: 1 100%; }
    div.k-window form .k-edit-label {
      text-align: left;
      padding-left: 16px; }
  div.k-window .footer {
    height: 54px;
    z-index: 1;
    padding: 8px;
    box-sizing: border-box;
    text-align: right;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #FFF; }
  div.k-window .k-edit-form-container .k-edit-buttons {
    padding: 16px 16px 0;
    bottom: 0;
    border-top: 1px solid #939598; }

.k-window-titlebar {
  padding: 16px 0; }
  .k-window-titlebar .k-window-actions {
    padding-top: 16px;
    padding-right: 8px; }

.k-window .k-popup-edit-form > .k-edit-form-container {
  display: flex;
  flex-flow: column;
  overflow: hidden; }
.k-window #footerButton {
  text-align: right;
  margin-top: 8px; }
.k-window.k-state-focused {
  border-color: #FFF;
  box-shadow: 0 0 10px rgba(104, 111, 120, 0.5); }
.k-window > div.k-popup-edit-form {
  padding: 16px 0; }
.k-window .k-tooltip-validation .k-callout-n {
  border-bottom-color: #E2C523;
  top: 36px;
  display: none; }
.k-window .k-callout-n {
  top: 30px;
  left: 48%;
  display: none; }

.k-window-title {
  font-size: 20px;
  line-height: 20px;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: default;
  position: relative;
  left: auto;
  top: auto;
  right: auto;
  padding: 0 16px; }

.k-dialog.k-alert .k-dialog-titlebar {
  background-color: #fff; }
  .k-dialog.k-alert .k-dialog-titlebar span.k-window-title.k-dialog-title {
    visibility: hidden; }
  .k-dialog.k-alert .k-dialog-titlebar::before {
    background-color: #fff;
    color: #939598; }
  html[lang=en] .k-dialog.k-alert .k-dialog-titlebar::before {
    content: 'The Client Voice || Alert message'; }
  html[lang=es] .k-dialog.k-alert .k-dialog-titlebar::before {
    content: 'La Voz del Cliente || Mensaje de alerta'; }
  html .k-dialog.k-alert .k-dialog-titlebar::before {
    content: 'La Voz del Cliente || Mensaje de alerta'; }

.k-window-actions {
  display: flex; }

.k-block > .k-header,
.k-window-titlebar,
.k-spreadsheet-top-corner,
.k-spreadsheet-row-header,
.k-spreadsheet-column-header,
.editorToolbarWindow.k-header.k-window-content,
.k-treemap .k-treemap-title,
.k-calendar .k-header,
.k-calendar .k-content thead,
.k-calendar .k-calendar-monthview thead,
.k-gantt-toolbar,
.k-scheduler-toolbar,
.k-scheduler-footer {
  color: #686F78;
  background-color: #FFF;
  border-color: #F5F5F5; }

.k-window-titlebar {
  background-color: #fff !important; }

.k-block > .k-header {
  padding: 8px 16px;
  height: 22px;
  box-sizing: border-box; }

.k-numerictextbox {
  padding: 0; }
  .k-numerictextbox .k-numeric-wrap {
    display: flex;
    border-color: #F5F5F5; }
    .k-numerictextbox .k-numeric-wrap:hover {
      border-color: #63A74F; }

.status-ratio {
  display: flex;
  text-align: center;
  justify-content: space-evenly; }
  .status-ratio div {
    display: flex; }
    .status-ratio div span {
      width: 50px; }

.k-tabstrip {
  border-color: rgba(0, 0, 0, 0.08); }
  .k-tabstrip .k-item {
    margin: 0;
    padding: 0;
    border: 1px solid transparent;
    position: relative;
    border-color: transparent;
    color: #63A74F;
    background-color: transparent;
    background-clip: padding-box; }
    .k-tabstrip .k-item > .k-tab-on-top {
      z-index: 0; }
    .k-tabstrip .k-item .k-link {
      color: inherit;
      cursor: pointer;
      display: inline-flex;
      vertical-align: middle;
      flex: 1 1 0;
      flex-direction: row;
      align-content: center;
      align-items: center; }
    .k-tabstrip .k-item .k-link[data-type="remove"] {
      padding: 6px;
      flex: none; }
    .k-tabstrip .k-item:hover, .k-tabstrip .k-item.k-state-hover {
      border-color: none;
      color: #488731;
      background-color: transparent; }
    .k-tabstrip .k-item .k-state-active {
      border-color: rgba(0, 0, 0, 0.08);
      color: #686F78;
      background-color: #fff; }
  .k-tabstrip > .k-content {
    border-color: #fff;
    color: #686F78;
    background-color: #fff;
    background-clip: padding-box; }
  .k-tabstrip > .k-tabstrip-items {
    border: 0 solid transparent;
    border-color: inherit;
    display: flex;
    flex-direction: row;
    flex: 0 0 auto;
    position: relative; }
    .k-tabstrip > .k-tabstrip-items .k-tab-on-top {
      z-index: 0; }
    .k-tabstrip > .k-tabstrip-items .k-loading {
      width: 20%;
      height: 0;
      border: 0;
      border-top: 1px solid transparent;
      border-color: inherit;
      background: none;
      position: absolute;
      top: 0;
      left: 0;
      transition: width .2s linear; }
      .k-tabstrip > .k-tabstrip-items .k-loading.k-complete {
        width: 100%;
        border-top-width: 0; }
  .k-tabstrip > .k-content {
    padding: 4px 8px;
    border-width: 1px;
    border-style: solid;
    border-color: inherit;
    display: none;
    overflow: auto;
    flex: 1 1 auto; }
    .k-tabstrip > .k-content.k-state-active {
      display: block;
      background-color: transparent; }
  .k-tabstrip .k-tabstrip-scrollable {
    position: relative; }
    .k-tabstrip .k-tabstrip-scrollable > .k-content {
      border-width: 1px; }
    .k-tabstrip .k-tabstrip-scrollable > .k-tabstrip-items {
      border-width: 0;
      white-space: nowrap;
      overflow: hidden; }
    .k-tabstrip .k-tabstrip-scrollable > .k-tabstrip-prev {
      position: absolute;
      left: 0; }
    .k-tabstrip .k-tabstrip-scrollable > .k-tabstrip-next {
      position: absolute;
      right: 0; }

.k-tabstrip-top > .k-tabstrip-items .k-item.k-state-active {
  border-bottom-color: #4C94E0; }

.k-tabstrip-top > .k-tabstrip-items {
  border-bottom-width: 1px; }
  .k-tabstrip-top > .k-tabstrip-items .k-item {
    padding: 6px 12px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    margin-bottom: -1px; }
    .k-tabstrip-top > .k-tabstrip-items .k-item + .k-item {
      margin-left: 2px;
      display: inline-flex;
      vertical-align: middle;
      flex: 1 1 0;
      flex-direction: row;
      align-content: center;
      align-items: center; }
      .k-tabstrip-top > .k-tabstrip-items .k-item + .k-item.k-state-active {
        border-bottom-color: #4C94E0; }
    .k-tabstrip-top > .k-tabstrip-items .k-item > .k-content {
      border-bottom-right-radius: 2px;
      border-bottom-left-radius: 2px;
      border-top-width: 0; }

.k-tabstrip-bottom > .k-tabstrip-items .k-item.k-state-active {
  border-top-color: #fff; }

.k-tabstrip-bottom > .k-tabstrip-items {
  border-top-width: 1px; }
  .k-tabstrip-bottom > .k-tabstrip-items .k-item {
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    margin-top: -1px; }
    .k-tabstrip-bottom > .k-tabstrip-items .k-item + .k-item {
      margin-left: 2px; }
    .k-tabstrip-bottom > .k-tabstrip-items .k-item.k-state-active {
      border-top-color: transparent; }
.k-tabstrip-bottom > .k-content {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-width: 0; }

.k-tabstrip-left > .k-tabstrip-items .k-item.k-state-active {
  border-right-color: #63A74F; }

.k-tabstrip-left {
  flex-direction: row; }
  .k-tabstrip-left > .k-tabstrip-items {
    border-right-width: 1px;
    display: inline-flex;
    flex-direction: column; }
    .k-tabstrip-left > .k-tabstrip-items .k-item {
      border-top-left-radius: 2px;
      border-bottom-left-radius: 2px;
      margin-right: -1px; }
      .k-tabstrip-left > .k-tabstrip-items .k-item + .k-item {
        margin-top: 2px; }
      .k-tabstrip-left > .k-tabstrip-items .k-item .k-state-active {
        border-right-color: transparent; }
  .k-tabstrip-left > .k-content {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    margin: 0 !important;
    border-left-width: 0; }

.k-tabstrip-right > .k-tabstrip-items .k-item.k-state-active {
  border-left-color: #fff; }

.k-tabstrip-right {
  flex-direction: row-reverse; }
  .k-tabstrip-right > .k-tabstrip-items {
    border-left-width: 1px;
    display: inline-flex;
    flex-direction: column; }
    .k-tabstrip-right > .k-tabstrip-items .k-item {
      border-top-right-radius: 2px;
      border-bottom-right-radius: 2px;
      margin-left: -1px; }
      .k-tabstrip-right > .k-tabstrip-items .k-item + .k-item {
        margin-top: 2px; }
      .k-tabstrip-right > .k-tabstrip-items .k-item.k-state-active {
        border-left-color: transparent; }
  .k-tabstrip-right > .k-content {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    margin: 0 !important;
    border-right-width: 0; }

.k-tabstrip-wrapper {
  height: 100%; }

.k-ie11 .k-tabstrip.k-tabstrip-scrollable > .k-tabstrip-prev,
.k-ie11 .k-tabstrip.k-tabstrip-scrollable > .k-tabstrip-next {
  top: 0; }

.k-ie11 .k-tabstrip .k-item,
.k-edge12 .k-tabstrip .k-item,
.k-edge13 .k-tabstrip .k-item {
  background-clip: border-box; }

.k-ie11 .k-tabstrip > .k-content,
.k-edge12 .k-tabstrip > .k-content,
.k-edge13 .k-tabstrip > .k-content {
  background-clip: border-box; }

.flex-tabs > li {
  width: 33.333%; }
.flex-tabs ~ .k-content {
  height: calc(100vh - 180px) !important; }

.k-grid .k-tooltip.k-tooltip-validation,
.k-widget.k-tooltip-validation {
  border-color: #E2C523;
  background-color: #E2C523;
  color: #686F78;
  background-image: none;
  margin: 0 !important;
  width: 100%;
  box-shadow: none;
  padding: 8px;
  border-radius: 0;
  font-family: "Roboto", sans-serif; }
  .k-grid .k-tooltip.k-tooltip-validation .k-icon,
  .k-widget.k-tooltip-validation .k-icon {
    position: relative;
    top: auto;
    left: auto;
    margin: 0 4px;
    overflow: initial; }

.k-grid .k-tooltip.k-tooltip-validation .k-callout-n {
  border-bottom-color: #E2C523; }

.k-tooltip-validation {
  position: static;
  display: inline-flex;
  align-items: center; }

fieldset {
  border: 0 none;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
  font-weight: bolder; }
  fieldset legend {
    color: inherit;
    padding: 0 16px 8px; }

.k-edit-form-container {
  border-color: inherit;
  width: 100%;
  height: 100%; }
  .k-edit-form-container .k-edit-buttons {
    padding: 8px 16px;
    border: none; }
  .k-edit-form-container .block-title {
    margin: 8px 0;
    background-color: #939598;
    color: #fff;
    padding: 8px 16px; }
    .k-edit-form-container .block-title h4 {
      margin: 0; }
  .k-edit-form-container .general-block:hover {
    background-color: #F5F5F5; }
  .k-edit-form-container .block-comments {
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 8px 0; }
    .k-edit-form-container .block-comments .comment-client {
      width: 50%;
      padding: 16px; }

.k-edit-buttons .k-button + .k-button {
  margin-left: 8px; }

textarea {
  resize: none; }

input .k-textbox {
  height: 38px; }

.k-autocomplete {
  border-radius: 0; }
  .k-autocomplete.k-state-focused {
    background-color: #FFF; }
  .k-autocomplete .k-input {
    box-sizing: border-box;
    height: 36px;
    padding: 4px 16px;
    border: 0;
    flex: 1;
    display: inline-block; }
  .k-autocomplete .k-autocomplete .k-i-close,
  .k-autocomplete .k-autocomplete .k-i-group-delete::before {
    display: none;
    align-self: center; }
  .k-autocomplete .k-autocomplete.k-state-hover .k-i-close,
  .k-autocomplete .k-autocomplete.k-state-hover .k-i-group-delete::before,
  .k-autocomplete .k-autocomplete.k-state-focused .k-i-close,
  .k-autocomplete .k-autocomplete.k-state-focused .k-i-group-delete::before {
    display: flex;
    outline: 0; }

.k-popup.k-calendar-container, .k-popup.k-list-container {
  padding: 0;
  border-radius: 0; }

.k-list-container {
  background-color: #F5F5F5;
  border-color: #F5F5F5; }

.k-datepicker .k-select {
  border-style: none; }

.k-timepicker .k-picker-wrap:hover .k-select, .k-timepicker .k-picker-wrap.k-state-hover .k-select {
  background-color: #fff;
  color: #686F78; }

.k-datetimepicker .k-picker-wrap::before {
  display: none; }

.k-multiselect {
  background-clip: padding-box;
  width: 100%; }
  .k-multiselect.k-header {
    border: 1px solid #63A74F;
    overflow: hidden; }
    .k-multiselect.k-header.k-state-focused {
      background-color: #FFF; }
  .k-multiselect > .k-readonly {
    opacity: .6; }
  .k-multiselect .k-loading-hidden {
    visibility: hidden; }
  .k-multiselect .k-i-loading {
    background-color: #ffffff; }

.k-numerictextbox .k-select {
  padding-top: 8px !important;
  padding: 0;
  width: calc( 8px + 1.42857em);
  border-width: 0;
  display: block; }
  .k-numerictextbox .k-select:hover,
  .k-numerictextbox .k-select > .k-state-selected,
  .k-numerictextbox .k-select > .k-state-active {
    color: #000000;
    box-shadow: inset 0 3px 4px 0 rgba(0, 0, 0, 0.06); }

.k-input-special {
  height: 40px;
  width: 250px; }

input.k-textbox {
  height: 40px;
  color: #939598;
  border-color: #63A74F; }

.k-ff input.k-textbox {
  height: 40px; }

.k-button {
  border-radius: 0;
  padding: 8px 16px;
  line-height: 1.42857;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
  font-weight: bolder;
  background-color: #fff;
  background-image: none;
  color: #686F78;
  border-color: #939598; }
  .k-button .k-icon {
    margin: 0; }
  .k-button[disabled], .k-button.k-state-disabled:hover, .k-button.k-state-disabled:focus, [disabled] .k-button {
    opacity: 0.6;
    pointer-events: none; }
  .k-button.k-bare {
    position: relative;
    opacity: 1; }
    .k-button.k-bare.k-state-active, .k-button.k-bare.k-state-hover, .k-button.k-bare:active, .k-button.k-bare:hover {
      background-color: #F5F5F5 !important; }

.k-button:active {
  color: #fff;
  background-color: #C8ED7D;
  border-color: #97D12E; }

.k-dropdown {
  padding: 0;
  width: auto; }
  .k-dropdown.k-input-special {
    width: 250px;
    height: 40px; }
  .k-dropdown .k-select {
    border-width: 0; }
  .k-dropdown .k-input {
    height: 100%; }
  .k-dropdown .k-dropdown-wrap.k-state-hover {
    background-color: #FFF; }
.k-dropdown .k-dropdown-wrap.k-state-hover {
	color: #939598;
}    

.k-dropdown-wrap.k-state-focused {
  background-color: #FFF;
  color: inherit; }

.k-numeric-wrap.k-state-focused {
  background-color: #FFF;
  color: inherit; }

.k-picker-wrap.k-state-focused {
  background-color: #FFF;
  color: inherit; }

.k-textbox:hover {
  background-color: #FFF;
  color: inherit; }

html .k-upload {
  position: relative;
  background-color: transparent;
  border: none;
  background-clip: padding-box; }
  html .k-upload .k-upload-button {
    min-width: 7em;
    margin: 8px; }

div.bpm-image #photo {
  max-width: 200px;
  height: auto; }

.k-edit-field {
  padding: .4em 0 1em; }

.evidence-img {
  display: block;
  height: 500px;
  width: 500px;
  background-size: cover; }

.evidence-btn {
  display: block;
  position: absolute;
  padding-top: 184px;
  font-size: 70px;
  top: 10px;
  z-index: 1;
  height: auto;
  width: auto;
  opacity: 0.6; }
  .evidence-btn .k-icon {
    font-size: 70px; }
  .evidence-btn.prev {
    left: 10px; }
  .evidence-btn.next {
    left: auto;
    right: 10px; }
  .evidence-btn.prev:hover, .evidence-btn.next:hover {
    opacity: 1; }

.k-uploader {
  justify-content: space-between;
  align-items: center;
  padding: 0 16px;
  background: transparent;
  list-style: none;
  border: 1px solid #63A74F;
  min-height: 48px; }
  .k-uploader > li {
    width: auto; }
  .k-uploader .breadcrumb {
    background-color: transparent;
    margin-bottom: 0; }
  .k-uploader .k-upload .k-dropzone {
    border-width: 1px;
    border-color: #FFF; }
  .k-uploader .k-upload .k-clear-selected,
  .k-uploader .k-upload .k-upload-selected {
    display: none; }

.k-pager-wrap .k-pager-info {
  flex: 1;
  text-align: right;
  order: 9;
  justify-content: flex-end;
  font-size: 11px; }
.k-pager-wrap .k-link:hover {
  background-color: #FFF; }

.extend-input-rc {
  width: 100%;
  margin: 0 0 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: center; }
  .extend-input-rc input {
    display: none; }
    .extend-input-rc input:disable {
      background-color: rgba(104, 111, 120, 0.15); }
    .extend-input-rc input:checked .shape {
      border: 1px solid #488731; }
      .extend-input-rc input:checked .shape::before {
        transform: scale(1); }
  .extend-input-rc .shape {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: transparent;
    border: 1px solid #63A74F;
    transition: all .3s ease;
    position: relative; }
    .extend-input-rc .shape::before {
      content: '';
      position: absolute;
      background-color: #63A74F;
      width: 16px;
      height: 16px;
      left: 2px;
      top: 2px;
      border-radius: 50%;
      transform: scale(0);
      transition: all .3s ease; }
  .extend-input-rc .title {
    flex: 1;
    display: inline-block;
    margin-left: 16px; }
  .extend-input-rc:last-child {
    margin: 0; }
  .extend-input-rc:hover .shape {
    border: 1px solid #488731; }

.k-timepicker {
  width: 100%; }

.k-grid-header-wrap {
  border-color: #F5F5F5; }

.k-grouping-header {
  border-color: #F5F5F5; }
  .k-grouping-header .k-group-indicator {
    border-color: #F5F5F5; }

.k-grid .k-grid-edit-row .k-textbox,
.k-grid .k-grid-edit-row .k-input.k-textbox {
  height: 38px; }
.k-grid .k-tooltip.k-tooltip-validation {
  display: flex;
  position: absolute;
  width: auto;
  padding: 4px 8px; }
.k-grid .k-grid .k-tooltip.k-tooltip-validation .k-callout {
  display: block; }
.k-grid .k-grid .k-animation-container-fixed .k-tooltip.k-tooltip-validation {
  position: static; }
.k-grid.no-border {
  border: 0 none; }
.k-grid.no-buttons-bar .k-grid-toolbar {
  display: none; }
.k-grid table {
  border-color: inherit; }
.k-grid td,
.k-grid th {
  border-color: #F5F5F5;
  background-image: none;
  padding: 8px 16px; }
.k-grid td {
  border-color: transparent; }
.k-grid th {
  background-color: #F5F5F5; }
.k-grid thead,
.k-grid tbody,
.k-grid tfoot,
.k-grid tr {
  border-color: inherit; }
.k-grid tr.k-alt {
  background-color: rgba(245, 245, 245, 0.15); }
.k-grid tr:hover {
  background-image: none;
  background-color: #F5F5F5; }
.k-grid tr.k-state-selected,
.k-grid td.k-state-selected {
  color: inherit;
  background-color: #C8ED7D; }
  .k-grid tr.k-state-selected:hover,
  .k-grid td.k-state-selected:hover {
    background-color: #C8ED7D;
    background-image: none; }
.k-grid a {
  color: inherit; }
.k-grid .k-grouping-row p {
  color: #939598; }
.k-grid .k-group-footer td {
  color: #686F78; }
.k-grid .k-footer-template {
  font-size: 18px; }
  .k-grid .k-footer-template td {
    background-color: #488731;
    color: #FFF; }

.k-grid-footer {
  border-color: #F5F5F5;
  border-width: 0; }

.k-grid-footer-wrap {
  border-color: #F5F5F5; }

.k-grid-content-locked {
  border-color: #F5F5F5; }

.k-grid-footer-locked {
  border-color: #F5F5F5; }

.k-grid-header-locked {
  border-color: #F5F5F5; }

.k-filter-row > th {
  border-color: #F5F5F5;
  padding: 8px 16px; }

.k-filter-menu .k-button {
  margin: 2px; }

.k-grid-header {
  background-color: #FFF;
  border-color: #F5F5F5;
  border-width: 0;
  background-image: none;
  background-color: #F5F5F5; }
  .k-grid-header .k-header > .k-link {
    color: #686F78; }
  .k-grid-header .k-grid-filter:hover {
    color: #686F78;
    background-color: white; }
  .k-grid-header .k-grid-filter,
  .k-grid-header .k-header-column-menu {
    padding: 4px;
    height: calc( 10px + 1.42857em);
    box-sizing: border-box;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    border-radius: 4px;
    z-index: 0; }
  .k-grid-header .k-grid-filter.k-state-active {
    background-color: #C8ED7D;
    color: #fff;
    border-radius: 0; }
  .k-grid-header th.k-header.k-sorted {
    background-color: #939598;
    color: #fff; }
    .k-grid-header th.k-header.k-sorted .k-link {
      color: #fff; }
  .k-grid-header th > .k-link > .k-icon {
    vertical-align: middle;
    margin-left: 8px; }

.k-first {
  border-left-width: 1px;
  text-align: center;
  vertical-align: middle;
  background-color: #C8ED7D;
  color: #939598; }

.k-grid-toolbar {
  background-color: #FFF;
  padding: 8px 16px;
  text-align: right; }

.k-grouping-header {
  background-color: #FFF; }

.k-grid-add-row {
  background-color: #FFF; }

.k-grid-footer {
  background-color: #FFF; }

.k-drag-clue {
  background-color: #FFF; }

.k-pager-wrap {
  padding: 4px 4px;
  display: flex;
  align-items: center;
  flex: 0 0 auto; }
  .k-pager-wrap .k-state-selected:hover {
    background-color: #488731;
    border-color: #488731; }
  .k-pager-wrap > .k-link {
    border-radius: 0;
    border-color: transparent;
    padding: 4px;
    height: calc(1.42857em + 2px);
    display: inline-flex;
    justify-content: center;
    align-items: center; }
  .k-pager-wrap .k-pager-numbers .k-state-selected {
    border-radius: 0; }
  .k-pager-wrap .k-state-selected {
    padding: 4px;
    height: calc(1.42857em + 2px); }
  .k-pager-wrap .k-dropdown {
    width: auto; }

.full-height-list {
  height: 100%;
  position: relative; }
  .full-height-list .k-listview {
    overflow: auto;
    height: calc(100% - 50px);
    border-width: 0 0 1px; }
  .full-height-list .k-pager-wrap {
    border-color: transparent; }

.full-grid {
  overflow: auto; }
  .full-grid .k-grid-content {
    flex: 1;
    min-height: 0; }

.k-pager-numbers .k-link, .k-pager-numbers .k-link:link {
  color: #63A74F;
  border-radius: 4px;
  padding: 1px 4px; }

.k-pager-wrap .k-link:hover,
.k-pager-wrap .k-pager-nav:hover {
  background-color: #63A74F;
  border-color: #63A74F;
  color: #fff;
  background-image: none;
  border-radius: 0; }

.k-pager-wrap > a.k-state-disabled:hover {
  color: inherit; }

.k-pages > li {
  background-color: #F5F5F5; }

#proximasTab,
#vencidasTab,
#completadasTab {
  width: 33.333%; }

.two-lines-header .k-grid-content {
  height: calc(100% - 94px) !important; }

.k-pager-sizes {
  display: flex;
  align-items: center; }

.k-grid-header .k-resize-handle:hover,
.k-grid > .k-resize-handle:hover {
  background-color: #939598; }

.k-treemap-title {
  color: #686F78; }

.k-calendar {
  background-clip: padding-box; }
  .k-calendar.k-content .k-today {
    color: #63A74F;
    box-shadow: inset 0 0 0 1px #63A74F; }
    .k-calendar.k-content .k-today td.k-today.k-state-focused {
      box-shadow: inset 0 0 3px 1px #63A74F; }
    .k-calendar.k-content .k-today.k-state-selected {
      color: #000000; }
    .k-calendar.k-content .k-today thead {
      background-color: transparent; }
  .k-calendar.k-content .k-footer .k-nav-today {
    color: #63A74F; }

.k-calendar .k-content th {
  text-align: center;
  font-weight: bold; }

.k-calendar .k-content td {
  text-align: center; }

.k-datetimepicker {
  background-color: transparent;
  padding: 0;
  width: 100%; }
  .k-datetimepicker .k-picker-wrap {
    display: flex; }
    .k-datetimepicker .k-picker-wrap .k-icon {
      margin: -4px 0 0; }

.k-timepicker .k-select {
  border-style: none; }

.k-calendar .k-state-selected.k-state-hover,
.k-calendar .k-weekend.k-state-selected.k-state-hover {
  background-color: #556d02; }

.k-calendar td.k-state-selected.k-state-hover {
  background-color: #63A74F; }

.k-datepicker {
  padding: 0;
  width: 100%; }

.k-datetimepicker:hover,
.k-datepicker:hover {
  background-color: transparent; }

.k-calendar .k-content .k-link {
  overflow: hidden;
  color: #63A74F; }
  .k-calendar .k-content .k-link td.k-today.k-state-focused {
    box-shadow: inset 0 0 3px 1px #63A74F; }

.k-ie11 .k-calendar,
.k-edge12 .k-calendar,
.k-edge13 .k-calendar {
  background-clip: border-box; }

.k-calendar
.k-calendar
.k-calendar .k-content .k-today
.k-calendar .k-alt,
.k-calendar .k-weekend:not(.k-calendar-infinite .k-weekend) {
  background: #f2f2f2; }

.k-calendar .k-content .k-alt {
  border-right-color: rgba(0, 0, 0, 0.08); }

.k-calendar .k-state-focused,
.k-calendar .k-state-selected.k-state-focused {
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.13); }

.k-calendar .k-calendar-navigation {
  box-shadow: inset -1px 0 rgba(0, 0, 0, 0.08);
  background-color: #ffffff; }

.k-calendar .k-calendar-navigation .k-content > ul > li:hover {
  color: #8a9c2d; }

.k-calendar .k-calendar-navigation-highlight {
  border-color: rgba(0, 0, 0, 0.08);
  background-color: #ffffff; }

.k-calendar .k-calendar-weekdays thead {
  background-color: #ffffff; }

.k-calendar[dir='rtl'] .k-calendar-navigation,
.k-rtl .k-calendar .k-calendar-navigation {
  box-shadow: inset 1px 0 rgba(0, 0, 0, 0.08); }

.k-calendar {
  width: 16.917em;
  position: relative;
  overflow: hidden;
  display: inline-block; }

.k-calendar .k-link {
  padding: 0.25rem 0.25rem;
  color: inherit;
  line-height: 1.25;
  text-decoration: none;
  display: block;
  outline: 0; }

.k-calendar table {
  margin: 0;
  width: 100%;
  border-width: 0;
  border-color: inherit;
  border-spacing: 0;
  border-collapse: separate;
  table-layout: fixed;
  outline: 0; }

.k-calendar th {
  padding: 0.25rem 0.25rem;
  font-size: 12px;
  cursor: default; }

.k-calendar td {
  cursor: pointer; }

.k-calendar .k-alt {
  cursor: default; }

.k-calendar .k-header,
.k-calendar .k-footer {
  padding: 0.25rem;
  text-align: center;
  display: flex;
  flex-direction: row;
  position: relative; }

.k-calendar .k-header .k-link,
.k-calendar .k-footer .k-link {
  border-radius: 2px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center; }

.k-calendar .k-header {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  z-index: 1; }

.k-calendar .k-footer {
  clear: both; }

.k-calendar .k-nav-prev,
.k-calendar .k-nav-next {
  padding: 0.25rem;
  width: 1.25em;
  height: 1.25em;
  box-sizing: content-box; }

.k-calendar .k-nav-prev {
  left: 0.25rem; }

.k-calendar .k-nav-next {
  right: 0.25rem; }

.k-calendar .k-nav-fast {
  margin: 0 0.25rem;
  flex: 1; }

.k-calendar .k-nav-today {
  flex: 1; }

.k-calendar .k-content {
  margin: 0;
  width: 100%;
  height: 14.167em;
  text-align: right;
  float: left; }

.k-calendar .k-content td {
  border-color: transparent; }
  .k-calendar .k-content td .k-state-focused {
    box-shadow: inset 0 0 0 1px #63A74F; }

.k-calendar .k-content .k-link {
  border-radius: 2px;
  line-height: 1.5; }

.k-calendar .k-content.k-meta-view.k-century .k-link {
  line-height: 1.5;
  text-align: left; }

.k-calendar .k-animation-container .k-content {
  height: 100%; }

.k-calendar .k-alt,
.k-calendar .k-weekend,
.k-calendar .k-other-month {
  opacity: .6; }

.k-calendar .k-alt {
  text-align: center; }

.k-calendar .k-state-hover,
.k-calendar .k-state-selected {
  opacity: 1; }

.k-calendar .k-meta-view .k-link {
  text-align: center;
  line-height: 4; }

.k-rtl .k-calendar .k-nav-prev .k-icon,
.k-rtl .k-calendar .k-nav-next .k-icon {
  transform: scaleX(-1); }

.k-calendar-container {
  padding: 0; }

.k-calendar-container .k-calendar {
  border-width: 0; }

.k-calendar.k-calendar-infinite {
  box-sizing: content-box;
  width: auto;
  display: inline-flex;
  vertical-align: bottom; }

.k-calendar.k-calendar-infinite .k-content {
  text-align: center; }

.k-calendar .k-content.k-scrollable {
  box-sizing: content-box;
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 100px;
  padding-left: 100px;
  margin-left: -100px;
  margin-right: -100px;
  margin-right: -117px; }

.k-calendar[dir='rtl'] .k-content.k-scrollable,
.k-rtl .k-calendar .k-content.k-scrollable {
  padding-right: 100px;
  padding-left: 100px;
  margin-left: -100px;
  margin-right: -100px;
  margin-left: -117px; }

.k-calendar[dir='rtl'] .k-calendar-monthview .k-content th,
.k-rtl .k-calendar .k-calendar-monthview .k-content th {
  text-align: right; }

.k-calendar .k-scrollable-placeholder {
  position: absolute;
  z-index: -1;
  width: 1px;
  top: 0;
  right: 0; }

.k-calendar-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 8px;
  line-height: 2em; }

.k-calendar-header .k-title {
  font-weight: bold; }

.k-calendar-header .k-today {
  cursor: pointer;
  color: #afcc16; }

.k-calendar-header .k-today:hover, .k-calendar-header .k-today:focus {
  color: #8a9c2d; }

.k-calendar-monthview {
  display: flex;
  flex: 1 0 auto;
  flex-direction: column;
  overflow: hidden;
  margin: 0 1em; }

.k-calendar-monthview table {
  width: 17em; }

.k-calendar-monthview .k-content {
  height: 19em;
  position: relative; }

.k-calendar-monthview .k-content > table {
  position: relative;
  z-index: 1; }

.k-calendar-monthview .k-content th {
  border: 0;
  text-align: left;
  font-weight: bold;
  opacity: .5; }

.k-calendar-monthview .k-content td {
  cursor: default;
  text-align: center;
  height: 2.42857em;
  border-width: 0; }

.k-calendar-monthview .k-content td,
.k-calendar-monthview .k-content .k-link {
  border-radius: 1.21429em; }

.k-calendar-monthview .k-content .k-link {
  cursor: pointer;
  width: 2.42857em;
  height: 2.42857em;
  line-height: 2.42857em;
  padding: 0; }

.k-calendar-monthview .k-calendar-weekdays thead {
  outline: none;
  cursor: default;
  opacity: 0.6;
  filter: grayscale(0.1);
  pointer-events: none;
  font-weight: bold;
  font-size: 10px; }

.k-calendar-monthview .k-calendar-weekdays th {
  text-align: center;
  border-width: 0;
  padding: 0;
  line-height: 2.07143em; }

.k-calendar-monthview::after {
  display: block;
  position: absolute;
  bottom: 0;
  content: " ";
  height: 0;
  line-height: 0;
  z-index: 1;
  width: 150%;
  left: -25%;
  box-shadow: 0 0 2.42857em 1.21429em #ffffff; }

.k-calendar-navigation {
  position: relative;
  display: block;
  overflow: hidden;
  width: 5em;
  z-index: 2; }

.k-calendar-navigation::before, .k-calendar-navigation::after {
  display: block;
  position: absolute;
  content: " ";
  height: 0;
  line-height: 0;
  z-index: 1;
  width: 200%;
  left: -50%;
  box-shadow: 0 0 6em 3em #ffffff; }

.k-calendar-navigation::before {
  top: 0; }

.k-calendar-navigation::after {
  bottom: 0; }

.k-calendar-navigation .k-content {
  background: transparent;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.k-calendar-navigation .k-content ul {
  width: 5em; }

.k-calendar-navigation .k-content li {
  height: 2em;
  line-height: 2em;
  cursor: pointer;
  padding: 0 16px; }

.k-calendar-navigation .k-calendar-navigation-marker {
  font-weight: bold; }

.k-calendar-navigation .k-calendar-navigation-highlight {
  position: absolute;
  top: 50%;
  margin-top: -1em;
  right: 0;
  width: 100%;
  height: 2em;
  box-sizing: border-box;
  border-width: 1px 0;
  border-style: solid; }

.k-datepicker .k-i-warning,
.k-datetimepicker .k-i-warning,
.k-timepicker .k-i-warning {
  display: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  overflow: visible; }

.k-datepicker .k-state-invalid .k-i-warning,
.k-datetimepicker .k-state-invalid .k-i-warning,
.k-timepicker .k-state-invalid .k-i-warning {
  display: inline-block; }

.k-datepicker .k-dateinput,
.k-datetimepicker .k-dateinput,
.k-timepicker .k-dateinput {
  width: 100%;
  flex: 1; }

.k-datepicker .k-dateinput-wrap,
.k-datetimepicker .k-dateinput-wrap,
.k-timepicker .k-dateinput-wrap {
  border: 0;
  border-radius: 2px 0 0 2px; }

.k-rtl .k-datepicker .k-i-warning, .k-datepicker[dir='rtl'] .k-i-warning, .k-rtl
.k-datetimepicker .k-i-warning,
.k-datetimepicker[dir='rtl'] .k-i-warning, .k-rtl
.k-timepicker .k-i-warning,
.k-timepicker[dir='rtl'] .k-i-warning {
  right: auto; }

.k-datepicker .k-i-warning,
.k-timepicker .k-i-warning {
  right: calc( calc( 8px + 1.42857em) + 4px); }

.k-rtl .k-datepicker .k-i-warning, .k-datepicker[dir='rtl'] .k-i-warning, .k-rtl
.k-timepicker .k-i-warning,
.k-timepicker[dir='rtl'] .k-i-warning {
  left: calc( calc( 8px + 1.42857em) + 4px); }

.k-datetimepicker .k-i-warning {
  right: calc( calc( 16px + 2.85714em) + 4px); }

.k-rtl .k-datetimepicker .k-i-warning, .k-datetimepicker[dir='rtl'] .k-i-warning {
  left: calc( calc( 16px + 2.85714em) + 4px); }

.k-datetimepicker .k-link {
  padding: 4px;
  border-width: 0 0 0 1px;
  border-style: solid;
  border-color: inherit;
  display: flex;
  align-items: center;
  justify-content: center; }

.k-dateinput {
  position: relative;
  border-width: 0; }

.k-dateinput .k-i-warning {
  display: none;
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  overflow: visible; }

.k-dateinput.k-state-invalid .k-i-warning {
  display: inline-block; }

.k-rtl .k-dateinput .k-i-warning, .k-dateinput[dir='rtl'] .k-i-warning {
  left: 8px;
  right: auto; }

.k-datepicker:hover .k-select,
.k-datepicker .k-state-hover .k-select,
.k-timepicker:hover .k-select,
.k-timepicker .k-state-hover .k-select,
.k-datetimepicker:hover .k-select,
.k-datetimepicker .k-state-hover .k-select {
  border-color: inherit; }

.k-datepicker .k-state-focused .k-select,
.k-datepicker .k-state-active .k-select,
.k-timepicker .k-state-focused .k-select,
.k-timepicker .k-state-active .k-select,
.k-datetimepicker .k-state-focused .k-select,
.k-datetimepicker .k-state-active .k-select {
  border-color: inherit; }

.k-datepicker .k-picker-wrap.k-state-invalid,
.k-datetimepicker .k-picker-wrap.k-state-invalid,
.k-timepicker .k-picker-wrap.k-state-invalid {
  transition: none;
  border-color: #d51923; }

.k-datepicker .k-picker-wrap.k-state-invalid .k-input,
.k-datetimepicker .k-picker-wrap.k-state-invalid .k-input,
.k-timepicker .k-picker-wrap.k-state-invalid .k-input {
  color: #d51923; }

.k-datepicker .k-i-warning,
.k-datetimepicker .k-i-warning,
.k-timepicker .k-i-warning {
  color: #d51923; }

.k-datetimepicker .k-select {
  width: auto; }

.k-datetimepicker .k-link {
  padding: 0;
  width: calc( 8px + 1.42857em);
  border-width: 0; }

.k-dateinput .k-dateinput-wrap {
  background-clip: padding-box; }

.k-ie11 .k-dateinput .k-dateinput-wrap,
.k-edge12 .k-dateinput .k-dateinput-wrap,
.k-edge13 .k-dateinput .k-dateinput-wrap {
  background-clip: border-box; }

.k-dateinput .k-select {
  padding: 0;
  width: calc( 8px + 1.42857em);
  border-width: 0; }

.k-dateinput .k-select > .k-state-selected,
.k-dateinput .k-select > .k-state-active {
  color: #010101;
  box-shadow: inset 0 3px 4px 0 rgba(0, 0, 0, 0.06); }

.k-dateinput.k-state-invalid .k-textbox {
  color: #d51923;
  border-color: #d51923; }

.k-dateinput.k-state-invalid .k-i-warning {
  color: #d51923; }

label {
  margin: 0 4px;
  margin-left: 0;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
  font-weight: bolder;
  vertical-align: middle; }

a {
  color: #63A74F; }
  a:hover, a:focus, a:active {
    color: #488731;
    text-decoration: none; }

.modular-form {
  margin: 0;
  padding: 0;
  list-style: none; }
  .modular-form.padding-form {
    padding: 0 16px; }
  .modular-form.cols-2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: left; }
    .modular-form.cols-2 li {
      width: 100%; }
      @media (min-width: 601px) {
        .modular-form.cols-2 li {
          width: 50%; } }
  .modular-form.cols-3 {
    display: flex;
    flex-wrap: wrap;
    justify-content: left; }
    .modular-form.cols-3 li {
      align-items: center;
      width: 100%; }
      @media (min-width: 601px) {
        .modular-form.cols-3 li {
          width: 50%; } }
      @media (min-width: 1101px) {
        .modular-form.cols-3 li {
          width: 33.3333%; } }
  .modular-form.cols-4 {
    display: flex;
    flex-wrap: wrap;
    justify-content: left; }
    .modular-form.cols-4 li {
      width: 100%; }
      @media (min-width: 601px) {
        .modular-form.cols-4 li {
          width: 50%; } }
      @media (min-width: 1101px) {
        .modular-form.cols-4 li {
          width: 25%; } }
  .modular-form.cols-5 {
    display: flex;
    flex-wrap: wrap;
    justify-content: left; }
    .modular-form.cols-5 li {
      width: 100%; }
      @media (min-width: 601px) {
        .modular-form.cols-5 li {
          width: 50%; } }
      @media (min-width: 1101px) {
        .modular-form.cols-5 li {
          width: 20%; } }
  .modular-form > li {
    margin-bottom: 16px;
    margin-top: 8px;
    position: relative;
    display: flex;
    justify-content: flex-end; }
    .modular-form > li.percentage-10 {
      width: 10%; }
    .modular-form > li.percentage-20 {
      width: 20%; }
    .modular-form > li.percentage-30 {
      width: 30%; }
    .modular-form > li.percentage-40 {
      width: 40%; }
    .modular-form > li.percentage-50 {
      width: 50%; }
    .modular-form > li.percentage-60 {
      width: 60%; }
    .modular-form > li.percentage-70 {
      width: 70%; }
    .modular-form > li.percentage-80 {
      width: 80%; }
    .modular-form > li.percentage-90 {
      width: 90%; }
    .modular-form > li.inter-space {
      padding: 0 4px;
      display: block; }
    .modular-form > li.chart-reports {
      display: block; }
    .modular-form > li.full-row {
      width: 100%; }
      .modular-form > li.full-row #chartHistory,
      .modular-form > li.full-row #footerButton {
        width: 100%; }
    .modular-form > li .label-container {
      width: 40%;
      padding: 0 8px; }
    .modular-form > li .editor-label,
    .modular-form > li .k-edit-label {
      float: none;
      width: 50%;
      padding: 0 16px;
      margin: 0;
      text-align: left;
      align-items: center;
      display: flex; }
      .modular-form > li .editor-label label,
      .modular-form > li .k-edit-label label {
        display: inline-block;
        width: 100%; }
    .modular-form > li .input-container {
      width: 60%;
      padding: 0 8px; }
    .modular-form > li .k-edit-field,
    .modular-form > li .k-edit-field input {
      float: none;
      width: 100%;
      padding: 0 8px;
      margin: 0;
      flex-basis: 100%;
      flex-grow: 1;
      flex-shrink: 1;
      box-sizing: border-box; }
    .modular-form > li .k-edit-field input,
    .modular-form > li .k-edit-field select {
      color: #939598; }
  .modular-form .k-pager-wrap .k-pager-numbers li {
    margin-bottom: 0; }
  .modular-form #evidenceButton {
    justify-content: center; }
  .modular-form .light-back {
    background-color: rgba(245, 245, 245, 0.25);
    margin: 0;
    padding: 16px 0px; }
  .modular-form .dark-back {
    background-color: transparent;
    margin: 0;
    padding: 16px 0px; }

.required-input label::after {
  content: '*';
  margin-left: 8px;
  color: #D91648; }

.full-form {
  height: calc(100% - 52px); }
  .full-form form {
    height: 100%;
    position: relative; }
  .full-form .modular-form {
    padding-top: 32px;
    max-height: calc(100% - 69px);
    overflow: auto; }
  .full-form .modal-footer {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0; }

.extend-search-input {
  position: relative;
  display: flex; }
  .extend-search-input label {
    padding-top: 8px; }
  .extend-search-input input {
    border-radius: 4px; }
  .extend-search-input .k-autocomplete {
    width: 300px; }
    .extend-search-input .k-autocomplete::after {
      content: "\f002";
      font-family: fontawesome;
      position: absolute;
      right: 8px;
      top: 7px; }
    .extend-search-input .k-autocomplete .k-input {
      padding-right: 28px; }

.uploader-box {
  margin-left: 24px;
  border: 1px solid #63A74F;
  width: 100%; }

.k-content .modular-form .k-edit-field > ul > li {
  width: auto; }

.modular-form > li.comment-upload {
  align-items: start; }

.comment-height {
  height: 210px; }

.customer-photo img {
  height: 115px;
  width: auto; }

.historic-image {
  margin-right: 8px;
  width: 100%;
  height: 100%; }

.form-list {
  list-style: none;
  padding: 0 4px; }
  .form-list .form-group {
    display: flex;
    margin: 4px; }

.calendar-space {
  margin: 0 4px; }

button {
  cursor: pointer; }

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 30px white inset; }

* {
  outline: none; }

#addReason,
#addPermit {
  margin-right: 16px; }

.loginContactShadow {
  height: 100%;
  color: #939598; }
  @media (min-width: 601px) {
    .loginContactShadow {
      flex-direction: row;
      display: flex; } }
  .loginContactShadow .loginWrapper {
    background-color: #63A74F;
    padding: 16px; }
    @media (min-width: 601px) {
      .loginContactShadow .loginWrapper {
        width: 55%;
        padding-right: 64px;
        justify-content: right; } }
    .loginContactShadow .loginWrapper .image-container {
      text-align: center;
      width: 100%; }
      @media (min-width: 601px) {
        .loginContactShadow .loginWrapper .image-container {
          text-align: right; } }
      .loginContactShadow .loginWrapper .image-container img {
        max-width: 503px;
        width: 50%; }
        .loginContactShadow .loginWrapper .image-container img ~ img {
          max-width: 273px;
          margin-top: 16px; }
          @media (min-width: 601px) {
            .loginContactShadow .loginWrapper .image-container img ~ img {
              margin-top: 32px; } }
  .loginContactShadow #login {
    flex-flow: column;
    padding: 32px;
    background-color: #FFF; }
    @media (min-width: 601px) {
      .loginContactShadow #login {
        width: 45%;
        padding-left: 64px;
        justify-content: center;
        align-items: first baseline; } }
    .loginContactShadow #login fieldset,
    .loginContactShadow #login .alternative-route {
      width: 100%;
      max-width: 400px; }
    .loginContactShadow #login fieldset {
      margin-bottom: 32px; }
      .loginContactShadow #login fieldset legend {
        border-width: 0;
        font-size: 30px;
        padding: 0;
        margin-bottom: 16px; }
        @media (min-width: 601px) {
          .loginContactShadow #login fieldset legend {
            margin-bottom: 32px;
            border-color: #686F78; } }
    .loginContactShadow #login .modular-form li {
      flex-flow: column;
      margin-top: 0; }
      .loginContactShadow #login .modular-form li:last-child {
        margin: 32px 0 0;
        padding: 0 16px; }
      .loginContactShadow #login .modular-form li .input-container {
        width: 100%;
        padding: 0;
        overflow: hidden;
        border: 1px solid #939598; }
        .loginContactShadow #login .modular-form li .input-container .k-textbox {
          background-color: transparent;
          color: #939598; }
        .loginContactShadow #login .modular-form li .input-container label {
          padding: 16px 16px 8px;
          font-weight: lighter;
          margin: 0;
          display: inline-block; }
        .loginContactShadow #login .modular-form li .input-container .k-textbox,
        .loginContactShadow #login .modular-form li .input-container label {
          width: 100%; }
        input.k-invalid {
			box-shadow: none; }
    .loginContactShadow #login .k-textbox {
      height: auto;
      padding: 0;
      border: 0 none;
      padding: 0 16px 16px; }
      .loginContactShadow #login .k-textbox:focus {
        box-shadow: none; }
    .loginContactShadow #login .alternative-route {
      padding: 0 16px;
      text-align: right; }

.modal {
  justify-content: center;
  align-items: center; }
  .modal-open .modal {
    display: flex !important; }
  .modal .modal-dialog {
    height: auto;
    margin: auto;
    width: calc(100% - 500px);
    background-color: transparent; }
    .modal .modal-dialog .modal-content {
      box-shadow: none;
      border-radius: 8px;
      height: auto; }
      .modal .modal-dialog .modal-content .modal-header {
        padding: 8px 16px;
        border: none;
        background-color: #F5F5F5;
        border-radius: 8px 8px 0 0; }
        .modal .modal-dialog .modal-content .modal-header h3 {
          margin: 0;
          font-size: 20px; }
      .modal .modal-dialog .modal-content .modal-body {
        padding: 16px 0 0; }
        .modal .modal-dialog .modal-content .modal-body .formList {
          list-style: none; }

.sub-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 16px;
  background-color: white; }
  .sub-header .button-section {
    display: flex;
    flex-wrap: wrap;
    align-items: center; }
    .sub-header .button-section > * {
      margin-left: 16px; }
  .sub-header .breadcrumb {
    margin: 0;
    background-color: transparent;
    padding: 0;
    list-style: none;
    display: flex; }
    .sub-header .breadcrumb > li {
      margin-right: 8px; }
      .sub-header .breadcrumb > li:not(:last-child) {
        cursor: pointer; }
      .sub-header .breadcrumb > li:not(:last-child)::after {
        content: '/';
        margin-left: 8px;
        opacity: .5; }
      .sub-header .breadcrumb > li:last-child {
        color: #63A74F; }
      .sub-header .breadcrumb > li.breadcrumb-input {
        white-space: nowrap; }
        .sub-header .breadcrumb > li.breadcrumb-input .k-dropdown {
          width: auto;
          display: inline-block; }

.breadcrumbButtons {
  margin-right: 16px; }

#mainContent {
  width: 100%;
  position: relative;
  height: 100%;
  display: flex;
  overflow: auto;
  flex-wrap: wrap;
  flex-flow: column; }
  @media (min-width: 601px) {
    #mainContent {
      overflow: hidden; } }
  #mainContent .main-content {
    flex: 1 100%;
    min-height: 0; }
    #mainContent .main-content.flex-layout-grid {
      display: flex;
      flex-flow: column; }
      #mainContent .main-content.flex-layout-grid .full-grid {
        flex: 1 100%;
        display: flex;
        flex-flow: column; }
        #mainContent .main-content.flex-layout-grid .full-grid .k-grid {
          width: 100%;
          display: flex;
          flex-flow: column;
          flex: 1;
          min-height: 0; }
        #mainContent .main-content.flex-layout-grid .full-grid .k-pager-wrap .k-pager-sizes .k-dropdown {
          width: auto; }
        #mainContent .main-content.flex-layout-grid .full-grid .k-checkbox:checked + .k-checkbox-label::before {
          color: #97D12E; }
      #mainContent .main-content.flex-layout-grid #userData ul li label {
        width: 100%; }
    #mainContent .main-content .label-inst {
      margin-left: 18px;
      margin-top: 8px; }
    #mainContent .main-content #calendar span.k-datepicker {
      padding: 8px;
      width: 20%;
      margin-left: 82px; }
      #mainContent .main-content #calendar span.k-datepicker #yearpicker {
        background-color: transparent; }
    #mainContent .main-content .yearWrapper {
      height: 500px;
      width: auto;
      overflow: auto;
      margin-left: 90px; }
    #mainContent .main-content .modal-footer {
      padding: 8px; }
  #mainContent > section:not(.loginContactShadow) {
    width: 100%; }
    #mainContent > section:not(.loginContactShadow).sub-menu {
      background-color: #F5F5F5;
      display: flex;
      flex: 0 0 64px; }
      #mainContent > section:not(.loginContactShadow).sub-menu .brand-img {
        height: 100%;
        display: flex; }
        #mainContent > section:not(.loginContactShadow).sub-menu .brand-img .brand-button {
          background-color: transparent;
          border: 0; }
        #mainContent > section:not(.loginContactShadow).sub-menu .brand-img .navbar-brand {
          float: none;
          height: 64px;
          padding: 16px;
          line-height: 0; }
      #mainContent > section:not(.loginContactShadow).sub-menu .options {
        width: 100%;
        display: flex;
        justify-content: flex-end;
        margin: 0;
        padding: 0;
        list-style: none; }
        #mainContent > section:not(.loginContactShadow).sub-menu .options li {
          display: flex;
          justify-content: center;
          align-items: center; }
          #mainContent > section:not(.loginContactShadow).sub-menu .options li:last-child {
            margin-right: 16px; }
          #mainContent > section:not(.loginContactShadow).sub-menu .options li button {
            background-image: none;
            background-color: transparent;
            border: 0 none;
            padding: 16px;
            font-size: 16px;
            display: flex;
            align-items: center;
            font-size: 20px;
            transition: all .3s ease;
            border-radius: 100%; }
            #mainContent > section:not(.loginContactShadow).sub-menu .options li button:hover {
              background-color: rgba(0, 0, 0, 0.05); }
          #mainContent > section:not(.loginContactShadow).sub-menu .options li span {
            display: inline-block;
            padding: 8px; }
  #mainContent .principal-nav {
    width: 0;
    height: calc(100% - 64px);
    overflow: hidden;
    position: absolute;
    top: 64px;
    left: 0;
    z-index: 1;
    color: #FFF;
    transition: width 0s .3s linear; }
    #mainContent .principal-nav .shadow {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      transition: opacity .3s linear;
      opacity: 0;
      background-color: #FFF; }
    #mainContent .principal-nav.active-menu {
      width: 100%;
      transition: all 0s linear; }
      #mainContent .principal-nav.active-menu .shadow {
        opacity: .75; }
      #mainContent .principal-nav.active-menu nav {
        transform: translate(0px);
        transition: all .2s .1s ease;
        overflow-y: auto;
        overflow-x: hidden; }
      #mainContent .principal-nav.active-menu ~ .main-content {
        filter: blur(3px); }
    #mainContent .principal-nav nav {
      padding: 32px 0;
      width: 200px;
      height: 100%;
      background-color: #686F78;
      position: absolute;
      left: 0;
      top: 0;
      transition: all .2s 0s ease;
      transform: translate(-100%); }
      #mainContent .principal-nav nav ul {
        margin: 0;
        padding: 0;
        list-style: none; }
        #mainContent .principal-nav nav ul li {
          margin-bottom: 4px; }
          #mainContent .principal-nav nav ul li button {
            display: inline-block;
            width: 100%;
            border-radius: 0;
            background-color: transparent;
            background-image: none;
            border: 0 none;
            color: #FFF;
            text-align: left;
            padding: 6px 16px;
            transition: all .3s linear;
            font-size: 14px; }
            #mainContent .principal-nav nav ul li button:hover {
              border-left: 8px solid #fff; }
      #mainContent .principal-nav nav .dropdown-menu {
        display: inline-block;
        width: 100%;
        padding: 6px 30px 6px 16px;
        position: relative;
        background-color: rgba(255, 255, 255, 0.15); }
        #mainContent .principal-nav nav .dropdown-menu ~ ul > li > button {
          padding-left: 32px; }
  #mainContent .reports {
    padding-top: 8px; }
    #mainContent .reports ul li {
      flex-wrap: unset; }
      #mainContent .reports ul li label {
        width: 300px; }
      #mainContent .reports ul li span.k-dropdown {
        width: 100%; }
    #mainContent .reports .k-edit-buttons {
      flex-flow: row-reverse; }

.dropdouwn-menu {
  width: 100%;
  position: relative;
  overflow: auto; }
  .dropdouwn-menu > button {
    width: 100%;
    border-width: 0 6px;
    border-style: solid;
    border-color: transparent;
    padding: 4px 10px;
    background-color: transparent;
    background-image: none;
    text-align: left;
    transition: all .3s linear; }
    .dropdouwn-menu > button:hover {
      background-color: rgba(255, 255, 255, 0.2);
      border-left-color: #63A74F; }
  .dropdouwn-menu > span,
  .dropdouwn-menu .title-menu {
    display: inline-block;
    width: 100%;
    border-width: 0 6px;
    border-style: solid;
    border-color: transparent;
    padding: 4px 10px;
    background-color: rgba(255, 255, 255, 0.2);
    border-left-color: #63A74F;
    background-image: none;
    text-align: left;
    transition: all .3s linear;
    font-size: 16px; }
  .dropdouwn-menu ul {
    padding: 0;
    margin: 0;
    list-style: none; }
    .dropdouwn-menu ul li button {
      background-color: transparent;
      background-image: none;
      border: 0 none;
      padding: 4px 16px;
      width: 100%;
      text-align: left;
      transition: all .2s linear;
      color: #FFF; }
      .dropdouwn-menu ul li button:hover {
        background-color: rgba(255, 255, 255, 0.2); }

#versionContainer {
  padding: 0 16px; }

#listView:empty::after {
  content: "\f01c";
  font-size: 100px;
  position: absolute;
  left: 50%;
  top: 50%;
  font-family: FontAwesome;
  opacity: .1;
  margin: -71px 0 0 -43px; }

.welcome-list {
  padding: 16px 8px;
  display: flex;
  flex-flow: row;
  flex-wrap: wrap; }
  .welcome-list .task {
    width: calc(33.333% - 32px);
    height: auto;
    min-height: 250px;
    margin: 0 16px 16px;
    padding: 16px 16px 64px;
    box-sizing: border-box;
    box-shadow: 0 5px 10px rgba(104, 111, 120, 0.3);
    border-radius: 8px;
    position: relative;
    overflow: hidden; }
    .welcome-list .task > .fa {
      font-size: 20px;
      opacity: .4; }
    .welcome-list .task h4 {
      margin-bottom: 32px; }
    .welcome-list .task p {
      margin-bottom: 16px; }
    .welcome-list .task .date {
      opacity: .5;
      font-size: 12px;
      color: #2C79D4; }
    .welcome-list .task .icons {
      text-align: right;
      position: absolute;
      left: 16px;
      bottom: 16px;
      right: 16px; }
      .welcome-list .task .icons > * {
        display: inline-block;
        padding: 4px;
        width: 30px;
        height: 30px;
        font-size: 16px;
        text-align: center;
        background-color: #F5F5F5;
        margin-left: 8px;
        border-radius: 4px;
        box-sizing: border-box; }
      .welcome-list .task .icons .overdue,
      .welcome-list .task .icons .priority-medium {
        color: #E2C523;
        background-color: rgba(226, 197, 35, 0.2); }
      .welcome-list .task .icons .completed,
      .welcome-list .task .icons .priority-low {
        color: #63A74F;
        background-color: rgba(99, 167, 79, 0.2); }
      .welcome-list .task .icons .on-track {
        color: #2C79D4;
        background-color: rgba(44, 121, 212, 0.15); }
      .welcome-list .task .icons .at-risk,
      .welcome-list .task .icons .priority-high {
        color: #D91648;
        background-color: rgba(217, 22, 72, 0.15); }

#menuResponsive {
  font-size: 20px;
  padding: 16px;
  border: 0 none;
  margin: 0 16px;
  background-color: transparent;
  background-image: none;
  align-self: center;
  width: 52px;
  line-height: 0;
  border-radius: 100%;
  transition: all .3s ease;
  position: relative;
  height: 52px; }
  #menuResponsive:hover {
    background-color: rgba(0, 0, 0, 0.05); }
  #menuResponsive.active-menu {
    transform: rotate(180deg); }
    #menuResponsive.active-menu .fas.fa-times {
      opacity: 1; }
    #menuResponsive.active-menu .fas.fa-bars {
      opacity: 0; }
  #menuResponsive .fas {
    position: absolute;
    width: 100%;
    left: 0;
    top: 16px;
    transition: all .3s ease; }
    #menuResponsive .fas.fa-times {
      opacity: 0; }
    #menuResponsive .fas.fa-bars {
      opacity: 1; }

md-tabs .md-tab.md-active {
  color: #63A74F; }
  md-tabs .md-tab.md-active .md-ripple-container {
    color: #4C94E0; }

md-tabs md-ink-bar {
  color: #4C94E0;
  background: #4C94E0; }

.content-tab.container .BPMImage img {
  max-width: 200px;
  margin: 8px 0; }
.content-tab ul {
  list-style: none; }

.tab-strip + div {
  overflow: auto;
  height: calc(100% - 100px); }

.input-date {
  display: flex;
  margin: 15px 0; }
  .input-date .date-space {
    margin: 0 4px; }
    .input-date .date-space input.k-textbox {
      height: 40px; }

#chartGeneral {
  width: 100%; }

.time-container {
  width: 100%;
  display: flex;
  justify-content: center;
  text-align: center; }
  .time-container h1,
  .time-container h3 {
    margin: 4px 0; }
  .time-container .time-response {
    width: 30%;
    height: 100%;
    background-color: #F5F5F5;
    padding: 8px;
    margin: 16px 0;
    margin-left: 12px;
    text-align: center; }
  .time-container .list-cases {
    width: 15%;
    height: 100%;
    background-color: #F5F5F5;
    padding: 8px;
    margin: 16px 0;
    margin-right: 12px; }
    .time-container .list-cases h1 {
      margin-right: 8px; }
    .time-container .list-cases button {
      background-color: transparent;
      border-style: none;
      font-family: "Roboto", sans-serif;
      font-size: 16px;
      font-weight: bold;
      font-variant-caps: small-caps;
      color: #63A74F; }
      .time-container .list-cases button:hover {
        color: #97D12E; }

.special-title {
  margin: 8px 0;
  margin-top: 32px;
  padding-left: 32px;
  background-color: #939598;
  color: #F5F5F5; }
  .special-title h3 {
    margin: 0 8px; }
  .special-title h4 {
    margin: 8px 0; }

.grid-section {
  display: flex;
  flex-flow: column;
  overflow: auto;
  flex: 1; }
  .grid-section .executive-header {
    padding: 8px 16px; }
    .grid-section .executive-header h4 {
      margin: 0;
      margin-top: 8px; }

.three-rows-header .k-grid-header tr:first-child th:not([rowspan]) {
  background-color: #B8B8B8;
  border: 1px solid #F6F6F6;
  border-bottom: none;
  text-align: center;
  color: #F6F6F6;
  font-variant-caps: small-caps;
  font-size: 18px;
  padding: 0; }
.three-rows-header .k-grid-header tr:nth-child(2) > th:not([rowspan]) {
  background-color: #D6D6D6;
  border: 1px solid #F6F6F6;
  color: #939598;
  text-align: center; }

.two-rows-header tr:first-child th:not([rowspan]):not(.k-group-cell) {
  background-color: #D6D6D6;
  border: 1px solid #F6F6F6;
  border-bottom: none;
  text-align: center;
  font-variant-caps: small-caps;
  font-size: 18px;
  padding: 0; }

#exportExcelButton {
  display: none; }

.color-red {
  color: #D91648; }
  
.background-red {
	background: #fbd5d5 !important;
}

.background-blue {
	background: #d5effb;
}

.hiddenCheckBox{
    visibility: hidden;
    background: #d5effb !important;
}

.button-small{
	min-width: 0px !important;
	padding: 5px !important;
}

.color-green {
  color: #63A74F; }

.k-multiselect-wrap:hover {
  color: #fff; }
  .k-multiselect-wrap:hover .k-icon.k-clear-value.k-i-close {
    color: #fff; }

.k-multiselect .k-button {
  color: #939598; }
  .k-multiselect .k-button:hover {
    color: #FFF; }

.k-list > .k-state-selected {
  color: #fff;
  background-color: #97D12E; }

.k-list > .k-state-focused.k-state-selected {
  box-shadow: inset 0 0 3px 1px #C8ED7D; }

.k-multiselect .k-input:hover {
  color: #fff; }

.k-multiselect.k-state-hover {
  background-color: transparent; }

.spinner {
  height: 50px;
  width: 50px;
  position: relative;
  margin: 0 auto; }
  .spinner div {
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    height: 50px;
    background-color: #fff;
    opacity: .5;
    border-radius: 100%;
    animation: spinner 1s infinite linear; }
  .spinner div + div {
    animation-delay: -.5s; }

@keyframes spinner {
  0%, 100% {
    transform: scale(0); }
  50% {
    transform: scale(1); } }
.k-dropdown-wrap {
  height: 40px; }
  .k-dropdown-wrap > .k-input {
    display: flex;
    flex: 1; }

.la-voz-form {
  height: 100%;
  display: flex;
  flex-flow: column;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  position: relative;
  overflow: auto; }
  .la-voz-form h1,
  .la-voz-form p {
    padding: 16px;
    margin: 0; }
  .la-voz-form ul {
    margin: 0;
    padding: 0 24px;
    list-style: none; }
    .la-voz-form ul > li {
      margin-bottom: 16px;
      padding: 0 8px; }
      .la-voz-form ul > li > label {
        margin: 0 0 4px;
        width: 100%;
        display: inline-block; }
      .la-voz-form ul > li input:not([type="radio"]) {
        width: 100%;
        border: 1px solid #63A74F;
        height: 34px; }

.welcome {
  height: 100%;
  position: relative; }
  .welcome > section {
    background-image: url(/LaVozDelCliente/images/afirme-logo.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    height: 80%;
    width: 80%;
    position: absolute;
    left: 10%;
    top: 10%; }

#rocket {
  position: absolute;
  top: auto;
  bottom: 30px;
  right: 30px;
  left: auto;
  transition: all 2s ease; }
  #rocket[ui-step="2"] ul {
    transform: rotate(45deg); }
  #rocket[ui-step="3"] ul, #rocket[ui-step="4"] ul {
    transform: rotate(90deg); }
  #rocket ul {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    transition: all .3s ease; }
  #rocket .fire {
    position: absolute;
    right: 0px;
    bottom: 4px;
    height: 19px;
    width: 19px; }
    #rocket .fire img {
      position: absolute;
      left: 0;
      top: 0;
      animation: fire .3s linear infinite; }
      #rocket .fire img + img {
        animation: fire .3s linear .15s infinite; }
  #rocket .bubble {
    position: absolute;
    right: 16px;
    bottom: 86px;
    width: 200px;
    padding: 16px;
    background-color: #FFF;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    transition: all .3s ease;
    opacity: 1; }
    #rocket .bubble::before {
      content: "";
      width: 16px;
      height: 16px;
      position: absolute;
      bottom: -8px;
      transform: rotate(45deg);
      border-radius: 4px;
      right: 20px;
      background-color: #FFF;
      box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1); }
    #rocket .bubble.bottom {
      right: -120px;
      bottom: -160px; }
      #rocket .bubble.bottom::before {
        bottom: 139px;
        right: 140px;
        box-shadow: -4px -4px 4px rgba(0, 0, 0, 0.1); }
      #rocket .bubble.bottom.right {
        right: 0; }
        #rocket .bubble.bottom.right::before {
          right: 24px; }
    #rocket .bubble button {
      background-color: #63A74F;
      color: #FFF;
      width: 100%;
      padding: 8px;
      margin-top: 8px;
      border-radius: 4px;
      border: 0 none; }
    #rocket .bubble.inactive {
      opacity: 0;
      transform: rotate(45deg); }

@keyframes fire {
  0%, 50% {
    opacity: 0; }
  51%, 100% {
    opacity: 1; } }
.tooltip {
  transition: all .2s ease;
  margin: 0;
  padding: 0;
  background-color: #E2C523;
  color: #7d7d7d;
  opacity: 0;
  height: 0;
  font-weight: bold;
  text-align: center; }
  .tooltip.active {
    padding: 8px;
    opacity: 1;
    height: auto; }

/*# sourceMappingURL=app.css.map */