/*!
 * EasyPayroll brand layer for Bootstrap 4.4.1
 * ---------------------------------------------------------------------------
 * Load order:  bootstrap.min.css  ->  THIS FILE  ->  dist/css/style.min.css
 *
 * dist/css/style.min.css used to bundle a rebranded Bootstrap 4.2.1 build.
 * That build was removed so the app sits on stock Bootstrap 4.4.1. This file
 * carries only the parts of it that actually differed from stock, lifted
 * verbatim so the values are exact rather than reconstructed.
 *
 * THE TRAP: this file loads AFTER bootstrap.min.css. Any rule repeated here
 * with the same specificity beats the stock rule that follows it - including
 * stock rules inside @media, because a media query adds no specificity.
 * Three separate regressions came from exactly that:
 *
 *   .col-12 {max-width:100%}          beat  @media(min-width:768px)
 *                                           .col-md-6 {max-width:50%}
 *     -> every "col-12 col-md-6" field went full width and the Customer, Job,
 *        Contract and Invoice modals collapsed into a single column.
 *
 *   .modal.fade .modal-dialog         beat  .modal.show .modal-dialog
 *   {transform:translate(0,-50px)}          {transform:none}
 *     -> every modal stayed 50px above its place, title bar off screen.
 *
 *   .mb-2 {margin-bottom:.5rem}       beat  @media(min-width:768px)
 *                                           .mb-md-0 {margin-bottom:0}
 *     -> "mb-2 mb-md-0" never collapsed to zero, so every field row carried
 *        an extra 8px of dead space on every screen in the app.
 *
 * So the following are deliberately NOT in this file, and must never be
 * added back - stock supplies them and they were identical apart from vendor
 * prefixes and decimal precision:
 *
 *   - the grid            .col-*, .row, .container*
 *   - layout utilities    .m*-N, .p*-N, .d-*, .float-*, .flex-*, .align-*,
 *                         .justify-content-*, .order-*, .w-N, .h-N,
 *                         .text-left/center/right
 *   - anything inside @media, except the modal block at the end of this file
 *
 * Colour, radius, shadow and type-scale utilities ARE brand and are kept -
 * .text-primary, .bg-*, .border-*, .rounded*, .col-form-label-* and so on.
 *
 * Brand palette, previously compiled into the old bundle:
 *   primary   #707cd2      success  #2cd07e      warning  #ffc36d
 *   secondary #8898aa      info     #2cabe3      danger   #ff5050
 *   light     #f7fafc      dark     #313131
 *   body text #525f7f      links    #8898aa      borders  #e9ecef
 *   radius    2px (btn, form-control, badge)     base font .875rem
 *
 * When Bootstrap is next upgraded, this is the file to review.
 * ---------------------------------------------------------------------------
 */

/*! * Bootstrap v4.2.1 (https://getbootstrap.com/) * Copyright 2011-2018 The Bootstrap Authors * Copyright 2011-2018 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ :root{
    --blue: #007bff;
    --indigo: #6610f2;
    --pink: #e83e8c;
    --red: #ff5050;
    --yellow: #ffc107;
    --green: #2cd07e;
    --teal: #20c997;
    --white: #fff;
    --gray: #8898aa;
    --gray-dark: #313131;
    --primary: #707cd2;
    --secondary: #8898aa;
    --success: #2cd07e;
    --info: #2cabe3;
    --warning: #ffc36d;
    --danger: #ff5050;
    --light: #f7fafc;
    --dark: #313131;
    --cyan: #4fc3f7;
    --orange: #ffc36d;
    --purple: #707cd2;
    --inverse: #4c5667;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --breakpoint-xlg: 1600px;
    --font-family-sans-serif: "Rubik",sans-serif;
    --font-family-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace
}

*, ::after, ::before{
    box-sizing: border-box
}

.popover, .tooltip, body{
    font-family: Rubik,sans-serif
}

body{
    font-size: .875rem;
    line-height: 1.5;
    background-color: #edf1f5
}

[tabindex="-1"]:focus{
    outline: 0 !important
}

abbr[data-original-title], abbr[title]{
    text-decoration: underline;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
    text-decoration-skip-ink: none
}

.btn:not(:disabled):not(.disabled), summary{
    cursor: pointer
}

address{
    font-style: normal
}

ol ol, ol ul, ul ol, ul ul{
    margin-bottom: 0
}

dd{
    margin-left: 0
}

blockquote, figure{
    margin: 0 0 1rem
}

b, strong{
    font-weight: bolder
}

sub, sup{
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

a{
    text-decoration: none;
    background-color: transparent
}

a:hover{
    text-decoration: none
}

a:not([href]):not([tabindex]), a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover{
    color: inherit;
    text-decoration: none
}

a:not([href]):not([tabindex]):focus{
    outline: 0
}

code, kbd, pre, samp{
    font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    font-size: 1em
}

img{
    border-style: none
}

svg{
    overflow: hidden
}

caption{
    padding-top: .9375rem .4rem;
    padding-bottom: .9375rem .4rem;
    color: #8898aa;
    caption-side: bottom
}

button:focus{
    outline: dotted 1px;
    outline: -webkit-focus-ring-color auto 5px
}

button, input, optgroup, select, textarea{
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button, select{
    text-transform: none
}

[type=button], [type=reset], [type=submit], button{
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner{
    padding: 0;
    border-style: none
}

input[type=radio], input[type=checkbox]{
    box-sizing: border-box;
    padding: 0
}

input[type=date], input[type=time], input[type=datetime-local], input[type=month]{
    -webkit-appearance: listbox
}

textarea{
    resize: vertical
}

legend{
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    color: inherit;
    white-space: normal
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button{
    height: auto
}

.display-1, .display-2, .display-3, .display-4{
    line-height: 1.2
}

summary{
    display: list-item
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
    margin-bottom: .5rem;
    font-family: inherit;
    font-weight: 400;
    line-height: 1.2;
    color: inherit
}

.blockquote, hr{
    margin-bottom: 1rem
}

.badge, .display-1, .display-2, .display-3, .display-4, .lead{
    font-weight: 300
}

.h1, h1{
    font-size: 36px
}

.h2, h2{
    font-size: 24px
}

.h3, h3{
    font-size: 21px
}

.h4, h4{
    font-size: 18px
}

.h5, h5{
    font-size: 14px
}

.h6, h6{
    font-size: 12px
}

.lead{
    font-size: 1.09375rem
}

.display-1{
    font-size: 6rem
}

.display-2{
    font-size: 5.5rem
}

.display-3{
    font-size: 4.5rem
}

.display-4{
    font-size: 3.5rem
}

hr{
    box-sizing: border-box;
    height: 0;
    margin-top: 1rem;
    border: 0;
    border-top: 1px solid rgba(0,0,0,.1)
}

.img-fluid, .img-thumbnail{
    max-width: 100%;
    height: auto
}

.small, small{
    font-size: 80%;
    font-weight: 400
}

.mark, mark{
    padding: .2em;
    background-color: #fcf8e3
}

.list-inline, .list-unstyled{
    padding-left: 0;
    list-style: none
}

.blockquote{
    font-size: 1.09375rem
}

.blockquote-footer{
    display: block;
    font-size: 80%;
    color: #8898aa
}

.img-thumbnail{
    padding: .25rem;
    background-color: #edf1f5;
    border: 1px solid #dee2e6;
    border-radius: 2px;
    box-shadow: 0 1px 2px rgba(0,0,0,.075)
}

.figure-caption{
    font-size: 90%;
    color: #8898aa
}

code, kbd{
    font-size: 87.5%
}

a > code, pre code{
    color: inherit
}

code{
    color: #e83e8c;
    word-break: break-word
}

kbd{
    padding: .2rem .4rem;
    color: #fff;
    background-color: #212529;
    border-radius: 1px;
    box-shadow: inset 0 -.1rem 0 rgba(0,0,0,.25)
}

kbd kbd{
    padding: 0;
    font-size: 100%;
    font-weight: 700;
    box-shadow: none
}

.btn, .btn-link, .custom-select, .dropdown-item, .form-control, .input-group-text{
    font-weight: 400
}

pre{
    display: block;
    font-size: 87.5%;
    color: #212529
}

pre code{
    font-size: inherit;
    word-break: normal
}

.table{
    width: 100%;
    margin-bottom: 1rem;
    background-color: transparent
}

.table td, .table th{
    padding: .5375rem .4rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
   
}

.table tbody + tbody{
    border-top: 2px solid #dee2e6
}

.table .table{
    background-color: #edf1f5
}

.table-sm td, .table-sm th{
    padding: .3rem
}

.table-bordered, .table-bordered td, .table-bordered th{
    border: 1px solid #dee2e6
}

.table-bordered thead td, .table-bordered thead th{
    border-bottom-width: 2px
}

.table-borderless tbody + tbody, .table-borderless td, .table-borderless th, .table-borderless thead th{
    border: 0
}

.table-hover tbody tr:hover{
    background-color: rgba(0,0,0,.075)
}

.table-primary, .table-primary > td, .table-primary > th{
    background-color: #d7daf2
}

.table-primary tbody + tbody, .table-primary td, .table-primary th, .table-primary thead th{
    border-color: #b5bbe8
}

.table-hover .table-primary:hover, .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th{
    background-color: #c4c8ec
}

.table-secondary, .table-secondary > td, .table-secondary > th{
    background-color: #dee2e7
}

.table-secondary tbody + tbody, .table-secondary td, .table-secondary th, .table-secondary thead th{
    border-color: #c1c9d3
}

.table-hover .table-secondary:hover, .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th{
    background-color: #cfd5dc
}

.table-success, .table-success > td, .table-success > th{
    background-color: #c4f2db
}

.table-success tbody + tbody, .table-success td, .table-success th, .table-success thead th{
    border-color: #91e7bc
}

.table-hover .table-success:hover, .table-hover .table-success:hover > td, .table-hover .table-success:hover > th{
    background-color: #afedce
}

.table-info, .table-info > td, .table-info > th{
    background-color: #c4e7f7
}

.table-info tbody + tbody, .table-info td, .table-info th, .table-info thead th{
    border-color: #91d3f0
}

.table-hover .table-info:hover, .table-hover .table-info:hover > td, .table-hover .table-info:hover > th{
    background-color: #aedef4
}

.table-warning, .table-warning > td, .table-warning > th{
    background-color: #ffeed6
}

.table-warning tbody + tbody, .table-warning td, .table-warning th, .table-warning thead th{
    border-color: #ffe0b3
}

.table-hover .table-warning:hover, .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th{
    background-color: #ffe3bd
}

.table-danger, .table-danger > td, .table-danger > th{
    background-color: #ffcece
}

.table-danger tbody + tbody, .table-danger td, .table-danger th, .table-danger thead th{
    border-color: #ffa4a4
}

.table-hover .table-danger:hover, .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th{
    background-color: #ffb5b5
}

.table-light, .table-light > td, .table-light > th{
    background-color: #fdfefe
}

.table-light tbody + tbody, .table-light td, .table-light th, .table-light thead th{
    border-color: #fbfcfd
}

.table-hover .table-light:hover, .table-hover .table-light:hover > td, .table-hover .table-light:hover > th{
    background-color: #ecf6f6
}

.table-dark, .table-dark > td, .table-dark > th{
    background-color: #c5c5c5
}

.table-dark tbody + tbody, .table-dark td, .table-dark th, .table-dark thead th{
    border-color: #949494
}

.table-hover .table-dark:hover, .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th{
    background-color: #b8b8b8
}

.table-cyan, .table-cyan > td, .table-cyan > th{
    background-color: #ceeefd
}

.table-cyan tbody + tbody, .table-cyan td, .table-cyan th, .table-cyan thead th{
    border-color: #a3e0fb
}

.table-hover .table-cyan:hover, .table-hover .table-cyan:hover > td, .table-hover .table-cyan:hover > th{
    background-color: #b6e6fc
}

.table-orange, .table-orange > td, .table-orange > th{
    background-color: #ffeed6
}

.table-orange tbody + tbody, .table-orange td, .table-orange th, .table-orange thead th{
    border-color: #ffe0b3
}

.table-hover .table-orange:hover, .table-hover .table-orange:hover > td, .table-hover .table-orange:hover > th{
    background-color: #ffe3bd
}

.table-purple, .table-purple > td, .table-purple > th{
    background-color: #d7daf2
}

.table-purple tbody + tbody, .table-purple td, .table-purple th, .table-purple thead th{
    border-color: #b5bbe8
}

.table-hover .table-purple:hover, .table-hover .table-purple:hover > td, .table-hover .table-purple:hover > th{
    background-color: #c4c8ec
}

.table-inverse, .table-inverse > td, .table-inverse > th{
    background-color: #cdd0d4
}

.table-inverse tbody + tbody, .table-inverse td, .table-inverse th, .table-inverse thead th{
    border-color: #a2a7b0
}

.table-hover .table-inverse:hover, .table-hover .table-inverse:hover > td, .table-hover .table-inverse:hover > th{
    background-color: #bfc3c8
}

.table-active, .table-active > td, .table-active > th, .table-hover .table-active:hover, .table-hover .table-active:hover > td, .table-hover .table-active:hover > th{
    background-color: rgba(0,0,0,.075)
}

.table .thead-dark th{
    color: #fff;
    background-color: #212529;
    border-color: #32383e
}

.table .thead-light th{
    color: #525f7f;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.table-dark{
    color: #fff;
    background-color: #212529
}

.table-dark td, .table-dark th, .table-dark thead th{
    border-color: #32383e
}

.table-dark.table-bordered, .table-responsive > .table-bordered{
    border: 0
}

.table-dark.table-hover tbody tr:hover{
    background-color: rgba(255,255,255,.075)
}

.accordion .card, .collapsing, .modal-open, .progress, .toast{
    overflow: hidden
}

.form-control{
    display: block;
    width: 100%;
    height: calc(2.0625rem + 2px);
    padding: .375rem .75rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #525f7f;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #e9ecef;
    border-radius: 2px;
    box-shadow: none;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

.form-control:focus{
    color: #525f7f;
    background-color: #fff;
    border-color: rgba(0,0,0,.25);
    outline: 0;
    box-shadow: none,none
}

.form-control::placeholder{
    color: #8898aa;
    opacity: 1
}

.form-control:disabled, .form-control[readonly]{
    background-color: #e9ecef;
    opacity: 1
}

select.form-control:focus::-ms-value{
    color: #525f7f;
    background-color: #fff
}

.form-control-file, .form-control-range{
    display: block;
    width: 100%
}

.col-form-label-lg{
    padding-top: calc(.5rem + 1px);
    padding-bottom: calc(.5rem + 1px);
    font-size: 1.09375rem;
    line-height: 1.5
}

.col-form-label-sm, .form-control-sm{
    font-size: .76563rem;
    line-height: 1.5
}

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

.form-control-plaintext{
    display: block;
    width: 100%;
    padding-top: .375rem;
    padding-bottom: .375rem;
    margin-bottom: 0;
    line-height: 1.5;
    color: #313131;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0
}

.form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm{
    padding-right: 0;
    padding-left: 0
}

.form-control-sm{
    height: calc(1.64844rem + 2px);
    padding: .25rem .5rem;
    border-radius: 1px
}

.form-control-lg{
    height: calc(2.64063rem + 2px);
    padding: .5rem 1rem;
    font-size: 1.09375rem;
    line-height: 1.5;
    border-radius: 4px
}

select.form-control[multiple], select.form-control[size], textarea.form-control{
    height: auto
}

.form-row > .col, .form-row > [class*=col-]{
    padding-right: 5px;
    padding-left: 5px
}

.form-check{
    display: block;
    padding-left: 1.25rem
}

.form-check-input:disabled ~ .form-check-label{
    color: #8898aa
}

.invalid-tooltip, .valid-tooltip{
    position: absolute;
    z-index: 5;
    max-width: 100%;
    border-radius: 2px;
    top: 100%;
    line-height: 1.5
}

.valid-feedback{
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #2cd07e
}

.valid-tooltip{
    display: none;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .76563rem;
    color: #fff;
    background-color: rgba(44,208,126,.9)
}

.custom-control-input.is-valid ~ .valid-feedback, .custom-control-input.is-valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback, .custom-file-input.is-valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback, .custom-select.is-valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback, .form-control-file.is-valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, .form-control.is-valid ~ .valid-tooltip, .was-validated .custom-control-input:valid ~ .valid-feedback, .was-validated .custom-control-input:valid ~ .valid-tooltip, .was-validated .custom-file-input:valid ~ .valid-feedback, .was-validated .custom-file-input:valid ~ .valid-tooltip, .was-validated .custom-select:valid ~ .valid-feedback, .was-validated .custom-select:valid ~ .valid-tooltip, .was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip, .was-validated .form-control-file:valid ~ .valid-feedback, .was-validated .form-control-file:valid ~ .valid-tooltip, .was-validated .form-control:valid ~ .valid-feedback, .was-validated .form-control:valid ~ .valid-tooltip{
    display: block
}

.custom-control-input.is-valid ~ .custom-control-label, .form-check-input.is-valid ~ .form-check-label, .was-validated .custom-control-input:valid ~ .custom-control-label, .was-validated .form-check-input:valid ~ .form-check-label{
    color: #2cd07e
}

.form-control.is-valid, .was-validated .form-control:valid{
    border-color: #2cd07e;
    padding-right: 2.0625rem;
    background-repeat: no-repeat;
    background-position: center right calc(2.0625rem / 4);
    background-size: calc(2.0625rem / 2) calc(2.0625rem / 2);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%232cd07e' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e")
}

.form-control.is-valid:focus, .was-validated .form-control:valid:focus{
    border-color: #2cd07e;
    box-shadow: 0 0 0 .2rem rgba(44,208,126,.25)
}

.was-validated textarea.form-control:valid, textarea.form-control.is-valid{
    padding-right: 2.0625rem;
    background-position: top calc(2.0625rem / 4) right calc(2.0625rem / 4)
}

.custom-select.is-valid, .was-validated .custom-select:valid{
    border-color: #2cd07e;
    padding-right: 3.29688rem;
    background: url(../../assets/images/custom-select.png) right .75rem center/8px 10px no-repeat,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%232cd07e' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") center right 1.75rem/1.03125rem 1.03125rem no-repeat
}

.custom-select.is-valid:focus, .was-validated .custom-select:valid:focus{
    border-color: #2cd07e;
    box-shadow: 0 0 0 .2rem rgba(44,208,126,.25)
}

.custom-control-input.is-valid ~ .custom-control-label::before, .was-validated .custom-control-input:valid ~ .custom-control-label::before{
    border-color: #2cd07e
}

.custom-control-input.is-valid:checked ~ .custom-control-label::before, .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before{
    border-color: #54db98;
    background-color: #54db98
}

.custom-control-input.is-valid:focus ~ .custom-control-label::before, .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before{
    box-shadow: 0 0 0 .2rem rgba(44,208,126,.25)
}

.custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before, .custom-file-input.is-valid ~ .custom-file-label, .was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .was-validated .custom-file-input:valid ~ .custom-file-label{
    border-color: #2cd07e
}

.custom-file-input.is-valid:focus ~ .custom-file-label, .was-validated .custom-file-input:valid:focus ~ .custom-file-label{
    border-color: #2cd07e;
    box-shadow: 0 0 0 .2rem rgba(44,208,126,.25)
}

.invalid-feedback{
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #ff5050
}

.invalid-tooltip{
    display: none;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .76563rem;
    color: #fff;
    background-color: rgba(255,80,80,.9)
}

.collapsing, .dropdown, .dropleft, .dropright, .dropup{
    position: relative
}

.custom-control-input.is-invalid ~ .invalid-feedback, .custom-control-input.is-invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback, .custom-file-input.is-invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback, .custom-select.is-invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback, .form-control-file.is-invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, .form-control.is-invalid ~ .invalid-tooltip, .was-validated .custom-control-input:invalid ~ .invalid-feedback, .was-validated .custom-control-input:invalid ~ .invalid-tooltip, .was-validated .custom-file-input:invalid ~ .invalid-feedback, .was-validated .custom-file-input:invalid ~ .invalid-tooltip, .was-validated .custom-select:invalid ~ .invalid-feedback, .was-validated .custom-select:invalid ~ .invalid-tooltip, .was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip, .was-validated .form-control-file:invalid ~ .invalid-feedback, .was-validated .form-control-file:invalid ~ .invalid-tooltip, .was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip{
    display: block
}

.custom-control-input.is-invalid ~ .custom-control-label, .form-check-input.is-invalid ~ .form-check-label, .was-validated .custom-control-input:invalid ~ .custom-control-label, .was-validated .form-check-input:invalid ~ .form-check-label{
    color: #ff5050
}

.form-control.is-invalid, .was-validated .form-control:invalid{
    border-color: #ff5050;
    padding-right: 2.0625rem;
    background-repeat: no-repeat;
    background-position: center right calc(2.0625rem / 4);
    background-size: calc(2.0625rem / 2) calc(2.0625rem / 2);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ff5050' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E")
}

.form-control.is-invalid:focus, .was-validated .form-control:invalid:focus{
    border-color: #ff5050;
    box-shadow: 0 0 0 .2rem rgba(255,80,80,.25)
}

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid{
    padding-right: 2.0625rem;
    background-position: top calc(2.0625rem / 4) right calc(2.0625rem / 4)
}

.custom-select.is-invalid, .was-validated .custom-select:invalid{
    border-color: #ff5050;
    padding-right: 3.29688rem;
    background: url(../../assets/images/custom-select.png) right .75rem center/8px 10px no-repeat,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ff5050' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") center right 1.75rem/1.03125rem 1.03125rem no-repeat
}

.dropdown-menu, .modal-content, .popover, .toast, .toast-header{
    background-clip: padding-box
}

.custom-select.is-invalid:focus, .was-validated .custom-select:invalid:focus{
    border-color: #ff5050;
    box-shadow: 0 0 0 .2rem rgba(255,80,80,.25)
}

.custom-control-input.is-invalid ~ .custom-control-label::before, .was-validated .custom-control-input:invalid ~ .custom-control-label::before{
    border-color: #ff5050
}

.custom-control-input.is-invalid:checked ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before{
    border-color: #ff8383;
    background-color: #ff8383
}

.custom-control-input.is-invalid:focus ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before{
    box-shadow: 0 0 0 .2rem rgba(255,80,80,.25)
}

.custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-file-input.is-invalid ~ .custom-file-label, .was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .was-validated .custom-file-input:invalid ~ .custom-file-label{
    border-color: #ff5050
}

.custom-file-input.is-invalid:focus ~ .custom-file-label, .was-validated .custom-file-input:invalid:focus ~ .custom-file-label{
    border-color: #ff5050;
    box-shadow: 0 0 0 .2rem rgba(255,80,80,.25)
}

.btn-block, input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block{
    width: 100%
}

.btn{
    display: inline-block;
    color: #313131;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: 2px
}

.dropdown-toggle::after, .dropup .dropdown-toggle::after{
    vertical-align: .255em;
    content: ""
}

.btn:hover{
    color: #313131;
    text-decoration: none
}

.btn.focus, .btn:focus{
    outline: 0;
    box-shadow: 0 7px 14px rgba(50,50,93,.1),0 3px 6px rgba(0,0,0,.08)
}

.btn.disabled, .btn:disabled{
    opacity: .65;
    box-shadow: none
}

.btn:not(:disabled):not(.disabled).active, .btn:not(:disabled):not(.disabled):active{
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
}

.btn:not(:disabled):not(.disabled).active:focus, .btn:not(:disabled):not(.disabled):active:focus{
    box-shadow: 0 7px 14px rgba(50,50,93,.1),0 3px 6px rgba(0,0,0,.08),inset 0 3px 5px rgba(0,0,0,.125)
}

a.btn.disabled, fieldset:disabled a.btn{
    pointer-events: none
}

.btn-primary{
    color: #fff;
    background-color: #707cd2;
    border-color: #707cd2;
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08)
}

.btn-primary:hover{
    color: #fff;
    background-color: #5361c9;
    border-color: #4958c6
}

.btn-primary.focus, .btn-primary:focus{
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08),0 0 0 .2rem rgba(133,144,217,.5)
}

.btn-primary.disabled, .btn-primary:disabled{
    color: #fff;
    background-color: #707cd2;
    border-color: #707cd2
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle{
    color: #fff;
    background-color: #4958c6;
    border-color: #4050c3
}

.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus{
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125),0 0 0 .2rem rgba(133,144,217,.5)
}

.btn-secondary{
    color: #fff;
    background-color: #8898aa;
    border-color: #8898aa;
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08)
}

.btn-secondary:hover{
    color: #fff;
    background-color: #72859a;
    border-color: #6a7e95
}

.btn-secondary.focus, .btn-secondary:focus{
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08),0 0 0 .2rem rgba(154,167,183,.5)
}

.btn-secondary.disabled, .btn-secondary:disabled{
    color: #fff;
    background-color: #8898aa;
    border-color: #8898aa
}

.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle{
    color: #fff;
    background-color: #6a7e95;
    border-color: #65788d
}

.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-secondary.dropdown-toggle:focus{
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125),0 0 0 .2rem rgba(154,167,183,.5)
}

.btn-success{
    color: #fff;
    background-color: #2cd07e;
    border-color: #2cd07e;
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08)
}

.btn-success:hover{
    color: #fff;
    background-color: #25b06b;
    border-color: #23a665
}

.btn-success.focus, .btn-success:focus{
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08),0 0 0 .2rem rgba(76,215,145,.5)
}

.btn-success.disabled, .btn-success:disabled{
    color: #fff;
    background-color: #2cd07e;
    border-color: #2cd07e
}

.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show > .btn-success.dropdown-toggle{
    color: #fff;
    background-color: #23a665;
    border-color: #219b5e
}

.btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .show > .btn-success.dropdown-toggle:focus{
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125),0 0 0 .2rem rgba(76,215,145,.5)
}

.btn-info{
    color: #fff;
    background-color: #2cabe3;
    border-color: #2cabe3;
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08)
}

.btn-info:hover{
    color: #fff;
    background-color: #1b97cd;
    border-color: #1a8fc2
}

.btn-info.focus, .btn-info:focus{
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08),0 0 0 .2rem rgba(76,184,231,.5)
}

.btn-info.disabled, .btn-info:disabled{
    color: #fff;
    background-color: #2cabe3;
    border-color: #2cabe3
}

.btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show > .btn-info.dropdown-toggle{
    color: #fff;
    background-color: #1a8fc2;
    border-color: #1886b7
}

.btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabled):not(.disabled):active:focus, .show > .btn-info.dropdown-toggle:focus{
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125),0 0 0 .2rem rgba(76,184,231,.5)
}

.btn-warning{
    color: #212529;
    background-color: #ffc36d;
    border-color: #ffc36d;
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08)
}

.btn-warning:hover{
    color: #212529;
    background-color: #ffb347;
    border-color: #ffae3a
}

.btn-warning.focus, .btn-warning:focus{
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08),0 0 0 .2rem rgba(222,171,99,.5)
}

.btn-warning.disabled, .btn-warning:disabled{
    color: #212529;
    background-color: #ffc36d;
    border-color: #ffc36d
}

.btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show > .btn-warning.dropdown-toggle{
    color: #212529;
    background-color: #ffae3a;
    border-color: #ffa92d
}

.btn-warning:not(:disabled):not(.disabled).active:focus, .btn-warning:not(:disabled):not(.disabled):active:focus, .show > .btn-warning.dropdown-toggle:focus{
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125),0 0 0 .2rem rgba(222,171,99,.5)
}

.btn-danger{
    color: #fff;
    background-color: #ff5050;
    border-color: #ff5050;
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08)
}

.btn-danger:hover{
    color: #fff;
    background-color: #ff2a2a;
    border-color: #ff1d1d
}

.btn-danger.focus, .btn-danger:focus{
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08),0 0 0 .2rem rgba(255,106,106,.5)
}

.btn-danger.disabled, .btn-danger:disabled{
    color: #fff;
    background-color: #ff5050;
    border-color: #ff5050
}

.btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show > .btn-danger.dropdown-toggle{
    color: #fff;
    background-color: #ff1d1d;
    border-color: #ff1010
}

.btn-danger:not(:disabled):not(.disabled).active:focus, .btn-danger:not(:disabled):not(.disabled):active:focus, .show > .btn-danger.dropdown-toggle:focus{
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125),0 0 0 .2rem rgba(255,106,106,.5)
}

.btn-light{
    color: #212529;
    background-color: #f7fafc;
    border-color: #f7fafc;
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08)
}

.btn-light:hover{
    color: #212529;
    background-color: #dbe9f2;
    border-color: #d2e3ee
}

.btn-light.focus, .btn-light:focus{
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08),0 0 0 .2rem rgba(215,218,220,.5)
}

.btn-light.disabled, .btn-light:disabled{
    color: #212529;
    background-color: #f7fafc;
    border-color: #f7fafc
}

.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show > .btn-light.dropdown-toggle{
    color: #212529;
    background-color: #d2e3ee;
    border-color: #c9ddeb
}

.btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disabled):not(.disabled):active:focus, .show > .btn-light.dropdown-toggle:focus{
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125),0 0 0 .2rem rgba(215,218,220,.5)
}

.btn-dark{
    color: #fff;
    background-color: #313131;
    border-color: #313131;
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08)
}

.btn-dark:hover{
    color: #fff;
    background-color: #1e1e1e;
    border-color: #181818
}

.btn-dark.focus, .btn-dark:focus{
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08),0 0 0 .2rem rgba(80,80,80,.5)
}

.btn-dark.disabled, .btn-dark:disabled{
    color: #fff;
    background-color: #313131;
    border-color: #313131
}

.btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active, .show > .btn-dark.dropdown-toggle{
    color: #fff;
    background-color: #181818;
    border-color: #111
}

.btn-dark:not(:disabled):not(.disabled).active:focus, .btn-dark:not(:disabled):not(.disabled):active:focus, .show > .btn-dark.dropdown-toggle:focus{
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125),0 0 0 .2rem rgba(80,80,80,.5)
}

.btn-cyan{
    color: #212529;
    background-color: #4fc3f7;
    border-color: #4fc3f7;
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08)
}

.btn-cyan:hover{
    color: #fff;
    background-color: #2ab7f5;
    border-color: #1eb2f5
}

.btn-cyan.focus, .btn-cyan:focus{
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08),0 0 0 .2rem rgba(72,171,216,.5)
}

.btn-cyan.disabled, .btn-cyan:disabled{
    color: #212529;
    background-color: #4fc3f7;
    border-color: #4fc3f7
}

.btn-cyan:not(:disabled):not(.disabled).active, .btn-cyan:not(:disabled):not(.disabled):active, .show > .btn-cyan.dropdown-toggle{
    color: #fff;
    background-color: #1eb2f5;
    border-color: #12aef4
}

.btn-cyan:not(:disabled):not(.disabled).active:focus, .btn-cyan:not(:disabled):not(.disabled):active:focus, .show > .btn-cyan.dropdown-toggle:focus{
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125),0 0 0 .2rem rgba(72,171,216,.5)
}

.btn-orange{
    color: #212529;
    background-color: #ffc36d;
    border-color: #ffc36d;
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08)
}

.btn-orange:hover{
    color: #212529;
    background-color: #ffb347;
    border-color: #ffae3a
}

.btn-orange.focus, .btn-orange:focus{
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08),0 0 0 .2rem rgba(222,171,99,.5)
}

.btn-orange.disabled, .btn-orange:disabled{
    color: #212529;
    background-color: #ffc36d;
    border-color: #ffc36d
}

.btn-orange:not(:disabled):not(.disabled).active, .btn-orange:not(:disabled):not(.disabled):active, .show > .btn-orange.dropdown-toggle{
    color: #212529;
    background-color: #ffae3a;
    border-color: #ffa92d
}

.btn-orange:not(:disabled):not(.disabled).active:focus, .btn-orange:not(:disabled):not(.disabled):active:focus, .show > .btn-orange.dropdown-toggle:focus{
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125),0 0 0 .2rem rgba(222,171,99,.5)
}

.btn-purple{
    color: #fff;
    background-color: #707cd2;
    border-color: #707cd2;
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08)
}

.btn-purple:hover{
    color: #fff;
    background-color: #5361c9;
    border-color: #4958c6
}

.btn-purple.focus, .btn-purple:focus{
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08),0 0 0 .2rem rgba(133,144,217,.5)
}

.btn-purple.disabled, .btn-purple:disabled{
    color: #fff;
    background-color: #707cd2;
    border-color: #707cd2
}

.btn-purple:not(:disabled):not(.disabled).active, .btn-purple:not(:disabled):not(.disabled):active, .show > .btn-purple.dropdown-toggle{
    color: #fff;
    background-color: #4958c6;
    border-color: #4050c3
}

.btn-purple:not(:disabled):not(.disabled).active:focus, .btn-purple:not(:disabled):not(.disabled):active:focus, .show > .btn-purple.dropdown-toggle:focus{
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125),0 0 0 .2rem rgba(133,144,217,.5)
}

.btn-inverse{
    color: #fff;
    background-color: #4c5667;
    border-color: #4c5667;
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08)
}

.btn-inverse:hover{
    color: #fff;
    background-color: #3c4451;
    border-color: #363d4a
}

.btn-inverse.focus, .btn-inverse:focus{
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08),0 0 0 .2rem rgba(103,111,126,.5)
}

.btn-inverse.disabled, .btn-inverse:disabled{
    color: #fff;
    background-color: #4c5667;
    border-color: #4c5667
}

.btn-inverse:not(:disabled):not(.disabled).active, .btn-inverse:not(:disabled):not(.disabled):active, .show > .btn-inverse.dropdown-toggle{
    color: #fff;
    background-color: #363d4a;
    border-color: #313742
}

.btn-inverse:not(:disabled):not(.disabled).active:focus, .btn-inverse:not(:disabled):not(.disabled):active:focus, .show > .btn-inverse.dropdown-toggle:focus{
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125),0 0 0 .2rem rgba(103,111,126,.5)
}

.btn-outline-primary{
    color: #707cd2;
    border-color: #707cd2
}

.btn-outline-primary:hover{
    color: #fff;
    background-color: #707cd2;
    border-color: #707cd2
}

.btn-outline-primary.focus, .btn-outline-primary:focus{
    box-shadow: 0 0 0 .2rem rgba(112,124,210,.5)
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled{
    color: #707cd2;
    background-color: transparent
}

.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show > .btn-outline-primary.dropdown-toggle{
    color: #fff;
    background-color: #707cd2;
    border-color: #707cd2
}

.btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-primary.dropdown-toggle:focus{
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125),0 0 0 .2rem rgba(112,124,210,.5)
}

.btn-outline-secondary{
    color: #8898aa;
    border-color: #8898aa
}

.btn-outline-secondary:hover{
    color: #fff;
    background-color: #8898aa;
    border-color: #8898aa
}

.btn-outline-secondary.focus, .btn-outline-secondary:focus{
    box-shadow: 0 0 0 .2rem rgba(136,152,170,.5)
}

.btn-outline-secondary.disabled, .btn-outline-secondary:disabled{
    color: #8898aa;
    background-color: transparent
}

.btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show > .btn-outline-secondary.dropdown-toggle{
    color: #fff;
    background-color: #8898aa;
    border-color: #8898aa
}

.btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus{
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125),0 0 0 .2rem rgba(136,152,170,.5)
}

.btn-outline-success{
    color: #2cd07e;
    border-color: #2cd07e
}

.btn-outline-success:hover{
    color: #fff;
    background-color: #2cd07e;
    border-color: #2cd07e
}

.btn-outline-success.focus, .btn-outline-success:focus{
    box-shadow: 0 0 0 .2rem rgba(44,208,126,.5)
}

.btn-outline-success.disabled, .btn-outline-success:disabled{
    color: #2cd07e;
    background-color: transparent
}

.btn-outline-success:not(:disabled):not(.disabled).active, .btn-outline-success:not(:disabled):not(.disabled):active, .show > .btn-outline-success.dropdown-toggle{
    color: #fff;
    background-color: #2cd07e;
    border-color: #2cd07e
}

.btn-outline-success:not(:disabled):not(.disabled).active:focus, .btn-outline-success:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-success.dropdown-toggle:focus{
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125),0 0 0 .2rem rgba(44,208,126,.5)
}

.btn-outline-info{
    color: #2cabe3;
    border-color: #2cabe3
}

.btn-outline-info:hover{
    color: #fff;
    background-color: #2cabe3;
    border-color: #2cabe3
}

.btn-outline-info.focus, .btn-outline-info:focus{
    box-shadow: 0 0 0 .2rem rgba(44,171,227,.5)
}

.btn-outline-info.disabled, .btn-outline-info:disabled{
    color: #2cabe3;
    background-color: transparent
}

.btn-outline-info:not(:disabled):not(.disabled).active, .btn-outline-info:not(:disabled):not(.disabled):active, .show > .btn-outline-info.dropdown-toggle{
    color: #fff;
    background-color: #2cabe3;
    border-color: #2cabe3
}

.btn-outline-info:not(:disabled):not(.disabled).active:focus, .btn-outline-info:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-info.dropdown-toggle:focus{
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125),0 0 0 .2rem rgba(44,171,227,.5)
}

.btn-outline-warning{
    color: #ffc36d;
    border-color: #ffc36d
}

.btn-outline-warning:hover{
    color: #212529;
    background-color: #ffc36d;
    border-color: #ffc36d
}

.btn-outline-warning.focus, .btn-outline-warning:focus{
    box-shadow: 0 0 0 .2rem rgba(255,195,109,.5)
}

.btn-outline-warning.disabled, .btn-outline-warning:disabled{
    color: #ffc36d;
    background-color: transparent
}

.btn-outline-warning:not(:disabled):not(.disabled).active, .btn-outline-warning:not(:disabled):not(.disabled):active, .show > .btn-outline-warning.dropdown-toggle{
    color: #212529;
    background-color: #ffc36d;
    border-color: #ffc36d
}

.btn-outline-warning:not(:disabled):not(.disabled).active:focus, .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-warning.dropdown-toggle:focus{
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125),0 0 0 .2rem rgba(255,195,109,.5)
}

.btn-outline-danger{
    color: #ff5050;
    border-color: #ff5050
}

.btn-outline-danger:hover{
    color: #fff;
    background-color: #ff5050;
    border-color: #ff5050
}

.btn-outline-danger.focus, .btn-outline-danger:focus{
    box-shadow: 0 0 0 .2rem rgba(255,80,80,.5)
}

.btn-outline-danger.disabled, .btn-outline-danger:disabled{
    color: #ff5050;
    background-color: transparent
}

.btn-outline-danger:not(:disabled):not(.disabled).active, .btn-outline-danger:not(:disabled):not(.disabled):active, .show > .btn-outline-danger.dropdown-toggle{
    color: #fff;
    background-color: #ff5050;
    border-color: #ff5050
}

.btn-outline-danger:not(:disabled):not(.disabled).active:focus, .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-danger.dropdown-toggle:focus{
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125),0 0 0 .2rem rgba(255,80,80,.5)
}

.btn-outline-light{
    color: #f7fafc;
    border-color: #f7fafc
}

.btn-outline-light:hover{
    color: #212529;
    background-color: #f7fafc;
    border-color: #f7fafc
}

.btn-outline-light.focus, .btn-outline-light:focus{
    box-shadow: 0 0 0 .2rem rgba(247,250,252,.5)
}

.btn-outline-light.disabled, .btn-outline-light:disabled{
    color: #f7fafc;
    background-color: transparent
}

.btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active, .show > .btn-outline-light.dropdown-toggle{
    color: #212529;
    background-color: #f7fafc;
    border-color: #f7fafc
}

.btn-outline-light:not(:disabled):not(.disabled).active:focus, .btn-outline-light:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-light.dropdown-toggle:focus{
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125),0 0 0 .2rem rgba(247,250,252,.5)
}

.btn-outline-dark{
    color: #313131;
    border-color: #313131
}

.btn-outline-dark:hover{
    color: #fff;
    background-color: #313131;
    border-color: #313131
}

.btn-outline-dark.focus, .btn-outline-dark:focus{
    box-shadow: 0 0 0 .2rem rgba(49,49,49,.5)
}

.btn-outline-dark.disabled, .btn-outline-dark:disabled{
    color: #313131;
    background-color: transparent
}

.btn-outline-dark:not(:disabled):not(.disabled).active, .btn-outline-dark:not(:disabled):not(.disabled):active, .show > .btn-outline-dark.dropdown-toggle{
    color: #fff;
    background-color: #313131;
    border-color: #313131
}

.btn-outline-dark:not(:disabled):not(.disabled).active:focus, .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-dark.dropdown-toggle:focus{
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125),0 0 0 .2rem rgba(49,49,49,.5)
}

.btn-outline-cyan{
    color: #4fc3f7;
    border-color: #4fc3f7
}

.btn-outline-cyan:hover{
    color: #212529;
    background-color: #4fc3f7;
    border-color: #4fc3f7
}

.btn-outline-cyan.focus, .btn-outline-cyan:focus{
    box-shadow: 0 0 0 .2rem rgba(79,195,247,.5)
}

.btn-outline-cyan.disabled, .btn-outline-cyan:disabled{
    color: #4fc3f7;
    background-color: transparent
}

.btn-outline-cyan:not(:disabled):not(.disabled).active, .btn-outline-cyan:not(:disabled):not(.disabled):active, .show > .btn-outline-cyan.dropdown-toggle{
    color: #212529;
    background-color: #4fc3f7;
    border-color: #4fc3f7
}

.btn-outline-cyan:not(:disabled):not(.disabled).active:focus, .btn-outline-cyan:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-cyan.dropdown-toggle:focus{
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125),0 0 0 .2rem rgba(79,195,247,.5)
}

.btn-outline-orange{
    color: #ffc36d;
    border-color: #ffc36d
}

.btn-outline-orange:hover{
    color: #212529;
    background-color: #ffc36d;
    border-color: #ffc36d
}

.btn-outline-orange.focus, .btn-outline-orange:focus{
    box-shadow: 0 0 0 .2rem rgba(255,195,109,.5)
}

.btn-outline-orange.disabled, .btn-outline-orange:disabled{
    color: #ffc36d;
    background-color: transparent
}

.btn-outline-orange:not(:disabled):not(.disabled).active, .btn-outline-orange:not(:disabled):not(.disabled):active, .show > .btn-outline-orange.dropdown-toggle{
    color: #212529;
    background-color: #ffc36d;
    border-color: #ffc36d
}

.btn-outline-orange:not(:disabled):not(.disabled).active:focus, .btn-outline-orange:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-orange.dropdown-toggle:focus{
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125),0 0 0 .2rem rgba(255,195,109,.5)
}

.btn-outline-purple{
    color: #707cd2;
    border-color: #707cd2
}

.btn-outline-purple:hover{
    color: #fff;
    background-color: #707cd2;
    border-color: #707cd2
}

.btn-outline-purple.focus, .btn-outline-purple:focus{
    box-shadow: 0 0 0 .2rem rgba(112,124,210,.5)
}

.btn-outline-purple.disabled, .btn-outline-purple:disabled{
    color: #707cd2;
    background-color: transparent
}

.btn-outline-purple:not(:disabled):not(.disabled).active, .btn-outline-purple:not(:disabled):not(.disabled):active, .show > .btn-outline-purple.dropdown-toggle{
    color: #fff;
    background-color: #707cd2;
    border-color: #707cd2
}

.btn-outline-purple:not(:disabled):not(.disabled).active:focus, .btn-outline-purple:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-purple.dropdown-toggle:focus{
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125),0 0 0 .2rem rgba(112,124,210,.5)
}

.btn-outline-inverse{
    color: #4c5667;
    border-color: #4c5667
}

.btn-outline-inverse:hover{
    color: #fff;
    background-color: #4c5667;
    border-color: #4c5667
}

.btn-outline-inverse.focus, .btn-outline-inverse:focus{
    box-shadow: 0 0 0 .2rem rgba(76,86,103,.5)
}

.btn-outline-inverse.disabled, .btn-outline-inverse:disabled{
    color: #4c5667;
    background-color: transparent
}

.btn-outline-inverse:not(:disabled):not(.disabled).active, .btn-outline-inverse:not(:disabled):not(.disabled):active, .show > .btn-outline-inverse.dropdown-toggle{
    color: #fff;
    background-color: #4c5667;
    border-color: #4c5667
}

.btn-outline-inverse:not(:disabled):not(.disabled).active:focus, .btn-outline-inverse:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-inverse.dropdown-toggle:focus{
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125),0 0 0 .2rem rgba(76,86,103,.5)
}

.btn-link{
    color: #707cd2
}

.btn-link:hover{
    color: #3b4abb;
    text-decoration: none
}

.btn-link.focus, .btn-link:focus{
    text-decoration: none;
    box-shadow: none
}

.btn-link.disabled, .btn-link:disabled{
    color: #8898aa;
    pointer-events: none
}

.btn-group-lg > .btn, .btn-lg{
    padding: .5rem 1rem;
    font-size: 1.09375rem;
    line-height: 1.5;
    border-radius: 4px
}

.btn-group-sm > .btn, .btn-sm{
    padding: .25rem .5rem;
    font-size: .76563rem;
    line-height: 1.5;
    border-radius: 1px
}

.btn-block{
    display: block
}

.btn-block + .btn-block{
    margin-top: .5rem
}

.dropdown-toggle::after{
    display: inline-block;
    margin-left: .255em;
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
}

.dropdown-menu{
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: .875rem;
    color: #313131;
    text-align: left;
    background-color: #fff;
    border: 1px solid #e9ecef;
    border-radius: 2px;
    box-shadow: 0 50px 100px rgba(50,50,93,.1),0 15px 35px rgba(50,50,93,.15),0 5px 15px rgba(0,0,0,.1)
}

.dropup .dropdown-toggle::after{
    display: inline-block;
    margin-left: .255em;
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent
}

.dropleft .dropdown-toggle::before, .dropright .dropdown-toggle::after{
    content: "";
    border-top: .3em solid transparent;
    border-bottom: .3em solid transparent
}

.dropright .dropdown-toggle::after{
    display: inline-block;
    margin-left: .255em;
    border-right: 0;
    border-left: .3em solid;
    vertical-align: 0
}

.dropleft .dropdown-toggle::after{
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    display: none
}

.dropleft .dropdown-toggle::before{
    display: inline-block;
    margin-right: .255em;
    border-right: .3em solid;
    vertical-align: 0
}

.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left]{
    right: auto;
    bottom: auto
}

.dropdown-divider{
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid #f7fafc
}

.btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn, .custom-control-label, .custom-file, .dropdown-header, .input-group-text, .nav{
    margin-bottom: 0
}

.dropdown-item{
    display: block;
    width: 100%;
    padding: .65rem 1rem;
    clear: both;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0
}

.dropdown-item:first-child{
    border-top-left-radius: calc(2px - 1px);
    border-top-right-radius: calc(2px - 1px)
}

.btn-group > .btn-group:not(:first-child) > .btn, .btn-group > .btn:not(:first-child), .input-group > .custom-file:not(:first-child) .custom-file-label, .input-group > .custom-select:not(:first-child), .input-group > .form-control:not(:first-child){
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group > .btn-group:not(:last-child) > .btn, .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after, .input-group > .custom-select:not(:last-child), .input-group > .form-control:not(:last-child){
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.dropdown-item:last-child{
    border-bottom-right-radius: calc(2px - 1px);
    border-bottom-left-radius: calc(2px - 1px)
}

.dropdown-item:focus, .dropdown-item:hover{
    color: #16181b;
    text-decoration: none;
    background-color: #f7fafc
}

.dropdown-item.active, .dropdown-item:active{
    color: #fff;
    text-decoration: none;
    background-color: #2cabe3
}

.dropdown-item.disabled, .dropdown-item:disabled{
    color: #8898aa;
    pointer-events: none;
    background-color: transparent
}

.dropdown-header{
    display: block;
    padding: .5rem 1rem;
    font-size: .76563rem;
    color: #8898aa;
    white-space: nowrap
}

.dropdown-item-text{
    display: block;
    padding: .65rem 1rem;
    color: #212529
}

.btn-group, .btn-group-vertical{
    position: relative;
    display: inline-flex;
    vertical-align: middle
}

.btn-group-vertical > .btn, .btn-group > .btn{
    position: relative;
    flex: 1 1 auto
}

.btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:hover, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus, .btn-group > .btn:hover{
    z-index: 1
}

.btn-group > .btn-group:not(:first-child), .btn-group > .btn:not(:first-child){
    margin-left: -1px
}

.dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after{
    margin-left: 0
}

.input-group-append, .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .btn, .input-group-append .input-group-text + .input-group-text, .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-prepend .input-group-text + .input-group-text, .input-group > .custom-file + .custom-file, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .form-control, .input-group > .custom-select + .custom-file, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .form-control, .input-group > .form-control + .custom-file, .input-group > .form-control + .custom-select, .input-group > .form-control + .form-control, .input-group > .form-control-plaintext + .custom-file, .input-group > .form-control-plaintext + .custom-select, .input-group > .form-control-plaintext + .form-control{
    margin-left: -1px
}

.btn-group-sm > .btn + .dropdown-toggle-split, .btn-sm + .dropdown-toggle-split{
    padding-right: .375rem;
    padding-left: .375rem
}

.btn-group-lg > .btn + .dropdown-toggle-split, .btn-lg + .dropdown-toggle-split{
    padding-right: .75rem;
    padding-left: .75rem
}

.btn-group.show .dropdown-toggle{
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
}

.btn-group.show .dropdown-toggle.btn-link{
    box-shadow: none
}

.btn-group-vertical > .btn, .btn-group-vertical > .btn-group{
    width: 100%
}

.btn-group-vertical > .btn-group:not(:first-child), .btn-group-vertical > .btn:not(:first-child){
    margin-top: -1px
}

.btn-group-vertical > .btn-group:not(:last-child) > .btn, .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle){
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical > .btn-group:not(:first-child) > .btn, .btn-group-vertical > .btn:not(:first-child){
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.btn-group-toggle > .btn input[type=radio], .btn-group-toggle > .btn input[type=checkbox], .btn-group-toggle > .btn-group > .btn input[type=radio], .btn-group-toggle > .btn-group > .btn input[type=checkbox]{
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none
}

.input-group > .custom-file, .input-group > .custom-select, .input-group > .form-control, .input-group > .form-control-plaintext{
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0
}

.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label, .input-group > .custom-select:focus, .input-group > .form-control:focus{
    z-index: 3
}

.input-group > .custom-file .custom-file-input:focus{
    z-index: 4
}

.input-group > .custom-file{
    display: flex;
    align-items: center
}

.input-group-append, .input-group-prepend{
    display: flex
}

.input-group-append .btn, .input-group-prepend .btn{
    position: relative;
    z-index: 2
}

.input-group-append .btn:focus, .input-group-prepend .btn:focus{
    z-index: 3
}

.input-group-text{
    display: flex;
    align-items: center;
    padding: .375rem .75rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #525f7f;
    text-align: center;
    white-space: nowrap;
    background-color: #f7fafc;
    border: 1px solid #e9ecef;
    border-radius: 2px
}

.nav, .navbar{
    flex-wrap: wrap
}

.input-group-text input[type=radio], .input-group-text input[type=checkbox]{
    margin-top: 0
}

.input-group-lg > .custom-select, .input-group-lg > .form-control:not(textarea){
    height: calc(2.64063rem + 2px)
}

.input-group-lg > .custom-select, .input-group-lg > .form-control, .input-group-lg > .input-group-append > .btn, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-prepend > .input-group-text{
    padding: .5rem 1rem;
    font-size: 1.09375rem;
    line-height: 1.5;
    border-radius: 4px
}

.input-group-sm > .custom-select, .input-group-sm > .form-control:not(textarea){
    height: calc(1.64844rem + 2px)
}

.input-group-sm > .custom-select, .input-group-sm > .form-control, .input-group-sm > .input-group-append > .btn, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-prepend > .input-group-text{
    padding: .25rem .5rem;
    font-size: .76563rem;
    line-height: 1.5;
    border-radius: 1px
}

.input-group-lg > .custom-select, .input-group-sm > .custom-select{
    padding-right: 1.75rem
}

.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child), .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child), .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.custom-control{
    position: relative;
    display: block;
    min-height: 1.3125rem;
    padding-left: 1.5rem
}

.custom-control-input{
    position: absolute;
    z-index: -1;
    opacity: 0
}

.custom-control-input:checked ~ .custom-control-label::before{
    color: #fff;
    border-color: #2cabe3;
    background-color: #2cabe3;
    box-shadow: none
}

.custom-control-input:focus ~ .custom-control-label::before{
    box-shadow: none,none
}

.custom-control-input:focus:not(:checked) ~ .custom-control-label::before{
    border-color: rgba(0,0,0,.25)
}

.custom-control-input:not(:disabled):active ~ .custom-control-label::before{
    color: #fff;
    background-color: #000;
    border-color: #000;
    box-shadow: none
}

.custom-control-input:disabled ~ .custom-control-label{
    color: #8898aa
}

.custom-control-input:disabled ~ .custom-control-label::before{
    background-color: #e9ecef
}

.custom-control-label{
    position: relative;
    vertical-align: top
}

.custom-control-label::after, .custom-control-label::before{
    position: absolute;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: ""
}

.custom-control-label::before{
    pointer-events: none;
    background-color: #fff;
    border: 1px solid #adb5bd;
    box-shadow: none
}

.custom-control-label::after{
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%
}

.custom-checkbox .custom-control-label::before{
    border-radius: 2px
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e")
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before{
    border-color: #2cabe3;
    background-color: #2cabe3;
    box-shadow: none
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before, .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before, .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before{
    background-color: rgba(112,124,210,.5)
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e")
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
}

.custom-switch .custom-control-label::after{
    top: calc(.15625rem + 2px);
    left: calc(-2.25rem + 2px);
    width: calc(1rem - 4px);
    height: calc(1rem - 4px);
    background-color: #adb5bd;
    border-radius: .5rem;
    transition: transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

.custom-switch .custom-control-input:checked ~ .custom-control-label::after{
    background-color: #fff;
    transform: translateX(.75rem)
}

.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before{
    background-color: rgba(112,124,210,.5)
}

.custom-select{
    display: inline-block;
    width: 100%;
    height: calc(2.0625rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    line-height: 1.5;
    color: #525f7f;
    vertical-align: middle;
    background: url(../../assets/images/custom-select.png) right .75rem center/8px 10px no-repeat #fff;
    border: 1px solid #e9ecef;
    border-radius: 2px;
    box-shadow: none
}

.custom-select:focus{
    border-color: rgba(0,0,0,.25);
    outline: 0;
    box-shadow: none,transparent
}

.custom-select:focus::-ms-value{
    color: #525f7f;
    background-color: #fff
}

.custom-file-input:disabled ~ .custom-file-label, .custom-select:disabled{
    background-color: #e9ecef
}

.custom-select[multiple], .custom-select[size]:not([size="1"]){
    height: auto;
    padding-right: .75rem;
    background-image: none
}

.custom-select:disabled{
    color: #8898aa
}

.custom-select::-ms-expand{
    opacity: 0
}

.custom-select-sm{
    height: calc(1.64844rem + 2px);
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    font-size: .76563rem
}

.custom-select-lg{
    height: calc(2.64063rem + 2px);
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    font-size: 1.09375rem
}

.custom-file, .custom-file-input, .custom-file-label{
    height: calc(2.0625rem + 2px)
}

.custom-file{
    position: relative;
    display: inline-block;
    width: 100%
}

.custom-file-input{
    position: relative;
    z-index: 2;
    width: 100%;
    margin: 0;
    opacity: 0
}

.custom-file-label, .custom-file-label::after{
    position: absolute;
    padding: .375rem .75rem;
    line-height: 1.5;
    color: #525f7f;
    top: 0;
    right: 0
}

.custom-file-input:focus ~ .custom-file-label{
    border-color: rgba(0,0,0,.25);
    box-shadow: none
}

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

.custom-file-input ~ .custom-file-label[data-browse]::after{
    content: attr(data-browse)
}

.custom-file-label{
    left: 0;
    z-index: 1;
    font-weight: 400;
    background-color: #fff;
    border: 1px solid #e9ecef;
    border-radius: 2px;
    box-shadow: none
}

.custom-file-label::after{
    bottom: 0;
    z-index: 3;
    display: block;
    height: 2.0625rem;
    content: "Browse";
    background-color: #f7fafc;
    border-left: inherit;
    border-radius: 0 2px 2px 0
}

.custom-range{
    width: 100%;
    height: calc(1rem + .4rem);
    padding: 0;
    background-color: transparent;
    appearance: none
}

.custom-range:focus::-webkit-slider-thumb{
    box-shadow: 0 0 0 1px #edf1f5,none
}

.custom-range:focus::-moz-range-thumb{
    box-shadow: 0 0 0 1px #edf1f5,none
}

.custom-range:focus::-ms-thumb{
    box-shadow: 0 0 0 1px #edf1f5,none
}

.custom-range::-webkit-slider-thumb{
    width: 1rem;
    height: 1rem;
    margin-top: -.25rem;
    background-color: #2cabe3;
    border: 0;
    border-radius: 1rem;
    box-shadow: 0 .1rem .25rem rgba(0,0,0,.1);
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    appearance: none
}

.custom-range::-webkit-slider-thumb:active{
    background-color: #caeaf8
}

.custom-range::-webkit-slider-runnable-track{
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem;
    box-shadow: inset 0 .25rem .25rem rgba(0,0,0,.1)
}

.custom-range::-moz-range-thumb{
    width: 1rem;
    height: 1rem;
    background-color: #2cabe3;
    border: 0;
    border-radius: 1rem;
    box-shadow: 0 .1rem .25rem rgba(0,0,0,.1);
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    appearance: none
}

.custom-range::-moz-range-thumb:active{
    background-color: #caeaf8
}

.custom-range::-moz-range-track{
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem;
    box-shadow: inset 0 .25rem .25rem rgba(0,0,0,.1)
}

.custom-range::-ms-thumb{
    width: 1rem;
    height: 1rem;
    margin-top: 0;
    margin-right: .2rem;
    margin-left: .2rem;
    background-color: #2cabe3;
    border: 0;
    border-radius: 1rem;
    box-shadow: 0 .1rem .25rem rgba(0,0,0,.1);
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    appearance: none
}

.custom-range::-ms-thumb:active{
    background-color: #caeaf8
}

.custom-range::-ms-track{
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    border-width: .5rem;
    box-shadow: inset 0 .25rem .25rem rgba(0,0,0,.1)
}

.custom-control-label::before, .custom-file-label, .custom-select{
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

.nav{
    display: flex;
    padding-left: 0
}

.nav-link, .navbar{
    padding: .5rem 1rem
}

.nav-link{
    display: block
}

.nav-link:focus, .nav-link:hover{
    text-decoration: none
}

.nav-link.disabled{
    color: #8898aa;
    pointer-events: none;
    cursor: default
}

.navbar-toggler:not(:disabled):not(.disabled), .page-link:not(:disabled):not(.disabled){
    cursor: pointer
}

.nav-tabs .nav-link{
    border: 1px solid transparent;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover{
    border-color: #e9ecef #e9ecef #dee2e6
}

.nav-tabs .nav-link.disabled{
    color: #8898aa;
    background-color: transparent;
    border-color: transparent
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
    color: #525f7f;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff
}

.nav-pills .nav-link{
    border-radius: 2px
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link{
    color: #fff;
    background-color: #2cabe3
}

.tab-content > .tab-pane{
    display: none
}

.tab-content > .active{
    display: block
}

.navbar{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.navbar > .container, .navbar > .container-fluid{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}

.navbar-brand{
    display: inline-block;
    padding-top: .33594rem;
    padding-bottom: .33594rem;
    margin-right: 1rem;
    font-size: 1.09375rem;
    line-height: inherit;
    white-space: nowrap
}

.navbar-brand:focus, .navbar-brand:hover{
    text-decoration: none
}

.navbar-nav{
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0
}

.navbar-toggler{
    padding: .25rem .75rem;
    font-size: 1.09375rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 2px
}

.navbar-toggler:focus, .navbar-toggler:hover{
    text-decoration: none
}

.navbar-toggler-icon{
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: center center no-repeat;
    background-size: 100% 100%
}

.navbar-expand > .container, .navbar-expand > .container-fluid{
    padding-right: 0;
    padding-left: 0
}

.navbar-expand > .container, .navbar-expand > .container-fluid{
    flex-wrap: nowrap
}

.navbar-light .navbar-brand, .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover{
    color: rgba(0,0,0,.9)
}

.navbar-light .navbar-nav .nav-link{
    color: rgba(0,0,0,.6)
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{
    color: rgba(0,0,0,.7)
}

.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link{
    color: rgba(0,0,0,.9)
}

.navbar-light .navbar-toggler{
    color: rgba(0,0,0,.6);
    border-color: rgba(0,0,0,.1)
}

.navbar-light .navbar-toggler-icon{
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.6)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.navbar-light .navbar-text{
    color: rgba(0,0,0,.6)
}

.navbar-light .navbar-text a, .navbar-light .navbar-text a:focus, .navbar-light .navbar-text a:hover{
    color: rgba(0,0,0,.9)
}

.navbar-dark .navbar-brand, .navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover{
    color: #fff
}

.navbar-dark .navbar-nav .nav-link{
    color: rgba(255,255,255,.9)
}

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover{
    color: #fff
}

.navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link{
    color: #fff
}

.navbar-dark .navbar-toggler{
    color: rgba(255,255,255,.9);
    border-color: rgba(255,255,255,.1)
}

.navbar-dark .navbar-toggler-icon{
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.navbar-dark .navbar-text{
    color: rgba(255,255,255,.9)
}

.navbar-dark .navbar-text a, .navbar-dark .navbar-text a:focus, .navbar-dark .navbar-text a:hover{
    color: #fff
}

.card{
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0 solid transparent;
    border-radius: 0
}

.card > hr{
    margin-right: 0;
    margin-left: 0
}

.card > .list-group:first-child .list-group-item:first-child{
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.card > .list-group:last-child .list-group-item:last-child{
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.card-body{
    flex: 1 1 auto;
    padding: 1.57rem
}

.card-footer, .card-header{
    padding: .75rem 1.57rem;
    background-color: rgba(0,0,0,.03)
}

.card-header, .card-subtitle, .card-text:last-child{
    margin-bottom: 0
}

.card-subtitle{
    margin-top: -.375rem
}

.card-link + .card-link{
    margin-left: 1.57rem
}

.card-header-pills, .card-header-tabs{
    margin-right: -.785rem;
    margin-left: -.785rem
}

.card-header{
    color: inherit;
    border-bottom: 0 solid transparent
}

.card-header:first-child{
    border-radius: calc(0px - 0px) calc(0px - 0px) 0 0
}

.card-header + .list-group .list-group-item:first-child{
    border-top: 0
}

.card-footer{
    border-top: 0 solid transparent
}

.card-footer:last-child{
    border-radius: 0 0 calc(0px - 0px) calc(0px - 0px)
}

.card-header-tabs{
    margin-bottom: -.75rem;
    border-bottom: 0
}

.alert, .btn .badge, .page-link{
    position: relative
}

.card-img{
    width: 100%;
    border-radius: calc(0px - 0px)
}

.card-img-top{
    width: 100%;
    border-top-left-radius: calc(0px - 0px);
    border-top-right-radius: calc(0px - 0px)
}

.card-img-bottom{
    width: 100%;
    border-bottom-right-radius: calc(0px - 0px);
    border-bottom-left-radius: calc(0px - 0px)
}

.card-deck{
    display: flex;
    flex-direction: column
}

.card-group{
    display: flex;
    flex-direction: column
}

.card-group > .card{
    margin-bottom: 15px
}

.accordion .card:not(:first-of-type) .card-header:first-child{
    border-radius: 0
}

.accordion .card:not(:first-of-type):not(:last-of-type){
    border-bottom: 0;
    border-radius: 0
}

.accordion .card:first-of-type{
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.accordion .card:last-of-type{
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.breadcrumb, .pagination{
    border-radius: 2px;
    list-style: none
}

.accordion .card .card-header{
    margin-bottom: 0
}

.breadcrumb{
    display: flex;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1.5rem;
    background-color: #edf1f5
}

.breadcrumb-item + .breadcrumb-item{
    padding-left: .5rem
}

.breadcrumb-item + .breadcrumb-item::before{
    display: inline-block;
    padding-right: .5rem;
    color: #8898aa;
    content: "/"
}

.carousel-inner::after, .clearfix::after, .embed-responsive::before, .modal-dialog-centered::before, .popover .arrow::after, .popover .arrow::before, .tooltip .arrow::before{
    content: ""
}

.breadcrumb-item + .breadcrumb-item:hover::before{
    text-decoration: none
}

.breadcrumb-item.active{
    color: #8898aa
}

.pagination{
    display: flex;
    padding-left: 0
}

.page-link, .popover-body, .popover-header{
    padding: .5rem .75rem
}

.page-link{
    display: block;
    margin-left: -1px;
    line-height: 1.25;
    color: #707cd2;
    background-color: #fff;
    border: 1px solid #dee2e6
}

.page-link:hover{
    z-index: 2;
    color: #3b4abb;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.page-link:focus{
    z-index: 2;
    outline: 0;
    box-shadow: none
}

.page-item:first-child .page-link{
    margin-left: 0;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px
}

.page-item:last-child .page-link{
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px
}

.page-item.active .page-link{
    z-index: 1;
    color: #fff;
    background-color: #2cabe3;
    border-color: #2cabe3
}

.page-item.disabled .page-link{
    color: #8898aa;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6
}

.pagination-lg .page-link{
    padding: .75rem 1.5rem;
    font-size: 1.09375rem;
    line-height: 1.5
}

.pagination-lg .page-item:first-child .page-link{
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.pagination-lg .page-item:last-child .page-link{
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.pagination-sm .page-link{
    padding: .25rem .5rem;
    font-size: .76563rem;
    line-height: 1.5
}

.badge, .close{
    line-height: 1
}

.pagination-sm .page-item:first-child .page-link{
    border-top-left-radius: 1px;
    border-bottom-left-radius: 1px
}

.pagination-sm .page-item:last-child .page-link{
    border-top-right-radius: 1px;
    border-bottom-right-radius: 1px
}

.badge{
    display: inline-block;
    padding: .35em .7em;
    font-size: 73%;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 2px
}

.alert-link, .close{
    font-weight: 700
}

a.badge:focus, a.badge:hover{
    text-decoration: none
}

.btn .badge{
    top: -1px
}

.badge-pill{
    padding-right: .7em;
    padding-left: .7em;
    border-radius: 10rem
}

.badge-primary{
    color: #fff;
    background-color: #707cd2
}

a.badge-primary:focus, a.badge-primary:hover{
    color: #fff;
    background-color: #4958c6
}

.badge-secondary{
    color: #fff;
    background-color: #8898aa
}

a.badge-secondary:focus, a.badge-secondary:hover{
    color: #fff;
    background-color: #6a7e95
}

.badge-success{
    color: #fff;
    background-color: #2cd07e
}

a.badge-success:focus, a.badge-success:hover{
    color: #fff;
    background-color: #23a665
}

.badge-info{
    color: #fff;
    background-color: #2cabe3
}

a.badge-info:focus, a.badge-info:hover{
    color: #fff;
    background-color: #1a8fc2
}

.badge-warning{
    color: #212529;
    background-color: #ffc36d
}

a.badge-warning:focus, a.badge-warning:hover{
    color: #212529;
    background-color: #ffae3a
}

.badge-danger{
    color: #fff;
    background-color: #ff5050
}

a.badge-danger:focus, a.badge-danger:hover{
    color: #fff;
    background-color: #ff1d1d
}

.badge-light{
    color: #212529;
    background-color: #f7fafc
}

a.badge-light:focus, a.badge-light:hover{
    color: #212529;
    background-color: #d2e3ee
}

.badge-dark{
    color: #fff;
    background-color: #313131
}

a.badge-dark:focus, a.badge-dark:hover{
    color: #fff;
    background-color: #181818
}

.badge-cyan{
    color: #212529;
    background-color: #4fc3f7
}

a.badge-cyan:focus, a.badge-cyan:hover{
    color: #212529;
    background-color: #1eb2f5
}

.badge-orange{
    color: #212529;
    background-color: #ffc36d
}

a.badge-orange:focus, a.badge-orange:hover{
    color: #212529;
    background-color: #ffae3a
}

.badge-purple{
    color: #fff;
    background-color: #707cd2
}

a.badge-purple:focus, a.badge-purple:hover{
    color: #fff;
    background-color: #4958c6
}

.badge-inverse{
    color: #fff;
    background-color: #4c5667
}

a.badge-inverse:focus, a.badge-inverse:hover{
    color: #fff;
    background-color: #363d4a
}

.jumbotron{
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #e9ecef;
    border-radius: 4px
}

.alert{
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 2px
}

.alert-dismissible{
    padding-right: 3.8125rem
}

.alert-primary{
    color: #3a406d;
    background-color: #e2e5f6;
    border-color: #d7daf2
}

.alert-primary hr{
    border-top-color: #c4c8ec
}

.alert-primary .alert-link{
    color: #282c4c
}

.alert-secondary{
    color: #474f58;
    background-color: #e7eaee;
    border-color: #dee2e7
}

.alert-secondary hr{
    border-top-color: #cfd5dc
}

.alert-secondary .alert-link{
    color: #30363c
}

.alert-success{
    color: #176c42;
    background-color: #d5f6e5;
    border-color: #c4f2db
}

.alert-success hr{
    border-top-color: #afedce
}

.alert-success .alert-link{
    color: #0e4228
}

.alert-info{
    color: #175976;
    background-color: #d5eef9;
    border-color: #c4e7f7
}

.alert-info hr{
    border-top-color: #aedef4
}

.alert-info .alert-link{
    color: #0f394b
}

.alert-warning{
    color: #856539;
    background-color: #fff3e2;
    border-color: #ffeed6
}

.alert-warning hr{
    border-top-color: #ffe3bd
}

.alert-warning .alert-link{
    color: #614a2a
}

.alert-danger{
    color: #852a2a;
    background-color: #ffdcdc;
    border-color: #ffcece
}

.alert-danger hr{
    border-top-color: #ffb5b5
}

.alert-danger .alert-link{
    color: #5e1e1e
}

.alert-light{
    color: #808283;
    background-color: #fdfefe;
    border-color: #fdfefe
}

.alert-light hr{
    border-top-color: #ecf6f6
}

.alert-light .alert-link{
    color: #676869
}

.alert-dark{
    color: #191919;
    background-color: #d6d6d6;
    border-color: #c5c5c5
}

.alert-dark hr{
    border-top-color: #b8b8b8
}

.alert-dark .alert-link{
    color: #000
}

.alert-cyan{
    color: #296580;
    background-color: #dcf3fd;
    border-color: #ceeefd
}

.alert-cyan hr{
    border-top-color: #b6e6fc
}

.alert-cyan .alert-link{
    color: #1d4759
}

.alert-orange{
    color: #856539;
    background-color: #fff3e2;
    border-color: #ffeed6
}

.alert-orange hr{
    border-top-color: #ffe3bd
}

.alert-orange .alert-link{
    color: #614a2a
}

.alert-purple{
    color: #3a406d;
    background-color: #e2e5f6;
    border-color: #d7daf2
}

.alert-purple hr{
    border-top-color: #c4c8ec
}

.alert-purple .alert-link{
    color: #282c4c
}

.alert-inverse{
    color: #282d36;
    background-color: #dbdde1;
    border-color: #cdd0d4
}

.alert-inverse hr{
    border-top-color: #bfc3c8
}

.alert-inverse .alert-link{
    color: #121519
}

.progress{
    display: flex;
    height: 4px;
    font-size: .65625rem;
    background-color: rgba(120,130,140,.13);
    border-radius: 0
}

.progress-bar{
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #707cd2;
    transition: width .6s ease
}

.progress-bar-striped{
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-size: 4px 4px
}

.list-group-item-action{
    width: 100%;
    color: #525f7f;
    text-align: inherit
}

.list-group-item-action:focus, .list-group-item-action:hover{
    color: #525f7f;
    text-decoration: none;
    background-color: #f7fafc
}

.list-group-item-action:active{
    color: #313131;
    background-color: #e9ecef
}

.list-group-item{
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125)
}

.list-group-item:first-child{
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

.list-group-item:last-child{
    margin-bottom: 0;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px
}

.list-group-item:focus, .list-group-item:hover{
    z-index: 1;
    text-decoration: none
}

.list-group-item.disabled, .list-group-item:disabled{
    color: #8898aa;
    pointer-events: none;
    background-color: #fff
}

.list-group-item.active{
    z-index: 2;
    color: #fff;
    background-color: #2cabe3;
    border-color: #2cabe3
}

.list-group-flush .list-group-item{
    border-right: 0;
    border-left: 0;
    border-radius: 0
}

.list-group-flush .list-group-item:last-child{
    margin-bottom: -1px
}

.list-group-flush:first-child .list-group-item:first-child{
    border-top: 0
}

.list-group-flush:last-child .list-group-item:last-child{
    margin-bottom: 0;
    border-bottom: 0
}

.list-group-item-primary{
    color: #3a406d;
    background-color: #d7daf2
}

.list-group-item-primary.list-group-item-action:focus, .list-group-item-primary.list-group-item-action:hover{
    color: #3a406d;
    background-color: #c4c8ec
}

.list-group-item-primary.list-group-item-action.active{
    color: #fff;
    background-color: #3a406d;
    border-color: #3a406d
}

.list-group-item-secondary{
    color: #474f58;
    background-color: #dee2e7
}

.list-group-item-secondary.list-group-item-action:focus, .list-group-item-secondary.list-group-item-action:hover{
    color: #474f58;
    background-color: #cfd5dc
}

.list-group-item-secondary.list-group-item-action.active{
    color: #fff;
    background-color: #474f58;
    border-color: #474f58
}

.list-group-item-success{
    color: #176c42;
    background-color: #c4f2db
}

.list-group-item-success.list-group-item-action:focus, .list-group-item-success.list-group-item-action:hover{
    color: #176c42;
    background-color: #afedce
}

.list-group-item-success.list-group-item-action.active{
    color: #fff;
    background-color: #176c42;
    border-color: #176c42
}

.list-group-item-info{
    color: #175976;
    background-color: #c4e7f7
}

.list-group-item-info.list-group-item-action:focus, .list-group-item-info.list-group-item-action:hover{
    color: #175976;
    background-color: #aedef4
}

.list-group-item-info.list-group-item-action.active{
    color: #fff;
    background-color: #175976;
    border-color: #175976
}

.list-group-item-warning{
    color: #856539;
    background-color: #ffeed6
}

.list-group-item-warning.list-group-item-action:focus, .list-group-item-warning.list-group-item-action:hover{
    color: #856539;
    background-color: #ffe3bd
}

.list-group-item-warning.list-group-item-action.active{
    color: #fff;
    background-color: #856539;
    border-color: #856539
}

.list-group-item-danger{
    color: #852a2a;
    background-color: #ffcece
}

.list-group-item-danger.list-group-item-action:focus, .list-group-item-danger.list-group-item-action:hover{
    color: #852a2a;
    background-color: #ffb5b5
}

.list-group-item-danger.list-group-item-action.active{
    color: #fff;
    background-color: #852a2a;
    border-color: #852a2a
}

.list-group-item-light{
    color: #808283;
    background-color: #fdfefe
}

.list-group-item-light.list-group-item-action:focus, .list-group-item-light.list-group-item-action:hover{
    color: #808283;
    background-color: #ecf6f6
}

.list-group-item-light.list-group-item-action.active{
    color: #fff;
    background-color: #808283;
    border-color: #808283
}

.list-group-item-dark{
    color: #191919;
    background-color: #c5c5c5
}

.list-group-item-dark.list-group-item-action:focus, .list-group-item-dark.list-group-item-action:hover{
    color: #191919;
    background-color: #b8b8b8
}

.list-group-item-dark.list-group-item-action.active{
    color: #fff;
    background-color: #191919;
    border-color: #191919
}

.list-group-item-cyan{
    color: #296580;
    background-color: #ceeefd
}

.list-group-item-cyan.list-group-item-action:focus, .list-group-item-cyan.list-group-item-action:hover{
    color: #296580;
    background-color: #b6e6fc
}

.list-group-item-cyan.list-group-item-action.active{
    color: #fff;
    background-color: #296580;
    border-color: #296580
}

.list-group-item-orange{
    color: #856539;
    background-color: #ffeed6
}

.list-group-item-orange.list-group-item-action:focus, .list-group-item-orange.list-group-item-action:hover{
    color: #856539;
    background-color: #ffe3bd
}

.list-group-item-orange.list-group-item-action.active{
    color: #fff;
    background-color: #856539;
    border-color: #856539
}

.list-group-item-purple{
    color: #3a406d;
    background-color: #d7daf2
}

.list-group-item-purple.list-group-item-action:focus, .list-group-item-purple.list-group-item-action:hover{
    color: #3a406d;
    background-color: #c4c8ec
}

.list-group-item-purple.list-group-item-action.active{
    color: #fff;
    background-color: #3a406d;
    border-color: #3a406d
}

.list-group-item-inverse{
    color: #282d36;
    background-color: #cdd0d4
}

.list-group-item-inverse.list-group-item-action:focus, .list-group-item-inverse.list-group-item-action:hover{
    color: #282d36;
    background-color: #bfc3c8
}

.list-group-item-inverse.list-group-item-action.active{
    color: #fff;
    background-color: #282d36;
    border-color: #282d36
}

.close{
    float: right;
    font-size: 1.3125rem;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5
}

.close:not(:disabled):not(.disabled){
    cursor: pointer
}

.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover{
    opacity: .75
}

.toast, .toast-header{
    background-color: rgba(255,255,255,.85)
}

.toast{
    max-width: 350px;
    font-size: .875rem;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: .25rem;
    box-shadow: 0 .25rem .75rem rgba(0,0,0,.1);
    backdrop-filter: blur(10px);
    opacity: 0
}

.popover, .tooltip{
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .76563rem;
    word-wrap: break-word;
    text-decoration: none;
    text-shadow: none
}

.toast-header{
    display: flex;
    align-items: center;
    padding: .25rem .75rem;
    color: #8898aa;
    border-bottom: 1px solid rgba(0,0,0,.05)
}

.modal-dialog-centered{
    display: flex;
    align-items: center;
    min-height: calc(100% - (.5rem * 2))
}

.modal-dialog-centered::before{
    display: block;
    height: calc(100vh - (.5rem * 2))
}

.modal-content{
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 4px;
    box-shadow: 0 .25rem .5rem rgba(0,0,0,.2);
    outline: 0
}

.modal-header{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #e9ecef;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.modal-header .close{
    padding: 1rem;
    margin: -1rem -1rem -1rem auto
}

.modal-footer{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid #e9ecef;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

.popover, .popover .arrow, .popover .arrow::after, .popover .arrow::before, .tooltip, .tooltip .arrow{
    position: absolute;
    display: block
}

.modal-footer > :not(:first-child){
    margin-left: .25rem
}

.modal-footer > :not(:last-child){
    margin-right: .25rem
}

.tooltip{
    z-index: 1070;
    margin: 0;
    text-align: left;
    text-align: start;
    opacity: 0
}

.tooltip.show{
    opacity: .9;
    z-index: 99999999999;
   
}

.tooltip .arrow{
    width: .8rem;
    height: .4rem
}

.tooltip .arrow::before{
    position: absolute;
    border-color: transparent;
    border-style: solid
}

.bs-tooltip-auto[x-placement^=top], .bs-tooltip-top{
    padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=top] .arrow, .bs-tooltip-top .arrow{
    bottom: 0
}

.bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before{
    top: 0;
    border-width: .4rem .4rem 0;
    border-top-color: #000
}

.bs-tooltip-auto[x-placement^=right], .bs-tooltip-right{
    padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=right] .arrow, .bs-tooltip-right .arrow{
    left: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-auto[x-placement^=right] .arrow::before, .bs-tooltip-right .arrow::before{
    right: 0;
    border-width: .4rem .4rem .4rem 0;
    border-right-color: #000
}

.bs-tooltip-auto[x-placement^=bottom], .bs-tooltip-bottom{
    padding: .2rem 0;
   
}

.bs-tooltip-auto[x-placement^=bottom] .arrow, .bs-tooltip-bottom .arrow{
    top: 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before{
    bottom: 0;
    border-width: 0 .4rem .4rem;
    border-bottom-color: #000
}

.bs-tooltip-auto[x-placement^=left], .bs-tooltip-left{
    padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=left] .arrow, .bs-tooltip-left .arrow{
    right: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-auto[x-placement^=left] .arrow::before, .bs-tooltip-left .arrow::before{
    left: 0;
    border-width: .4rem 0 .4rem .4rem;
    border-left-color: #000
}

.tooltip-inner{
    max-width: 200px;
    padding: .25rem .5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 2px
}

.popover{
    top: 0;
    left: 0;
    z-index: 1060;
    max-width: 276px;
    text-align: left;
    text-align: start;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 4px;
    box-shadow: 0 .25rem .5rem rgba(0,0,0,.2)
}

.popover .arrow{
    width: 1rem;
    height: .5rem;
    margin: 0 4px
}

.popover .arrow::after, .popover .arrow::before{
    border-color: transparent;
    border-style: solid
}

.bs-popover-auto[x-placement^=top], .bs-popover-top{
    margin-bottom: .5rem
}

.bs-popover-auto[x-placement^=top] .arrow, .bs-popover-top .arrow{
    bottom: calc((.5rem + 1px) * -1)
}

.bs-popover-auto[x-placement^=top] .arrow::after, .bs-popover-auto[x-placement^=top] .arrow::before, .bs-popover-top .arrow::after, .bs-popover-top .arrow::before{
    border-width: .5rem .5rem 0
}

.bs-popover-auto[x-placement^=top] .arrow::before, .bs-popover-top .arrow::before{
    bottom: 0;
    border-top-color: rgba(0,0,0,.25)
}

.bs-popover-auto[x-placement^=top] .arrow::after, .bs-popover-top .arrow::after{
    bottom: 1px;
    border-top-color: #fff
}

.bs-popover-auto[x-placement^=right], .bs-popover-right{
    margin-left: .5rem
}

.bs-popover-auto[x-placement^=right] .arrow, .bs-popover-right .arrow{
    left: calc((.5rem + 1px) * -1);
    width: .5rem;
    height: 1rem;
    margin: 4px 0
}

.bs-popover-auto[x-placement^=right] .arrow::after, .bs-popover-auto[x-placement^=right] .arrow::before, .bs-popover-right .arrow::after, .bs-popover-right .arrow::before{
    border-width: .5rem .5rem .5rem 0
}

.bs-popover-auto[x-placement^=right] .arrow::before, .bs-popover-right .arrow::before{
    left: 0;
    border-right-color: rgba(0,0,0,.25)
}

.bs-popover-auto[x-placement^=right] .arrow::after, .bs-popover-right .arrow::after{
    left: 1px;
    border-right-color: #fff
}

.bs-popover-auto[x-placement^=bottom], .bs-popover-bottom{
    margin-top: .5rem
}

.bs-popover-auto[x-placement^=bottom] .arrow, .bs-popover-bottom .arrow{
    top: calc((.5rem + 1px) * -1)
}

.bs-popover-auto[x-placement^=bottom] .arrow::after, .bs-popover-auto[x-placement^=bottom] .arrow::before, .bs-popover-bottom .arrow::after, .bs-popover-bottom .arrow::before{
    border-width: 0 .5rem .5rem
}

.bs-popover-auto[x-placement^=bottom] .arrow::before, .bs-popover-bottom .arrow::before{
    top: 0;
    border-bottom-color: rgba(0,0,0,.25)
}

.bs-popover-auto[x-placement^=bottom] .arrow::after, .bs-popover-bottom .arrow::after{
    top: 1px;
    border-bottom-color: #fff
}

.bs-popover-auto[x-placement^=bottom] .popover-header::before, .bs-popover-bottom .popover-header::before{
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -.5rem;
    content: "";
    border-bottom: 1px solid #f7f7f7
}

.carousel, .carousel-inner, .carousel-item, .embed-responsive{
    position: relative
}

.bs-popover-auto[x-placement^=left], .bs-popover-left{
    margin-right: .5rem
}

.bs-popover-auto[x-placement^=left] .arrow, .bs-popover-left .arrow{
    right: calc((.5rem + 1px) * -1);
    width: .5rem;
    height: 1rem;
    margin: 4px 0
}

.bs-popover-auto[x-placement^=left] .arrow::after, .bs-popover-auto[x-placement^=left] .arrow::before, .bs-popover-left .arrow::after, .bs-popover-left .arrow::before{
    border-width: .5rem 0 .5rem .5rem
}

.bs-popover-auto[x-placement^=left] .arrow::before, .bs-popover-left .arrow::before{
    right: 0;
    border-left-color: rgba(0,0,0,.25)
}

.bs-popover-auto[x-placement^=left] .arrow::after, .bs-popover-left .arrow::after{
    right: 1px;
    border-left-color: #fff
}

.popover-header{
    margin-bottom: 0;
    font-size: .875rem;
    color: inherit;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: calc(4px - 1px);
    border-top-right-radius: calc(4px - 1px)
}

.popover-body{
    color: #313131
}

.carousel-inner{
    width: 100%;
    overflow: hidden
}

.carousel-inner::after{
    display: block;
    clear: both
}

.carousel-item{
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    backface-visibility: hidden;
    transition: transform .6s ease-in-out
}

.carousel-item-next, .carousel-item-prev, .carousel-item.active{
    display: block
}

.active.carousel-item-right, .carousel-item-next:not(.carousel-item-left){
    transform: translateX(100%)
}

.active.carousel-item-left, .carousel-item-prev:not(.carousel-item-right){
    transform: translateX(-100%)
}

.carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right, .carousel-fade .carousel-item.active{
    z-index: 1;
    opacity: 1
}

.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right{
    z-index: 0;
    opacity: 0;
    transition: 0s .6s opacity
}

.carousel-control-next, .carousel-control-prev{
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    color: #fff;
    text-align: center;
    opacity: .5;
    transition: opacity .15s ease
}

.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover{
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.carousel-control-next-icon, .carousel-control-prev-icon{
    display: inline-block;
    width: 20px;
    height: 20px;
    background: center center no-repeat;
    background-size: 100% 100%
}

.carousel-control-prev-icon{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e")
}

.carousel-control-next-icon{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e")
}

.spinner-border, .spinner-grow{
    display: inline-block;
    vertical-align: text-bottom
}

#main-wrapper[data-layout=vertical] .topbar .top-navbar .navbar-header, .page-wrapper{
    transition: .2s ease-in
}

.spinner-border{
    width: 2rem;
    height: 2rem;
    border: .25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: spinner-border .75s linear infinite
}

.spinner-grow{
    width: 2rem;
    height: 2rem;
    background-color: currentColor;
    border-radius: 50%;
    opacity: 0;
    animation: spinner-grow .75s linear infinite
}

.bg-primary{
    background-color: #707cd2 !important
}

a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover{
    background-color: #4958c6 !important
}

.bg-secondary{
    background-color: #8898aa !important
}

a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover{
    background-color: #6a7e95 !important
}

.bg-success{
    background-color: #2cd07e !important
}

a.bg-success:focus, a.bg-success:hover, button.bg-success:focus, button.bg-success:hover{
    background-color: #23a665 !important
}

.bg-info{
    background-color: #2cabe3 !important
}

a.bg-info:focus, a.bg-info:hover, button.bg-info:focus, button.bg-info:hover{
    background-color: #1a8fc2 !important
}

.bg-warning{
    background-color: #ffc36d !important
}

a.bg-warning:focus, a.bg-warning:hover, button.bg-warning:focus, button.bg-warning:hover{
    background-color: #ffae3a !important
}

.bg-danger{
    background-color: #ff5050 !important
}

a.bg-danger:focus, a.bg-danger:hover, button.bg-danger:focus, button.bg-danger:hover{
    background-color: #ff1d1d !important
}

.bg-light{
    background-color: #f7fafc !important
}

a.bg-light:focus, a.bg-light:hover, button.bg-light:focus, button.bg-light:hover{
    background-color: #d2e3ee !important
}

.bg-dark{
    background-color: #313131 !important
}

a.bg-dark:focus, a.bg-dark:hover, button.bg-dark:focus, button.bg-dark:hover{
    background-color: #181818 !important
}

.bg-cyan{
    background-color: #4fc3f7 !important
}

a.bg-cyan:focus, a.bg-cyan:hover, button.bg-cyan:focus, button.bg-cyan:hover{
    background-color: #1eb2f5 !important
}

.bg-orange{
    background-color: #ffc36d !important
}

a.bg-orange:focus, a.bg-orange:hover, button.bg-orange:focus, button.bg-orange:hover{
    background-color: #ffae3a !important
}

.bg-purple{
    background-color: #707cd2 !important
}

a.bg-purple:focus, a.bg-purple:hover, button.bg-purple:focus, button.bg-purple:hover{
    background-color: #4958c6 !important
}

.bg-inverse{
    background-color: #4c5667 !important
}

a.bg-inverse:focus, a.bg-inverse:hover, button.bg-inverse:focus, button.bg-inverse:hover{
    background-color: #363d4a !important
}

.border{
    border: 1px solid rgba(120,130,140,.13) !important
}

.border-top{
    border-top: 1px solid rgba(120,130,140,.13) !important
}

.border-right{
    border-right: 1px solid rgba(120,130,140,.13) !important
}

.border-bottom{
    border-bottom: 1px solid rgba(120,130,140,.13) !important
}

.border-left{
    border-left: 1px solid rgba(120,130,140,.13) !important
}

.rounded-right, .rounded-top{
    border-top-right-radius: 2px !important
}

.rounded-bottom, .rounded-right{
    border-bottom-right-radius: 2px !important
}

.rounded-left, .rounded-top{
    border-top-left-radius: 2px !important
}

.rounded-bottom, .rounded-left{
    border-bottom-left-radius: 2px !important
}

.border-primary{
    border-color: #707cd2 !important
}

.border-secondary{
    border-color: #8898aa !important
}

.border-success{
    border-color: #2cd07e !important
}

.border-info{
    border-color: #2cabe3 !important
}

.border-warning{
    border-color: #ffc36d !important
}

.border-danger{
    border-color: #ff5050 !important
}

.border-light{
    border-color: #f7fafc !important
}

.border-dark{
    border-color: #313131 !important
}

.border-cyan{
    border-color: #4fc3f7 !important
}

.border-orange{
    border-color: #ffc36d !important
}

.border-purple{
    border-color: #707cd2 !important
}

.border-inverse{
    border-color: #4c5667 !important
}

.rounded{
    border-radius: 2px !important
}

.clearfix::after{
    display: block;
    clear: both
}

.embed-responsive{
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

.embed-responsive::before{
    display: block
}

.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.embed-responsive-21by9::before{
    padding-top: 42.85714%
}

.embed-responsive-3by4::before{
    padding-top: 133.33333%
}

.fixed-bottom, .fixed-top{
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-top{
    top: 0
}

.fixed-bottom{
    bottom: 0
}

.sr-only{
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0
}

.sr-only-focusable:active, .sr-only-focusable:focus{
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal
}

.shadow{
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.08) !important
}

.mt-n1, .my-n1{
    margin-top: -.25rem !important
}

.mr-n1, .mx-n1{
    margin-right: -.25rem !important
}

.mb-n1, .my-n1{
    margin-bottom: -.25rem !important
}

.ml-n1, .mx-n1{
    margin-left: -.25rem !important
}

.mt-n2, .my-n2{
    margin-top: -.5rem !important
}

.mr-n2, .mx-n2{
    margin-right: -.5rem !important
}

.mb-n2, .my-n2{
    margin-bottom: -.5rem !important
}

.ml-n2, .mx-n2{
    margin-left: -.5rem !important
}

.mt-n3, .my-n3{
    margin-top: -1rem !important
}

.mr-n3, .mx-n3{
    margin-right: -1rem !important
}

.mb-n3, .my-n3{
    margin-bottom: -1rem !important
}

.ml-n3, .mx-n3{
    margin-left: -1rem !important
}

.mt-n4, .my-n4{
    margin-top: -1.5rem !important
}

.mr-n4, .mx-n4{
    margin-right: -1.5rem !important
}

.mb-n4, .my-n4{
    margin-bottom: -1.5rem !important
}

.ml-n4, .mx-n4{
    margin-left: -1.5rem !important
}

.mt-n5, .my-n5{
    margin-top: -3rem !important
}

.mr-n5, .mx-n5{
    margin-right: -3rem !important
}

.mb-n5, .my-n5{
    margin-bottom: -3rem !important
}

.ml-n5, .mx-n5{
    margin-left: -3rem !important
}

.text-primary{
    color: #707cd2 !important
}

a.text-primary:focus, a.text-primary:hover{
    color: #3b4abb !important
}

.text-secondary{
    color: #8898aa !important
}

a.text-secondary:focus, a.text-secondary:hover{
    color: #607286 !important
}

.text-success{
    color: #2cd07e !important
}

a.text-success:focus, a.text-success:hover{
    color: #1f9158 !important
}

.text-info{
    color: #2cabe3 !important
}

a.text-info:focus, a.text-info:hover{
    color: #177eac !important
}

.text-warning{
    color: #ffc36d !important
}

a.text-warning:focus, a.text-warning:hover{
    color: #ffa421 !important
}

.text-danger{
    color: #ff5050 !important
}

a.text-danger:focus, a.text-danger:hover{
    color: #ff0404 !important
}

.text-light{
    color: #f7fafc !important
}

a.text-light:focus, a.text-light:hover{
    color: #bfd7e7 !important
}

.text-dark{
    color: #313131 !important
}

a.text-dark:focus, a.text-dark:hover{
    color: #0b0b0b !important
}

.text-cyan{
    color: #4fc3f7 !important
}

a.text-cyan:focus, a.text-cyan:hover{
    color: #0ba8ef !important
}

.text-orange{
    color: #ffc36d !important
}

a.text-orange:focus, a.text-orange:hover{
    color: #ffa421 !important
}

.text-purple{
    color: #707cd2 !important
}

a.text-purple:focus, a.text-purple:hover{
    color: #3b4abb !important
}

.text-inverse{
    color: #4c5667 !important
}

a.text-inverse:focus, a.text-inverse:hover{
    color: #2c313b !important
}

.text-body{
    color: #313131 !important
}

.text-muted{
    color: #8898aa !important
}

/* ---------------------------------------------------------------------------
 * Leak fixes: properties stock 4.4.1 declares that the old bundle did not, so
 * the stock value would otherwise show through. Values are the ones the old
 * bundle actually computed, measured on a rendered page.
 * --------------------------------------------------------------------------- */

/* Stock adds .table{color:#212529}. The old bundle set no colour here, so cells
   inherited #313131. That also drives td/th border-color. */
.table {
    color: #313131;
}

/* ---------------------------------------------------------------------------
 * Modal sizing - @media rules.
 *
 * The brand layer above deliberately excludes everything inside @media, because
 * flattening those rules to top level is what broke tables and badges earlier
 * (print styles leaking in). But the old bundle DID customise two modal rules
 * inside @media, and dropping them made every modal 100px narrower and pushed
 * it down the page.
 *
 * Only these two differ from stock 4.4.1. modal-sm (300px), modal-lg / modal-xl
 * (800px), modal-xl (1140px) and the modal-dialog-centered pair are identical
 * to stock and are deliberately not repeated here.
 * --------------------------------------------------------------------------- */
@media (min-width: 576px) {

    /* stock 4.4.1 is max-width:500px; margin:1.75rem auto */
    .modal-dialog {
        max-width: 600px;
        margin: 0.5rem auto;
    }

    /* stock 4.4.1 has no box-shadow on .modal-content at this breakpoint */
    .modal-content {
        box-shadow: 0 .5rem 1rem rgba(0,0,0,.2);
    }
}

/* The size modifiers must be re-declared AFTER .modal-dialog above. They carry
   the same specificity (one class), so whichever is declared last wins - and
   .modal-dialog now comes after stock's .modal-sm / .modal-lg / .modal-xl.
   Without this, every modal-sm and modal-lg is forced to 600px.
   Values are stock 4.4.1, unchanged. */
@media (min-width: 576px) {
    .modal-sm {
        max-width: 300px;
    }
}

@media (min-width: 992px) {

    .modal-lg,
    .modal-xl {
        max-width: 800px;
    }
}

@media (min-width: 1200px) {
    .modal-xl {
        max-width: 1140px;
    }
}