/*------------------------------------------------------------------------------
  NHMVC Framework CSS: NHMVC
  Common NHMVC CSS
--------------------------------------------------------------------------------
  Version History:
    1.0.0 Initial release
    1.1.0 Changes H2 to bold
    1.1.1 Fix alignment issue on plain text fields
    1.2.0 Added lists
    1.2.1 Fix issue with multiline plaintext fields
    1.2.2 Added support for youtube field
    1.2.3 Added zoom
    1.2.4 Stopped images being oversized in show page
    1.2.5 Fixed image alignment on forms
    1.3.0 Changes for bootstrap 4.4.1
    1.3.1 Fix issues with radio errors
    1.3.2 Fix cursor not being a pointer on the pager
    1.3.3 Added min-width-300
    1.3.4 Added quick-zoom
    1.3.5 Added float-clear
    1.3.6 Added iframe support to aspect ratio functions
    1.3.7 Added pseudo_active button class
    1.4.0 Fixed plain text form field alignment
    1.4.1 Added page-break
    1.5.0 Improved table borders
    1.5.1 Fixed border issues
    1.5.2 Added support for the spectrum colour picker
    1.5.3 Added Google Chrome bug fix
    1.5.4 Added print columns
    1.6.0 Improved active button cosmetics
          Check you are using btn- not bg- on buttons
    1.7.0 Improved background colours in tables
    1.7.1 Slight ammendment to above
    1.7.2 Fixed bg-info/light/dark background colours in tables
    1.8.0 Added xxl breakpoint
    1.8.1 Added xxxl breakpoint
    1.8.2 Added sort column
    1.8.3 Added icon-1
    1.8.4 Added quick notes
    1.8.5 Added not-clickable
    1.8.6 Added btn-download
    1.8.7 Added btn-first to fix first radio button corners issue
    1.8.8 Added print justification
--------------------------------------------------------------------------------
  Daniel Bull
  daniel@neonhorizon.co.uk
------------------------------------------------------------------------------*/



/*------------------------------------------------------------------------------
  Bootstrap theme
------------------------------------------------------------------------------*/

body {
  font-size:        0.9rem;
}

.form-group {
  margin-bottom:    0.75rem;
}

.form-control,
.custom-file,
.input-group-text,
.custom-file-input,
.custom-file-label,
.custom-file-label:after {
  padding:          0.175rem 0.55rem;
  height:           calc(1.6rem + 2px);
  font-size:        0.9rem;
}

.custom-file-label:after {
  height:           1.6rem;
}

.custom-file,
.custom-file-input,
.custom-file-label {
  margin-bottom:    0px;
}

.form-control-plaintext {
  padding-top:      0.175rem;
  padding-bottom:   0.175rem;
  font-size:        0.9rem;
}

.col-form-label {
  padding-top:      calc(0.175rem + 1px);
  padding-bottom:   calc(0.175rem + 1px);
}

.custom-control-label {
  padding-top:      calc(0.175rem + 1px);
  padding-bottom:   0.175rem;
}

.custom-control-label::before,
.custom-control-label::after {
  margin-top:       1px;
}

.btn {
  font-size:        0.9rem;
  padding:          0.175rem 0.55rem;
}

.btn-sm {
  font-size:        0.8rem;
  padding:          0.15rem 0.55rem;
}

.btn-first {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.btn-lg {
  font-size:        1.25rem;
  padding:          0.175rem 0.55rem;
}

.btn-downloading {
  color:            #000000 !important;
  background-color: #ff9933 !important;
}

.btn-download-failed {
  color:            #ffffff !important;
  background-color: #dc3545 !important;
  opacity:          1 !important;
}

.alert {
  line-height:      1.5rem;
}

dt {
  margin-bottom:    .5rem;
}

h1, .h1 {
  font-size:        2rem;
}

h2, .h2 {
  font-size:        1.5rem;
  font-weight:      bold;
}

h3, .h3 {
  font-size:        1.25rem;
}

h4, .h4 {
  font-size:        1.1rem;
}

h5, .h5 {
  font-size:        0.95rem;
}

h6, .h6 {
  font-size:        0.8rem;
}

a.h1, a.h2, a.h3, a.h4, a.h5, a.h6 {
  color:            #007bff !important;
}



/*------------------------------------------------------------------------------
  Bootstrap tweaks
------------------------------------------------------------------------------*/

body {
  font-family:      Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
  background-color: #007bff;
  color:            #ffffff;
  cursor:           pointer;
}

.page-item .page-link {
  cursor:           pointer;
}

.page-item.active .page-link,
.page-item.disabled .page-link {
  cursor:           default;
}

.table .thead-light th {
  background-color: #cdd6db;
}

.custom-file-existing .custom-file-input:lang(en)~.custom-file-label::after {
  content:          "Change";
}

.custom-file-existing .custom-files-input:lang(en)~.custom-file-label::after {
  content:          "Add";
}

.image-upload.custom-file-existing,
.image-upload.custom-file-existing .custom-file-label {
  height:           130px;
}
.image-upload.custom-file-existing .custom-file-input,
.image-upload.custom-file-existing .custom-file-label::after {
  height:           128px;
}

.custom-file-existing .custom-file-label {
  overflow:         hidden;
}

.table-hover tbody tr:hover a {
  color:            inherit;
}

.table-hover tbody tr:hover a.btn-warning {
  color:            #212529 !important;
}

div.is-invalid.force-validation,
.force-validation label.is-invalid.btn {
  border:           1px solid #dc3545 !important;
}

.force-validation .invalid-feedback {
  display:          block;
}

.custom-radio.custom-control .invalid-feedback {
  margin-left:      -1.35rem;
}

.custom-radio.custom-control-inline .invalid-feedback {
  margin-left:      1rem;
}

.nhmvc-search ul {
  display:          none;
  position:         absolute;
  top:              100%;
  width:            100%;
  z-index:          1000;
  border:           1px solid #80bdff;
  background-color: #ffffff;
  color:            #495057;
  overflow:         hidden;
  list-style-type:  none;
  padding:          0px;
}

.nhmvc-search li {
  padding:          .25rem .75rem;
  cursor:           default;
}

.nhmvc-search li:hover,
.nhmvc-search li.hover {
  background-color: #007bff;
  color:            #ffffff;
}

.text-wrap {
  overflow:         visible;
  text-overflow:    clip;
  white-space:      normal;
}

.border-2 {
  border-width:     2px !important;
}

.min-width-300 {
  min-width:        300px;
}

.btn-group-toggle.btn-not-group .btn {
  margin:           0rem .5rem .5rem 0rem;
}

.btn-group-toggle.btn-not-group {
  margin-bottom:    -0.5rem;
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary.pseudo_active,
.show>.btn-primary.dropdown-toggle {
  color:            #007bff;
  border-color:     #007bff;
  background-color: rgba(0, 123, 255, 0.1);
}

.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary.pseudo_active,
.show>.btn-secondary.dropdown-toggle {
  color:            #6c757d;
  border-color:     #6c757d;
  background-color: rgba(108, 117, 125, 0.1);
}

.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.btn-success.pseudo_active,
.show>.btn-success.dropdown-toggle {
  color:            #28a745;
  border-color:     #28a745;
  background-color: rgba(40, 167, 69, 0.1);
}

.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active,
.btn-danger.pseudo_active,
.show>.btn-danger.dropdown-toggle {
  color:            #dc3545;
  border-color:     #dc3545;
  background-color: rgba(220, 53, 69, 0.1);
}

.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled):active,
.btn-warning.pseudo_active,
.show>.btn-warning.dropdown-toggle {
  color:            #ffc107;
  border-color:     #ffc107;
  background-color: rgba(255, 193, 7, 0.1);
}

.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled):active,
.btn-info.pseudo_active,
.show>.btn-info.dropdown-toggle {
  color:            #17a2b8;
  border-color:     #17a2b8;
  background-color: rgba(23, 162, 184, 0.1);
}

.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.btn-light.pseudo_active,
.show>.btn-light.dropdown-toggle {
  color:            #f8f9fa;
  border-color:     #f8f9fa;
  background-color: rgba(248, 249, 250, 0.1);
}

.btn-dark:not(:disabled):not(.disabled).active,
.btn-dark:not(:disabled):not(.disabled):active,
.btn-dark.pseudo_active,
.show>.btn-dark.dropdown-toggle {
  color:            #343a40;
  border-color:     #343a40;
  background-color: rgba(52, 58, 64, 0.1);
}



/*------------------------------------------------------------------------------
 Additional breakpoints
------------------------------------------------------------------------------*/

.container-xxl,
.container-xxxl {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl, .col-xxl-auto,
.col-xxxl-1, .col-xxxl-2, .col-xxxl-3, .col-xxxl-4, .col-xxxl-5, .col-xxxl-6, .col-xxxl-7, .col-xxxl-8, .col-xxxl-9, .col-xxxl-10, .col-xxxl-11, .col-xxxl-12, .col-xxxl, .col-xxxl-auto {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 1400px) {
  .container-xxl {
    max-width: 1320px;
  }
  .col-xxl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-xxl-1 > * {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-xxl-2 > * {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-xxl-3 > * {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .row-cols-xxl-4 > * {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-xxl-5 > * {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-xxl-6 > * {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xxl-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xxl-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-xxl-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xxl-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xxl-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-xxl-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-xxl-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xxl-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-xxl-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-xxl-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xxl-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-xxl-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-xxl-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xxl-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-xxl-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-xxl-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-xxl-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-xxl-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-xxl-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-xxl-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-xxl-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-xxl-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-xxl-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-xxl-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-xxl-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-xxl-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-xxl-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-xxl-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.666667%;
  }
  .d-xxl-none {
    display: none !important;
  }
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
  .flex-xxl-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-xxl-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-xxl-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-xxl-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-xxl-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-xxl-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-xxl-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-xxl-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-xxl-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-xxl-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-xxl-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-xxl-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-xxl-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-xxl-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-xxl-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-xxl-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-xxl-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-xxl-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-xxl-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-xxl-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-xxl-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-xxl-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
  .m-xxl-0 {
    margin: 0 !important;
  }
  .mt-xxl-0,
  .my-xxl-0 {
    margin-top: 0 !important;
  }
  .mr-xxl-0,
  .mx-xxl-0 {
    margin-right: 0 !important;
  }
  .mb-xxl-0,
  .my-xxl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xxl-0,
  .mx-xxl-0 {
    margin-left: 0 !important;
  }
  .m-xxl-1 {
    margin: 0.25rem !important;
  }
  .mt-xxl-1,
  .my-xxl-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xxl-1,
  .mx-xxl-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xxl-1,
  .my-xxl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xxl-1,
  .mx-xxl-1 {
    margin-left: 0.25rem !important;
  }
  .m-xxl-2 {
    margin: 0.5rem !important;
  }
  .mt-xxl-2,
  .my-xxl-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xxl-2,
  .mx-xxl-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xxl-2,
  .my-xxl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xxl-2,
  .mx-xxl-2 {
    margin-left: 0.5rem !important;
  }
  .m-xxl-3 {
    margin: 1rem !important;
  }
  .mt-xxl-3,
  .my-xxl-3 {
    margin-top: 1rem !important;
  }
  .mr-xxl-3,
  .mx-xxl-3 {
    margin-right: 1rem !important;
  }
  .mb-xxl-3,
  .my-xxl-3 {
    margin-bottom: 1rem !important;
  }
  .ml-xxl-3,
  .mx-xxl-3 {
    margin-left: 1rem !important;
  }
  .m-xxl-4 {
    margin: 1.5rem !important;
  }
  .mt-xxl-4,
  .my-xxl-4 {
    margin-top: 1.5rem !important;
  }
  .mr-xxl-4,
  .mx-xxl-4 {
    margin-right: 1.5rem !important;
  }
  .mb-xxl-4,
  .my-xxl-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xxl-4,
  .mx-xxl-4 {
    margin-left: 1.5rem !important;
  }
  .m-xxl-5 {
    margin: 3rem !important;
  }
  .mt-xxl-5,
  .my-xxl-5 {
    margin-top: 3rem !important;
  }
  .mr-xxl-5,
  .mx-xxl-5 {
    margin-right: 3rem !important;
  }
  .mb-xxl-5,
  .my-xxl-5 {
    margin-bottom: 3rem !important;
  }
  .ml-xxl-5,
  .mx-xxl-5 {
    margin-left: 3rem !important;
  }
  .p-xxl-0 {
    padding: 0 !important;
  }
  .pt-xxl-0,
  .py-xxl-0 {
    padding-top: 0 !important;
  }
  .pr-xxl-0,
  .px-xxl-0 {
    padding-right: 0 !important;
  }
  .pb-xxl-0,
  .py-xxl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xxl-0,
  .px-xxl-0 {
    padding-left: 0 !important;
  }
  .p-xxl-1 {
    padding: 0.25rem !important;
  }
  .pt-xxl-1,
  .py-xxl-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xxl-1,
  .px-xxl-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xxl-1,
  .py-xxl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xxl-1,
  .px-xxl-1 {
    padding-left: 0.25rem !important;
  }
  .p-xxl-2 {
    padding: 0.5rem !important;
  }
  .pt-xxl-2,
  .py-xxl-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xxl-2,
  .px-xxl-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xxl-2,
  .py-xxl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xxl-2,
  .px-xxl-2 {
    padding-left: 0.5rem !important;
  }
  .p-xxl-3 {
    padding: 1rem !important;
  }
  .pt-xxl-3,
  .py-xxl-3 {
    padding-top: 1rem !important;
  }
  .pr-xxl-3,
  .px-xxl-3 {
    padding-right: 1rem !important;
  }
  .pb-xxl-3,
  .py-xxl-3 {
    padding-bottom: 1rem !important;
  }
  .pl-xxl-3,
  .px-xxl-3 {
    padding-left: 1rem !important;
  }
  .p-xxl-4 {
    padding: 1.5rem !important;
  }
  .pt-xxl-4,
  .py-xxl-4 {
    padding-top: 1.5rem !important;
  }
  .pr-xxl-4,
  .px-xxl-4 {
    padding-right: 1.5rem !important;
  }
  .pb-xxl-4,
  .py-xxl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xxl-4,
  .px-xxl-4 {
    padding-left: 1.5rem !important;
  }
  .p-xxl-5 {
    padding: 3rem !important;
  }
  .pt-xxl-5,
  .py-xxl-5 {
    padding-top: 3rem !important;
  }
  .pr-xxl-5,
  .px-xxl-5 {
    padding-right: 3rem !important;
  }
  .pb-xxl-5,
  .py-xxl-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xxl-5,
  .px-xxl-5 {
    padding-left: 3rem !important;
  }
  .m-xxl-n1 {
    margin: -0.25rem !important;
  }
  .mt-xxl-n1,
  .my-xxl-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-xxl-n1,
  .mx-xxl-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-xxl-n1,
  .my-xxl-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-xxl-n1,
  .mx-xxl-n1 {
    margin-left: -0.25rem !important;
  }
  .m-xxl-n2 {
    margin: -0.5rem !important;
  }
  .mt-xxl-n2,
  .my-xxl-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-xxl-n2,
  .mx-xxl-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-xxl-n2,
  .my-xxl-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-xxl-n2,
  .mx-xxl-n2 {
    margin-left: -0.5rem !important;
  }
  .m-xxl-n3 {
    margin: -1rem !important;
  }
  .mt-xxl-n3,
  .my-xxl-n3 {
    margin-top: -1rem !important;
  }
  .mr-xxl-n3,
  .mx-xxl-n3 {
    margin-right: -1rem !important;
  }
  .mb-xxl-n3,
  .my-xxl-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-xxl-n3,
  .mx-xxl-n3 {
    margin-left: -1rem !important;
  }
  .m-xxl-n4 {
    margin: -1.5rem !important;
  }
  .mt-xxl-n4,
  .my-xxl-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-xxl-n4,
  .mx-xxl-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-xxl-n4,
  .my-xxl-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-xxl-n4,
  .mx-xxl-n4 {
    margin-left: -1.5rem !important;
  }
  .m-xxl-n5 {
    margin: -3rem !important;
  }
  .mt-xxl-n5,
  .my-xxl-n5 {
    margin-top: -3rem !important;
  }
  .mr-xxl-n5,
  .mx-xxl-n5 {
    margin-right: -3rem !important;
  }
  .mb-xxl-n5,
  .my-xxl-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-xxl-n5,
  .mx-xxl-n5 {
    margin-left: -3rem !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mt-xxl-auto,
  .my-xxl-auto {
    margin-top: auto !important;
  }
  .mr-xxl-auto,
  .mx-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-auto,
  .my-xxl-auto {
    margin-bottom: auto !important;
  }
  .ml-xxl-auto,
  .mx-xxl-auto {
    margin-left: auto !important;
  }
  .dropdown-menu-xxl-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xxl-right {
    right: 0;
    left: auto;
  }
  .float-xxl-left {
    float: left !important;
  }
  .float-xxl-right {
    float: right !important;
  }
  .float-xxl-none {
    float: none !important;
  }
  .text-xxl-left {
    text-align: left !important;
  }
  .text-xxl-right {
    text-align: right !important;
  }
  .text-xxl-center {
    text-align: center !important;
  }
}

@media (min-width: 1600px) {
  .container-xxxl {
    max-width: 1560px;
  }
  .col-xxxl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-xxxl-1 > * {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-xxxl-2 > * {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-xxxl-3 > * {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .row-cols-xxxl-4 > * {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-xxxl-5 > * {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-xxxl-6 > * {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xxxl-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xxxl-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-xxxl-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xxxl-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xxxl-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-xxxl-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-xxxl-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xxxl-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-xxxl-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-xxxl-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xxxl-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-xxxl-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-xxxl-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xxxl-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-xxxl-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-xxxl-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-xxxl-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-xxxl-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-xxxl-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-xxxl-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-xxxl-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-xxxl-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-xxxl-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-xxxl-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-xxxl-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-xxxl-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-xxxl-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-xxxl-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-xxxl-0 {
    margin-left: 0;
  }
  .offset-xxxl-1 {
    margin-left: 8.333333%;
  }
  .offset-xxxl-2 {
    margin-left: 16.666667%;
  }
  .offset-xxxl-3 {
    margin-left: 25%;
  }
  .offset-xxxl-4 {
    margin-left: 33.333333%;
  }
  .offset-xxxl-5 {
    margin-left: 41.666667%;
  }
  .offset-xxxl-6 {
    margin-left: 50%;
  }
  .offset-xxxl-7 {
    margin-left: 58.333333%;
  }
  .offset-xxxl-8 {
    margin-left: 66.666667%;
  }
  .offset-xxxl-9 {
    margin-left: 75%;
  }
  .offset-xxxl-10 {
    margin-left: 83.333333%;
  }
  .offset-xxxl-11 {
    margin-left: 91.666667%;
  }
  .d-xxxl-none {
    display: none !important;
  }
  .d-xxxl-inline {
    display: inline !important;
  }
  .d-xxxl-inline-block {
    display: inline-block !important;
  }
  .d-xxxl-block {
    display: block !important;
  }
  .d-xxxl-table {
    display: table !important;
  }
  .d-xxxl-table-row {
    display: table-row !important;
  }
  .d-xxxl-table-cell {
    display: table-cell !important;
  }
  .d-xxxl-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-xxxl-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
  .flex-xxxl-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-xxxl-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-xxxl-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-xxxl-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-xxxl-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-xxxl-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-xxxl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-xxxl-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-xxxl-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-xxxl-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-xxxl-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-xxxl-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-xxxl-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-xxxl-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-xxxl-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-xxxl-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-xxxl-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-xxxl-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-xxxl-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-xxxl-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-xxxl-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-xxxl-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-xxxl-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-xxxl-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-xxxl-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-xxxl-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-xxxl-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-xxxl-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-xxxl-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-xxxl-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-xxxl-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-xxxl-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-xxxl-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-xxxl-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
  .m-xxxl-0 {
    margin: 0 !important;
  }
  .mt-xxxl-0,
  .my-xxxl-0 {
    margin-top: 0 !important;
  }
  .mr-xxxl-0,
  .mx-xxxl-0 {
    margin-right: 0 !important;
  }
  .mb-xxxl-0,
  .my-xxxl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xxxl-0,
  .mx-xxxl-0 {
    margin-left: 0 !important;
  }
  .m-xxxl-1 {
    margin: 0.25rem !important;
  }
  .mt-xxxl-1,
  .my-xxxl-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xxxl-1,
  .mx-xxxl-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xxxl-1,
  .my-xxxl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xxxl-1,
  .mx-xxxl-1 {
    margin-left: 0.25rem !important;
  }
  .m-xxxl-2 {
    margin: 0.5rem !important;
  }
  .mt-xxxl-2,
  .my-xxxl-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xxxl-2,
  .mx-xxxl-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xxxl-2,
  .my-xxxl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xxxl-2,
  .mx-xxxl-2 {
    margin-left: 0.5rem !important;
  }
  .m-xxxl-3 {
    margin: 1rem !important;
  }
  .mt-xxxl-3,
  .my-xxxl-3 {
    margin-top: 1rem !important;
  }
  .mr-xxxl-3,
  .mx-xxxl-3 {
    margin-right: 1rem !important;
  }
  .mb-xxxl-3,
  .my-xxxl-3 {
    margin-bottom: 1rem !important;
  }
  .ml-xxxl-3,
  .mx-xxxl-3 {
    margin-left: 1rem !important;
  }
  .m-xxxl-4 {
    margin: 1.5rem !important;
  }
  .mt-xxxl-4,
  .my-xxxl-4 {
    margin-top: 1.5rem !important;
  }
  .mr-xxxl-4,
  .mx-xxxl-4 {
    margin-right: 1.5rem !important;
  }
  .mb-xxxl-4,
  .my-xxxl-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xxxl-4,
  .mx-xxxl-4 {
    margin-left: 1.5rem !important;
  }
  .m-xxxl-5 {
    margin: 3rem !important;
  }
  .mt-xxxl-5,
  .my-xxxl-5 {
    margin-top: 3rem !important;
  }
  .mr-xxxl-5,
  .mx-xxxl-5 {
    margin-right: 3rem !important;
  }
  .mb-xxxl-5,
  .my-xxxl-5 {
    margin-bottom: 3rem !important;
  }
  .ml-xxxl-5,
  .mx-xxxl-5 {
    margin-left: 3rem !important;
  }
  .p-xxxl-0 {
    padding: 0 !important;
  }
  .pt-xxxl-0,
  .py-xxxl-0 {
    padding-top: 0 !important;
  }
  .pr-xxxl-0,
  .px-xxxl-0 {
    padding-right: 0 !important;
  }
  .pb-xxxl-0,
  .py-xxxl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xxxl-0,
  .px-xxxl-0 {
    padding-left: 0 !important;
  }
  .p-xxxl-1 {
    padding: 0.25rem !important;
  }
  .pt-xxxl-1,
  .py-xxxl-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xxxl-1,
  .px-xxxl-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xxxl-1,
  .py-xxxl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xxxl-1,
  .px-xxxl-1 {
    padding-left: 0.25rem !important;
  }
  .p-xxxl-2 {
    padding: 0.5rem !important;
  }
  .pt-xxxl-2,
  .py-xxxl-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xxxl-2,
  .px-xxxl-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xxxl-2,
  .py-xxxl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xxxl-2,
  .px-xxxl-2 {
    padding-left: 0.5rem !important;
  }
  .p-xxxl-3 {
    padding: 1rem !important;
  }
  .pt-xxxl-3,
  .py-xxxl-3 {
    padding-top: 1rem !important;
  }
  .pr-xxxl-3,
  .px-xxxl-3 {
    padding-right: 1rem !important;
  }
  .pb-xxxl-3,
  .py-xxxl-3 {
    padding-bottom: 1rem !important;
  }
  .pl-xxxl-3,
  .px-xxxl-3 {
    padding-left: 1rem !important;
  }
  .p-xxxl-4 {
    padding: 1.5rem !important;
  }
  .pt-xxxl-4,
  .py-xxxl-4 {
    padding-top: 1.5rem !important;
  }
  .pr-xxxl-4,
  .px-xxxl-4 {
    padding-right: 1.5rem !important;
  }
  .pb-xxxl-4,
  .py-xxxl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xxxl-4,
  .px-xxxl-4 {
    padding-left: 1.5rem !important;
  }
  .p-xxxl-5 {
    padding: 3rem !important;
  }
  .pt-xxxl-5,
  .py-xxxl-5 {
    padding-top: 3rem !important;
  }
  .pr-xxxl-5,
  .px-xxxl-5 {
    padding-right: 3rem !important;
  }
  .pb-xxxl-5,
  .py-xxxl-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xxxl-5,
  .px-xxxl-5 {
    padding-left: 3rem !important;
  }
  .m-xxxl-n1 {
    margin: -0.25rem !important;
  }
  .mt-xxxl-n1,
  .my-xxxl-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-xxxl-n1,
  .mx-xxxl-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-xxxl-n1,
  .my-xxxl-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-xxxl-n1,
  .mx-xxxl-n1 {
    margin-left: -0.25rem !important;
  }
  .m-xxxl-n2 {
    margin: -0.5rem !important;
  }
  .mt-xxxl-n2,
  .my-xxxl-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-xxxl-n2,
  .mx-xxxl-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-xxxl-n2,
  .my-xxxl-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-xxxl-n2,
  .mx-xxxl-n2 {
    margin-left: -0.5rem !important;
  }
  .m-xxxl-n3 {
    margin: -1rem !important;
  }
  .mt-xxxl-n3,
  .my-xxxl-n3 {
    margin-top: -1rem !important;
  }
  .mr-xxxl-n3,
  .mx-xxxl-n3 {
    margin-right: -1rem !important;
  }
  .mb-xxxl-n3,
  .my-xxxl-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-xxxl-n3,
  .mx-xxxl-n3 {
    margin-left: -1rem !important;
  }
  .m-xxxl-n4 {
    margin: -1.5rem !important;
  }
  .mt-xxxl-n4,
  .my-xxxl-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-xxxl-n4,
  .mx-xxxl-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-xxxl-n4,
  .my-xxxl-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-xxxl-n4,
  .mx-xxxl-n4 {
    margin-left: -1.5rem !important;
  }
  .m-xxxl-n5 {
    margin: -3rem !important;
  }
  .mt-xxxl-n5,
  .my-xxxl-n5 {
    margin-top: -3rem !important;
  }
  .mr-xxxl-n5,
  .mx-xxxl-n5 {
    margin-right: -3rem !important;
  }
  .mb-xxxl-n5,
  .my-xxxl-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-xxxl-n5,
  .mx-xxxl-n5 {
    margin-left: -3rem !important;
  }
  .m-xxxl-auto {
    margin: auto !important;
  }
  .mt-xxxl-auto,
  .my-xxxl-auto {
    margin-top: auto !important;
  }
  .mr-xxxl-auto,
  .mx-xxxl-auto {
    margin-right: auto !important;
  }
  .mb-xxxl-auto,
  .my-xxxl-auto {
    margin-bottom: auto !important;
  }
  .ml-xxxl-auto,
  .mx-xxxl-auto {
    margin-left: auto !important;
  }
  .dropdown-menu-xxxl-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xxxl-right {
    right: 0;
    left: auto;
  }
  .float-xxxl-left {
    float: left !important;
  }
  .float-xxxl-right {
    float: right !important;
  }
  .float-xxxl-none {
    float: none !important;
  }
  .text-xxxl-left {
    text-align: left !important;
  }
  .text-xxxl-right {
    text-align: right !important;
  }
  .text-xxxl-center {
    text-align: center !important;
  }
}



/*------------------------------------------------------------------------------
  Print specific
------------------------------------------------------------------------------*/

@media print {

  .text-print-left {
    text-align:     left !important;
  }

  .text-print-right {
    text-align:     right !important;
  }

  .text-print-center {
    text-align:     center !important;
  }

  .col-print {
      -ms-flex-preferred-size: 0;
      flex-basis:   0;
      -ms-flex-positive: 1;
      flex-grow:    1;
      max-width:    100%;
  }

  .col-print-1 {
      -ms-flex:     0 0 8.333333%;
      flex:         0 0 8.333333%;
      max-width:    8.333333%;
  }

  .col-print-2 {
    -ms-flex:       0 0 16.666667%;
    flex:           0 0 16.666667%;
    max-width:      16.666667%;
  }

  .col-print-3 {
    -ms-flex:       0 0 25%;
    flex:           0 0 25%;
    max-width:      25%;
  }

  .col-print-4 {
    -ms-flex:       0 0 33.333333%;
    flex:           0 0 33.333333%;
    max-width:      33.333333%;
  }

  .col-print-5 {
    -ms-flex:       0 0 41.666667%;
    flex:           0 0 41.666667%;
    max-width:      41.666667%;
  }

  .col-print-6 {
    -ms-flex:       0 0 50%;
    flex:           0 0 50%;
    max-width:      50%;
  }

  .col-print-7 {
    -ms-flex:       0 0 58.333333%;
    flex:           0 0 58.333333%;
    max-width:      58.333333%;
  }

  .col-print-8 {
    -ms-flex:       0 0 66.666667%;
    flex:           0 0 66.666667%;
    max-width:      66.666667%;
  }

  .col-print-9 {
    -ms-flex:       0 0 75%;
    flex:           0 0 75%;
    max-width:      75%;
  }

  .col-print-10 {
    -ms-flex:       0 0 83.333333%;
    flex:           0 0 83.333333%;
    max-width:      83.333333%;
  }

  .col-print-11 {
    -ms-flex:       0 0 91.666667%;
    flex:           0 0 91.666667%;
    max-width:      91.666667%;
  }

  .col-print-12 {
    -ms-flex:       0 0 100%;
    flex:           0 0 100%;
    max-width:      100%;
  }

}



/*------------------------------------------------------------------------------
  Lists
------------------------------------------------------------------------------*/

.list-3,
.list-2,
.list-1 {
  margin-bottom:    1rem;
  padding-left:     1.25rem;
}

.list-3 .list-3,
.list-2 .list-2 {
  margin-bottom:    0.5rem;
  padding-left:     1.25rem;
}

.list-3 .list-3 .list-3 {
  margin-bottom:    0.25rem;
  padding-left:     1.25rem;
}

.list-3 li {
  margin-top:       0.5rem;
  margin-bottom:    1rem;
}

.list-3 .list-3 li,
.list-2 li {
  margin-top:       0.25rem;
  margin-bottom:    0.5rem;
}

.list-3 .list-3 .list-3 li,
.list-2 .list-2 li,
.list-1 li {
  margin-top:       0.125rem;
  margin-bottom:    0.25rem;
}



/*------------------------------------------------------------------------------
  Aspect Ratios
------------------------------------------------------------------------------*/

.ar-1-1 {
  padding-bottom:   100%;
}

.ar-4-3 {
  padding-bottom:   75%;
}

.ar-16-9 {
  padding-bottom:   56.25%;
}

.ar-1-1, .ar-4-3, .ar-16-9 {
  position:         relative;
  overflow:         hidden;
}

.ar-1-1 > div, .ar-4-3 > div, .ar-16-9 > div,
.ar-1-1 > img, .ar-4-3 > img, .ar-16-9 > img,
.ar-1-1 > iframe, .ar-4-3 > iframe, .ar-16-9 > iframe {
  position:         absolute;
  width:            100%;
  height:           100%;
}



/*------------------------------------------------------------------------------
  Extras
------------------------------------------------------------------------------*/

.text-deleted, .text-deleted a {
  color:            #6c757d;
  text-decoration:  line-through;
}

.bg-note {
  background-color: #fef79f;
}

.float-clear {
  clear:            both;
}

.page-break {
  border:           none;
  page-break-after: always;
  page-break-inside:  avoid;
  clear:            both;
}



/*------------------------------------------------------------------------------
  Zoom
------------------------------------------------------------------------------*/

.zoom,
.click-zoom {
  cursor:           zoom-in;
}

.click-zoom.clicked + .zoomed {
  cursor:           zoom-out;
  pointer-events:   auto;
}

.click-zoom.clicked + .zoomed,
.zoom:hover + .zoomed {
  opacity:          1;
}

.zoomed {
  display:          flex;
  align-items:      center;
  justify-content:  center;
  position:         fixed;
  top:              0px;
  left:             0px;
  width:            100%;
  height:           100%;
  background-color: rgba(0, 0, 0, 0.55);
  z-index:          100;
  transition:       opacity 0.75s ease;
  opacity:          0;
  pointer-events:   none;
}

.zoomed .zoomed-content {
  pointer-events:   none;
  width:            auto;
  height:           auto;
  max-width:        75vw;
  max-height:       75vh;
}



/*------------------------------------------------------------------------------
  Quick Notes system
------------------------------------------------------------------------------*/

#nhmvc-quick-notes {
  padding:          0px;
}

#nhmvc-quick-notes:before {
  content:          ' ';
  display:          block;
  position:         absolute;
  right:            0.5rem;
  bottom:           0.5rem;
  width:            1.25rem;
  height:           1.25rem;
  opacity:          0.3;
  background-image: url('/framework/plugins/fontawesome/current/svgs/solid/pen.svg');
}

#nhmvc-quick-notes textarea.nhmvc-quick-notes {
  height:           100%;
  background-color: transparent;
  border-width:     0px;
  padding:          1.25rem;
}

.nhmvc-quick-notes {
  padding:          1px 4px;
  width:            100%;
  min-width:        7rem;
  resize:           none;
  overflow:         hidden;
  font-size:        0.7rem;
}

.nhmvc-quick-notes.expanded {
  width:            100%;
  min-width:        10rem;
  resize:           both;
  overflow:         auto;
}



/*------------------------------------------------------------------------------
  QRCodes
------------------------------------------------------------------------------*/

div.qrcode,
div.qrcode div {
  border:           0px;
  margin:           0px;
  padding:          0px;
  font-size:        0px;
  display:          inline-block;
}



/*------------------------------------------------------------------------------
  Misc
------------------------------------------------------------------------------*/

.zoomable,
.clickable {
  cursor:           pointer;
}

.not-clickable {
  cursor:           default !important;
}

.sp-replacer {
  width:            100%;
}

.sp-swab {
  height:           1rem;
}

img.icon-1 {
  height:           1rem;
  vertical-align:   text-bottom;
}

.nhmvc-list .nhmvc-youtube {
  max-width:        10vw;
  max-height:       10vw;
}

img.action-list {
  max-width:        5rem;
  max-height:       5rem;
}

img.action-show {
  max-width:        100%;
}

img.action-form {
  margin:           -0.175rem 0rem -0.175rem -0.55rem;
  overflow:         hidden;
}

.table td,
.table th {
  border-color:     #cdd6db !important;
  border-top:       1px solid #cdd6db;
  border-bottom:    1px solid #cdd6db;
}

.table td.buttons,
.table th.buttons {
  background-color: #ffffff;
  width:            1%;
  white-space:      nowrap;
  border-width:     0px 0px 0px 1px;
  border-left:      1px solid #cdd6db;
}

.table th.sort,
.table td.sort {
  width:            1%;
  white-space:      nowrap;
}

.table td.sort {
  border-width:     0px 1px 0px 0px;
  border-right:     1px solid #cdd6db;
  vertical-align:   middle;
  cursor:           move !important;
  background-color: #ffffff;
}

.table .text-deleted td.buttons a {
  text-decoration:  none !important;
}

.table .text-deleted td.sort {
  text-decoration:  none !important;
}

.nhmvc-list-sort {
  border-left-width: 0px !important;
}

.table td.ruler-r,
.table th.ruler-r {
  border-right:     1px solid #cdd6db;
}

.table td.ruler-l,
.table th.ruler-l {
  border-left:      1px solid #cdd6db;
}

.nhmvc-list tr.bg-primary,
.nhmvc-list td.bg-primary {
  background-color: rgba(0, 123, 255, 0.6) !important;
}

.nhmvc-list tr.bg-secondary,
.nhmvc-list td.bg-secondary {
  background-color: rgba(108, 117, 125, 0.6) !important;
}

.nhmvc-list tr.bg-success,
.nhmvc-list td.bg-success {
  background-color: rgba(40, 167, 69, 0.6) !important;
}

.nhmvc-list tr.bg-danger,
.nhmvc-list td.bg-danger {
  background-color: rgba(220, 53, 69, 0.6) !important;
}

.nhmvc-list tr.bg-warning,
.nhmvc-list td.bg-warning {
  background-color: rgba(255, 193, 7, 0.6) !important;
}

.nhmvc-list tr.bg-info,
.nhmvc-list td.bg-info {
  background-color: rgba(23, 162, 184, 0.6) !important;
}

.nhmvc-list tr.bg-light,
.nhmvc-list td.bg-light {
  background-color: rgba(248, 249, 250, 0.6) !important;
}

.nhmvc-list tr.bg-dark,
.nhmvc-list td.bg-dark {
  background-color: rgba(52, 58, 64, 0.6) !important;
}



/*------------------------------------------------------------------------------
  Fix for Google Chrome border bug
------------------------------------------------------------------------------*/

fieldset.card {
  border-color:     #ddd;
}