@charset "UTF-8";
/*-------------------------
    Variables
--------------------------*/
/*-------------------------
    Variables
--------------------------*/
/*-------------------------
    Global Loader
--------------------------*/
html:not(.ismobile) .global-loader {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1000; }
  html:not(.ismobile) .global-loader .layer {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: black;
    opacity: 0.7; }
  html:not(.ismobile) .global-loader .preloader {
    width: 50px;
    position: absolute;
    left: 50%;
    margin-left: -25px;
    top: 50%;
    margin-top: -55px;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: 3000ms;
    animation-duration: 3000ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both; }
  html:not(.ismobile) .global-loader p {
    white-space: nowrap;
    position: relative;
    top: 50%;
    color: #CCC;
    width: 100%;
    text-align: center; }

html.ismobile .global-loader {
  display: none; }

/*-------------------------
    Utility classes
--------------------------*/
.search-cursor {
  cursor: pointer; }

.pointer-cursor {
  cursor: pointer; }

.btn-no-shadow {
  box-shadow: 0 0px 0px !important; }

.hover {
  -webkit-transition: background-color 0.25s;
  -moz-transition: background-color 0.25s;
  -ms-transition: background-color 0.25s;
  -o-transition: background-color 0.25s;
  transition: background-color 0.25s; }

.hover:hover {
  background-color: #ebebeb !important; }

.animated-fast {
  -webkit-animation-duration: 0.25s;
  -moz-animation-duration: 0.25s;
  -o-animation-duration: 0.25s;
  animation-duration: 0.25s; }

.card-header-inverse {
  background-color: #063868; }
  .card-header-inverse h2 {
    color: #FFFFFF; }

/*-------------------------
    Tables
--------------------------*/
.table-hover > tbody > tr:hover {
  background-color: #ebebeb; }

.table-hover > tbody > tr.selected {
  background-color: #063868;
  color: white; }

.table-hover > tbody > tr.selected:hover {
  background-color: #031e38; }

.result-summary {
  margin-bottom: 25px;
  font-size: .9rem;
  color: #9c9c9c; }

/*-------------------------
    Forms
--------------------------*/
.form .form-group .toggle-switch {
  margin-top: 9px; }
  .form .form-group .toggle-switch .ts-label {
    margin: 0px 0px 0px 10px; }

.form .form-group .input-icon-container {
  border-bottom: 1px solid #BABABA;
  font-size: 20px;
  color: #AAAAAA; }

fra .form .form-group:after, .form .form-group:before {
  content: '';
  position: absolute;
  height: 2px;
  width: 0;
  bottom: -1px;
  transition: width .5s ease;
  background-color: #063868; }

.form .form-group.quick-search__active:after {
  width: 50%; }

.form .form-group.quick-search__active:before {
  width: 50%; }

.quick-search-container .quick-search {
  border-bottom: 1px solid #eceff1;
  padding: 5px;
  margin-bottom: 10px;
  position: relative; }
  .quick-search-container .quick-search .quick-search-input-container {
    margin-left: 30px; }
    .quick-search-container .quick-search .quick-search-input-container input {
      border: 0px;
      width: 100%;
      height: 100%;
      font-weight: 500; }
  .quick-search-container .quick-search i.zmdi {
    font-size: 20px; }
  .quick-search-container .quick-search:after {
    right: 50%; }
  .quick-search-container .quick-search:before {
    left: 50%; }
  .quick-search-container .quick-search:after, .quick-search-container .quick-search:before {
    content: '';
    position: absolute;
    height: 2px;
    width: 0;
    bottom: -1px;
    transition: width .5s ease;
    background-color: #063868; }
  .quick-search-container .quick-search.quick-search__active:after {
    width: 50%; }
  .quick-search-container .quick-search.quick-search__active:before {
    width: 50%; }

.modal .quick-search {
  margin-right: 0px !important; }

@media (max-width: 767px) {
  .quick-search-container {
    width: 100%; }
  .img-center-max-768 {
    display: block;
    margin: 0 auto; } }

@media (min-width: 767px) {
  .width-20-min-768 {
    width: 20%; }
  .border-right-lightgray-min-768 {
    border-right: 1px solid #dbdbdb; }
  .padding-bottom-40-min-768 {
    padding-bottom: 40px; } }

.grid-actions {
  width: 1%;
  padding-right: 0px !important;
  padding-left: 0px !important;
  position: relative; }
  .grid-actions .grid-actions-container {
    white-space: nowrap;
    position: absolute;
    right: 7px;
    margin-top: -4px; }
    .grid-actions .grid-actions-container a.grid-action {
      display: inline-block;
      color: #5E5E5E;
      width: 25px;
      height: 25px;
      border-radius: 2px;
      font-size: 18px;
      text-align: center;
      line-height: 26px; }
    .grid-actions .grid-actions-container a.grid-action:hover {
      background-color: #d2d2d2; }

.edit-text-cell .form-control {
  margin: 0px;
  border: 0px;
  padding: 0px;
  height: 18px; }

/*-------------------------
    Select2
--------------------------*/
.select2-selection,
.select2-selection--multiple,
.select2-selection--single,
.select2-container--default .select2-selection--multiple,
.select2-container--default .select2-selection--single,
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default.select2-container--focus .select2-selection--single {
  border: 0px;
  border-bottom: 1px solid #f0f0f0;
  border-radius: 0px; }
  .select2-selection .select2-search__field,
  .select2-selection--multiple .select2-search__field,
  .select2-selection--single .select2-search__field,
  .select2-container--default .select2-selection--multiple .select2-search__field,
  .select2-container--default .select2-selection--single .select2-search__field,
  .select2-container--default.select2-container--focus .select2-selection--multiple .select2-search__field,
  .select2-container--default.select2-container--focus .select2-selection--single .select2-search__field {
    margin-top: 8px; }
  .select2-selection .select2-selection__rendered,
  .select2-selection--multiple .select2-selection__rendered,
  .select2-selection--single .select2-selection__rendered,
  .select2-container--default .select2-selection--multiple .select2-selection__rendered,
  .select2-container--default .select2-selection--single .select2-selection__rendered,
  .select2-container--default.select2-container--focus .select2-selection--multiple .select2-selection__rendered,
  .select2-container--default.select2-container--focus .select2-selection--single .select2-selection__rendered {
    padding-left: 0px; }

.select2-dropdown {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  margin-top: 1px;
  border: 0;
  top: 0;
  border-radius: 2px; }

/*-------------------------
    Lookup
--------------------------*/
.lookup {
  background-color: #ffffff;
  border: solid 1px #BABABA;
  margin-bottom: 3px; }
  .lookup .lookup-header {
    background-color: #FFFFFF;
    height: 30px;
    padding-left: 7px;
    cursor: pointer;
    position: relative; }
    .lookup .lookup-header .placeholder {
      color: #AEAEAE; }
    .lookup .lookup-header .actions {
      position: absolute;
      right: 10px;
      top: 0px; }
      .lookup .lookup-header .actions .actions__item {
        margin-right: -10px; }
  .lookup .lookup-header:hover {
    background-color: #ebebeb; }
  .lookup table {
    /*
    thead {
      th {
        background-color: #FFFFFF;
      }
    }

    td {
      background-color: #fafafa;
    }

    tr:first-child td {
      border-top: 0px;
    }

    tr:hover td {
      background-color: #f0f0f0;
    }
    */
    margin-bottom: 0px; }
    .lookup table:not(.table-bordered) > tbody:first-child td, .lookup table:not(.table-bordered) > tbody:first-child th, .lookup table:not(.table-bordered) > thead:first-child td, .lookup table:not(.table-bordered) > thead:first-child th {
      border-top: 1px solid #f2f4f5; }
    .lookup table th.actions, .lookup table td.actions {
      width: 1%;
      padding: 0px;
      text-align: center;
      vertical-align: middle;
      position: relative; }
      .lookup table th.actions .action, .lookup table td.actions .action {
        position: absolute;
        bottom: 3px; }
  .lookup .lookup-current-value {
    margin-right: 116px;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    padding-top: 5px;
    text-overflow: ellipsis; }

/*-------------------------
    input-file
--------------------------*/
.input-file {
  background-color: #ffffff;
  border: solid 1px #BABABA;
  cursor: pointer;
  height: 30px;
  position: relative;
  overflow: hidden; }
  .input-file .input-file-name {
    padding-left: 7px;
    padding-top: 6px;
    display: block; }
  .input-file .placeholder {
    color: #AEAEAE;
    padding-left: 7px;
    padding-top: 6px;
    display: block;
    cursor: pointer; }
  .input-file input[type=file] {
    position: absolute;
    height: 0%;
    width: 0%;
    top: -100%;
    left: 0px;
    opacity: 0; }

.input-file:hover {
  background-color: #ebebeb; }

/*-------------------------
    input-image
--------------------------*/
.input-image {
  background-color: #ffffff;
  cursor: pointer;
  overflow: hidden; }
  .input-image .img-responsive {
    border-radius: 0px; }
  .input-image .input-image-container {
    position: relative;
    display: block; }
    .input-image .input-image-container .actions {
      position: absolute;
      top: 5px;
      right: 5px; }
  .input-image input[type=file] {
    position: absolute;
    height: 0%;
    width: 0%;
    top: -100%;
    left: 0px;
    opacity: 0; }

/*-------------------------
    profile-box
--------------------------*/
.s-profile {
  position: relative; }
  .s-profile .cover {
    left: 0px;
    top: 0px;
    width: 100%;
    height: 129px;
    position: absolute; }
  .s-profile .sp-pic {
    position: relative; }

/*-------------------------
    forms areas
--------------------------*/
.area-no-card {
  position: relative; }
  .area-no-card .area-no-card-header .actions {
    position: absolute;
    right: 10px;
    top: 20px;
    z-index: 4; }
  .area-no-card .area-no-card-header h2 {
    margin: 0;
    line-height: 100%;
    font-size: 16px;
    font-weight: 400;
    padding: 24px 30px;
    color: #777; }
  .area-no-card .area-no-card-body {
    margin-left: -15px;
    margin-right: -15px; }

/*-------------------------
    Select form control
--------------------------*/
.has-error .bootstrap-select .btn-default {
  border-color: #FF3E63 !important; }

/*-------------------------
    Toggle switch inverse
--------------------------*/
.toggle-switch.toggle-switch-inverse:not([data-ts-color]) input:not(:disabled):checked + .ts-helper {
  background: #26DD9E; }

.toggle-switch.toggle-switch-inverse .ts-helper {
  background-color: #95989A;
  -webkit-transition: background-color 0.28s;
  transition: background-color 0.28s;
  vertical-align: middle;
  cursor: pointer; }

.toggle-switch:not([data-ts-color]) input:not(:disabled):checked + .ts-helper:before {
  background-color: #F4F4F4; }

.form-group .toggle-switch .ts-label {
  color: #9d9d9d; }

/*-------------------------
    form spacer
--------------------------*/
.form-spacer-control {
  height: 60px; }

/*---form bar primar color */
.form-group__bar:after, .form-group__bar:before {
  background-color: #063868; }

/*-------------------------
    color picker
--------------------------*/
.cp-container input.cp-value {
  color: #000 !important;
  background: 0 0 !important; }

/*************************
** Standard select
******************-*****/
.select:before {
  background-color: transparent !important; }

.form-group.select-cell {
  margin-bottom: 0px; }

.edit-text-cell {
  background-color: rgba(193, 193, 193, 0.52);
  max-width: 100px;
  height: 25px;
  padding: 3px 10px; }

.color-white {
  color: white !important; }

.zero-padding {
  padding-left: 0;
  padding-right: 0; }

.zero-padding-left {
  padding-left: 0; }

.zero-padding-right {
  padding-right: 0 !important; }

.margin-bottom-10 {
  margin-bottom: 10px; }

.bgm-gray {
  background-color: #E6E6E6 !important;
  color: #9f9f9f !important; }

.readOnlyImage {
  width: 240px;
  height: 240px;
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  border-radius: 50%;
  border: 1px solid #e8e8e8; }

.full-width, .buttonCheckbox {
  width: 100%; }

.height-40, .buttonCheckbox {
  height: 40px; }

.fs9 {
  font-size: 9px; }

.fs10 {
  font-size: 10px; }

.fs11 {
  font-size: 11px; }

.fs12 {
  font-size: 12px; }

.fs14 {
  font-size: 14px; }

.fs16 {
  font-size: 16px; }

.fs18 {
  font-size: 18px; }

.fs20 {
  font-size: 20px; }

.fs36 {
  font-size: 36px; }

.fs42 {
  font-size: 42px; }

.fs56 {
  font-size: 56px; }

.fs72 {
  font-size: 72px; }

.btn-actions-bar {
  text-align: right; }
  .btn-actions-bar .btn {
    margin-left: 5px; }

.btn-primary {
  background-color: #063868;
  border-color: #063868; }
  .btn-primary:hover {
    background-color: #000408;
    border-color: #000408; }

.radio__label:after {
  background-color: #063868; }

.checkbox > input[type=checkbox]:checked ~ .checkbox__label:before, .checkbox > input[type=checkbox]:checked ~ .radio__label:before, .checkbox > input[type=radio]:checked ~ .checkbox__label:before, .checkbox > input[type=radio]:checked ~ .radio__label:before, .radio > input[type=checkbox]:checked ~ .checkbox__label:before, .radio > input[type=checkbox]:checked ~ .radio__label:before, .radio > input[type=radio]:checked ~ .checkbox__label:before, .radio > input[type=radio]:checked ~ .radio__label:before {
  border-color: #063868; }

.form-group--float .form-control:focus ~ label {
  color: #074580; }

.checkbox > input[type=checkbox]:checked ~ .checkbox__label:before, .checkbox > input[type=radio]:checked ~ .checkbox__label:before, .radio > input[type=checkbox]:checked ~ .checkbox__label:before, .radio > input[type=radio]:checked ~ .checkbox__label:before {
  background-color: #063868; }

@media (min-width: 992px) {
  .modal-md {
    max-width: 700px; } }

@media (max-width: 992px) {
  .modal-lg, .modal-xl {
    max-width: 700px; } }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.m-x-25 {
  margin: 25px !important; }

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

.m-x-35 {
  margin: 35px !important; }

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

.m-x-45 {
  margin: 45px !important; }

.m-x-50 {
  margin: 50px !important; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.p-x-0 {
  padding: 0px !important; }

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

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

.p-x-15 {
  padding: 15px !important; }

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

.p-x-25 {
  padding: 25px !important; }

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

.p-x-35 {
  padding: 35px !important; }

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

.p-x-45 {
  padding: 45px !important; }

.p-x-50 {
  padding: 50px !important; }

.fs-0 {
  font-size: 0px !important; }

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

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

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

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

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

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

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

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

.fs-9 {
  font-size: 9px !important; }

.fs-10 {
  font-size: 10px !important; }

.fs-11 {
  font-size: 11px !important; }

.fs-12 {
  font-size: 12px !important; }

.fs-13 {
  font-size: 13px !important; }

.fs-14 {
  font-size: 14px !important; }

.fs-15 {
  font-size: 15px !important; }

.fs-16 {
  font-size: 16px !important; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

/* Firefox */
input[type=number] {
  -moz-appearance: textfield; }

.ecobonus-code {
  color: #063868;
  font-size: 20px;
  font-weight: 500;
  margin-top: -8px; }

.widget-title {
  color: #063868;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 12px;
  display: flex;
  justify-content: center; }

.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24; }

.header-actions-dossier {
  width: 100%;
  min-height: 48px;
  background-color: #ffffff;
  border-width: 1px;
  border-color: #E2E2E2;
  border-style: none;
  border-top-style: solid;
  padding: 15px;
  top: 72px;
  border-bottom: 1px solid #E2E2E2;
  left: 0;
  z-index: 5; }
  @media (max-width: 1200px) {
    .header-actions-dossier.with-phases {
      padding-left: 115px !important; } }
  @media (min-width: 1200px) {
    .header-actions-dossier.with-phases {
      padding-left: 390px !important; } }
  @media (min-width: 1200px) {
    .header-actions-dossier {
      padding-left: 310px; } }
  @media (max-width: 1200px) {
    .header-actions-dossier {
      left: 0;
      padding-left: 45px; } }

.content__title {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .content__title .actions {
    position: unset; }

.document-status {
  font-size: 18px;
  color: #063868;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 0; }

.documents-container .status  {
  padding-left: 0; }

.document-sub-status {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 0; }

.not-valid {
  color: #ff0000 !important; }

.pending {
  color: #5C5C5C !important; }

.p-15 {
  padding: 15px; }

.circle-status {
  padding-top: 4px;
  text-align: center; }
  .circle-status button {
    border-style: none;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    background-color: #CBCBCB;
    color: white;
    height: 32px;
    width: 32px;
    border-radius: 50%; }

.circle-document {
  padding-top: 4px;
  text-align: center; }
  .circle-document button {
    border-style: none;
    font-size: 24px;
    font-weight: 500;
    text-transform: uppercase;
    background-color: #CBCBCB;
    color: white;
    height: 40px;
    width: 40px;
    border-radius: 50%; }

.add-circle-document {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center; }
  .add-circle-document button {
    cursor: pointer;
    border-style: none;
    font-size: 24px;
    font-weight: 500;
    text-transform: uppercase;
    background-color: white;
    height: 24px;
    width: 24px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    color: #BFBFBF; }

.dropzone .dz-preview .dz-details {
  z-index: 18; }

.attachment-box {
  border: 1px solid #EBEBEB;
  border-radius: 2px;
  width: 80px;
  height: 72px;
  position: relative;
  cursor: pointer;
  background-color: white; }

.attachment-box-in-gallery {
  border: 1px solid #CBCBCB;
  border-radius: 2px;
  width: 100%;
  position: relative;
  cursor: pointer; }
  .attachment-box-in-gallery .delete-attachment {
    position: absolute;
    right: 0;
    background: #00000032;
    margin: 10px 10px;
    border-radius: 50%; }
    .attachment-box-in-gallery .delete-attachment i {
      font-size: 20px;
      margin: 8px 12px; }
    .attachment-box-in-gallery .delete-attachment:hover {
      background: #00000020; }

.gallery-box {
  background-color: #ffffff; }
  .gallery-box .document-gallery-number {
    text-align: center;
    font-size: 20px;
    margin-bottom: 5px;
    margin-top: 5px; }
  .gallery-box .document-gallery-text {
    text-align: center;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 12px; }

.p-t-12 {
  padding-top: 12px; }

.document-more-vert {
  font-size: 24px;
  margin-top: 20px;
  padding-left: 24px;
  padding-right: 15px;
  cursor: pointer;
  color: #9E9E9E; }
  .document-more-vert:hover {
    color: #858585; }

.button-yellow button {
  background-color: #f3da50; }

.button-blue button {
  background-color: #063868; }

.button-orange button {
  background-color: #063868; }

.button-black button {
  background-color: #000; }

.btn-orange {
  background-color: #063868;
  color: #ffffff; }
  .btn-orange:hover {
    background-color: #c77c18;
    color: #f2f2f2; }

.m-b-23 {
  margin-bottom: 23px; }

.dropdown-toggle::after {
  content: none !important; }

.dropleft .dropdown-toggle::before, .dropright .dropdown-toggle::after {
  content: none; }

.rounded-line {
  height: 6px;
  border-radius: 4px;
  background-color: #d7d7d7;
  margin-left: 2px;
  margin-right: 2px; }

.col-12.float-right.zero-padding.status-padding {
  padding-bottom: 4px; }

.status-text {
  font-size: 16px;
  font-weight: 700;
  font-style: italic;
  color: #063868 !important; }

.rounded-line-grid {
  height: 4px;
  border-radius: 4px;
  background-color: #d7d7d7;
  margin-left: 2px;
  margin-right: 2px; }

.status-text-grid {
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 2px; }

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

.document-header {
  padding-top: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid #C4C4C4;
  border-top: 1px solid #C4C4C4;
  font-size: 14px; }

.table-bordered td, .table-bordered th {
  border: 2px solid #E5E5E5;
  vertical-align: middle; }

.table thead th {
  border-bottom: 1px solid #E5E5E5; }

.textcell-title {
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 0px; }

.textcell-subtitle {
  font-size: 10px;
  margin-bottom: 0px; }

.status-filter {
  height: 128px;
  width: 100%;
  background-color: #EBEBEB;
  padding: 15px;
  display: table;
  cursor: pointer; }
  .status-filter div.row {
    display: table-cell;
    text-align: center;
    vertical-align: middle; }
    .status-filter div.row span {
      display: block; }

.status-filter-label {
  font-size: 14px;
  color: #AAAAAA; }

.status-filter-value {
  font-size: 36px;
  font-weight: 100;
  color: #AAAAAA; }

.btn-syncButton {
  cursor: pointer;
  padding: 1px 8px;
  height: 100%;
  background-color: #ffffff;
  color: #000000;
  border: 1px;
  font-weight: 500;
  border-style: solid;
  border-color: #D9D9D9 !important;
  border-radius: 4px; }

.btn-ponzio {
  color: #FFF;
  background-color: #063868;
  border-color: #063868; }
  .btn-ponzio:hover {
    color: #FFF;
    background-color: #06254b;
    border-color: #06254b; }

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

.table-hover > tbody > tr.level-0.selected {
  background-color: #EBEBEB;
  color: #747a80; }
  .table-hover > tbody > tr.level-0.selected:hover {
    background-color: #f1f1f1;
    color: #747a80; }

.table-dossier .zmdi-check-square {
  color: #116ec7; }

.table-dossier .textcell-title {
  color: #424242; }

.table-dossier th {
  font-weight: 300; }

.table-dossier td {
  padding: 8px; }

.p-30 {
  padding: 30px; }

.dossier-more-vert {
  font-size: 24px;
  cursor: pointer;
  color: #9E9E9E; }

.dossier-header {
  padding-left: 30px;
  display: flex;
  align-items: center; }
  @media (max-width: 576px) {
    .dossier-header {
      padding-left: 22px;
      padding-top: 8px; } }
  @media (min-width: 1300px) {
    .dossier-header {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 75%;
      flex: 0 0 75%;
      max-width: 75%; } }

.dossier-status {
  margin-top: 3px; }
  @media (max-width: 576px) {
    .dossier-status {
      margin-top: 8px;
      display: flex;
      padding-left: 32px; } }
  @media (min-width: 1300px) {
    .dossier-status {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
      flex: 0 0 25%;
      max-width: 25%; } }

.login__block__header {
  background-color: #063868 !important; }

.login__block__btn {
  background-color: #063868 !important; }

.form-group--float .form-control:focus ~ label {
  color: #063868 !important; }

.form-group__bar:after, .form-group__bar:before {
  background-color: #063868 !important; }

.header {
  background-color: white !important;
  box-shadow: unset;
  border-bottom: 1px solid #D7D7D7; }

.sidebar {
  border-right: 1px solid #D7D7D7;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  background-color: #ffffff; }

.summary-text  {
  color: black; }

.content-with-phases:not(.content--boxed):not(.content--full) {
  padding: 90px 30px 0 100px; }
  @media (max-width: 576px) {
    .content-with-phases:not(.content--boxed):not(.content--full) {
      padding: 130px 30px 0 100px; } }

.phase-container {
  margin: 72px 30px 0 0; }

@media (min-width: 1200px) {
  .content:not(.content--boxed):not(.content--full) {
    padding: 102px 30px 0 300px; }
  .content-with-phases:not(.content--boxed):not(.content--full) {
    padding: 90px 32px 0 382px; }
  .phase-container {
    margin: 72px 30px 0 270px; } }

@media (min-width: 1200px) {
  .header-dossier {
    padding: 102px 0px; } }

.card-blue .toggle-switch:not([data-ts-color]) input:not(:disabled):checked + .ts-helper:before {
  background: #FFFFFF; }

.card-blue .toggle-switch:not([data-ts-color]) input:not(:disabled):checked + .ts-helper {
  background: rgba(255, 255, 255, 0.5); }

.dropdown-item {
  color: #888888 !important; }

.dropdown-item.disabled, .dropdown-item:disabled {
  color: #cccccc !important; }

.navigation > li > a:hover, .navigation > li.active > a {
  color: #ffffff;
  background-color: #063868; }

.navigation a:hover, .navigation .active > a, .navigation a.active {
  color: #ffffff;
  background-color: #063868; }

.navigation li:not(.navigation__active):not(.navigation__sub--active) a:hover {
  color: #ffffff;
  background-color: #063868; }

.p-l-30 {
  padding-left: 30px; }

.p-l-16 {
  padding-left: 16px; }

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

.p-r-50 {
  padding-right: 50px; }

.p-t-6 {
  padding-top: 6px; }

.p-t-8 {
  padding-top: 8px; }

.p-t-7 {
  padding-top: 7px; }

.p-t-9 {
  padding-top: 9px; }

.m-t-27 {
  margin-top: 27px; }

.m-t-27 {
  margin-top: 27px; }

.m-t-24 {
  margin-top: -24px; }

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

/*************************
** Pagination
******************-*****/
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 18px 0;
  border-radius: 2px; }

.pagination > li {
  display: inline; }

.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.42857143;
  text-decoration: none;
  color: #7E7E7E;
  background-color: #f1f1f1;
  border: 1px solid #fff;
  margin-left: -1px; }

.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px; }

.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px; }

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2;
  color: #333;
  background-color: #e4e4e4;
  border-color: #fff; }

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  background-color: #063868;
  border-color: #fff;
  cursor: default; }

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777777;
  background-color: #E2E2E2;
  border-color: #fff;
  cursor: not-allowed; }

.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 17px;
  line-height: 1.3333333; }

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px; }

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px; }

.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5; }

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px; }

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px; }

/*-------------------------
    Toggle Switch
--------------------------*/
.toggle-switch {
  display: inline-block;
  vertical-align: top;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.toggle-switch .ts-label {
  display: inline-block;
  margin: 0 20px 0 0;
  vertical-align: top;
  -webkit-transition: color 0.56s cubic-bezier(0.4, 0, 0.2, 1);
  transition: color 0.56s cubic-bezier(0.4, 0, 0.2, 1); }

.toggle-switch .ts-helper {
  display: inline-block;
  position: relative;
  width: 40px;
  height: 16px;
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.26);
  -webkit-transition: background 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  transition: background 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  vertical-align: middle;
  cursor: pointer; }

.toggle-switch .ts-helper:before {
  content: '';
  position: absolute;
  top: -4px;
  left: -4px;
  width: 24px;
  height: 24px;
  background: #fafafa;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28);
  border-radius: 50%;
  webkit-transition: left 0.28s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  transition: left 0.28s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); }

.toggle-switch:not(.disabled) .ts-helper:active:before {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(128, 128, 128, 0.1); }

.toggle-switch input {
  position: absolute;
  z-index: 1;
  width: 46px;
  margin: 0 0 0 -4px;
  height: 24px;
  opacity: 0;
  filter: alpha(opacity=0);
  cursor: pointer; }

.toggle-switch input:checked + .ts-helper:before {
  left: 20px; }

.toggle-switch:not([data-ts-color]) input:not(:disabled):checked + .ts-helper {
  background: rgba(6, 56, 104, 0.51); }

.toggle-switch:not([data-ts-color]) input:not(:disabled):checked + .ts-helper:before {
  background: #063868; }

.toggle-switch:not([data-ts-color]) input:not(:disabled):checked + .ts-helper:active:before {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(0, 150, 136, 0.2); }

.toggle-switch.disabled {
  opacity: 0.6;
  filter: alpha(opacity=60); }

.toggle-switch[data-ts-color="red"] input:not(:disabled):checked + .ts-helper {
  background: rgba(244, 67, 54, 0.5); }

.toggle-switch[data-ts-color="red"] input:not(:disabled):checked + .ts-helper:before {
  background: #F44336; }

.toggle-switch[data-ts-color="red"] input:not(:disabled):checked + .ts-helper:active:before {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(244, 67, 54, 0.2); }

.toggle-switch[data-ts-color="blue"] input:not(:disabled):checked + .ts-helper {
  background: rgba(33, 150, 243, 0.5); }

.toggle-switch[data-ts-color="blue"] input:not(:disabled):checked + .ts-helper:before {
  background: #2196F3; }

.toggle-switch[data-ts-color="blue"] input:not(:disabled):checked + .ts-helper:active:before {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(33, 150, 243, 0.2); }

.toggle-switch[data-ts-color="amber"] input:not(:disabled):checked + .ts-helper {
  background: rgba(255, 193, 7, 0.5); }

.toggle-switch[data-ts-color="amber"] input:not(:disabled):checked + .ts-helper:before {
  background: #FFC107; }

.toggle-switch[data-ts-color="amber"] input:not(:disabled):checked + .ts-helper:active:before {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(255, 193, 7, 0.2); }

.toggle-switch[data-ts-color="purple"] input:not(:disabled):checked + .ts-helper {
  background: rgba(186, 104, 200, 0.5); }

.toggle-switch[data-ts-color="purple"] input:not(:disabled):checked + .ts-helper:before {
  background: #BA68C8; }

.toggle-switch[data-ts-color="purple"] input:not(:disabled):checked + .ts-helper:active:before {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(186, 104, 200, 0.2); }

.toggle-switch[data-ts-color="pink"] input:not(:disabled):checked + .ts-helper {
  background: rgba(233, 30, 99, 0.5); }

.toggle-switch[data-ts-color="pink"] input:not(:disabled):checked + .ts-helper:before {
  background: #E91E63; }

.toggle-switch[data-ts-color="pink"] input:not(:disabled):checked + .ts-helper:active:before {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(233, 30, 99, 0.2); }

.toggle-switch[data-ts-color="lime"] input:not(:disabled):checked + .ts-helper {
  background: rgba(205, 220, 57, 0.5); }

.toggle-switch[data-ts-color="lime"] input:not(:disabled):checked + .ts-helper:before {
  background: #CDDC39; }

.toggle-switch[data-ts-color="lime"] input:not(:disabled):checked + .ts-helper:active:before {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(205, 220, 57, 0.2); }

.toggle-switch[data-ts-color="cyan"] input:not(:disabled):checked + .ts-helper {
  background: rgba(0, 188, 212, 0.5); }

.toggle-switch[data-ts-color="cyan"] input:not(:disabled):checked + .ts-helper:before {
  background: #00BCD4; }

.toggle-switch[data-ts-color="cyan"] input:not(:disabled):checked + .ts-helper:active:before {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(0, 188, 212, 0.2); }

.toggle-switch[data-ts-color="green"] input:not(:disabled):checked + .ts-helper {
  background: rgba(76, 175, 80, 0.5); }

.toggle-switch[data-ts-color="green"] input:not(:disabled):checked + .ts-helper:before {
  background: #4CAF50; }

.toggle-switch[data-ts-color="green"] input:not(:disabled):checked + .ts-helper:active:before {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(76, 175, 80, 0.2); }

.form-group__bar {
  bottom: unset; }

.growl-animated.alert-inverse {
  box-shadow: 0 0 5px rgba(51, 51, 51, 0.5); }

.alert-inverse {
  background-color: #333;
  border-color: transparent;
  color: #fff;
  text-align: center; }

.close {
  color: #fff; }

.bootstrap-select > .btn-light {
  background: none !important;
  border-radius: 0;
  padding-left: 0;
  padding-right: 0; }

.bootstrap-select > .btn-light:before {
  position: absolute;
  top: 4px;
  right: -2px;
  content: "";
  height: calc(100% - 4px);
  width: 20px;
  background-color: #FFF;
  background-position: right calc(100% - 7px);
  background-repeat: no-repeat;
  background-image: url(../images/select.png);
  pointer-events: none; }

@media only screen and (-webkit-min-device-pixel-ratio: 2), not all, not all, not all, only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .bootstrap-select > .btn-light:before {
    background-image: url("../images/select@2x.png");
    background-size: 12px 12px; } }

.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333 !important;
  white-space: nowrap; }

.dropdown-menu > li > a {
  padding: 10px 20px;
  -webkit-transition: background-color;
  -o-transition: background-color;
  transition: background-color;
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms; }

.yesno-inverse label:after {
  background-color: #fff; }

.yesno-inverse label:before {
  border-color: #fff !important; }

.tab-nav {
  list-style: none;
  padding: 0;
  white-space: nowrap;
  margin: 0;
  overflow: auto;
  box-shadow: inset 0 -2px 0 0 #eee;
  width: 100%; }

.tab-nav li {
  display: inline-block;
  vertical-align: top; }

.tab-nav li.active > a {
  color: #000; }

@media (min-width: 768px) {
  .tab-nav li > a {
    padding: 15px; } }

.tab-nav li > a {
  display: inline-block;
  color: #7a7a7a;
  text-transform: uppercase;
  position: relative;
  width: 100%;
  -webkit-transition: all;
  -o-transition: all;
  transition: all;
  -webkit-transition-duration: 250ms;
  transition-duration: 250ms;
  font-weight: 500; }

.tab-nav:not([data-tab-color]) > li > a:after {
  background: #2196F3; }

.tab-nav li.active > a:after {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1); }

.tab-nav li > a:after {
  content: "";
  height: 2px;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  -webkit-transition: all;
  -o-transition: all;
  transition: all;
  -webkit-transition-duration: 250ms;
  transition-duration: 250ms;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0); }

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

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

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

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

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

.card-colored {
  position: relative;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-clip: border-box;
  border: 1px solid transparent;
  border-radius: 2px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075); }
  .card-colored .btn-grey.primary {
    color: #063868 !important; }
  .card-colored.c-blue {
    background-color: #063868; }
  .card-colored.c-warning {
    background-color: #f2981a;
    box-shadow: none !important; }
    .card-colored.c-warning .dossier-product-description {
      color: #ffffff !important; }
    .card-colored.c-warning .form-group__bar:after, .card-colored.c-warning .form-group__bar:before {
      background-color: white !important; }
    .card-colored.c-warning i {
      color: white; }
    .card-colored.c-warning .btn-grey.primary {
      margin: 5px;
      cursor: pointer !important;
      color: #f2981a !important; }
    .card-colored.c-warning .btn {
      cursor: pointer !important;
      text-transform: uppercase; }
      .card-colored.c-warning .btn.btn-info {
        background: #E38B0F;
        color: #955E10; }
        .card-colored.c-warning .btn.btn-info:active {
          color: #955E10;
          background-color: #d68002; }
      .card-colored.c-warning .btn.btn-success {
        background: #FFF5E6;
        color: #f2981a; }
        .card-colored.c-warning .btn.btn-success:active {
          color: #f2981a;
          background-color: #fde6c5; }
  .card-colored.c-grey {
    background-color: #737373;
    box-shadow: none !important; }
    .card-colored.c-grey .form-group__bar:after, .card-colored.c-grey .form-group__bar:before {
      background-color: white !important; }
    .card-colored.c-grey i {
      color: white; }
    .card-colored.c-grey .btn {
      text-transform: uppercase; }
      .card-colored.c-grey .btn.btn-info {
        background: #737373;
        color: #737373; }
        .card-colored.c-grey .btn.btn-info:active {
          color: #737373;
          background-color: #737373; }
      .card-colored.c-grey .btn.btn-success {
        background: #FFF5E6;
        color: #737373; }
        .card-colored.c-grey .btn.btn-success:active {
          color: #737373;
          background-color: #fde6c5; }
    .card-colored.c-grey .input-icon-container {
      color: #00000038; }
  .card-colored input {
    color: #ffffff; }
    .card-colored input.form-control:focus {
      color: #ffffff;
      border-color: #ffffff !important;
      outline: 0;
      box-shadow: none; }
    .card-colored input.form-control:disabled, .card-colored input .form-control:disabled {
      opacity: 1; }
  .card-colored label {
    color: #ffffff; }
  .card-colored .card-title {
    color: #ffffff; }
  .card-colored .form-group {
    margin-bottom: 0 !important; }

.questionnaire__progress__btn {
  border: 2px solid #AAAAAA !important;
  color: #AAAAAA;
  font-weight: 500;
  height: 48px;
  width: 48px;
  font-size: 20px;
  margin-bottom: 10px; }
  .questionnaire__progress__btn.active {
    border: 2px solid #063868 !important;
    color: #063868 !important;
    background-color: transparent !important; }
  .questionnaire__progress__btn.check {
    border: 2px solid #063868 !important;
    color: white;
    background-color: #063868; }

.questionnaire__progress__hr {
  width: 16px;
  display: inline-block;
  color: gray;
  border-top: 2px solid #AAAAAA;
  margin: 5px; }

.questionnaire__content {
  padding: 30px;
  margin-bottom: 100px; }
  .questionnaire__content h3 {
    color: #063868;
    margin-bottom: 20px; }
  .questionnaire__content .radio {
    margin-top: 1rem; }
  .questionnaire__content .row .radio {
    margin-top: .5rem; }

.questionnaire__footer {
  position: fixed;
  bottom: 0px;
  background: white;
  width: 100%;
  padding: 20px 40px;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.075);
  margin-left: -30px; }
  .questionnaire__footer .btn-actions-bar {
    margin-right: 270px; }
    .questionnaire__footer .btn-actions-bar .btn {
      width: 128px;
      text-transform: uppercase;
      font-weight: 500; }
      .questionnaire__footer .btn-actions-bar .btn.btn-cancel {
        color: #063868; }
        .questionnaire__footer .btn-actions-bar .btn.btn-cancel:hover {
          color: #000408; }
      .questionnaire__footer .btn-actions-bar .btn.btn-go-back {
        color: #063868;
        border-color: #063868; }
        .questionnaire__footer .btn-actions-bar .btn.btn-go-back:hover {
          background: #0000000d; }
      .questionnaire__footer .btn-actions-bar .btn.btn-warning {
        background: #f2981a; }
        .questionnaire__footer .btn-actions-bar .btn.btn-warning:hover {
          background: #d68002; }
  @media (max-width: 1200px) {
    .questionnaire__footer .btn-actions-bar {
      margin-right: 0px; } }

.questionnaire__header {
  position: fixed;
  top: 72px;
  background: white;
  width: 100%;
  padding: 5px 30px;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.075);
  margin-left: -30px; }
  .questionnaire__header .btn-actions-bar {
    margin-right: 270px; }
    .questionnaire__header .btn-actions-bar .btn {
      text-transform: uppercase;
      font-weight: 500; }
      .questionnaire__header .btn-actions-bar .btn.btn-upload-required-policy {
        color: #063868;
        border-color: #063868 !important; }
        .questionnaire__header .btn-actions-bar .btn.btn-upload-required-policy:hover {
          background: #0000000d; }
      .questionnaire__header .btn-actions-bar .btn.btn-required-policy-uploaded {
        background: #063868;
        color: #fff; }
        .questionnaire__header .btn-actions-bar .btn.btn-required-policy-uploaded:hover {
          color: #000408; }
  @media (max-width: 1200px) {
    .questionnaire__header .btn-actions-bar {
      margin-right: 0px; } }

.input-group.input-with-button {
  margin-bottom: 0px; }
  .input-group.input-with-button .input-group-prepend {
    border-bottom: 1px solid #BABABA;
    padding-top: 5px; }
    .input-group.input-with-button .input-group-prepend .btn {
      height: 24px;
      font-size: 12px;
      font-weight: 700;
      text-transform: uppercase;
      border-radius: 3px !important;
      padding: 0px 10px;
      color: #777777; }

.input-group > input {
  overflow: hidden;
  text-overflow: ellipsis; }

.preloader {
  position: relative;
  margin: 0px auto;
  display: flex;
  flex: 1; }

.preloader:not([class*="pl-"]) {
  width: 40px; }

.preloader:before {
  content: '';
  display: block;
  padding-top: 100%; }

.preloader.pl-xs {
  width: 20px; }

.preloader.pl-sm {
  width: 30px; }

.preloader.pl-lg {
  width: 50px; }

.preloader.pl-xl {
  width: 80px; }

.preloader.pl-xxl {
  width: 100px; }

.preloader:not([class*="pls-"]) .plc-path {
  animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite; }

.preloader[class*="pls-"] .plc-path {
  animation: dash 1.5s ease-in-out infinite; }

.preloader.pls-red .plc-path {
  stroke: #F44336; }

.preloader.pls-blue .plc-path {
  stroke: #2196F3; }

.preloader.pls-green .plc-path {
  stroke: #4CAF50; }

.preloader.pls-yellow .plc-path {
  stroke: #FFEB3B; }

.preloader.pls-bluegray .plc-path {
  stroke: #607D8B; }

.preloader.pls-amber .plc-path {
  stroke: #FFC107; }

.preloader.pls-teal .plc-path {
  stroke: #009688; }

.preloader.pls-gray .plc-path {
  stroke: #9E9E9E; }

.preloader.pls-pink .plc-path {
  stroke: #E91E63; }

.preloader.pls-purple .plc-path {
  stroke: #BA68C8; }

.preloader.pls-white .plc-path {
  stroke: #fff; }

.pl-circular {
  animation: rotate 2s linear infinite;
  height: 100%;
  transform-origin: center center;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto; }

.plc-path {
  stroke-dasharray: 1,200;
  stroke-dashoffset: 0;
  stroke-linecap: round;
  stroke-width: 2;
  stroke-miterlimit: 10;
  fill: none; }

.spacer-separator {
  height: 1px;
  padding: 0px;
  margin-bottom: 20px !important;
  background-color: #EBEBEB; }

.financing-dialog .modal-content .modal-body .fee_box {
  height: 60px;
  width: 120px;
  background-color: #BABABA;
  color: #AAAAAA;
  border-radius: 5px !important;
  display: inline-block;
  margin-right: 8px;
  margin-bottom: 8px;
  padding: 12px;
  text-align: center;
  font-size: 18px;
  line-height: 1.1;
  font-weight: 600;
  cursor: pointer; }
  .financing-dialog .modal-content .modal-body .fee_box.selected {
    box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.075);
    background-color: #f2981a;
    color: white; }
  .financing-dialog .modal-content .modal-body .fee_box .fee_small {
    display: block;
    font-size: 12px; }

.documentAI.sectionBackgroundColor {
  background-color: #ECFFF4; }

@keyframes spin {
  from {
    transform: rotate(360deg); }
  to {
    transform: rotate(0deg); } }

.crossChecks.rotating-icon {
  animation: spin 1s linear infinite; }

.crossChecks.editButton {
  margin-right: 10px;
  text-decoration: underline;
  padding: 2px; }

.crossChecks.value {
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 140px !important;
  text-align: end;
  padding-right: 10px; }

.crossChecks.documentCrossInfo {
  height: 16px;
  width: 16px;
  flex-basis: 16px;
  border-radius: 4px;
  margin-left: 4px; }

.crossChecks.checkButton {
  padding: 2px;
  border: 1px solid;
  height: 25px;
  width: 25px; }

.crossChecks.booleanInput {
  height: 15px;
  width: 15px; }

.crossChecks.textInput {
  height: 25px; }

.crossChecks.cross-container {
  padding: 16px;
  border: 1px solid #E5E5E5; }

.crossChecks.source-container {
  margin-bottom: 8px; }

.crossChecks.subRow-container {
  background-color: #FAFAFA;
  padding: 4px; }

.crossChecks.source-value-height {
  height: 16px; }

.crossChecks.source {
  padding: 12px;
  border: 1px solid #E5E5E5;
  border-radius: 4px;
  height: 40px; }

.crossChecks.source-name {
  margin-bottom: 4px;
  color: #808080; }

.crossChecks.source-valid-icon {
  background-color: lightseagreen;
  border-radius: 100%;
  height: 8px;
  width: 8px; }

.crossChecks.text-color {
  color: #808080; }

.crossChecks.cross-link {
  padding-right: 5px;
  text-decoration: underline;
  cursor: pointer; }

.crossChecks.count-row {
  height: 24px;
  padding: 0px 4px 0px 4px;
  cursor: pointer; }

.crossChecks.cross-link-without-padding {
  text-decoration: underline;
  cursor: pointer; }

.crossChecks.icon-size {
  width: 16px;
  weight: 16px; }

.crossChecks.open-subRow-button {
  height: 24px;
  width: 24px;
  background-color: unset;
  color: rgba(0, 0, 0, 0.2); }

.crossChecks.svgHeightAndWidth {
  width: 16px;
  height: 16px;
  margin: 4px;
  fill: #FFFFFF; }

.allPermittedAmount-label {
  padding-left: 0px !important;
  border: none !important;
  color: #063868 !important;
  background: none;
  width: 100%; }

.notPermittedAmount-label {
  padding-left: 0px !important;
  border: none !important;
  color: #FF535A !important;
  background: none;
  width: 100%; }

.quotation-value {
  padding-left: 0px !important;
  font-size: 20px !important; }

.dossier-footer-btn {
  height: 40px; }

.bold {
  font-weight: bold; }

.btn-grey {
  cursor: pointer !important;
  color: white !important;
  height: 40px;
  background: none;
  border-style: solid;
  border-width: 1px;
  border-color: #FFFFFF !important;
  border-radius: 2px !important;
  text-transform: uppercase;
  padding-left: 15px;
  padding-right: 15px; }
  .btn-grey.primary {
    background: white;
    color: #737373 !important;
    width: 212px;
    font-weight: 600; }
  .btn-grey.secondary {
    border: 2px solid white !important;
    color: white;
    background-color: #063868;
    font-weight: 600;
    border-radius: 4px !important; }

.dossier-custom-footer {
  margin-bottom: 0;
  height: 64px;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: flex-end;
  padding: 0 14px !important; }

.text-primary {
  color: #063868 !important; }

.text-orange {
  color: #f2981a !important; }

.br-right {
  border-right: 1px solid #AAAAAA; }

.c-white {
  color: white; }

.form-control:focus.c-white {
  color: white; }

.modal.fade.show {
  background-color: #063868; }

.product-header {
  border-bottom: 1px solid #FFFFFF;
  display: flex;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 10px;
  margin-top: 12px; }
  .product-header .card-title {
    display: flex;
    flex: 1;
    align-items: center;
    margin-bottom: 0px;
    margin-top: 0px; }
  .product-header .products-edit-button {
    background-color: #0000004D;
    color: #116EC7;
    padding: 4px 12px;
    font-size: 20px;
    border-radius: 2px;
    float: right;
    cursor: pointer; }
    .product-header .products-edit-button:hover {
      background-color: #000000; }

.dossier-products-dialog .product-title-in-dialog {
  font-size: 18px;
  font-weight: 500;
  color: #063868;
  float: left; }

.dossier-products-dialog input {
  color: #000000; }
  .dossier-products-dialog input:focus {
    color: #000000 !important; }

.dossier-products-dialog .modal-footer {
  padding: 40px 15px 35px; }

.dossier-product-row {
  display: flex;
  margin-bottom: 2px;
  min-height: 65px;
  border-bottom: 0.3px solid #464646;
  padding-top: 16px;
  padding-bottom: 16px; }
  .dossier-product-row.reserved {
    border-bottom: 0.3px solid #B67214; }
  .dossier-product-row.active {
    border-bottom: 0.3px solid #031C34;
    border-bottom: 0.3px solid #031C34; }
  .dossier-product-row:last-child {
    border-bottom: unset; }
  .dossier-product-row .info-container {
    margin-left: 8px;
    width: 100%; }
  .dossier-product-row .info-value-container {
    display: flex;
    flex: 1;
    padding-left: 0; }
  .dossier-product-row .dossier-product-description {
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 500;
    margin-bottom: 5px;
    margin-top: 5px; }
    .dossier-product-row .dossier-product-description.active {
      color: #9ACDFF; }
    .dossier-product-row .dossier-product-description.value-active {
      color: #9ACDFF;
      flex: 1;
      text-align: right; }
    .dossier-product-row .dossier-product-description.no-value {
      flex: 1;
      text-align: right; }
  .dossier-product-row .input-container {
    flex: 1;
    margin-top: 8px; }
    .dossier-product-row .input-container input {
      width: 70%;
      float: right;
      text-align: right; }
  .dossier-product-row .dossier-product-label {
    color: white;
    font-size: 12px;
    margin: 0px; }
    .dossier-product-row .dossier-product-label.active {
      color: #9ACDFF; }
  .dossier-product-row .dossier-product-value {
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 500;
    margin: 0px; }

.phase-container {
  border-right: 1px solid #D7D7D7;
  position: fixed;
  z-index: 6;
  overflow-y: scroll; }
  .phase-container .phase-block {
    width: 72px;
    border-bottom: 1px solid #D7D7D7;
    cursor: pointer;
    display: table; }
    .phase-container .phase-block .info-container {
      padding: 12px 8px; }
    .phase-container .phase-block.phase-block-waiting {
      background-color: #EBEBEB;
      color: #AAAAAA; }
    .phase-container .phase-block.phase-block-working {
      background-color: #FFCC00;
      color: #FFFFFF; }
    .phase-container .phase-block.phase-block-ended {
      background-color: #116EC7;
      color: #FFFFFF; }
    .phase-container .phase-block p {
      margin: 0px; }
    .phase-container .phase-block .expiration-line {
      height: 72px;
      width: 4px;
      background-color: #ff0000;
      float: left; }
    .phase-container .phase-block .phase-number {
      font-size: 17px;
      font-weight: 500; }
    .phase-container .phase-block .phase-icon {
      font-size: 16px;
      text-align: right;
      float: right; }
    .phase-container .phase-block .phase-actions {
      font-size: 12px;
      font-weight: 400; }

.phase-row .phase-description {
  font-size: 18px;
  color: #063868;
  align-items: center; }

.phase-row .dossier-phase-status-info {
  color: #FFFFFF;
  text-transform: uppercase;
  border-radius: 4px;
  align-items: center;
  margin-top: 8px;
  margin-bottom: 10px;
  display: inline-flex;
  padding: 2px; }
  .phase-row .dossier-phase-status-info .phase-status {
    background-color: #FFFFFF;
    padding: 2px 4px;
    border-radius: 2px;
    font-size: 12px;
    font-weight: 700;
    margin: 4px 6px; }
  .phase-row .dossier-phase-status-info .phase-info-separator {
    width: 1px;
    height: 30px;
    background-color: #FFFFFF;
    opacity: 0.5;
    margin-right: 8px; }
  .phase-row .dossier-phase-status-info .duration-info {
    margin-right: 8px; }

.phase-row .phase-arrow {
  font-size: 24px;
  margin-top: 20px;
  padding-left: 24px;
  padding-right: 15px;
  cursor: pointer;
  color: #9E9E9E; }
  .phase-row .phase-arrow:hover {
    color: #858585; }

.phase-row .insert-all-documents {
  background-color: #F5F5F5;
  color: #808080;
  border-radius: 4px;
  margin-bottom: 15px;
  padding: 0 8px;
  display: flex;
  align-items: center; }
  .phase-row .insert-all-documents div i {
    color: #BFBFBF; }

.phase-row textarea {
  border: 1px solid #D7D7D7;
  padding: 15px;
  border-radius: 4px; }

.phase-row .check-phases-label {
  color: #000000;
  font-weight: 500; }

.phase-row .toggle-switch {
  margin-top: 0px !important;
  display: flex;
  align-items: center; }
  .phase-row .toggle-switch .ts-helper {
    width: 30px;
    height: 10px;
    margin-bottom: 0px; }
    .phase-row .toggle-switch .ts-helper:before {
      width: 18px;
      height: 18px;
      background-color: #063868; }

.phase-row .document-status-component {
  float: right;
  display: flex;
  margin-top: 15px; }
  .phase-row .document-status-component .document-status-circle {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-left: 2px;
    margin-right: 2px; }

.phase-row .dossier-phase-teams {
  float: right;
  color: #9E9E9E;
  padding-top: 1px;
  font-weight: 500;
  margin-top: 12px;
  font-size: 14px; }

.readOnlyImageCell {
  background-repeat: no-repeat !important;
  background-size: contain !important;
  background-position: center center !important;
  height: 40px;
  /* border-radius: 50%; */
  width: 40px;
  background-color: #f2f2f2 !important; }

.table {
  background-color: #ffffff !important; }

.form .has-error label {
  color: #FF3E63; }

.has-error .help-block {
  color: #FF3E63; }

.dashboard-card .card-header {
  font-size: 13px;
  text-transform: uppercase;
  color: #828D99;
  background-color: #FAFBFB;
  padding: 24px;
  border-bottom: 1px solid #F0F1F2; }

.dashboard-card .monthly-trend {
  padding: 30px 24px;
  border-right: 1px solid #F0F1F2; }
  .dashboard-card .monthly-trend:last-child {
    border: 0px; }
  .dashboard-card .monthly-trend .month-name {
    font-size: 12px;
    text-transform: uppercase;
    color: #828D99; }
  .dashboard-card .monthly-trend .values-container {
    display: flex;
    align-items: center; }
    .dashboard-card .monthly-trend .values-container .total-product-amount {
      font-size: 18px;
      color: #415772;
      margin: 0px; }
    .dashboard-card .monthly-trend .values-container .total-dossier-count {
      font-size: 12px;
      color: #989898;
      margin: 0px; }
    .dashboard-card .monthly-trend .values-container .percentage-circle {
      background-color: #F7F7F7;
      border-radius: 50%;
      display: flex;
      flex-direction: column;
      width: 42px;
      height: 42px;
      align-items: center;
      justify-content: center;
      margin-right: 8px; }
      .dashboard-card .monthly-trend .values-container .percentage-circle i {
        font-size: 24px;
        margin-top: -6px; }
      .dashboard-card .monthly-trend .values-container .percentage-circle .percentage {
        font-size: 11px;
        margin-top: -8px; }

.pointer-row {
  cursor: pointer; }

.header__logo > h1 > a {
  color: black !important; }

.navigation-trigger__line {
  background-color: black !important; }

.grid-cell-container button.dropdown-toggle:before {
  background-color: unset; }

.pos-relative {
  position: relative;
  margin-right: 8px; }

.pos-absolute {
  margin-right: 15px;
  position: absolute; }

.vertical-align-middle {
  display: inline-block !important;
  vertical-align: middle; }

.margin-negative-25 {
  margin-left: -40px; }

.margin-r-30 {
  margin-right: 30px; }

.border-bottom-0 {
  border-bottom: 0px !important; }

.p-top-20 {
  padding-top: 20px;
  left: 100%; }

.right-arrow {
  padding-top: 10px;
  left: 100%;
  display: flex;
  color: #063868; }

.space-between {
  justify-content: space-between; }

.btn-download {
  border-left: 8px solid white;
  margin-right: -8px; }

.display-flex {
  display: flex; }

.form-spacer-small {
  min-height: 0px !important;
  height: 0px !important;
  margin-bottom: 0px !important; }

.expiration-div {
  border-width: 0px 0px 0px 4px;
  border-style: solid;
  border-color: red; }

.document-modal-dialog {
  height: 100%; }
  .document-modal-dialog .modal-content {
    max-height: 90%;
    height: 90%;
    overflow: hidden; }
    @media (min-width: 576px) {
      .document-modal-dialog .modal-content .container {
        max-width: unset; } }
  .document-modal-dialog .operations-column {
    border-right: 1px solid #BFBFBF;
    border-bottom: 0px;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    height: 100%; }
    .document-modal-dialog .operations-column .modal-body {
      display: flex;
      flex-direction: column;
      flex: 1;
      overflow-y: hidden;
      padding: 5px 24px; }
  @media (max-width: 768px) {
    .document-modal-dialog .operations-column {
      border-bottom: 1px solid #BFBFBF;
      border-right: 0px; } }
  .document-modal-dialog .history-column {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    height: 100%; }
    .document-modal-dialog .history-column .document-modal-header {
      display: table;
      padding: 20px 16px; }
      .document-modal-dialog .history-column .document-modal-header .modal-title {
        font-size: 14px;
        color: #063868;
        text-transform: uppercase;
        margin: 0px;
        display: table-cell;
        vertical-align: bottom;
        font-weight: 500; }
    .document-modal-dialog .history-column .modal-body {
      background-color: #EBF5FF;
      overflow-y: auto; }
      .document-modal-dialog .history-column .modal-body .no-working {
        font-size: 14px;
        font-weight: 500;
        color: #063868;
        padding-top: 12px; }
      .document-modal-dialog .history-column .modal-body .history-row {
        margin-bottom: 8px;
        margin-top: 8px;
        background-color: #FFFFFF;
        border-radius: 4px;
        padding-top: 12px;
        padding-bottom: 8px; }
        .document-modal-dialog .history-column .modal-body .history-row .history-title {
          font-size: 14px;
          font-weight: 900;
          float: left; }
        .document-modal-dialog .history-column .modal-body .history-row .history-description {
          font-size: 14px;
          font-weight: 500;
          color: #737373; }
        .document-modal-dialog .history-column .modal-body .history-row .history-date {
          font-size: 12px;
          color: #5C5C5C;
          float: right; }
        .document-modal-dialog .history-column .modal-body .history-row .history-note-container {
          padding: 8px;
          margin-top: 8px;
          font-size: 14px;
          font-weight: 500;
          color: #FFFFFF;
          border-radius: 2px; }
        .document-modal-dialog .history-column .modal-body .history-row div:first-child {
          margin-bottom: 5px; }
  .document-modal-dialog .documentAIColumn {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    height: 100%;
    border-left: 1px solid #BFBFBF; }
    .document-modal-dialog .documentAIColumn .document-modal-header {
      display: table; }
      .document-modal-dialog .documentAIColumn .document-modal-header .modal-title {
        font-size: 14px;
        color: #063868;
        margin: 0px;
        display: table-cell;
        vertical-align: bottom;
        font-weight: 500; }
    .document-modal-dialog .documentAIColumn .modal-body {
      background-color: #EBF5FF;
      overflow-y: auto; }
      .document-modal-dialog .documentAIColumn .modal-body .no-ai-working {
        font-size: 14px;
        font-weight: 500;
        color: #063868;
        padding-top: 12px; }
      .document-modal-dialog .documentAIColumn .modal-body .documentAIColumn-row {
        margin-bottom: 8px;
        margin-top: 8px;
        background-color: #FFFFFF;
        border-radius: 4px;
        padding-top: 12px;
        padding-bottom: 12px; }
        .document-modal-dialog .documentAIColumn .modal-body .documentAIColumn-row .documentAIColumn-title {
          font-size: 14px;
          font-weight: 500;
          float: left; }
        .document-modal-dialog .documentAIColumn .modal-body .documentAIColumn-row .documentAIColumn-data {
          font-size: 14px;
          font-weight: 500;
          color: #737373; }
        .document-modal-dialog .documentAIColumn .modal-body .documentAIColumn-row .documentAIColumn-date {
          font-size: 12px;
          color: #5C5C5C;
          float: right; }
        .document-modal-dialog .documentAIColumn .modal-body .documentAIColumn-row .documentAIColumn-note-container {
          padding: 8px;
          margin-top: 8px;
          font-size: 14px;
          font-weight: 500;
          color: #FFFFFF;
          border-radius: 2px; }
        .document-modal-dialog .documentAIColumn .modal-body .documentAIColumn-row div:first-child {
          margin-bottom: 5px; }
  .document-modal-dialog .modal-header {
    border-bottom: 1px solid #BFBFBF;
    padding: 20px 30px; }
  .document-modal-dialog .document-modal-header {
    height: 96px; }
    .document-modal-dialog .document-modal-header .status-container {
      display: flex;
      flex: 1;
      flex-direction: column;
      justify-content: flex-end;
      height: 100%; }
      .document-modal-dialog .document-modal-header .status-container p {
        margin: 0px; }
    .document-modal-dialog .document-modal-header .document-status-and-informations {
      display: flex;
      flex: 1;
      flex-direction: row;
      height: 100%;
      align-items: flex-end; }
      .document-modal-dialog .document-modal-header .document-status-and-informations .document-title {
        font-size: 20px;
        color: #063868;
        margin-bottom: 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
    .document-modal-dialog .document-modal-header .document-status-label {
      font-size: 14px;
      color: #737373;
      font-weight: 500;
      text-transform: uppercase; }
    .document-modal-dialog .document-modal-header .document-status {
      font-size: 14px;
      color: #063868;
      margin-bottom: 0px;
      font-weight: 500;
      text-transform: uppercase; }
  .document-modal-dialog .operations-container {
    margin-bottom: 15px;
    overflow-y: auto;
    padding-left: 8px; }
    .document-modal-dialog .operations-container .operation-row {
      padding-top: 12px;
      border-bottom: 1px solid #BFBFBF;
      display: flex; }
      .document-modal-dialog .operations-container .operation-row .left-informations {
        float: left;
        flex: 1; }
        .document-modal-dialog .operations-container .operation-row .left-informations .operation-title {
          font-size: 14px;
          color: #063868;
          margin-bottom: 0px;
          font-weight: 700;
          text-transform: uppercase; }
        .document-modal-dialog .operations-container .operation-row .left-informations .operation-description {
          font-size: 14px;
          color: #737373; }
      .document-modal-dialog .operations-container .operation-row .right-informations {
        display: flex;
        margin-left: 15px;
        justify-content: flex-end;
        align-items: center; }
        .document-modal-dialog .operations-container .operation-row .right-informations .checked {
          color: #063868 !important; }
        .document-modal-dialog .operations-container .operation-row .right-informations button {
          height: fit-content;
          width: 128px;
          text-transform: uppercase; }
        .document-modal-dialog .operations-container .operation-row .right-informations .operation-status {
          font-size: 14px;
          color: #737373;
          font-weight: 500;
          text-transform: uppercase;
          margin: 0px;
          display: flex;
          align-self: center; }
        .document-modal-dialog .operations-container .operation-row .right-informations .dropleft {
          display: flex; }
          .document-modal-dialog .operations-container .operation-row .right-informations .dropleft .more-vert {
            padding-left: 15px;
            padding-right: 15px;
            display: flex;
            align-self: center; }
            .document-modal-dialog .operations-container .operation-row .right-informations .dropleft .more-vert i {
              font-size: 18px;
              display: flex;
              align-self: center;
              color: #9E9E9E;
              margin: 0px; }
        .document-modal-dialog .operations-container .operation-row .right-informations i {
          font-size: 24px;
          display: flex;
          align-self: center;
          margin-right: 10px; }
  .document-modal-dialog .bottom-dialog-container {
    flex: 0.3; }
  .document-modal-dialog .attachment-container {
    background-color: #F5F5F5;
    border-radius: 4px;
    border: 1px solid #BFBFBF;
    width: 100%;
    height: 226px;
    position: relative;
    cursor: pointer;
    margin-bottom: 12px;
    display: flex;
    justify-content: center; }
    .document-modal-dialog .attachment-container .dropleft {
      padding: 5px;
      position: absolute;
      top: 0;
      right: 0; }
    .document-modal-dialog .attachment-container .no-document {
      background: #E8E8E8;
      text-transform: uppercase;
      height: 100%;
      width: 164px;
      position: relative;
      display: flex;
      text-align: center;
      align-items: center; }
  .document-modal-dialog .modal-body {
    padding: 5px 15px; }
  .document-modal-dialog .document-modal-footer {
    border-top: 1px solid #BFBFBF;
    padding: 15px;
    position: absolute;
    bottom: 1px;
    width: 100%;
    background-color: #FFFFFF; }
    .document-modal-dialog .document-modal-footer button {
      width: 128px; }
  .document-modal-dialog .modal-footer {
    border-top: 1px solid #BFBFBF;
    padding: 15px; }
    .document-modal-dialog .modal-footer button {
      width: 128px;
      text-transform: uppercase; }

.modal-footer {
  border-top: 1px solid #BFBFBF;
  padding: 15px; }

.btn-outline-blue {
  color: #063868;
  border: 1px solid #063868; }

.btn-disabled {
  color: #737373;
  border: 1px solid #BFBFBF;
  background-color: #F5F5F5;
  text-transform: uppercase; }

.operation-dialog-note {
  height: 120px !important;
  border: 1px solid #BFBFBF;
  padding: 15px;
  border-radius: 2px;
  margin-top: 15px; }

.w-128 {
  width: 128px; }

.document-circle-status {
  margin-right: 10px; }

/*-------------------------
    input-file
--------------------------*/
.input-file {
  background-color: #ffffff;
  border: solid 1px #BABABA;
  cursor: pointer;
  height: 30px;
  position: relative;
  overflow: hidden; }
  .input-file .input-file-name {
    padding-left: 7px;
    padding-top: 6px;
    display: block; }
  .input-file .placeholder {
    color: #AEAEAE;
    padding-left: 7px;
    padding-top: 6px;
    display: block;
    cursor: pointer; }
  .input-file input[type=file] {
    position: absolute;
    height: 0%;
    width: 0%;
    top: -100%;
    left: 0px;
    opacity: 0; }
  .input-file .actions {
    position: absolute;
    top: 5px;
    right: 5px; }

.input-file:hover {
  background-color: #ebebeb; }

.form-control {
  border-bottom: 1px solid #BABABA; }

.input-group .form-control {
  padding-left: unset !important;
  color: black; }

.bulkList-container {
  margin-left: -14px; }

.status-dropdown-circle {
  width: 40px;
  height: 40px;
  background: #ebebeb;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center; }

.form-group.col-sm-12.card {
  padding-left: 22px;
  padding-right: 22px;
  padding-top: 0 !important; }
  @media (max-width: 1200px) {
    .form-group.col-sm-12.card {
      padding-left: 16px; } }

.select:before {
  border-style: unset; }

.form-group.col-md-8.m-b-30  {
  padding-top: 50px; }

.form-group.m-l-8 {
  margin-left: -8px;
  padding-right: 8px; }
  @media (max-width: 760px) {
    .form-group.m-l-8 {
      padding-left: 15px !important;
      padding-right: 15px !important;
      margin-left: 0; } }

.name_email_overflow {
  margin-right: 5px;
  overflow: hidden; }

.user__email {
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: unset;
  line-height: unset; }

.document-section-title {
  color: black;
  font-weight: 500;
  font-size: 15px; }

.col-12.zero-padding.documents-container > div {
  padding-left: 0 !important; }

.documents-container.documents-to-approve > div > div {
  padding: 0 8px 8px 8px !important; }

.user__info  {
  padding: 10px 5px; }

.dossier-products-dialog .blue-button-popup {
  margin-right: 35px !important; }

.blue-button-popup {
  text-transform: uppercase;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  margin-left: 32px; }

.btn.btn-link.float-left.cancel-button {
  color: #063868 !important; }

.p-18 {
  padding: 18px; }

.products-not-purchased-row {
  height: 80px;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 0 45px 0 30px;
  border-bottom: 1px solid #D9D9D9; }
  .products-not-purchased-row:last-child {
    border-bottom: unset; }

.products-purchased-row {
  display: inline-block !important;
  border-bottom: 1px solid #D9D9D9;
  padding: 8px 45px 15px 30px; }
  .products-purchased-row:last-child {
    border-bottom: unset; }

.document-section-padding {
  padding: 16px 30px;
  border-top: 1px solid #EFEFEF; }

.header-actions-dossier.fixed-top.with-phases {
  height: 56px;
  padding: 5px;
  border-top: unset;
  background-color: #FAFAFA; }
  @media (max-width: 786px) {
    .header-actions-dossier.fixed-top.with-phases {
      height: 85px; } }

.save-button {
  height: 40px;
  width: 112px;
  border: 0;
  background-color: #063868;
  color: white;
  font-size: 14px;
  border-radius: 2px;
  font-weight: 500; }

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

.open-in-new-icon {
  color: #a9adb1 !important;
  font-size: 16px;
  margin-left: 8px; }

.m-b-24 {
  margin-bottom: -24px; }

.display-flex-center {
  display: flex;
  align-items: center; }

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

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

.load-document-dialog .modal-body {
  padding-top: 0 !important; }

.load-document-dialog .modal-footer {
  padding-right: 30px; }

.load-document-dialog .dz-default.dz-message > span {
  color: #063868; }

.checks-container > div {
  border-top: 1px solid #EFEFEF;
  padding: 22px 32px 22px 30px; }

.toggle-switch-status {
  color: #063868;
  font-size: 13px;
  font-weight: 500;
  margin-right: 8px; }

.toggle-check-list {
  margin-right: 18px; }

.approve-container  {
  display: flex;
  flex: 1;
  flex-direction: row;
  height: 100%;
  align-items: flex-end; }

@media screen and (min-width: 768px) and (max-width: 1200px) {
  .document-status-container {
    width: 100%;
    float: left;
    margin-top: 10px; } }

.form-group.col-md-8 > div.col-sm-12 > div > div > div.col-sm-12 > div > div.with-padding {
  padding: 0 8px; }

@media (max-width: 1400px) {
  .form-group.col-12.m-b-24 {
    margin-bottom: 0 !important; } }

.form-group.col-md-4.col-sm-6.zero-padding .form-group.col-sm-12 {
  margin-bottom: 8px;
  padding: 0 8px; }

@media (max-width: 1200px) {
  .form-group.col-md-4.col-sm-6.zero-padding .form-group.col-sm-12.m-b-0 {
    padding-left: 16px;
    padding-right: 16px; } }

.bulkList-container .resultGrid {
  overflow-x: unset !important; }

.dropdown-menu.show {
  max-height: 450px !important;
  z-index: 2; }
  .dropdown-menu.show .inner.show {
    max-height: 400px !important; }

.dossier-subSection-title {
  font-size: 15px;
  font-weight: 500;
  color: black;
  display: flex; }

.height-45 {
  height: 45px; }

.color-blue.actions:not(.actions--inverse) .actions__item {
  color: #063868; }

.color-blue.actions:not(.actions--inverse) .actions__item:hover {
  color: #2196F3; }

.dossier-estateUnit-title {
  color: #063868;
  font-size: 18px; }

.dossier-estateUnit-add {
  font-size: 24px; }
  .dossier-estateUnit-add a {
    cursor: pointer; }
    .dossier-estateUnit-add a i {
      color: #063868; }

.dossier-checkBox {
  display: flex;
  justify-content: center;
  color: #747a80; }

.transmissionLinkedDossiersHeader {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px; }
  .transmissionLinkedDossiersHeader h1 {
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 140%;
    margin-top: -.35rem; }

.sidebar .scroll-wrapper {
  overflow: auto !important;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */ }
  .sidebar .scroll-wrapper::-webkit-scrollbar {
    width: 10px; }
  .sidebar .scroll-wrapper::-webkit-scrollbar-track {
    border-radius: 10px; }
  .sidebar .scroll-wrapper::-webkit-scrollbar-thumb {
    background: #f3f3f3;
    border-radius: 10px; }
  .sidebar .scroll-wrapper::-webkit-scrollbar-thumb:hover {
    background: #f3f3f3; }

.actions .actions__item {
  width: auto !important;
  padding: 0px 5px; }

.modal-area-no-card-header .area-no-card-header h2 {
  padding: 0 0 24px 0;
  font-weight: 400;
  color: black; }

.subGridTitle {
  padding: 0;
  margin: 0; }
  .subGridTitle h1 {
    text-transform: none;
    font-size: 1rem;
    color: #747a80;
    margin-bottom: .5rem; }

.documentAIColumn-data .item-row {
  display: flex;
  flex-direction: column;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  justify-content: left;
  margin: 0 !important;
  border-bottom: 1px solid #80808070;
  flex-wrap: wrap; }
  .documentAIColumn-data .item-row .key {
    font-weight: bold;
    margin-right: 4px; }
  .documentAIColumn-data .item-row .value {
    display: block;
    width: 100%; }
  .documentAIColumn-data .item-row .confidence {
    width: 16px;
    height: 16px;
    flex: 1;
    max-width: 16px;
    min-width: 16px;
    border-radius: 100%; }
    .documentAIColumn-data .item-row .confidence.low {
      background: red; }
    .documentAIColumn-data .item-row .confidence.medium {
      background: yellow; }
    .documentAIColumn-data .item-row .confidence.high {
      background: green; }