﻿html, body {
    font-size: 1rem;
    color: #000;
}

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
    width: 10px;
}

body::-webkit-scrollbar-track {
    background: #f9fafb;
}

body::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,.25);
    border-radius: 10px;
    border: 1px solid #f9fafb;
}

div::-webkit-scrollbar-track {
    background: #f9fafb;
}

div::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,.25);
    border-radius: 10px;
    border: 1px solid #f9fafb;
}

textarea::-webkit-scrollbar-track {
    background: #f9fafb;
}

textarea::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,.25);
    border-radius: 10px;
    border: 1px solid #f9fafb;
}

/* Works on Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: rgba(0,0,0,.25) #f9fafb;
}

label.req::after, .req > b::after, .req > span::after, .req > small::after {
    position: absolute;
    content: " *";
    color: #ff5b57;
    margin-left: .2rem;
    font-size: 1.5rem;
    margin-top: 4px;
    line-height: 1.4rem;
}

.d-none {
    display: none !important;
}

.cursor {
    cursor: pointer !important;
}

.ui.selection.list > .item.default-cursor {
    cursor: default !important;
    color: rgba(0,0,0,.9);
}

    .ui.selection.list > .item.default-cursor > .content {
        min-height: 30px;
        line-height: 30px;
    }

.opaque {
    opacity: 1 !important;
    color: #000;
}

select {
    border: 1px solid #c0c0c0 !important;
    border-radius: .28571429rem;
    padding: 5px;
}

    select:focus-visible {
        border: 1px solid #c0c0c0 !important;
        outline: none !important;
    }

    select:required:invalid {
        color: gray;
    }

.ui.menu.system-owner {
    background-color: #001b74;
}

.ui.menu .logo {
    margin-left: 1.2rem;
    height: 45px;
}

.ui.menu.pagination {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.ui.menu .accordion .item {
    cursor: pointer;
}

    .ui.menu .accordion .item .title > .dropdown.icon {
        float: right;
    }

.ui.checkbox:not(.fitted) {
    vertical-align: middle;
    min-height: 41px;
    min-width: 41px;
    padding: 12px 12px;
}

.ui.checkbox:hover {
    cursor: pointer;
    background-color: rgba(0,0,0,0.05);
    transform: scale(1);
    transition-duration: .15s;
    transition-timing-function: cubic-bezier(0.4,0,0.2,1);
    transition-property: transform,opacity;
}

.ui.checkbox.checked.disabled .box:before, .ui.checkbox.checked.disabled label:before {
    background: #d4d4d5;
}

body.pushable {
    background: #fff !important;
    height: 99.9%;
}

.pushable > .pusher {
    min-height: 99.9%;
    background-color: #fff;
}

    .pushable > .pusher > .ui.grid {
        margin: 0;
    }

    .pushable > .pusher > .ui.stackable.grid {
        min-height: 85vh;
        overflow: auto;
    }

        .pushable > .pusher > .ui.stackable.grid > .row {
            padding-top: 0;
            padding-bottom: 2rem;
        }

            .pushable > .pusher > .ui.stackable.grid > .row > .column {
                padding-left: 2rem;
                padding-right: 2rem;
            }

.ui.dimmer {
    padding: 0;
    background-color: rgba(255,255,255,.7);
}

.animating.ui.overlay.sidebar, .ui.visible.overlay.sidebar {
    -webkit-transition: -webkit-transform .25s ease !important;
    transition: -webkit-transform .25s ease !important;
    transition: transform .25s ease !important;
    transition: transform .25s ease,-webkit-transform .25s ease !important;
}

.ui.placeholder.segment {
    min-height: auto;
}

.ui.form .field > label {
    font-weight: 400 !important;
    cursor: text;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
}

    .footer .menu {
        flex-wrap: wrap-reverse;
    }

    .footer .right.menu {
        justify-content: flex-end;
    }

.ui.inverted.dimmer {
    background-color: rgba(255,255,255,.7);
}

.ui.message {
    font-size: 1rem;
}

.ui.brucestone.message {
    min-width: 350px;
    background-color: #fff;
    box-shadow: 0 0 0 1px #001b74 inset, 0 0 0 0 transparent !important;
}

    .ui.brucestone.message > * {
        color: #001b74 !important;
        text-align: left;
        word-break: break-word;
    }

.ui.brucestone.header {
    background-color: #fff;
    color: #001b74;
}

.ui.input {
    font-size: 1rem !important;
}

    .ui.input > input {
        font-size: 1rem;
        padding: 5px;
    }

    .ui.disabled.input, .ui.disabled.input input, .ui.input:not(.disabled) input[disabled] {
        opacity: 1;
        color: #000;
        /*width: auto !important;*/
        -webkit-user-select: all !important;
        user-select: all !important;
    }

        .ui.disabled.input.date input {
            text-align: center;
        }

            .ui.disabled.input.date input[name=Year] {
                width: 43px !important;
            }

            .ui.disabled.input.date input[name=Month] {
                width: 33px !important;
            }

            .ui.disabled.input.date input[name=Day] {
                width: 30px !important;
            }

.ui.disabled.dropdown, .ui.dropdown:not(.disabled) input[disabled] {
    opacity: 1;
    color: #000;
    -webkit-user-select: all !important;
    user-select: all !important;
}

.ui.form .fields {
    margin: 0 -.5em 0.5em;
}

.ui.form .inline.fields {
    margin: 0 0 0.5em;
}

.ui.form .field > p {
    margin: 0 0 0 0;
}

.ui.form .field > label, .ui.form .field > p {
    font-size: 1rem;
}

.ui.form input, .ui.form textarea, form input, form textarea {
    font-size: 1rem !important;
    padding: 5px !important;
}

.ui.form .inline.field > label, .ui.form .inline.field > p,
.ui.form .inline.fields .field > label, .ui.form .inline.fields .field > p,
.ui.form .inline.fields > label {
    font-size: 1rem;
}

.ui.form .inline.field > input:first-child, .ui.form .inline.fields .field > input:first-child {
    margin: 0;
}

.ui.small.dropdown {
    max-width: 300px;
    min-height: 38px;
    padding: 10px 34px 10px 10px;
    font-size: 1rem;
}

    .ui.small.dropdown.multiple {
        padding: 0.22619048em 2.1em 0.22619048em 0.35714286em !important;
    }

    .ui.small.dropdown.disabled {
        padding: 0;
        min-height: auto;
    }

.ui.multiple.search.dropdown > input.search {
    padding: 0 !important;
    margin: 7px;
}

.ui.search.selection.dropdown:not(.multiple) > input.search {
    padding: 10px !important;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    width: auto;
    -webkit-appearance: textfield !important;
    -moz-appearance: textfield !important;
}

textarea {
    width: 100%;
}

.ui.table {
    font-size: 1rem;
}

    .ui.table:not(.unstackable) tr:last-child {
        box-shadow: none !important;
    }

.ui.compact.table th {
    padding: .3em .3em;
}

.ui.compact.table td {
    padding: .3em .3em;
}

    .ui.compact.table td:empty {
        padding: 0 !important;
    }

.ui.pagination.menu .item:last-child:before {
    display: block;
}

.ui.modal > .content {
    font-size: 1rem;
}

.dataTables_wrapper {
    margin-top: 10px;
    display: grid;
}

    .dataTables_wrapper .dataTables_info {
        padding-top: 0;
    }

    .dataTables_wrapper .dataTables_paginate {
        padding-top: 0;
        place-self: center end;
    }

    .dataTables_wrapper .dataTables_length {
        margin-top: 0;
    }

    .dataTables_wrapper .dataTables_empty {
        text-align: center !important;
    }

    .dataTables_wrapper .table > tbody > tr:hover {
        background-color: #f8f9fa;
    }

.ui.message.transparent {
    background-color: #fff;
}

.ui.basic.button, .ui.basic.buttons .button {
    color: rgba(0,0,0,.7) !important;
}

    .ui.basic.button.active {
        background-color: #fff !important;
        color: rgba(0,0,0,.95) !important;
        -webkit-box-shadow: 0 0 0 1px rgb(34 36 38 / 15%) inset;
        box-shadow: 0 0 0 1px rgba(34,36,38,.15) inset;
    }

.ui.buttons .ui.button.active {
    background-color: #001b74 !important;
    color: #fff !important;
    border-color: #0b2578 !important;
}

.bs-icon {
    position: absolute;
    display: inline-block;
    background-position: 50% 50%;
    vertical-align: middle;
}

    .bs-icon.right {
        right: 0px;
    }

.right.floated .bs-icon {
    position: relative;
    float: right;
}

.ui.table .bs-icon {
    position: relative;
}

    .ui.table .bs-icon.right {
        float: right;
    }

.bs-icon-error {
    background-image: url('../Icon/SVG/Error (20x20).svg');
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
}

.bs-icon-correct {
    background-image: url('../Icon/SVG/Correct (20x20).svg');
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
}

.bs-icon-view {
    background-image: url('../Icon/SVG/View (25x20).svg');
    background-size: 25px 20px;
    width: 25px;
    height: 20px;
}

.bs-icon-view2 {
    background-image: url('../Icon/SVG/View (25x20)-2.svg');
    background-size: 25px 20px;
    width: 25px;
    height: 20px;
}

.bs-icon-add {
    background-image: url('../Icon/SVG/Add (30x30).svg');
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
}

    .bs-icon-add:hover {
        background-image: url('../Icon/SVG/Add (30x30)-H.svg');
    }

.bs-icon-delete {
    background-image: url('../Icon/SVG/Delete (25x25).svg');
    background-size: 25px 25px;
    width: 25px;
    height: 25px;
}

    .bs-icon-delete:hover {
        background-image: url('../Icon/SVG/Delete (25x25)-H.svg');
    }

.bs-icon-edit {
    background-image: url('../Icon/SVG/Edit (25x25).svg');
    background-size: 25px 25px;
    width: 25px;
    height: 25px;
}

    .bs-icon-edit:hover {
        background-image: url('../Icon/SVG/Edit (25x25)-H.svg');
    }

.bs-icon-add-people {
    background-image: url('../Icon/SVG/Add People (25x25).svg');
    background-size: 25px 25px;
    width: 25px;
    height: 25px;
}

    .bs-icon-add-people:hover {
        background-image: url('../Icon/SVG/Add People (25x25)-H.svg');
    }

.bs-icon-people-setting {
    background-image: url('../Icon/SVG/People Setting (25x25).svg');
    background-size: 25px 25px;
    width: 25px;
    height: 25px;
}

    .bs-icon-people-setting:hover {
        background-image: url('../Icon/SVG/People Setting (25x25)-H.svg');
    }

.bs-icon-up {
    background-image: url('../Icon/SVG/Up (25x25).svg');
    background-size: 25px 25px;
    width: 25px;
    height: 25px;
}

    .bs-icon-up:hover {
        background-image: url('../Icon/SVG/Up (25x25)-H.svg');
    }

.bs-icon-down {
    background-image: url('../Icon/SVG/Down (25x25).svg');
    background-size: 25px 25px;
    width: 25px;
    height: 25px;
}

    .bs-icon-down:hover {
        background-image: url('../Icon/SVG/Down (25x25)-H.svg');
    }

.bs-icon-note {
    background-image: url('../Icon/SVG/Note (25x25).svg');
    background-size: 25px 25px;
    width: 25px;
    height: 25px;
}

    .bs-icon-note:hover {
        background-image: url('../Icon/SVG/Note (25x25)-H.svg');
    }

.bs-icon-google-doc {
    background-image: url('../Icon/SVG/google docs (25x25).svg');
    background-size: 25px 25px;
    width: 25px;
    height: 25px;
}

    .bs-icon-google-doc:hover {
        background-image: url('../Icon/SVG/google docs (25x25)-H.svg');
    }

.bs-icon-invoice {
    background-image: url('../Icon/SVG/Invoice (25x25).svg');
    background-size: 25px 25px;
    width: 25px;
    height: 25px;
}

    .bs-icon-invoice:hover {
        background-image: url('../Icon/SVG/Invoice (25x25)-H.svg');
    }

.bs-icon-setting {
    background-image: url('../Icon/SVG/setting (25x25).svg');
    background-size: 25px 25px;
    width: 25px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
}

    .bs-icon-setting:hover {
        background-image: url('../Icon/SVG/setting (25x25)-H.svg');
    }

.bs-icon-add-25 {
    background-image: url('../Icon/SVG/Add (25x25).svg');
    background-size: 25px 25px;
    width: 25px;
    height: 25px;
}

    .bs-icon-add-25:hover {
        background-image: url('../Icon/SVG/Add (25x25)-H.svg');
    }

.bs-icon-rename {
    background-image: url('../Icon/SVG/Rename (25x25).svg');
    background-size: 25px 25px;
    width: 25px;
    height: 25px;
}

    .bs-icon-rename:hover {
        background-image: url('../Icon/SVG/Rename (25x25)-H.svg');
    }

.bs-icon-add-instruction {
    background-image: url('../Icon/SVG/Add Instruction (25x25).svg');
    background-size: 25px 25px;
    width: 25px;
    height: 25px;
}

    .bs-icon-add-instruction:hover {
        background-image: url('../Icon/SVG/Add Instruction (25x25)-H.svg');
    }


.bs-icon-instruction-b {
    background-image: url('../Icon/SVG/Instruction (20x20) B.svg');
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
}

.bs-icon-entrust-b {
    background-image: url('../Icon/SVG/Entrust (20x20) B.svg');
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
}

.bs-icon-entrust {
    background-image: url('../Icon/SVG/Entrust (25x25).svg');
    background-size: 25px 25px;
    width: 25px;
    height: 25px;
}

.bs-icon-read {
    background-image: url('../Icon/SVG/Read (30x30).svg');
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
}

.bs-icon-unread {
    background-image: url('../Icon/SVG/Unread (30x30).svg');
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
}

.bs-icon-folder {
    background-image: url('../Icon/SVG/Folder (25x25).svg');
    background-size: 25px 25px;
    width: 25px;
    height: 25px;
}

.bs-icon-instruction {
    background-image: url('../Icon/SVG/Instruction (16x20).svg');
    background-size: 16px 20px;
    width: 16px;
    height: 20px;
}

.bs-icon-doc {
    background-image: url('../Icon/SVG/DOC (16x20).svg');
    background-size: 16px 20px;
    width: 16px;
    height: 20px;
}

.bs-icon-docx {
    background-image: url('../Icon/SVG/DOCX (16x20).svg');
    background-size: 16px 20px;
    width: 16px;
    height: 20px;
}

.bs-icon-pdf {
    background-image: url('../Icon/SVG/PDF (16x20).svg');
    background-size: 16px 20px;
    width: 16px;
    height: 20px;
}

.bs-icon-xls {
    background-image: url('../Icon/SVG/XLS (16x20).svg');
    background-size: 16px 20px;
    width: 16px;
    height: 20px;
}

.bs-icon-xlsx {
    background-image: url('../Icon/SVG/XLSX (16x20).svg');
    background-size: 16px 20px;
    width: 16px;
    height: 20px;
}

.bs-icon-download {
    background-image: url('../Icon/SVG/Download (25x25).svg');
    background-size: 25px 25px;
    width: 25px;
    height: 25px;
}

.bs-icon-download-b {
    background-image: url('../Icon/SVG/Download (20x20) B.svg');
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
}

.bs-icon-sort {
    background-image: url('../Icon/SVG/Sort (30x30).svg');
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
}

    .bs-icon-sort:hover {
        background-image: url('../Icon/SVG/Sort (30x30)-H.svg');
    }


.ui.label > a {
    opacity: .9;
}

.ui.toggle.checkbox {
    padding: 0;
    min-height: auto;
}

.ui.checkbox input[type=checkbox], .ui.checkbox input[type=radio] {
    top: auto;
    left: auto;
}

.ui.toggle.checkbox .box, .ui.toggle.checkbox label {
    padding-left: 3.8rem;
}

.ui.right.aligned.checkbox label {
    padding-left: 0;
    padding-right: 1.85714em;
}

    .ui.right.aligned.checkbox label:after,
    .ui.right.aligned.checkbox label:before {
        right: 0;
        left: auto;
    }

.ui.right.aligned.toggle.checkbox label {
    padding-left: 0;
    padding-right: 4.5rem;
}

.ui.right.aligned.toggle.checkbox input ~ label:after {
    left: auto;
    right: 2.15rem;
    transition: background 0.3s ease, right 0.3s ease;
}

.ui.right.aligned.toggle.checkbox input:checked ~ label:after {
    left: auto;
    right: -0.05rem;
}

.ui.right.aligned.slider.checkbox label {
    padding-left: 0;
    padding-right: 4.5rem;
}

.ui.right.aligned.slider.checkbox input ~ label:after {
    left: auto;
    right: 2rem;
    transition: background 0.3s ease, right 0.3s ease;
}

.ui.right.aligned.slider.checkbox input:checked ~ label:after {
    left: auto;
    right: 0;
}

.ui.table .accordion tr.active,
.ui.table .accordion td.active {
    background: none !important;
}

.ui.calendar > table {
    font-size: 1rem;
}

    .ui.calendar > table td {
        padding: 3px !important;
    }

@media (pointer: coarse) {
    select [multiple] {
        display: block;
    }
}

@media (max-width: 1080px) {
    .ui.menu .logo {
        margin-left: 0;
    }

    .pushable > .pusher > .ui.stackable.grid > .row > .column {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

@media (max-width: 767px) {
    .ui.menu.border-bottom {
        margin-bottom: 0;
    }

    .ui.menu .logo {
        margin-left: auto;
        height: 30px;
    }

    .ui.brucestone.message {
        width: 94%;
        left: 3%;
    }

    .ui.table:not(.unstackable) tr {
        padding-top: 0.25em;
        padding-bottom: 0.25em;
    }

        .ui.table:not(.unstackable) tr > td, .ui.table:not(.unstackable) tr > th {
            padding: .25em .5em !important;
        }

    .ui.table:not(.unstackable) td:first-child, .ui.table:not(.unstackable) th:first-child {
        font-weight: 400;
    }

    .ui.form:not(.unstackable) .fields:not(.unstackable) > .eight.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable) > .eleven.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable) > .fifteen.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable) > .five.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable) > .four.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable) > .fourteen.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable) > .nine.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable) > .seven.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable) > .six.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable) > .sixteen.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable) > .ten.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable) > .thirteen.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable) > .three.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable) > .twelve.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable) > .two.wide.field, .ui.form:not(.unstackable) .five.fields:not(.unstackable) > .field, .ui.form:not(.unstackable) .five.fields:not(.unstackable) > .fields, .ui.form:not(.unstackable) .four.fields:not(.unstackable) > .field, .ui.form:not(.unstackable) .four.fields:not(.unstackable) > .fields, .ui.form:not(.unstackable) .three.fields:not(.unstackable) > .field, .ui.form:not(.unstackable) .three.fields:not(.unstackable) > .fields, .ui.form:not(.unstackable) .two.fields:not(.unstackable) > .field, .ui.form:not(.unstackable) .two.fields:not(.unstackable) > .fields {
        width: auto !important;
    }
}

@media (max-width: 639px) {
    .mobile-hide {
        display: none !important;
    }

    .pushable .pusher {
        z-index: 102;
    }

    .ui.menu {
        margin: 0;
    }

    .ui.sidebar {
        top: 62px;
        padding-bottom: 65px;
    }

    .footer .menu, .footer .right.menu {
        justify-content: center;
    }

    .footer .right.menu {
        flex-grow: 2;
    }

    .ui.stackable.grid:not(.vertically) > .row {
        padding-bottom: 1rem;
    }

    .dataTables_wrapper .dataTables_paginate {
        padding-top: 0;
        place-self: center center;
    }

        .dataTables_wrapper .dataTables_paginate .item {
            display: inline-block !important;
            padding-left: 0.3em;
            padding-right: 0.3em;
        }

            .dataTables_wrapper .dataTables_paginate .item.ellipsis {
                display: none !important;
            }

    .dataTables_wrapper .dataTables_length {
        margin-bottom: 1rem;
    }

    .ui.calendar > table {
        font-size: 0.8rem;
    }

        .ui.calendar > table td {
            padding: 3px !important;
        }
}

@media (min-width: 640px) {
    .desktop-hide {
        display: none !important;
    }

    .ui.sidebar {
        top: 57px;
        height: calc(100% - 57px) !important;
    }
}

@media (min-width: 768px) {
    .desktop-hide {
        display: none !important;
    }

    .ui.sidebar {
        top: 72px;
        height: calc(100% - 72px) !important;
    }
}

/*Utilities*/
.box-shadow {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05) !important;
}

.border {
    border: 1px solid #e0e0e0 !important;
}

.border-none {
    border: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.border-top-none {
    border-top: none !important;
}

.border-right-none {
    border-right: none !important;
}

.border-bottom-none {
    border-bottom: none !important;
}

.border-left-none {
    border-left: none !important;
}

.border-top {
    border-top: 1px solid #e0e0e0 !important;
}

.border-bottom {
    border-bottom: 1px solid #e0e0e0 !important;
}

.border-left {
    border-left: 1px solid #e0e0e0 !important;
}

.border-right {
    border-right: 1px solid #e0e0e0 !important;
}

.border-circle {
    border-radius: 500rem !important;
}

.margin-none {
    margin: 0 !important;
}

.margin-1 {
    margin: 1px !important;
}

.margin-2 {
    margin: 2px !important;
}

.margin-3 {
    margin: 3px !important;
}

.margin-4 {
    margin: 4px !important;
}

.margin-5 {
    margin: 5px !important;
}

.margin-6 {
    margin: 6px !important;
}

.margin-7 {
    margin: 7px !important;
}

.margin-8 {
    margin: 8px !important;
}

.margin-9 {
    margin: 9px !important;
}

.margin-10 {
    margin: 10px !important;
}

.margin-11 {
    margin: 11px !important;
}

.margin-12 {
    margin: 12px !important;
}

.margin-13 {
    margin: 13px !important;
}

.margin-14 {
    margin: 14px !important;
}

.margin-15 {
    margin: 15px !important;
}

.margin-16 {
    margin: 16px !important;
}

.margin-17 {
    margin: 17px !important;
}

.margin-18 {
    margin: 18px !important;
}

.margin-19 {
    margin: 19px !important;
}

.margin-20 {
    margin: 20px !important;
}

.margin-21 {
    margin: 21px !important;
}

.margin-22 {
    margin: 22px !important;
}

.margin-23 {
    margin: 23px !important;
}

.margin-24 {
    margin: 24px !important;
}

.margin-25 {
    margin: 25px !important;
}

.margin-26 {
    margin: 26px !important;
}

.margin-27 {
    margin: 27px !important;
}

.margin-28 {
    margin: 28px !important;
}

.margin-29 {
    margin: 29px !important;
}

.margin-30 {
    margin: 30px !important;
}

.margin-31 {
    margin: 31px !important;
}

.margin-32 {
    margin: 32px !important;
}

.margin-33 {
    margin: 33px !important;
}

.margin-34 {
    margin: 34px !important;
}

.margin-35 {
    margin: 35px !important;
}

.margin-36 {
    margin: 36px !important;
}

.margin-37 {
    margin: 37px !important;
}

.margin-38 {
    margin: 38px !important;
}

.margin-39 {
    margin: 39px !important;
}

.margin-40 {
    margin: 40px !important;
}

.margin-41 {
    margin: 41px !important;
}

.margin-42 {
    margin: 42px !important;
}

.margin-43 {
    margin: 43px !important;
}

.margin-44 {
    margin: 44px !important;
}

.margin-45 {
    margin: 45px !important;
}

.margin-46 {
    margin: 46px !important;
}

.margin-47 {
    margin: 47px !important;
}

.margin-48 {
    margin: 48px !important;
}

.margin-49 {
    margin: 49px !important;
}

.margin-50 {
    margin: 50px !important;
}

.margin-top-1 {
    margin-top: 1px !important;
}

.margin-top-2 {
    margin-top: 2px !important;
}

.margin-top-3 {
    margin-top: 3px !important;
}

.margin-top-4 {
    margin-top: 4px !important;
}

.margin-top-5 {
    margin-top: 5px !important;
}

.margin-top-6 {
    margin-top: 6px !important;
}

.margin-top-7 {
    margin-top: 7px !important;
}

.margin-top-8 {
    margin-top: 8px !important;
}

.margin-top-9 {
    margin-top: 9px !important;
}

.margin-top-10 {
    margin-top: 10px !important;
}

.margin-top-11 {
    margin-top: 11px !important;
}

.margin-top-12 {
    margin-top: 12px !important;
}

.margin-top-13 {
    margin-top: 13px !important;
}

.margin-top-14 {
    margin-top: 14px !important;
}

.margin-top-15 {
    margin-top: 15px !important;
}

.margin-top-16 {
    margin-top: 16px !important;
}

.margin-top-17 {
    margin-top: 17px !important;
}

.margin-top-18 {
    margin-top: 18px !important;
}

.margin-top-19 {
    margin-top: 19px !important;
}

.margin-top-20 {
    margin-top: 20px !important;
}

.margin-top-21 {
    margin-top: 21px !important;
}

.margin-top-22 {
    margin-top: 22px !important;
}

.margin-top-23 {
    margin-top: 23px !important;
}

.margin-top-24 {
    margin-top: 24px !important;
}

.margin-top-25 {
    margin-top: 25px !important;
}

.margin-top-26 {
    margin-top: 26px !important;
}

.margin-top-27 {
    margin-top: 27px !important;
}

.margin-top-28 {
    margin-top: 28px !important;
}

.margin-top-29 {
    margin-top: 29px !important;
}

.margin-top-30 {
    margin-top: 30px !important;
}

.margin-top-31 {
    margin-top: 31px !important;
}

.margin-top-32 {
    margin-top: 32px !important;
}

.margin-top-33 {
    margin-top: 33px !important;
}

.margin-top-34 {
    margin-top: 34px !important;
}

.margin-top-35 {
    margin-top: 35px !important;
}

.margin-top-36 {
    margin-top: 36px !important;
}

.margin-top-37 {
    margin-top: 37px !important;
}

.margin-top-38 {
    margin-top: 38px !important;
}

.margin-top-39 {
    margin-top: 39px !important;
}

.margin-top-40 {
    margin-top: 40px !important;
}

.margin-top-41 {
    margin-top: 41px !important;
}

.margin-top-42 {
    margin-top: 42px !important;
}

.margin-top-43 {
    margin-top: 43px !important;
}

.margin-top-44 {
    margin-top: 44px !important;
}

.margin-top-45 {
    margin-top: 45px !important;
}

.margin-top-46 {
    margin-top: 46px !important;
}

.margin-top-47 {
    margin-top: 47px !important;
}

.margin-top-48 {
    margin-top: 48px !important;
}

.margin-top-49 {
    margin-top: 49px !important;
}

.margin-top-50 {
    margin-top: 50px !important;
}

.margin-right-1 {
    margin-right: 1px !important;
}

.margin-right-2 {
    margin-right: 2px !important;
}

.margin-right-3 {
    margin-right: 3px !important;
}

.margin-right-4 {
    margin-right: 4px !important;
}

.margin-right-5 {
    margin-right: 5px !important;
}

.margin-right-6 {
    margin-right: 6px !important;
}

.margin-right-7 {
    margin-right: 7px !important;
}

.margin-right-8 {
    margin-right: 8px !important;
}

.margin-right-9 {
    margin-right: 9px !important;
}

.margin-right-10 {
    margin-right: 10px !important;
}

.margin-right-11 {
    margin-right: 11px !important;
}

.margin-right-12 {
    margin-right: 12px !important;
}

.margin-right-13 {
    margin-right: 13px !important;
}

.margin-right-14 {
    margin-right: 14px !important;
}

.margin-right-15 {
    margin-right: 15px !important;
}

.margin-right-16 {
    margin-right: 16px !important;
}

.margin-right-17 {
    margin-right: 17px !important;
}

.margin-right-18 {
    margin-right: 18px !important;
}

.margin-right-19 {
    margin-right: 19px !important;
}

.margin-right-20 {
    margin-right: 20px !important;
}

.margin-right-21 {
    margin-right: 21px !important;
}

.margin-right-22 {
    margin-right: 22px !important;
}

.margin-right-23 {
    margin-right: 23px !important;
}

.margin-right-24 {
    margin-right: 24px !important;
}

.margin-right-25 {
    margin-right: 25px !important;
}

.margin-right-26 {
    margin-right: 26px !important;
}

.margin-right-27 {
    margin-right: 27px !important;
}

.margin-right-28 {
    margin-right: 28px !important;
}

.margin-right-29 {
    margin-right: 29px !important;
}

.margin-right-30 {
    margin-right: 30px !important;
}

.margin-right-31 {
    margin-right: 31px !important;
}

.margin-right-32 {
    margin-right: 32px !important;
}

.margin-right-33 {
    margin-right: 33px !important;
}

.margin-right-34 {
    margin-right: 34px !important;
}

.margin-right-35 {
    margin-right: 35px !important;
}

.margin-right-36 {
    margin-right: 36px !important;
}

.margin-right-37 {
    margin-right: 37px !important;
}

.margin-right-38 {
    margin-right: 38px !important;
}

.margin-right-39 {
    margin-right: 39px !important;
}

.margin-right-40 {
    margin-right: 40px !important;
}

.margin-right-41 {
    margin-right: 41px !important;
}

.margin-right-42 {
    margin-right: 42px !important;
}

.margin-right-43 {
    margin-right: 43px !important;
}

.margin-right-44 {
    margin-right: 44px !important;
}

.margin-right-45 {
    margin-right: 45px !important;
}

.margin-right-46 {
    margin-right: 46px !important;
}

.margin-right-47 {
    margin-right: 47px !important;
}

.margin-right-48 {
    margin-right: 48px !important;
}

.margin-right-49 {
    margin-right: 49px !important;
}

.margin-right-50 {
    margin-right: 50px !important;
}

.margin-bottom-1 {
    margin-bottom: 1px !important;
}

.margin-bottom-2 {
    margin-bottom: 2px !important;
}

.margin-bottom-3 {
    margin-bottom: 3px !important;
}

.margin-bottom-4 {
    margin-bottom: 4px !important;
}

.margin-bottom-5 {
    margin-bottom: 5px !important;
}

.margin-bottom-6 {
    margin-bottom: 6px !important;
}

.margin-bottom-7 {
    margin-bottom: 7px !important;
}

.margin-bottom-8 {
    margin-bottom: 8px !important;
}

.margin-bottom-9 {
    margin-bottom: 9px !important;
}

.margin-bottom-10 {
    margin-bottom: 10px !important;
}

.margin-bottom-11 {
    margin-bottom: 11px !important;
}

.margin-bottom-12 {
    margin-bottom: 12px !important;
}

.margin-bottom-13 {
    margin-bottom: 13px !important;
}

.margin-bottom-14 {
    margin-bottom: 14px !important;
}

.margin-bottom-15 {
    margin-bottom: 15px !important;
}

.margin-bottom-16 {
    margin-bottom: 16px !important;
}

.margin-bottom-17 {
    margin-bottom: 17px !important;
}

.margin-bottom-18 {
    margin-bottom: 18px !important;
}

.margin-bottom-19 {
    margin-bottom: 19px !important;
}

.margin-bottom-20 {
    margin-bottom: 20px !important;
}

.margin-bottom-21 {
    margin-bottom: 21px !important;
}

.margin-bottom-22 {
    margin-bottom: 22px !important;
}

.margin-bottom-23 {
    margin-bottom: 23px !important;
}

.margin-bottom-24 {
    margin-bottom: 24px !important;
}

.margin-bottom-25 {
    margin-bottom: 25px !important;
}

.margin-bottom-26 {
    margin-bottom: 26px !important;
}

.margin-bottom-27 {
    margin-bottom: 27px !important;
}

.margin-bottom-28 {
    margin-bottom: 28px !important;
}

.margin-bottom-29 {
    margin-bottom: 29px !important;
}

.margin-bottom-30 {
    margin-bottom: 30px !important;
}

.margin-bottom-31 {
    margin-bottom: 31px !important;
}

.margin-bottom-32 {
    margin-bottom: 32px !important;
}

.margin-bottom-33 {
    margin-bottom: 33px !important;
}

.margin-bottom-34 {
    margin-bottom: 34px !important;
}

.margin-bottom-35 {
    margin-bottom: 35px !important;
}

.margin-bottom-36 {
    margin-bottom: 36px !important;
}

.margin-bottom-37 {
    margin-bottom: 37px !important;
}

.margin-bottom-38 {
    margin-bottom: 38px !important;
}

.margin-bottom-39 {
    margin-bottom: 39px !important;
}

.margin-bottom-40 {
    margin-bottom: 40px !important;
}

.margin-bottom-41 {
    margin-bottom: 41px !important;
}

.margin-bottom-42 {
    margin-bottom: 42px !important;
}

.margin-bottom-43 {
    margin-bottom: 43px !important;
}

.margin-bottom-44 {
    margin-bottom: 44px !important;
}

.margin-bottom-45 {
    margin-bottom: 45px !important;
}

.margin-bottom-46 {
    margin-bottom: 46px !important;
}

.margin-bottom-47 {
    margin-bottom: 47px !important;
}

.margin-bottom-48 {
    margin-bottom: 48px !important;
}

.margin-bottom-49 {
    margin-bottom: 49px !important;
}

.margin-bottom-50 {
    margin-bottom: 50px !important;
}

.margin-left-1 {
    margin-left: 1px !important;
}

.margin-left-2 {
    margin-left: 2px !important;
}

.margin-left-3 {
    margin-left: 3px !important;
}

.margin-left-4 {
    margin-left: 4px !important;
}

.margin-left-5 {
    margin-left: 5px !important;
}

.margin-left-6 {
    margin-left: 6px !important;
}

.margin-left-7 {
    margin-left: 7px !important;
}

.margin-left-8 {
    margin-left: 8px !important;
}

.margin-left-9 {
    margin-left: 9px !important;
}

.margin-left-10 {
    margin-left: 10px !important;
}

.margin-left-11 {
    margin-left: 11px !important;
}

.margin-left-12 {
    margin-left: 12px !important;
}

.margin-left-13 {
    margin-left: 13px !important;
}

.margin-left-14 {
    margin-left: 14px !important;
}

.margin-left-15 {
    margin-left: 15px !important;
}

.margin-left-16 {
    margin-left: 16px !important;
}

.margin-left-17 {
    margin-left: 17px !important;
}

.margin-left-18 {
    margin-left: 18px !important;
}

.margin-left-19 {
    margin-left: 19px !important;
}

.margin-left-20 {
    margin-left: 20px !important;
}

.margin-left-21 {
    margin-left: 21px !important;
}

.margin-left-22 {
    margin-left: 22px !important;
}

.margin-left-23 {
    margin-left: 23px !important;
}

.margin-left-24 {
    margin-left: 24px !important;
}

.margin-left-25 {
    margin-left: 25px !important;
}

.margin-left-26 {
    margin-left: 26px !important;
}

.margin-left-27 {
    margin-left: 27px !important;
}

.margin-left-28 {
    margin-left: 28px !important;
}

.margin-left-29 {
    margin-left: 29px !important;
}

.margin-left-30 {
    margin-left: 30px !important;
}

.margin-left-31 {
    margin-left: 31px !important;
}

.margin-left-32 {
    margin-left: 32px !important;
}

.margin-left-33 {
    margin-left: 33px !important;
}

.margin-left-34 {
    margin-left: 34px !important;
}

.margin-left-35 {
    margin-left: 35px !important;
}

.margin-left-36 {
    margin-left: 36px !important;
}

.margin-left-37 {
    margin-left: 37px !important;
}

.margin-left-38 {
    margin-left: 38px !important;
}

.margin-left-39 {
    margin-left: 39px !important;
}

.margin-left-40 {
    margin-left: 40px !important;
}

.margin-left-41 {
    margin-left: 41px !important;
}

.margin-left-42 {
    margin-left: 42px !important;
}

.margin-left-43 {
    margin-left: 43px !important;
}

.margin-left-44 {
    margin-left: 44px !important;
}

.margin-left-45 {
    margin-left: 45px !important;
}

.margin-left-46 {
    margin-left: 46px !important;
}

.margin-left-47 {
    margin-left: 47px !important;
}

.margin-left-48 {
    margin-left: 48px !important;
}

.margin-left-49 {
    margin-left: 49px !important;
}

.margin-left-50 {
    margin-left: 50px !important;
}

.padding-none {
    padding: 0 !important;
}

.padding-1 {
    padding: 1px !important;
}

.padding-2 {
    padding: 2px !important;
}

.padding-3 {
    padding: 3px !important;
}

.padding-4 {
    padding: 4px !important;
}

.padding-5 {
    padding: 5px !important;
}

.padding-6 {
    padding: 6px !important;
}

.padding-7 {
    padding: 7px !important;
}

.padding-8 {
    padding: 8px !important;
}

.padding-9 {
    padding: 9px !important;
}

.padding-10 {
    padding: 10px !important;
}

.padding-11 {
    padding: 11px !important;
}

.padding-12 {
    padding: 12px !important;
}

.padding-13 {
    padding: 13px !important;
}

.padding-14 {
    padding: 14px !important;
}

.padding-15 {
    padding: 15px !important;
}

.padding-16 {
    padding: 16px !important;
}

.padding-17 {
    padding: 17px !important;
}

.padding-18 {
    padding: 18px !important;
}

.padding-19 {
    padding: 19px !important;
}

.padding-20 {
    padding: 20px !important;
}

.padding-21 {
    padding: 21px !important;
}

.padding-22 {
    padding: 22px !important;
}

.padding-23 {
    padding: 23px !important;
}

.padding-24 {
    padding: 24px !important;
}

.padding-25 {
    padding: 25px !important;
}

.padding-26 {
    padding: 26px !important;
}

.padding-27 {
    padding: 27px !important;
}

.padding-28 {
    padding: 28px !important;
}

.padding-29 {
    padding: 29px !important;
}

.padding-30 {
    padding: 30px !important;
}

.padding-31 {
    padding: 31px !important;
}

.padding-32 {
    padding: 32px !important;
}

.padding-33 {
    padding: 33px !important;
}

.padding-34 {
    padding: 34px !important;
}

.padding-35 {
    padding: 35px !important;
}

.padding-36 {
    padding: 36px !important;
}

.padding-37 {
    padding: 37px !important;
}

.padding-38 {
    padding: 38px !important;
}

.padding-39 {
    padding: 39px !important;
}

.padding-40 {
    padding: 40px !important;
}

.padding-41 {
    padding: 41px !important;
}

.padding-42 {
    padding: 42px !important;
}

.padding-43 {
    padding: 43px !important;
}

.padding-44 {
    padding: 44px !important;
}

.padding-45 {
    padding: 45px !important;
}

.padding-46 {
    padding: 46px !important;
}

.padding-47 {
    padding: 47px !important;
}

.padding-48 {
    padding: 48px !important;
}

.padding-49 {
    padding: 49px !important;
}

.padding-50 {
    padding: 50px !important;
}

.padding-top-1 {
    padding-top: 1px !important;
}

.padding-top-2 {
    padding-top: 2px !important;
}

.padding-top-3 {
    padding-top: 3px !important;
}

.padding-top-4 {
    padding-top: 4px !important;
}

.padding-top-5 {
    padding-top: 5px !important;
}

.padding-top-6 {
    padding-top: 6px !important;
}

.padding-top-7 {
    padding-top: 7px !important;
}

.padding-top-8 {
    padding-top: 8px !important;
}

.padding-top-9 {
    padding-top: 9px !important;
}

.padding-top-10 {
    padding-top: 10px !important;
}

.padding-top-11 {
    padding-top: 11px !important;
}

.padding-top-12 {
    padding-top: 12px !important;
}

.padding-top-13 {
    padding-top: 13px !important;
}

.padding-top-14 {
    padding-top: 14px !important;
}

.padding-top-15 {
    padding-top: 15px !important;
}

.padding-top-16 {
    padding-top: 16px !important;
}

.padding-top-17 {
    padding-top: 17px !important;
}

.padding-top-18 {
    padding-top: 18px !important;
}

.padding-top-19 {
    padding-top: 19px !important;
}

.padding-top-20 {
    padding-top: 20px !important;
}

.padding-top-21 {
    padding-top: 21px !important;
}

.padding-top-22 {
    padding-top: 22px !important;
}

.padding-top-23 {
    padding-top: 23px !important;
}

.padding-top-24 {
    padding-top: 24px !important;
}

.padding-top-25 {
    padding-top: 25px !important;
}

.padding-top-26 {
    padding-top: 26px !important;
}

.padding-top-27 {
    padding-top: 27px !important;
}

.padding-top-28 {
    padding-top: 28px !important;
}

.padding-top-29 {
    padding-top: 29px !important;
}

.padding-top-30 {
    padding-top: 30px !important;
}

.padding-top-31 {
    padding-top: 31px !important;
}

.padding-top-32 {
    padding-top: 32px !important;
}

.padding-top-33 {
    padding-top: 33px !important;
}

.padding-top-34 {
    padding-top: 34px !important;
}

.padding-top-35 {
    padding-top: 35px !important;
}

.padding-top-36 {
    padding-top: 36px !important;
}

.padding-top-37 {
    padding-top: 37px !important;
}

.padding-top-38 {
    padding-top: 38px !important;
}

.padding-top-39 {
    padding-top: 39px !important;
}

.padding-top-40 {
    padding-top: 40px !important;
}

.padding-top-41 {
    padding-top: 41px !important;
}

.padding-top-42 {
    padding-top: 42px !important;
}

.padding-top-43 {
    padding-top: 43px !important;
}

.padding-top-44 {
    padding-top: 44px !important;
}

.padding-top-45 {
    padding-top: 45px !important;
}

.padding-top-46 {
    padding-top: 46px !important;
}

.padding-top-47 {
    padding-top: 47px !important;
}

.padding-top-48 {
    padding-top: 48px !important;
}

.padding-top-49 {
    padding-top: 49px !important;
}

.padding-top-50 {
    padding-top: 50px !important;
}

.padding-right-1 {
    padding-right: 1px !important;
}

.padding-right-2 {
    padding-right: 2px !important;
}

.padding-right-3 {
    padding-right: 3px !important;
}

.padding-right-4 {
    padding-right: 4px !important;
}

.padding-right-5 {
    padding-right: 5px !important;
}

.padding-right-6 {
    padding-right: 6px !important;
}

.padding-right-7 {
    padding-right: 7px !important;
}

.padding-right-8 {
    padding-right: 8px !important;
}

.padding-right-9 {
    padding-right: 9px !important;
}

.padding-right-10 {
    padding-right: 10px !important;
}

.padding-right-11 {
    padding-right: 11px !important;
}

.padding-right-12 {
    padding-right: 12px !important;
}

.padding-right-13 {
    padding-right: 13px !important;
}

.padding-right-14 {
    padding-right: 14px !important;
}

.padding-right-15 {
    padding-right: 15px !important;
}

.padding-right-16 {
    padding-right: 16px !important;
}

.padding-right-17 {
    padding-right: 17px !important;
}

.padding-right-18 {
    padding-right: 18px !important;
}

.padding-right-19 {
    padding-right: 19px !important;
}

.padding-right-20 {
    padding-right: 20px !important;
}

.padding-right-21 {
    padding-right: 21px !important;
}

.padding-right-22 {
    padding-right: 22px !important;
}

.padding-right-23 {
    padding-right: 23px !important;
}

.padding-right-24 {
    padding-right: 24px !important;
}

.padding-right-25 {
    padding-right: 25px !important;
}

.padding-right-26 {
    padding-right: 26px !important;
}

.padding-right-27 {
    padding-right: 27px !important;
}

.padding-right-28 {
    padding-right: 28px !important;
}

.padding-right-29 {
    padding-right: 29px !important;
}

.padding-right-30 {
    padding-right: 30px !important;
}

.padding-right-31 {
    padding-right: 31px !important;
}

.padding-right-32 {
    padding-right: 32px !important;
}

.padding-right-33 {
    padding-right: 33px !important;
}

.padding-right-34 {
    padding-right: 34px !important;
}

.padding-right-35 {
    padding-right: 35px !important;
}

.padding-right-36 {
    padding-right: 36px !important;
}

.padding-right-37 {
    padding-right: 37px !important;
}

.padding-right-38 {
    padding-right: 38px !important;
}

.padding-right-39 {
    padding-right: 39px !important;
}

.padding-right-40 {
    padding-right: 40px !important;
}

.padding-right-41 {
    padding-right: 41px !important;
}

.padding-right-42 {
    padding-right: 42px !important;
}

.padding-right-43 {
    padding-right: 43px !important;
}

.padding-right-44 {
    padding-right: 44px !important;
}

.padding-right-45 {
    padding-right: 45px !important;
}

.padding-right-46 {
    padding-right: 46px !important;
}

.padding-right-47 {
    padding-right: 47px !important;
}

.padding-right-48 {
    padding-right: 48px !important;
}

.padding-right-49 {
    padding-right: 49px !important;
}

.padding-right-50 {
    padding-right: 50px !important;
}

.padding-bottom-1 {
    padding-bottom: 1px !important;
}

.padding-bottom-2 {
    padding-bottom: 2px !important;
}

.padding-bottom-3 {
    padding-bottom: 3px !important;
}

.padding-bottom-4 {
    padding-bottom: 4px !important;
}

.padding-bottom-5 {
    padding-bottom: 5px !important;
}

.padding-bottom-6 {
    padding-bottom: 6px !important;
}

.padding-bottom-7 {
    padding-bottom: 7px !important;
}

.padding-bottom-8 {
    padding-bottom: 8px !important;
}

.padding-bottom-9 {
    padding-bottom: 9px !important;
}

.padding-bottom-10 {
    padding-bottom: 10px !important;
}

.padding-bottom-11 {
    padding-bottom: 11px !important;
}

.padding-bottom-12 {
    padding-bottom: 12px !important;
}

.padding-bottom-13 {
    padding-bottom: 13px !important;
}

.padding-bottom-14 {
    padding-bottom: 14px !important;
}

.padding-bottom-15 {
    padding-bottom: 15px !important;
}

.padding-bottom-16 {
    padding-bottom: 16px !important;
}

.padding-bottom-17 {
    padding-bottom: 17px !important;
}

.padding-bottom-18 {
    padding-bottom: 18px !important;
}

.padding-bottom-19 {
    padding-bottom: 19px !important;
}

.padding-bottom-20 {
    padding-bottom: 20px !important;
}

.padding-bottom-21 {
    padding-bottom: 21px !important;
}

.padding-bottom-22 {
    padding-bottom: 22px !important;
}

.padding-bottom-23 {
    padding-bottom: 23px !important;
}

.padding-bottom-24 {
    padding-bottom: 24px !important;
}

.padding-bottom-25 {
    padding-bottom: 25px !important;
}

.padding-bottom-26 {
    padding-bottom: 26px !important;
}

.padding-bottom-27 {
    padding-bottom: 27px !important;
}

.padding-bottom-28 {
    padding-bottom: 28px !important;
}

.padding-bottom-29 {
    padding-bottom: 29px !important;
}

.padding-bottom-30 {
    padding-bottom: 30px !important;
}

.padding-bottom-31 {
    padding-bottom: 31px !important;
}

.padding-bottom-32 {
    padding-bottom: 32px !important;
}

.padding-bottom-33 {
    padding-bottom: 33px !important;
}

.padding-bottom-34 {
    padding-bottom: 34px !important;
}

.padding-bottom-35 {
    padding-bottom: 35px !important;
}

.padding-bottom-36 {
    padding-bottom: 36px !important;
}

.padding-bottom-37 {
    padding-bottom: 37px !important;
}

.padding-bottom-38 {
    padding-bottom: 38px !important;
}

.padding-bottom-39 {
    padding-bottom: 39px !important;
}

.padding-bottom-40 {
    padding-bottom: 40px !important;
}

.padding-bottom-41 {
    padding-bottom: 41px !important;
}

.padding-bottom-42 {
    padding-bottom: 42px !important;
}

.padding-bottom-43 {
    padding-bottom: 43px !important;
}

.padding-bottom-44 {
    padding-bottom: 44px !important;
}

.padding-bottom-45 {
    padding-bottom: 45px !important;
}

.padding-bottom-46 {
    padding-bottom: 46px !important;
}

.padding-bottom-47 {
    padding-bottom: 47px !important;
}

.padding-bottom-48 {
    padding-bottom: 48px !important;
}

.padding-bottom-49 {
    padding-bottom: 49px !important;
}

.padding-bottom-50 {
    padding-bottom: 50px !important;
}

.padding-left-1 {
    padding-left: 1px !important;
}

.padding-left-2 {
    padding-left: 2px !important;
}

.padding-left-3 {
    padding-left: 3px !important;
}

.padding-left-4 {
    padding-left: 4px !important;
}

.padding-left-5 {
    padding-left: 5px !important;
}

.padding-left-6 {
    padding-left: 6px !important;
}

.padding-left-7 {
    padding-left: 7px !important;
}

.padding-left-8 {
    padding-left: 8px !important;
}

.padding-left-9 {
    padding-left: 9px !important;
}

.padding-left-10 {
    padding-left: 10px !important;
}

.padding-left-11 {
    padding-left: 11px !important;
}

.padding-left-12 {
    padding-left: 12px !important;
}

.padding-left-13 {
    padding-left: 13px !important;
}

.padding-left-14 {
    padding-left: 14px !important;
}

.padding-left-15 {
    padding-left: 15px !important;
}

.padding-left-16 {
    padding-left: 16px !important;
}

.padding-left-17 {
    padding-left: 17px !important;
}

.padding-left-18 {
    padding-left: 18px !important;
}

.padding-left-19 {
    padding-left: 19px !important;
}

.padding-left-20 {
    padding-left: 20px !important;
}

.padding-left-21 {
    padding-left: 21px !important;
}

.padding-left-22 {
    padding-left: 22px !important;
}

.padding-left-23 {
    padding-left: 23px !important;
}

.padding-left-24 {
    padding-left: 24px !important;
}

.padding-left-25 {
    padding-left: 25px !important;
}

.padding-left-26 {
    padding-left: 26px !important;
}

.padding-left-27 {
    padding-left: 27px !important;
}

.padding-left-28 {
    padding-left: 28px !important;
}

.padding-left-29 {
    padding-left: 29px !important;
}

.padding-left-30 {
    padding-left: 30px !important;
}

.padding-left-31 {
    padding-left: 31px !important;
}

.padding-left-32 {
    padding-left: 32px !important;
}

.padding-left-33 {
    padding-left: 33px !important;
}

.padding-left-34 {
    padding-left: 34px !important;
}

.padding-left-35 {
    padding-left: 35px !important;
}

.padding-left-36 {
    padding-left: 36px !important;
}

.padding-left-37 {
    padding-left: 37px !important;
}

.padding-left-38 {
    padding-left: 38px !important;
}

.padding-left-39 {
    padding-left: 39px !important;
}

.padding-left-40 {
    padding-left: 40px !important;
}

.padding-left-41 {
    padding-left: 41px !important;
}

.padding-left-42 {
    padding-left: 42px !important;
}

.padding-left-43 {
    padding-left: 43px !important;
}

.padding-left-44 {
    padding-left: 44px !important;
}

.padding-left-45 {
    padding-left: 45px !important;
}

.padding-left-46 {
    padding-left: 46px !important;
}

.padding-left-47 {
    padding-left: 47px !important;
}

.padding-left-48 {
    padding-left: 48px !important;
}

.padding-left-49 {
    padding-left: 49px !important;
}

.padding-left-50 {
    padding-left: 50px !important;
}

.font.font-bold {
    font-weight: 900;
}

.font.font-normal {
    font-weight: 300;
}

/* Timeline */
.timeline {
    list-style: none;
    padding: 20px;
    position: relative;
}

    .timeline:before {
        position: absolute;
        content: " ";
    }

    .timeline .timeline-item {
        position: relative;
    }

        .timeline .timeline-item.past:before {
            content: "";
            position: absolute;
            height: 100%;
            top: 20px;
            bottom: auto;
            left: 10%;
            right: 0;
            width: 3px;
            margin-bottom: 20px;
            background-color: #CCCCCC;
            margin-left: -2px;
        }

        .timeline .timeline-item:before {
            content: "";
            position: absolute;
            height: 100%;
            top: 20px;
            bottom: auto;
            left: 10%;
            right: 0;
            width: 3px;
            margin-bottom: 20px;
            background-color: #001B74;
            margin-left: -2px;
        }

.timeline-item:last-child:before {
    width: 0%;
}

.timeline .timeline-item:after {
    clear: both;
}

.timeline .timeline-item .timeline-badge {
    color: #fff;
    width: 16px;
    height: 16px;
    line-height: 52px;
    font-size: 22px;
    text-align: center;
    position: absolute;
    top: 18px;
    left: 10%;
    margin-left: -9px;
    background-color: #333;
    z-index: 1;
    border: 2px solid #ffffff;
    border-top-right-radius: 50%;
    border-top-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
}

.timeline .timeline-item.past .timeline-badge {
    background-color: #CCCCCC;
}

.timeline .timeline-item.current .timeline-badge {
    border: 0px;
    background-color: #ff0000;
}

.timeline .timeline-item.current.done .timeline-badge {
    border: 0px;
    background-color: #00bb00;
}

.timeline .timeline-item.future .timeline-badge {
    background-color: #001B74;
}

.timeline .timeline-item.future.done .timeline-badge {
    border: 0px;
    background-color: #00bb00;
}

.timeline .timeline-item .timeline-panel {
    position: relative;
    width: 46%;
    left: 20%;
    background: #ffffff;
    padding: 20px 10px 0px 10px;
}

    .timeline .timeline-item .timeline-panel .timeline-title {
        margin-top: 0;
        color: inherit;
    }

.timeline .timeline-item.past .timeline-panel .timeline-body > p {
    color: #CCCCCC;
}

.timeline .timeline-item.current .timeline-panel .timeline-body > p {
    color: #ff0000;
}

.timeline .timeline-item.current.done .timeline-panel .timeline-body > p {
    color: #00bb00;
}

.timeline .timeline-item.future .timeline-panel .timeline-body > p {
    color: #001B74;
}

.timeline .timeline-item.future.done .timeline-panel .timeline-body > p {
    color: #00bb00;
}

.timeline .timeline-item .timeline-panel .timeline-body > p,
.timeline .timeline-item .timeline-panel .timeline-body > ul {
    margin-bottom: 0;
}

    .timeline .timeline-item .timeline-panel .timeline-body > p + p {
        margin-top: 5px;
    }

@media (min-width: 767px) {
    .timeline {
        list-style: none;
        position: relative;
        padding: 30px 0px 20px 10px;
        display: table;
        margin: auto;
    }

        .timeline:before {
            height: 3px;
            top: 31px;
            bottom: auto;
            left: 56px;
            right: 0;
            width: 0%;
            margin-bottom: 20px;
        }

        .timeline .timeline-item {
            display: table-cell;
            min-width: auto;
            float: none !important;
            padding-left: 0px;
            padding-right: 20px;
            margin: 0 auto;
            vertical-align: bottom;
        }

            .timeline .timeline-item .timeline-panel {
                top: auto;
                bottom: -16px;
                display: inline-block;
                float: none !important;
                left: 0 !important;
                right: 0 !important;
                width: 140px;
                /*width: 100%;*/
                /*min-width: 190px;*/
            }

                .timeline .timeline-item .timeline-panel:before {
                    top: auto;
                    bottom: -16px;
                    left: 28px !important;
                    right: auto;
                    border-right: 16px solid transparent !important;
                    border-top: 16px solid #777 !important;
                    border-bottom: 0 solid #777 !important;
                    border-left: 16px solid transparent !important;
                }

            .timeline .timeline-item:before {
                height: 3px;
                top: 10px;
                bottom: auto;
                left: 56px;
                right: 0;
                width: 100%;
                margin-bottom: 20px;
                position: absolute;
                content: " ";
                background-color: #001B74;
                margin-left: -1.5px;
            }

            .timeline .timeline-item.past:before {
                height: 3px;
                top: 10px;
                bottom: auto;
                left: 56px;
                right: 0;
                width: 100%;
                margin-bottom: 20px;
                position: absolute;
                content: " ";
                background-color: #CCCCCC;
                margin-left: -1.5px;
            }

            .timeline .timeline-item:last-child:before {
                width: 0%;
            }

            .timeline .timeline-item .timeline-badge {
                top: 4px;
                bottom: auto;
                left: 55px;
            }

            .timeline .timeline-item .timeline-panel .timeline-body > p + p {
                min-height: 90px;
            }

            .timeline .timeline-item.no-state .timeline-panel .timeline-body > p + p {
                min-height: 111px;
            }

            .timeline.bs .timeline-item.no-state .timeline-panel .timeline-body > p + p {
                min-height: 131px;
            }
}
