/* Side notes for calling out things
-------------------------------------------------- */

/* Base styles (regardless of theme) */

.bs-callout {
    margin: 20px 0;
    padding: 15px 30px 15px 15px;
    border-left: 7px solid #eee;
}

.bs-callout h4 {
    margin-top: 0;
}

.bs-callout p:last-child {
    margin-bottom: 0;
}

.bs-callout code,
.bs-callout .highlight {
    background-color: #fff;
}

/* Themes for different contexts */

.bs-callout-danger {
    /*background-color: #fcf2f2;*/
    border-color: #dFb5b4;
}

.bs-callout-success {
    /*background-color: #dff0d8;*/
    /*border-color: #dff0d8;*/
    border-color: #449d44;
}

.bs-callout-warning {
    /*background-color: #fefbed;*/
    border-color: #f1e7bc;
}

.bs-callout-info {
    /*background-color: #f0f7fd;*/
    border-color: #d0e3f0;
}

/* Icon when the collapsible content is hidden */

.btn.expandable.collapsed:after,
.btn-xs.expandable.collapsed:after {
    font-family: "FontAwesome";
    content: "\f067";
}

/* Icon when the collapsible content is shown */

.btn.expandable:after,
.btn-xs.expandable:after {
    font-family: "FontAwesome";
    content: "\f068";
}


.tglOff {
    text-decoration: line-through;
}

pre {
    white-space: pre-wrap;
    word-break: normal;
}

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

.btn-cons {
    margin-right: 5px;
    min-width: 115px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

@media only screen and (max-width: 600px) {
    .btn-cons {
        min-width: 60px;
    }
}

@keyframes example {
    from {
        background-color: red;
    }

    to {
        background-color: yellow;
    }
}

.animate_1 {
    width: 100px;
    height: 100px;
    background-color: red;
    animation-name: example;
    animation-duration: 4s;
}

/*.tab-content {
    */

/*    background-color: #fff;*/

/*}*/

.nav-tabs {
    border-bottom: 1px solid #dddddd;
    background-color: whitesmoke;
}

.nav-tabs>li>a,
.nav-tabs>li>a:hover {
    min-width: 120px;
    /*max-width: 120px;*/
    padding: 10px 5px 10px 5px;
    border-top-width: medium;
    border-top-color: #AF2D2B;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
    color: #555555;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-bottom-color: transparent;
    cursor: default;
    font-style: italic;
    border-top-width: medium;
    border-top-color: #f0ad4e;
}

.nav-tabs.nav-lvl-2>li>a {
    min-width: 110px;
    max-width: 110px;
    min-height: 82px;
    max-height: 82px;
}


.dataTable thead {
    background: #AF2D2B;
    font-size: 11px;
    color: #fff;
    text-transform: uppercase;
}

.table-black th {
    color: #000;
}

.navbar-default {
    background: #942624;
    background: linear-gradient(#942624, #AF2D2B);
    border-width: 0 0 2px;
    max-width: 1920px;
    margin: 0 auto;
    float: none;
}


.modal-content {
    /*-moz-border-radius: 12px;*/
    /*-webkit-border-radius: 12px;*/
    /*border-radius: 12px;*/
    border-color: #666;
    border-width: 0px;
    padding: 0;
}

.modal-header {
    /*-moz-border-radius: 6px;*/
    /*-moz-border-radius-bottomleft: 0;*/
    /*-moz-border-radius-bottomright: 0;*/
    /*cursor: move;*/
    background-color: #af2d2b;
    /*border-radius: 6px;*/
    /*border-bottom-left-radius: 0;*/
    /*border-bottom-right-radius: 0;*/
    border: 0;
    border-bottom: 1px solid #B3B3B3;
    padding: 10px
}

.modal-footer {
    /*-moz-border-radius: 6px;*/
    /*-moz-border-radius-topleft: 0;*/
    /*-moz-border-radius-topright: 0;*/
    background: #E6E6E6;
    /*border-radius: 6px;*/
    /*border-top-left-radius: 0;*/
    /*border-top-right-radius: 0;*/
    border: 0;
    margin: 0;
    border-top: 1px solid #B3B3B3;
    position: relative;
    padding: 8px
}

.projNotes {
    /*margin-bottom: 5px;*/
    /*min-height: 95px;*/
    white-space: pre-line;
    padding: 0px 20px 0px 20px;
    border: 1px solid #fff;
    display: block;
    background-color: #ffffcc;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    /*font-family: 'Nothing You Could Do', cursive;*/
    /*font-weight: bold;*/
    /*font-size: 18px;*/
}

.projSpecs {
    font-style: italic;
    white-space: pre-line;
    padding: 0px 0px 10px 20px;
    border: 1px solid;
    display: block;
    background-color: #ffffcc;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.avatar {
    border-radius: 16px;
    /*margin-top: 2px;*/
}

#dashboard_account_center {
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 3px;
    padding: 3px;
    white-space: nowrap;
    min-width: 168px;
    margin-top: -10px;
}

.bar-top-menu {
    cursor: pointer;
    margin-left: 6px;
    margin-right: 6px;
    display: inline-block;
    position: relative;
}

#account_user_name {
    margin-top: 2px;
    font-size: 14px;
    min-height: 14.25pt;
    overflow: hidden;
}

body {
    padding-top: 56px;
    margin-bottom: 50px;
    background-color: #fefefe;
    background-image: linear-gradient(to right, #fefefe, #eee);
    max-width: 1920px;
    margin: 0 auto;
    float: none;

}

.hr-thin {
    margin-top: 5px;
    margin-bottom: 5px;
}

.ul-thin,
.ol-thin {
    margin-top: 5px;
    margin-bottom: 0px;
}

.jumbotron-thin {
    padding: 10px 15px;
    margin-bottom: 10px;
    color: #555;
    border-color: #000;
    background-color: #f1e7bc;
    ;
    border-radius: 6px;
}


.top-buffer {
    margin-top: 5px;
}

.footer {

    /*z-index: 2;*/
    /*position: fixed;*/
    background-color: #333333;
    /*width: 100%;*/
    padding-top: 10px;

    /*left: 0;*/
    /*bottom: 0;*/
    /*margin-top: 10px;*/
}

textarea {
    resize: none;
}

#userDDToggle {
    height: 50px
}

li.shadow-text,
span.shadow-text {
    text-shadow: 1px 1px #000;
}

li.shadow-text:hover,
span.shadow-text:hover {
    text-shadow: none;
}

/*.dataTables_wrapper {*/

/*    margin-bottom: 50px;*/

/*}*/

.dt-button.red {
    color: #942624;
}

.panel-header {
    /*border-top-color: #AF2D2B;*/
    /*border-top: 3px solid #AF2D2B;*/
}

.panel-default {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.panel {
    margin-bottom: 15px;
    background-color: #fff;
}

blockquote .blockquote-thin {
    padding: 0px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #eeeeee;
}

th.dt-center,
td.dt-center {
    text-align: center;
}


.navbar-default .navbar-brand {
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}


.breadcrumb {
    background-image: linear-gradient(to right, #ededed, #fff);
    border: 1px solid antiquewhite;
}

/*.fa-heartbeat {*/
/*    color: red;*/
/*}*/

.fa-battery-3 {
    color: #0b4a55;
}

.fa-money {
    color: green;
}

.fa-folder,
.fa-folder-open {
    color: #f1d592;
}

.fa-gift {
    color: #d11b2e;
}

.fa-cut {
    color: silver;
}

.glyphicon-king {
    color: black;
}

.fa-chain-broken {
    color: darkgoldenrod;
}

/*input[type=search] {
    */


/*    text-align: center;*/

/*    display: block;*/

/*    width: 100%;*/

/*letter-spacing: 4px;*/

/*    text-shadow: 0 0 1px black;*/

/*word-spacing: 20px;*/

/*}*/

.amp-note {
    background-color: #ffffcc;
    border-left: 6px solid #ffeb3b;
}

.amp-panel {
    margin-top: 16px;
    margin-bottom: 16px;
    padding: 1em 16px;
}

.amp-panel.amp-note p {
    padding-top: 16px;
    padding-bottom: 8px;
}

.report-table-inner {
    background-color: #ffffff;
    border: 1px solid #ddd;
    margin: 1em 0.25em 0;
    padding: 0.5em 1em 1em;
    min-width: 768px;
}

.report-table-inner h5 {
    line-height: 1.5;
}

.report-table-segment-data-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.report-table-segment-data-list-item {
    line-height: normal;
    text-align: center;
}

.report-table-segment-title {
    width: 10em;
    text-align: center;
}

.report-table-row-legend {
    border-left: 1px solid #fff !important;
    border-top: 1px solid #fff !important;
}

.bg-default {
    background-color: #f0f0f0;
}

.report-qa-code {
    margin-left: 5px;
    font-weight: normal;
    font-size: 11px;
    line-height: inherit;
    color: #6b9757;
    cursor: default;
}

.text-bold {
    font-weight: bold;
}

.totalCell {
    min-width: 400px;
}

.report-table-sub-title {
    font-size: 15px;
    color: #f90;
    font-weight: bold;
}

.w3-grey,
.w3-hover-grey:hover,
.w3-gray,
.w3-hover-gray:hover {
    color: #000;
    background-color: #337ab7;
}

.w3-light-grey,
.w3-hover-light-grey:hover,
.w3-light-gray,
.w3-hover-light-gray:hover {
    color: #000;
    background-color: #f1f1f1;
}


.table-striped>tbody>tr:nth-of-type(even) {
    background-color: #e4e4e4;
}

.table-shadow {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

div .checked table {
    box-shadow: 0 4px 8px 0 #f0ad4e, 0 6px 20px 0 #f0ad4e;
}

.table.confidential {
    box-shadow: 0 4px 8px 0 #f0ad4e, 0 6px 20px 0 #f0ad4e;
}

.table.sensitive {
    box-shadow: 0 4px 8px 0 #d8534f, 0 6px 20px 0 #d8534f;
}

td,
th {
    padding: 0px 0px 0px 5px;
}

.panel-default>.panel-heading {
    background-image: url("/images/banner_math.jpg");
    color: #fff;
    /*opacity: 0.75;*/
    font-weight: bold;
}

.panel-title {
    font-weight: bold;
    text-shadow: 2px 2px 4px #000000;
}

.bold-green-font {
    font-weight: bold;
    color: green;
}

.bold-black-font {
    font-weight: bold;
    color: black;
}

.bold-font {
    font-weight: bold;
}

.right-text {
    text-align: right;
}

.large-font {
    font-size: 15px;
}

.italic-darkblue-font {
    font-style: italic;
    color: darkblue;
}

.italic-purple-font {
    font-style: italic;
    color: purple;
}

.underline-blue-font {
    text-decoration: underline;
    color: blue;
}

.gold-border {
    border: 3px solid gold;
}

.deeppink-border {
    border: 3px solid deeppink;
}

.orange-background {
    background-color: orange;
}

.orchid-background {
    background-color: orchid;
}

.beige-background {
    background-color: #ffffcc;
}

/* FLIP CARD*/

.flip-card {
    background-color: transparent;
    perspective: 1000px;
    /* Remove this if you don't want the 3D effect */
}

/* This container is needed to position the front and back side */

.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.8s;
    transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */

.flip-card:hover .flip-card-inner {
    transform: rotateY(180deg);
}

/* Position the front and back side */

.flip-card-front,
.flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
}

/* Style the front side (fallback if image is missing) */

.flip-card-front {}

/* Style the back side */

.flip-card-back {
    transform: rotateY(180deg);
}

.flip_H {
    transform: scale(-1, 1);
}


/* TOGGLE */

.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 17px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 13px;
    width: 26px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked+.slider {
    background-color: Red;
}

input:focus+.slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked+.slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */

.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

.qsheet {
    margin-bottom: 10px;
}

.table-max {
    max-width: 1200px;
}


.btn-purple {
    color: #ffffff;
    background-color: #cc00cc;
    border-color: #800080;
}

.btn-purple:hover {
    color: #ffffff;
    background-color: #800080;
    border-color: #800080;
}

.input-xs {
    height: 22px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

#selServices .form-group {
    margin-bottom: 5px;
}

.well-xs {
    padding: 1px;
}

.checkbox-menu li label {
    display: block;
    padding: 3px 10px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    margin: 0;
    transition: background-color .4s ease;
}

.checkbox-menu li input {
    margin: 0px 5px;
    top: 2px;
    position: relative;
}

.checkbox-menu li.active label {
    background-color: #cbcbff;
    font-weight: bold;
}

.checkbox-menu li label:hover,
.checkbox-menu li label:focus {
    background-color: #f5f5f5;
}

.checkbox-menu li.active label:hover,
.checkbox-menu li.active label:focus {
    background-color: #b8b8ff;
}

.view-header {
    margin: 20px 0;
    min-height: 50px;
    padding: 0 15px;
}

.header-icon {
    font-size: 70px;
    color: #AF2D2B;
    width: 68px;
    float: left;
    margin-top: -8px;
    line-height: 0;
}

.view-header .header-title {
    margin-left: 68px;
}

.panel.panel-filled {
    background-color: rgba(68, 70, 79, .5);
}

.panel.panel-filled .panel-body {
    padding-top: 10px;
}

.panel .panel-body {
    padding: 5px 15px 15px;
}

.at-form {
    float: none;
    overflow: auto;
    margin: 0 auto;
    border-radius: 10px;
    padding: 15px;
}

.container-center {
    max-width: 400px;
    margin: 10% auto 0;
    padding: 20px;
}

[class*=" pe-7s-"],
[class^=pe-7s-] {
    display: inline-block;
    font-family: Pe-icon-7-stroke;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.pe-7s-unlock:before {
    content: "\e607";
}

.btn-accounts {
    color: #949ba2;
    background-color: transparent;
    border-color: #616779;
    text-transform: initial;
}

.btn-accounts:hover {
    color: #fff;
    background-color: rgba(97, 103, 121, .1);
    border-color: #616779;
}

body.blank {
    background: #2f323b;
    font-family: Roboto, sans-serif;
    color: #949ba2;
}

/*h1, h2, h3, h4, h5, h6 {*/
/*    color: #fff;*/
/*}*/

.grp-services {
    background-color: #24262d;
    color: #fff;
}

.estslider {
    margin: 10px 0 0 10px;
}

#custom-handle {
    width: 3em;
    height: 1.6em;
    top: 50%;
    margin-top: -.8em;
    text-align: center;
    line-height: 1.6em;
}


.finType {
    height: 95px;
    line-height: 95px;
    font-size: 46px;
    color: #bbb;
    text-align: center;
    margin-bottom: 5px;
    white-space: pre-line;
    padding: 5px 20px 20px 20px;
    border: 1px solid #ddd;
    display: block;
    background-color: #f9f9f9;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.header {
    padding: 5px;
    color: white;
    font-weight: bold;
    background: #AF2D2B;
    font-size: 11px;
    text-transform: uppercase;
}

.dropdown-header {
    font-size: 14px;
    background: #AF2D2B;
    color: white;

}

@media screen and (min-width: 768px) {
    .modal-dialog-sm {
        width: 350px;
        /* New width for small modal */
        margin: 30px auto;
    }
}

@media screen and (min-width: 992px) {
    .modal-dialog-lg {
        width: 950px;
        /* New width for large modal */
        margin: 30px auto;
    }
}

.progressServices {
    margin-bottom: 5px;
    min-height: 95px;
    white-space: pre-line;
    /*padding: 5px 20px 20px 20px;*/
    border: 1px solid #fff;
    display: block;
    background-color: #fdfdfd;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.header-blue {
    padding: 5px;
    color: white;
    font-weight: bold;
    background: #337ab7;
    font-size: 11px;
    text-transform: uppercase;
}

.progress-bill {
    border: 1px solid #ccc;
    background-color: #5cb85c;
    border-color: #4cae4c;
    margin-bottom: 10px;
    margin-top: 10px;
}

.success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    font-size: 11px;
    text-transform: uppercase;
}


.btn-hidden {
    display: none;
}

.hr-line-dashed {
    border-top: 1px dashed #E7EAEC;
    color: #ffffff;
    background-color: #ffffff;
    height: 1px;
    margin: 20px 0;
}

.ibox-content {
    background-color: #FFFFFF;
    color: inherit;
    padding: 15px 20px 20px 20px;
    border-color: #E7EAEC;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 0px;
}

.container {
    padding-left: 5px;
    padding-right: 5px;
}

.bordered {
    border: 1px solid #dddddd33;
    text-align: center;
    width: 100%;
    padding: 1px;
}

.bordered-black {
    border: 1px solid #00000033;
    text-align: center;
    width: 100%;
    padding: 1px;
}

.bordered-blue {
    border: 1px solid #0000ff33;
    text-align: center;
    width: 100%;
    padding: 1px;
}

.mb0 {
    margin-bottom: 0px;
}

.mb3 {
    margin-bottom: 3px;
}

.mb5 {
    margin-bottom: 5px;
}

.mb10 {
    margin-bottom: 10px;
}

.href-white {
    color: #fff;
    font-weight: bold;
}

.href-black {
    color: #000;
}

.select2-container--default .select2-selection--multiple {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.group {
    font-weight: bold;
    background-color: #bbb !important;
}

input.biginput {
    border: none;
    font-size: 19pt;
    height: 45px;
}

.select2,
.select2-search__field {
    min-width: 100%;
}

.sidebar {
    height: 100%;
    width: 0;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    background-color: #f5f5f5;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 80px;
}

#calprojlist .list-group {
    padding-top: 8px;
}

#calprojlist .list-group-item {
    width: 80%;
}

.fc-daygrid-event {
    cursor: zoom-in;
}

.liap {
    border: 1px solid #AF2D2B;
}

.checkmark.btn-primary.active::after {
    content: " \f058";
    font: normal normal normal 14px/1 FontAwesome;
}

.checkmark.btn-success.active::after {
    content: " \f058";
    font: normal normal normal 14px/1 FontAwesome;
}

.font-italic {
    font-style: italic;
}

.bg-azure {
    background-color: azure;
}

.bg-honeydew {
    background-color: honeydew;
}

.font-large {
    font-size: large;
}

.modal-backdrop.in {
    position: fixed;
    height: auto;
    bottom: 0;
}

.fc-day-today {
    background-color: yellow !important;
}


#dropzone {
    background: white;
    border-radius: 5px;
    border: 5px dashed rgb(0, 135, 247);
    border-image: none;
    margin: 10px 0 10px 0;
    width: 100%;
    max-width: 100%;
    height: 150px;
    padding: 50px;
    text-align: center;
}

#dropzone:hover {
    cursor: pointer;

}

.dataTables_wrapper .dataTables_processing {
    position: absolute;
    top: 25px;
    left: 50%;
    width: 100%;
    height: 100%;
    margin-left: -50%;
    margin-top: -25px;
    padding-top: 20px;
    text-align: center;
    font-size: 1.2em;
    color: #fff;
    background: rgb(175 45 43 / 0.25);
}

.h-90 {
    height: 90%;
}

.h-95 {
    height: 95%;
}

.h-100 {
    height: 100%;
}

.equal {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
}

.custom-control-label {
    margin-bottom: 0;
}

.margin-top-05 {
    margin-top: 0.5em;
}

.margin-top-10 {
    margin-top: 1.0em;
}

.margin-top-15 {
    margin-top: 1.5em;
}

.margin-top-20 {
    margin-top: 2.0em;
}

.margin-top-25 {
    margin-top: 2.5em;
}

.margin-top-30 {
    margin-top: 3.0em;
}

.m-0 { margin:0!important; }
.m-1 { margin:.25rem!important; }
.m-2 { margin:.5rem!important; }
.m-3 { margin:1rem!important; }
.m-4 { margin:1.5rem!important; }
.m-5 { margin:3rem!important; }

.mt-0 { margin-top:0!important; }
.mr-0 { margin-right:0!important; }
.mb-0 { margin-bottom:0!important; }
.ml-0 { margin-left:0!important; }
.mx-0 { margin-left:0 !important;margin-right:0 !important; }
.my-0 { margin-top:0!important;margin-bottom:0!important; }

.mt-1 { margin-top:.25rem!important; }
.mr-1 { margin-right:.25rem!important; }
.mb-1 { margin-bottom:.25rem!important; }
.ml-1 { margin-left:.25rem!important; }
.mx-1 { margin-left:.25rem!important;margin-right:.25rem!important; }
.my-1 { margin-top:.25rem!important;margin-bottom:.25rem!important; }

.mt-2 { margin-top:.5rem!important; }
.mr-2 { margin-right:.5rem!important; }
.mb-2 { margin-bottom:.5rem!important; }
.ml-2 { margin-left:.5rem!important; }
.mx-2 { margin-right:.5rem!important;margin-left:.5rem!important; }
.my-2 { margin-top:.5rem!important;margin-bottom:.5rem!important; }

.mt-3 { margin-top:1rem!important; }
.mr-3 { margin-right:1rem!important; }
.mb-3 { margin-bottom:1rem!important; }
.ml-3 { margin-left:1rem!important; }
.mx-3 { margin-right:1rem!important;margin-left:1rem!important; }
.my-3 { margin-bottom:1rem!important;margin-top:1rem!important; }

.mt-4 { margin-top:1.5rem!important; }
.mr-4 { margin-right:1.5rem!important; }
.mb-4 { margin-bottom:1.5rem!important; }
.ml-4 { margin-left:1.5rem!important; }
.mx-4 { margin-right:1.5rem!important;margin-left:1.5rem!important; }
.my-4 { margin-top:1.5rem!important;margin-bottom:1.5rem!important; }

.mt-5 { margin-top:3rem!important; }
.mr-5 { margin-right:3rem!important; }
.mb-5 { margin-bottom:3rem!important; }
.ml-5 { margin-left:3rem!important; }
.mx-5 { margin-right:3rem!important;margin-left:3rem!important; }
.my-5 { margin-top:3rem!important;margin-bottom:3rem!important; }

.mt-auto { margin-top:auto!important; }
.mr-auto { margin-right:auto!important; }
.mb-auto { margin-bottom:auto!important; }
.ml-auto { margin-left:auto!important; }
.mx-auto { margin-right:auto!important;margin-left:auto!important; }
.my-auto { margin-bottom:auto!important;margin-top:auto!important; }

.p-0 { padding:0!important; }
.p-1 { padding:.25rem!important; }
.p-2 { padding:.5rem!important; }
.p-3 { padding:1rem!important; }
.p-4 { padding:1.5rem!important; }
.p-5 { padding:3rem!important; }

.pt-0 { padding-top:0!important; }
.pr-0 { padding-right:0!important; }
.pb-0 { padding-bottom:0!important; }
.pl-0 { padding-left:0!important; }                             
.px-0 { padding-left:0!important;padding-right:0!important; }
.py-0 { padding-top:0!important;padding-bottom:0!important; }

.pt-1 { padding-top:.25rem!important; }         
.pr-1 { padding-right:.25rem!important; }                       
.pb-1 { padding-bottom:.25rem!important; }      
.pl-1 { padding-left:.25rem!important; }                            
.px-1 { padding-left:.25rem!important;padding-right:.25rem!important; }
.py-1 { padding-top:.25rem!important;padding-bottom:.25rem!important; }

.pt-2 { padding-top:.5rem!important; }                                              
.pr-2 { padding-right:.5rem!important; }                                
.pb-2 { padding-bottom:.5rem!important; }               
.pl-2 { padding-left:.5rem!important; }                                             
.px-2 { padding-right:.5rem!important;padding-left:.5rem!important; }
.py-2 { padding-top:.5rem!important;padding-bottom:.5rem!important; }

.pt-3 { padding-top:1rem!important; }                               
.pr-3 { padding-right:1rem!important; }             
.pb-3 { padding-bottom:1rem!important; }                
.pl-3 { padding-left:1rem!important; }                              
.py-3 { padding-bottom:1rem!important;padding-top:1rem!important; }
.px-3 { padding-right:1rem!important;padding-left:1rem!important; }

.pt-4 { padding-top:1.5rem!important; }                             
.pr-4 { padding-right:1.5rem!important; }               
.pb-4 { padding-bottom:1.5rem!important; }              
.pl-4 { padding-left:1.5rem!important; }                                
.px-4 { padding-right:1.5rem!important;padding-left:1.5rem!important; }
.py-4 { padding-top:1.5rem!important;padding-bottom:1.5rem!important; }

.pt-5 { padding-top:3rem!important; }   
.pr-5 { padding-right:3rem!important; } 
.pb-5 { padding-bottom:3rem!important; }    
.pl-5 { padding-left:3rem!important; }  
.px-5 { padding-right:3rem!important;padding-left:3rem!important; }
.py-5 { padding-top:3rem!important;padding-bottom:3rem!important; }

.rollback-quote:hover {
    cursor: pointer;
}