@charset "UTF-8";
/* GRADIENT LISTS
============================================= */
/* ---------------------------------------------------------------------------------------------------- */
/* FONT ----------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */
@font-face {
  font-family: neue-haas-grotesk-display, sans-serif;
  font-weight: 400;
  font-style: normal;
}
/* BG IMAGES
============================================= */
/* FLEXBOX
============================================= */
/* OPACITY
============================================= */
/* TRANSITION
============================================= */
/* TRANSFORM
============================================= */
/* BORDER RADIUS
============================================= */
/* ---------------------------------------------------------------------------------------------------- */
/* 																										*/
/* FORM ---------------------------------------------------------------------------------------- */
/* 																										*/
/* ---------------------------------------------------------------------------------------------------- */
.k-textbox::placeholder {
  color: #79838F;
}

.k-form .k-form-field-wrap {
  display: block;
  position: relative;
}
.k-form .k-form-field-wrap .toggle-password {
  position: absolute;
  right: 8px;
  top: 12px;
}

.checkContainer {
  float: left;
}

.k-form-clear {
  display: none;
}

.k-input {
  font-family: nimbus-sans, sans-serif;
  font-weight: 400;
  font-style: normal;
  /*color: $nero;*/
}

form input.k-textbox, .k-form input.k-textbox {
  padding: 20px;
  border: none;
  background: #F4F7FB;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  margin-top: 5px;
}
form input.k-textbox:hover, form input.k-textbox .k-textbox.k-state-hover, .k-form input.k-textbox:hover, .k-form input.k-textbox .k-textbox.k-state-hover {
  border-color: #79838F;
  color: #252525;
  background: #F4F7FB;
}
form textarea, .k-form textarea {
  padding: 20px;
  border: none;
  background: #F4F7FB;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  margin-top: 5px;
}
form .k-radio, .k-form .k-radio {
  border-color: #C20E1A;
  color: transparent;
  background-color: #C20E1A;
}
form .k-radio:checked, .k-form .k-radio:checked {
  border-color: #C20E1A;
  color: #fff;
  background-color: #C20E1A;
}
form .k-radio:focus, .k-form .k-radio:focus {
  border-color: #C20E1A;
  box-shadow: none;
}
form .k-checkbox:checked, .k-form .k-checkbox:checked {
  border-color: #fff;
  color: #252525;
  background-color: #fff;
}
form .k-checkbox:checked:focus, .k-form .k-checkbox:checked:focus {
  border-color: #fff;
  box-shadow: none;
}

.k-dropdown {
  margin-top: 5px;
  height: 40px;
}
.k-dropdown .k-dropdown-wrap {
  border: none;
  background-color: #F4F7FB;
  background-image: none;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

.k-list .k-item.k-state-selected, .k-list-optionlabel.k-state-selected {
  color: #000000;
  background-color: #D0D6DB;
}

.k-dropdown.img-select {
  width: 100%;
  background: #252525;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: 2px solid #fff;
}
.k-dropdown.img-select .k-dropdown-wrap {
  background-color: #252525;
  background-image: url("/assets/pagination/icons/arrow-narrow-down.svg");
  color: #fff;
}
.k-dropdown.img-select .k-dropdown-wrap:hover, .k-dropdown.img-select .k-dropdown-wrap.k-state-focused {
  color: #fff;
  background-color: #252525;
  background-image: url("/assets/pagination/icons/arrow-narrow-down.svg");
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.k-dropdown.img-select .k-input {
  padding-left: 0;
}
.k-dropdown.img-select .k-input .selected-value {
  width: 30px;
  height: 30px;
  margin: 3px;
  background-size: 24px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.k-list .k-item .k-state-default:first-child {
  width: 25px;
  height: 25px;
  display: inline-block;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.onoff {
  width: 12px;
  height: 12px;
  background: #252525;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 10px solid #88171E;
  cursor: pointer;
}
.onoff.off {
  background: #88171E;
}

/* ---------------------------------------------------------------------------------------------------- */
/* 																										*/
/* SELECT / DROPDOWN ---------------------------------------------------------------------------------- */
/* 																										*/
/* ---------------------------------------------------------------------------------------------------- */
.k-dropdown {
  height: 40px;
}
.k-dropdown .k-dropdown-wrap {
  border: none;
  background-color: #88171E;
  color: #fff;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-transition: background-color 0.5s ease 0s;
  -moz-transition: background-color 0.5s ease 0s;
  -ms-transition: background-color 0.5s ease 0s;
  -o-transition: background-color 0.5s ease 0s;
  transition: background-color 0.5s ease 0s;
  background-image: url("/assets/pagination/icons/arrow-narrow-down.svg");
  background-repeat: no-repeat;
  background-position: calc(100% - 5px) 50%;
}
.k-dropdown .k-dropdown-wrap:hover {
  border-color: transparent;
  color: #fff;
  background-color: #C20E1A;
  background-image: url("/assets/pagination/icons/arrow-narrow-down.svg");
}
.k-dropdown .k-dropdown-wrap.k-state-focused {
  background-color: #88171E;
  color: #fff;
}
.k-dropdown .k-input {
  height: 100%;
}
.k-dropdown .k-icon {
  display: none;
}

.k-combobox {
  height: 40px;
}
.k-combobox .k-dropdown-wrap {
  border: none;
  background-color: #88171E;
  color: #fff;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-transition: background-color 0.5s ease 0s;
  -moz-transition: background-color 0.5s ease 0s;
  -ms-transition: background-color 0.5s ease 0s;
  -o-transition: background-color 0.5s ease 0s;
  transition: background-color 0.5s ease 0s;
  background-image: url("/library/pagination/ui/arrow-down.svg");
  background-repeat: no-repeat;
  background-position: calc(100% - 5px) 50%;
}
.k-combobox .k-dropdown-wrap:hover {
  border-color: transparent;
  color: #fff;
  background-color: #C20E1A;
  background-image: url("/library/pagination/ui/arrow-down.svg");
}
.k-combobox .k-dropdown-wrap.k-state-focused {
  background-color: #88171E;
  color: #fff;
}
.k-combobox .k-input {
  height: 100%;
}
.k-combobox .k-icon {
  display: none;
}

.k-dropdown.status {
  width: 140px;
}

.k-dropdown.filter {
  width: 200px;
  position: relative;
}
.k-dropdown.filter .k-dropdown-wrap {
  background-color: transparent;
  background-image: none;
  color: #C20E1A;
  background-image: url("/library/pagination/ui/caret-down.svg");
  font-family: nimbus-sans, sans-serif;
  font-weight: 700;
  font-style: normal;
}
.k-dropdown.filter .k-dropdown-wrap.k-state-focused {
  box-shadow: none;
}
.k-dropdown.filter .k-input {
  justify-content: flex-end;
}

/* ---------------------------------------------------------------------------------------------------- */
/* 																										*/
/*  SLIDER ---------------------------------------------------------------------------------- */
/* 																										*/
/* ---------------------------------------------------------------------------------------------------- */
.k-slider-horizontal {
  width: calc(100% - 80px);
  left: -7px;
}
.k-slider-horizontal .k-label {
  display: none;
}
.k-slider-horizontal .k-tick {
  background-image: none;
}
.k-slider-horizontal .k-tick {
  display: none;
}
.k-slider-horizontal .k-draghandle {
  -webkit-transform: scale(2.5);
  -moz-transform: scale(2.5);
  -ms-transform: scale(2.5);
  -o-transform: scale(2.5);
  transform: scale(2.5);
  border: none;
  top: -12px;
  box-shadow: none !important;
  color: #fff;
  background-color: #C20E1A;
  width: 14px;
  line-height: calc(40px / 2.5);
  height: calc(40px / 2.5);
  text-align: center;
  position: relative;
  display: inline-block;
  font-size: 5px;
}
.k-slider-horizontal .k-draghandle:hover {
  color: #fff;
  background-color: #88171E;
}
.k-slider-horizontal .k-draghandle::before {
  background: #88171E;
  width: calc(18px / 2.5);
  height: calc(40px / 2.5);
  position: absolute;
  content: " ";
  font-family: "tabler-icons" !important;
}
.k-slider-horizontal .k-draghandle:nth-child(2) {
  -webkit-border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;
  border-radius: 0 2px 2px 0;
}
.k-slider-horizontal .k-draghandle:nth-child(2)::before {
  -webkit-border-radius: 2px 0 0 2px;
  -moz-border-radius: 2px 0 0 2px;
  border-radius: 2px 0 0 2px;
  left: calc(-15px / 2.5);
}
.k-slider-horizontal .k-draghandle:nth-child(3) {
  -webkit-border-radius: 2px 0 0 2px;
  -moz-border-radius: 2px 0 0 2px;
  border-radius: 2px 0 0 2px;
}
.k-slider-horizontal .k-draghandle:nth-child(3)::before {
  -webkit-border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;
  border-radius: 0 2px 2px 0;
  right: calc(-15px / 2.5);
}
.k-slider-horizontal .k-slider-track {
  height: 1px;
  left: 0;
  right: 0;
  min-width: 100%;
}
.k-slider-horizontal .k-slider-selection {
  display: none;
}

.k-slider-horizontal .k-draghandle:active, .k-slider-horizontal .k-draghandle.k-pressed {
  transform: translateY(0%) scale(2.5);
}

.k-slider .k-draghandle:active, .k-slider .k-draghandle.k-pressed {
  border-color: transparent;
  color: #fff;
  background-color: #88171E;
}

#w1, #w2, #l1, #l2 {
  display: none;
}

/* ---------------------------------------------------------------------------------------------------- */
/* 																										*/
/*  ---------------------------------------------------------------------------------- */
/* 																										*/
/* ---------------------------------------------------------------------------------------------------- */
.k-grid-edit-row td > .k-textbox, .k-grid-edit-row td > .k-widget:not(.k-switch), .k-edit-cell > .k-textbox, .k-edit-cell > .k-widget:not(.k-switch) {
  width: inherit;
  /*height: 40px;*/
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
.k-grid-edit-row td > .k-textbox#tracking, .k-grid-edit-row td > .k-widget:not(.k-switch)#tracking, .k-edit-cell > .k-textbox#tracking, .k-edit-cell > .k-widget:not(.k-switch)#tracking {
  width: 100%;
}

.carrier.k-dropdown {
  min-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.carrier.k-dropdown .k-dropdown-wrap {
  background-color: #eed880;
  background-image: none;
  color: #C20E1A;
  background-image: none;
  font-family: nimbus-sans, sans-serif;
  font-weight: 700;
  font-style: normal;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.carrier.k-dropdown .k-dropdown-wrap.k-state-focused {
  box-shadow: none;
}
.carrier.k-dropdown .k-dropdown-wrap .k-icon {
  display: block;
  color: #C20E1A;
}

.k-list .k-item {
  color: #252525;
  background-color: #F4F7FB;
}
.k-list .k-item.k-state-selected {
  color: #D0D6DB;
  background-color: #414D58;
  box-shadow: none;
}
.k-list .k-item:hover.k-state-selected, .k-list .k-item.k-state-hover.k-state-selected {
  color: #414D58;
  background-color: #D0D6DB;
}

select {
  opacity: 0;
  min-width: 150px;
}

/*select {
  background-color: $rossoscuro;
  color: $bianco;
  padding: 12px 25px 12px 15px;
  @include borderRadius(8px);
  border: none;
  box-shadow: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("/library/pagination/ui/arrow-down.svg");
  background-repeat: no-repeat;
  background-position: calc(100% - 5px) 50%;
  !*@include transitionEase(background-size);*!

  option {
    background: $rosso;
    padding: 5px 0;
  }


!*  &:focus {
    background-size: 0;
  }*!


}

select.status {
  width: 150px;
}

select.filter {
  background-color: transparent;
  color: $rosso;
  background-image: url("/library/pagination/ui/caret-down.svg");
  @include fontWeight(700);

  option {
    background: $grigiochiaro;
    color: $nero;
    @include fontWeight();
  }

}

*/
.k-multiselect .k-multiselect-wrap .k-button, .k-dropdowntree .k-multiselect-wrap .k-button {
  padding: 7px 8px;
  background: -webkit-linear-gradient(top, #C20E1A, #88171E);
  background: -moz-linear-gradient(top, #C20E1A, #88171E);
  background: -ms-linear-gradient(top, #C20E1A, #88171E);
  background: -o-linear-gradient(top, #C20E1A, #88171E);
  background: linear-gradient(top, #C20E1A, #88171E);
  color: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.k-popup {
  color: #3F4250;
  background-color: #F4F7FB;
}

.k-list .k-item:hover.k-state-selected, .k-list .k-item.k-state-hover.k-state-selected, .k-list-optionlabel:hover.k-state-selected, .k-list-optionlabel.k-state-hover.k-state-selected {
  background-color: #D0D6DB;
}

.k-list .k-item:focus, .k-list .k-item.k-state-focused, .k-list-optionlabel:focus, .k-list-optionlabel.k-state-focused {
  box-shadow: none;
}

/* ---------------------------------------------------------------------------------------------------- */
/* 																										*/
/* DATE TIME PICKER / DATE PICKER --------------------------------------------------------------------- */
/* 																										*/
/* ---------------------------------------------------------------------------------------------------- */
.k-datetimepicker .k-picker-wrap {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.k-datetimepicker .k-input {
  height: 100%;
}
.k-datetimepicker .k-select {
  border: none;
  color: #fff;
  background-color: #88171E;
  background-image: none;
  -webkit-border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;
}
.k-datetimepicker .k-link {
  -webkit-transition: background-color 0.5s ease 0s;
  -moz-transition: background-color 0.5s ease 0s;
  -ms-transition: background-color 0.5s ease 0s;
  -o-transition: background-color 0.5s ease 0s;
  transition: background-color 0.5s ease 0s;
}
.k-datetimepicker .k-link:hover {
  background-color: #C20E1A;
  color: #fff;
  background-image: none;
}
.k-calendar .k-header {
  border-color: inherit;
  color: #252525;
  background-color: #D0D6DB;
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1);
}

.k-calendar .k-state-selected .k-link {
  border-color: #C20E1A;
  color: #fff;
  background-color: #C20E1A;
}

.k-calendar .k-state-selected.k-state-hover .k-link, .k-calendar .k-state-selected:hover .k-link {
  border-color: #88171E;
  color: #fff;
  background-color: #88171E;
}

.k-calendar .k-footer .k-nav-today, .k-calendar .k-calendar-header .k-today {
  color: #88171E;
}
.k-calendar .k-footer .k-nav-today:hover, .k-calendar .k-calendar-header .k-today:hover {
  color: #C20E1A;
}

/* ---------------------------------------------------------------------------------------------------- */
/* 																										*/
/* CHECKBOX ---------------------------------------------------------------------------------------- */
/* 																										*/
/* ---------------------------------------------------------------------------------------------------- */
.k-checkbox {
  width: 8px;
  height: 8px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  outline: 3px solid #88171E;
  cursor: pointer;
  background: #88171E;
  border: none;
  text-indent: 100px;
}
.k-checkbox:checked {
  background: #fff;
}
.k-checkbox::before {
  width: 8px;
  height: 8px;
}

.k-checkbox:disabled {
  cursor: auto;
  outline: 3px solid #D0D6DB;
  background: #D0D6DB;
}
.k-checkbox:disabled:checked {
  background: #fff;
}

/* ---------------------------------------------------------------------------------------------------- */
/* 																										*/
/* SWITCH ---------------------------------------------------------------------------------------- */
/* 																										*/
/* ---------------------------------------------------------------------------------------------------- */
.k-switch {
  width: 100px;
}
.k-switch .k-switch-container {
  width: 100px;
  padding: 4px;
}
.k-switch .k-switch-container .k-switch-handle {
  left: -10px;
  border: none;
}
.k-switch .k-switch-container .k-switch-label-off, .k-switch .k-switch-container .k-switch-label-on {
  -webkit-transition: opacity 0.5s ease 0s;
  -moz-transition: opacity 0.5s ease 0s;
  -ms-transition: opacity 0.5s ease 0s;
  -o-transition: opacity 0.5s ease 0s;
  transition: opacity 0.5s ease 0s;
}
.k-switch .k-switch-container .k-switch-label-off {
  right: 20px;
  color: #fff;
}
.k-switch .k-switch-container .k-switch-label-on {
  left: 20px;
  color: #fff;
}

.k-switch-on.k-switch-off .k-switch-container, .k-switch-off .k-switch-container {
  background-color: #79838F;
  border: none;
  padding: 4px 15px;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

.k-switch-off .k-switch-container .k-switch-label-on {
  opacity: 0;
}

.k-switch-on .k-switch-container {
  background-color: #C20E1A;
}
.k-switch-on .k-switch-container .k-switch-label-off {
  opacity: 0;
}
.k-switch-on .k-switch-container .k-switch-label-on {
  opacity: 1;
}
.k-switch-on .k-switch-container .k-switch-handle {
  border-color: transparent;
  background: #fff;
  left: 60px;
}

.k-switch-on:hover .k-switch-container, .k-switch-on.k-state-hover .k-switch-container {
  color: #fff;
  background-color: #88171E;
}

.k-switch-off:hover .k-switch-container, .k-switch-off.k-state-hover .k-switch-container {
  color: #fff;
  background-color: #3F4250;
}

/* ---------------------------------------------------------------------------------------------------- */
/* 																										*/
/* HTML EDITOR ---------------------------------------------------------------------------------------- */
/* 																										*/
/* ---------------------------------------------------------------------------------------------------- */
table.k-editor {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding-bottom: 5px;
  border: none;
  -webkit-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.1);
  margin-top: 10px;
}

.k-toolbar.k-editor-toolbar {
  /*@include gradient(top, $gradientNero);*/
  background: #F4F7FB;
}
.k-toolbar.k-editor-toolbar .k-button {
  background: #fff;
  color: #252525;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 7px;
  width: 35px;
}
.k-toolbar.k-editor-toolbar .k-button-group .k-button {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.k-toolbar.k-editor-toolbar .k-button-group .k-group-start, .k-toolbar.k-editor-toolbar .k-button-group .k-button:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.k-toolbar.k-editor-toolbar .k-button-group .k-group-end, .k-toolbar.k-editor-toolbar .k-button-group .k-button:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

/* ---------------------------------------------------------------------------------------------------- */
/* 																										*/
/* PERSONALIZZAZIONI ---------------------------------------------------------------------------------- */
/* 																										*/
/* ---------------------------------------------------------------------------------------------------- */
#prodForm .k-grid td {
  padding: 5px 10px;
  line-height: 10px;
}
#prodForm .k-dropdown .k-dropdown-wrap {
  background-image: url("/library/pagination/ui/arrow-down.svg");
}
#prodForm .k-toolbar .k-dropdown .k-dropdown-wrap {
  background-color: #fff;
  color: #252525;
}

.admin .bg .k-editor ul li {
  border-bottom: none;
}

.k-colorpicker .k-picker-wrap {
  border-color: transparent;
  color: #252525;
  background: #fff;
}

#catForm .k-form-field {
  margin-top: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
}

#supportForm {
  padding: 10px;
}
#supportForm .k-form-legend {
  font-size: 14px;
  text-transform: none;
  text-align: center;
  font-weight: 900;
  padding-bottom: 10px;
  font-size: 20px;
  color: #88171E;
}
#supportForm .k-form .k-form-buttons {
  justify-content: center;
}
#supportForm .k-button.k-primary {
  padding: 12px 30px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  background: #88171E;
}
#supportForm .k-button.k-primary:hover {
  background: #C20E1A;
}

/* ---------------------------------------------------------------------------------------------------- */
/* 																										*/
/* DATEPICKER ---------------------------------------------------------------------------------------- */
/* 																										*/
/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */
/* 																										*/
/* MEDIA QUERY ---------------------------------------------------------------------------------------- */
/* 																										*/
/* ---------------------------------------------------------------------------------------------------- */
@media all and (max-width: 1279px) {
  #catForm .k-d-grid {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    flex-wrap: nowrap;
    width: 100%;
  }
  #catForm .k-d-grid .k-form-fieldset {
    width: 100%;
  }
  #catForm .k-d-grid {
    width: 100%;
  }
  #catForm .k-form-field, #catForm .k-form-field-wrap {
    width: 100%;
  }
}

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