.ui-pnotify.translucent.ui-pnotify-fade-in {
    opacity: 0.8;
}


.page-header {
    margin-top: inherit !important;
    margin-bottom: 10px !important;
}

.page-header h1 {
    margin-top: 5px;
    margin-bottom: 5px;

}

.divider {
    height: 10px;;
}


.panel-heading a.panel-collapse-toggle:after {
    font-family:'Glyphicons Halflings';
    content:"\e114";
    float: right;
    color: inherit;
}
.panel-heading a.panel-collapse-toggle.collapsed:after {
    content:"\e080";
}

.panel-heading h3 a small {
    color: inherit;
}


/* Bootstrap 3 Flex option until Bootstrap 4*/
.row.display-flex {
    display: flex;
    flex-wrap: wrap;
}
.row.display-flex > [class*='col-'] {
    display: flex;
    flex-direction: column;
}

.no-gutters {
    margin-right: 0;
    margin-left: 0;
}
.no-gutters > .col, .no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
}


/* OnTheFly adding icon for OTFEntityType */
.otficon {
    cursor: pointer;
}

.dt-wrapping-colum {
    word-wrap: break-word;

    min-width: 60px;
    max-width: 100%;
    white-space:normal !important;
}

.info-row-heading {
    background: #eaeaea;
    border: 1px solid lightgray;
    border-radius: 3px;
    padding: 3px;
    margin: 0 0 3px 0;
}

.info-row-body {
    padding:2px;
}

/* Gun Notes popup information */
.gun-notes-popup-row-heading {
    background: #eaeaea;
    /*background: #e0e0e0;*/
    border: 1px solid lightgray;
    border-radius: 3px;
    padding: 3px;
    margin: 3px 0 3px 0;
}

.gun-notes-popup-row-body {
    padding: 3px 2px 3px 2px;
    margin-left: 0px;
    margin-right: 0px;
}

.gun-notes-popup-even-row {
    background-color: #f9f9f9;
}

.gun-notes-popup-note-type-row {
    padding-left: 3px;
}

.gun-notes-popup-date-div {
    padding: 3px 0px 3px 0px;
    font-weight: bold;
}

.gun-notes-popup-note-div {
    padding-left: 15px;
}

.gun-notes-popup-torqued-text {
    font-weight: bold;
    font-style: italic;
    color: blue;
}

.gun-notes-popup-hold-text {
    font-weight: bold;
    font-style: italic;
    color: green;
}

.gun-notes-popup-grain-text {
    font-weight: bold;
    font-style: italic;
    color: red;
}

.gun-notes-popup-workorder-note-date {
    font-style: italic;
    color: #8c8484;
}

.gun-notes-popup-poi-text {
    font-weight: bold;
    font-style: italic;
    color: green;
}

.gun-notes-popup-poa-text {
    font-weight: bold;
    font-style: italic;
    color: green;
}

.gun-notes-popup-fte-text {
    font-weight: bold;
    font-style: italic;
    color: red;
}

.gun-notes-popup-ftf-text {
    font-weight: bold;
    font-style: italic;
    color: red;
}

/* Bootstrap full screen modal */
/* https://stackoverflow.com/questions/18432394/how-to-make-twitter-bootstrap-modal-full-screen */

.BBFullScreenScrollable .modal-dialog {
    width: 95%;
    height: 95%;
    margin: 15px auto 15px auto;
    padding: 0;
}

.BBFullScreenScrollable .modal-content {
    height: auto;
    min-height: 100%;
    height: auto;
    border-radius: 0;
}

.full-screen-scrolling-modal .modal-dialog {
    width: 95%;
    margin: 15px auto 15px auto;
    padding: 0;
}

.full-screen-scrolling-modal .modal-content {
    border-radius: 0;
}

/*
* Notes css
*/
textarea.js-auto-size {
    box-sizing: border-box;
    max-height: 92px; /* optional, but recommended */
    min-height: 34px;
    overflow-x: hidden; /* for Firefox (issue #5) */
}

.bootbox form textarea. {
    box-sizing: border-box;
    max-height: 500px; /* optional, but recommended */
    min-height: 150px;
    overflow-x: hidden; /* for Firefox (issue #5) */
}

.fullHeight{
    max-height: 100%;
}

/*
* Beleive this is a bug.  Changed so that it looks good in the grid
*/
td .form-group {
    margin-bottom: 0;

}

.resizeNone {
    resize: none;
}

.resizeVertialOnly {
    resize: vertical;
}

/*
 * Responsive text aligning
 * http://ohryan.ca/2014/08/14/set-responsive-text-alignment-bootstrap-3/
 */
.text-xs-left { text-align: left; }
.text-xs-right { text-align: right; }
.text-xs-center { text-align: center; }
.text-xs-justify { text-align: justify; }

@media (min-width: 768px) {
    .text-sm-left { text-align: left; }
    .text-sm-right { text-align: right; }
    .text-sm-center { text-align: center; }
    .text-sm-justify { text-align: justify; }
}

@media (min-width: 992px) {
    .text-md-left { text-align: left; }
    .text-md-right { text-align: right; }
    .text-md-center { text-align: center; }
    .text-md-justify { text-align: justify; }
}

@media (min-width: 1200px) {
    .text-lg-left { text-align: left; }
    .text-lg-right { text-align: right; }
    .text-lg-center { text-align: center; }
    .text-lg-justify { text-align: justify; }
}

.toolbar-row {
    margin-bottom: 5px;
}

.ab-list-toolbar-row-margins {
    margin-left: -5px;
    margin-right: -5px;
    margin-bottom: 5px;
}
@media (min-width: 768px) {
    .ab-list-toolbar-row-margins {
        margin-left: -15px;
        margin-right: -15px;
    }
}

/* Make sure the toolbar stays on top and add a background to make it more visible*/
.is-sticky > .sticky-toolbar {
    /*background-image: linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%);*/
    /*background-color: #f5f5f5;*/
    background-image: linear-gradient(to bottom,#f5f5f5 0,#ddd 100%);
    border: 1px solid #a2a2a2;
    margin: 0px;
    padding-top: 7px;
    padding-bottom: 7px;
    border-radius: 20px;
    background-color: #ddd;
}

.removeCollectionElement {
    background-color: rgb(239, 191, 191) !important;
}

/* CSS to "fix" select boxes on Firefox. Source below. */
/*https://stackoverflow.com/questions/20366166/bootstrap-3-styled-select-dropdown-looks-ugly-in-firefox-on-os-x*/
@-moz-document url-prefix() {
    select.form-control {
        padding-right: 25px;
        background-image: url("data:image/svg+xml,\
      <svg version='1.1' xmlns='http://www.w3.org/2000/svg' width='14px'\
           height='14px' viewBox='0 0 1200 1000' fill='rgb(51,51,51)'>\
        <path d='M1100 411l-198 -199l-353 353l-353 -353l-197 199l551 551z'/>\
      </svg>");
        background-repeat: no-repeat;
        background-position: calc(100% - 7px) 50%;
        -moz-appearance: none;
        appearance: none;
    }
}


/* ArmoryBook media adjusting font-size (basiclly an H1 adjusting font) */
.ab-media-based-header-text { font-size: 25px; }

@media (min-width: 768px) {
    .ab-media-based-header-text { font-size: 35px; }
}

@media (min-width: 992px) {
    .ab-media-based-header-text { font-size: 40px; }
}

@media (min-width: 1200px) {
    .ab-media-based-header-text { font-size: 50px; }
}

.ab-media-based-subheader-text { font-size: 12px; }

@media (min-width: 768px) {
    .ab-media-based-subheader-text { font-size: 16px; }
}

@media (min-width: 992px) {
    .ab-media-based-subheader-text { font-size: 18px; }
}

@media (min-width: 1200px) {
    .ab-media-based-subheader-text { font-size: 23px; }
}

/* Main Menu Nav Search Chnages for new Search */
/* *************************************** */
.ab-persist-dropdown > a {
    color:#9d9d9d;
    margin-top: 5px;
}

.ab-persist-dropdown.open > a {
    color: #fff;
    background-color: #080808 !important;
}

.ab-persist-dropdown > a:hover {
    color: #fff;
    background-color: transparent !important;
}

.ab-persist-dropdown >a:focus {
    color: #fff;
    background-color: transparent !important;
}

.ab-persist-dropdown > a > ul.dropdown-menu {
    background-color: transparent !important;
}

/* Notification Specific CSS */
#ab-notification-dropdown > a {
    padding: 10px
}

/* When dropdonw was added to a form there was a black border. This removes */
/* that black border line (along with the p and m classes added to the form)*/
#ab-notification-bar {
    padding: 0px;
}

#ab-notification-bar.dropdown-menu > li {
    max-width: 500px;
    width: calc(85vw - 5px) !important;
}
@media (max-width: 767px) {
    #ab-notification-bar.dropdown-menu {
        width: 95vw;
        max-width: 500px;
    }

    #ab-notification-bar.dropdown-menu > li {
        width: initial !important;
        max-width: initial;
    }
}

/* Notification Search\Filter Specific CSS */

.notifications-menu-div {
    /* Changed from 365 because when the search is displayed */
    /* it would cut the some of the last item off */
    max-height: 421px;
    overflow: hidden;
    color: #999;
}

#gunNotificationsPopOver > div.popover-content {
    max-height: 365px;
    overflow: hidden;
    color: #999;
    overflow: auto;
}

#gun_notifications_btn > span > span.badge:hover {
    color: #c12e2a;
}

.notification-header-row {
    background-image: -webkit-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);
    background-image: -o-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#e8e8e8));
    background-image: linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
    background-repeat: repeat-x;
    padding-top: 3px;
    padding-bottom: 3px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.menu-notification-row {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 340px;
}

.menu-notification-subject {
    font-weight: bold;
    margin-bottom: 0px;
    color: #7f7f7f;
    font-size: 1.1em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.menu-notification-message {
    margin-left: 5px;
    font-size: .90em;
    /*margin: 5px ;*/
    margin-top: 5px;
    margin-bottom: 5px;
}

.notification-gun-description {
    font-style: italic;
    font-weight: 600;
}

.menu-notification-date {
    font-size: .85em;
    line-height: 20px;
}

.menu-notification-setState,
.menu-notification-footer-link,
.menu-notification-edit-link {
    color: #7f7f7f;
}

.menu-notification-setState:hover,
.menu-notification-footer-link:hover,
.menu-notification-edit-link:hover {
    background-color: #ddd;
}

.menu-notification-footer-link:hover {
    border-radius: 10px;
}

.menu-notification-footer-link > a, a.menu-notification-edit-link {
    color: #999;
}

.menu-notification-footer-link:hover > a, a.menu-notification-edit-link:hover {
    color: #7f7f7f;
}


.menu-notification-column {
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 7px;
    padding-top: 7px;
    padding-right: 18px;
}

.menu-notification-column:hover {
    background-color: #f5f5f5;
}

/* Remove border on last notification */
.menu-notification-column:last-child {
    border-bottom: none;
}

#notification_search_text {
    padding: 5px;
}

.notification-titlebar-icon {
    padding: 3px 5px;
}

.notification-titlebar-icon:hover {
    cursor: pointer;
    background-color: #ddd;
}

.notification-search-mark {
    background: #ff0;
    color: inherit;
    padding: 0px;
}

.notification-search-row {
    border-bottom: 1px solid #e8e8e8;
    padding-top: 10px;
    padding-bottom: 10px;
}

/* Notification Type CSS */
/* Only show the color for notification that are in the main menu, NOT on pages*/
.menu-notification-row > .alert-notification {
    background-color: #fbdadf;
}

.menu-notification-row > .menu-notification-column.alert-notification:hover {
    background-color: #f7d4d8;
}

.menu-notification-row > .user-notification {
    background-color: #dae7fb;
}

.menu-notification-row > .menu-notification-column.user-notification:hover {
    background-color: #d5e2f5;
}

.menu-notification-row > .future-notification {
    background-color: #ead6ef;
}

.menu-notification-row > .menu-notification-column.future-notification:hover {
    background-color: #e6cbec;
}

/* Show color for future notifications in the gun search and guns screen */
/* notification buttons drop down */
.popover-content > .future-notification {
    background-color: #ead6ef;
}

.popover-content > .menu-notification-column.future-notification:hover {
    background-color: #e6cbec;
}

/* ********************************************* */

/* Search Bar Specific CSS*/
#ab-mm-search-bar.dropdown-menu > li {
    max-width: 650px;
    width: calc(85vw - 5px) !important;
}
@media (max-width: 767px) {
    #ab-mm-search-bar.dropdown-menu {
        width: 95vw;
    }

    #ab-mm-search-bar.dropdown-menu > li {
        width: calc(95vw - 5px) !important;
        max-width: initial;
    }

    #ab-mm-navbar-form {
        margin: 5px;
        padding: 5px;
        border-top: none;
        border-bottom: none;
    }

    #ab-mm-navbar-form span.input-group-addon {
        display: none;
    }
}

/* *************************************** */

/* Menu item changes for item spacing, some changes specifically for mobile */
.raMenuItem, .rlMenuItem, .gsMenuItem {
    padding-left: 15px;
}

@media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a {
        padding: 5px 15px 5px 40px;
    }

    .raMenuItem, .rlMenuItem {
        padding-left: 20px;
    }
}

.raMenuItemLink {
    white-space: nowrap;
    max-width: 320px;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Gun Notes Popup images CSS (Range image right now) */
.notes-montage {
    margin: 5px;
    padding: 3px;
    border: 1px solid lightgray;
    border-radius: 5px;
}

.notes-montage-img {
    padding: 3px;
    border-radius: 10px;
}

@media print {
    /* Bootstrap 3 CSS options for printing */
    /* https://gist.github.com/donnierayjones/6fd9802d992b2d8d6cfd */
    /* https://daneveland.com/content/printing-bootstrap */

    /* CSS to ensure that the images in the montage is 4 per column */
    /* Bootstrap seems to use the xs class when printing */
    .notes-montage .col-xs-6 {
        width: 25%;
    }

}

.ab-thumb-column {
    padding: 8px 8px 0px 8px;
}

.ab-thumbnail {
    padding: 10px;
    background-color: #f5f5f5;
}

.ab-thumbnail-send-email {
    padding-bottom: 0px;
}

.ab-thumbnail img, .ab-thumbnail-email-history img {
    border-radius: 5px;
}

.ab-thumbnail-email-history {
    padding: 5px;
    background-color: #f5f5f5;
    margin: 3px;
}

.ab-thumbnail-fb {
    padding: 5px;
    margin: 5px;
    background-color: #f5f5f5;
}

.email-images-count {
    font-size: small;
    margin-left: 3px;
}

/* NewsTicker CSS */
/*************************/
ul.newsticker {
    padding-left: 20px;
}

ul.newsticker li {
    display: block;
    margin-right: 20px;
}

ul.newsticker > li > a:hover {
    background-color: #e0f0ff;
}

.newsticker-title {
    vertical-align: middle;
    display: inline-block;
}
/*************************/


/* DataTables.net List Screen CSS */

/* DataTables.net responsive hidden fields column */
/*************************/
.dt-responsive-hidden-column {
    width: 10px !important;
    min-width: 10px !important;
    max-width: 10px !important;
}

/* DataTables.net date column */
.dt-responsive-date-column {
    width: 70px !important;
}

/* DataTables.net header list buttons */
.dt-list-dom-header-buttons-only > .dt-buttons > button {
    padding-top: 4px;
    padding-bottom: 3px;
}

.dt-clear-whitespace-wrap {
    white-space: initial !important;
}

/* ONLY apply the dt-text-right class when it is in the table column
   NOT when it is in responsive mode. (li tag)
*/
td.dt-text-right {
    text-align: right;
}

/*************************/

#loadingDiv {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -35px;
    margin-left: -45px;
    z-index: 1000;
}

/* Badge Classes*/
.raised-badge {
    margin-top: -15px;
    margin-left: -3px;

}

.badge:hover {
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;
}
.badge-primary {
    background-color: #3a87ad;
}
.badge-primary:hover {
    background-color: #2d6987;
}
.badge-error {
    background-color: #b94a48;
}
.badge-error:hover {
    background-color: #953b39;
}
.badge-warning {
    background-color: #f89406;
}
.badge-warning:hover {
    background-color: #c67605;
}
.badge-success {
    background-color: #468847;
}
.badge-success:hover {
    background-color: #356635;
}
.badge-info {
    background-color: #5bc0de;
}
.badge-info:hover {
    background-color: #31b0d5;
}
.badge-inverse {
    background-color: #333333;
}
.badge-inverse:hover {
    background-color: #1a1a1a;
}

/* System Report CSS */
.report-img {
    border-radius: 3px;
    margin: 0 auto;
}

/* Pro CSS */
.worktype-popover {
    cursor: pointer;
}

/* CKEditor "Mentions" popup header */
.atwho-ab-header {
    background-image: -webkit-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);
    background-image: -o-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#e8e8e8));
    background-image: linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
    background-repeat: repeat-x;
    padding: 3px 0px 3px 10px;
    color: #555;
}

/* Bootstrap 4 classes */
.d-none {
    display: none;
}

/* bs-callouts ArmoryBook Enhancements */
.bs-callout-default-wbgcolor {
    border-left-color: #777;
    background-color: #f7f7f7;
}
.bs-callout-default-wbgcolor h1,
.bs-callout-default-wbgcolor h2,
.bs-callout-default-wbgcolor h3,
.bs-callout-default-wbgcolor h4,
.bs-callout-default-wbgcolor h5,
.bs-callout-default-wbgcolor h6 {
    color: #777;
}
.bs-callout-primary-wbgcolor {
    border-left-color: #428bca;
    background-color: #428bca1f;
}
.bs-callout-primary-wbgcolor h1,
.bs-callout-primary-wbgcolor h2,
.bs-callout-primary-wbgcolor h3,
.bs-callout-primary-wbgcolor h4,
.bs-callout-primary-wbgcolor h5,
.bs-callout-primary-wbgcolor h6 {
    color: #428bca;
}

.bs-callout-success-wbgcolor {
    border-left-color: #5cb85c;
    background-color: #5cb85c1f;
}
.bs-callout-success-wbgcolor h1,
.bs-callout-success-wbgcolor h2,
.bs-callout-success-wbgcolor h3,
.bs-callout-success-wbgcolor h4,
.bs-callout-success-wbgcolor h5,
.bs-callout-success-wbgcolor h6 {
    color: #5cb85c;
}
.bs-callout-danger-wbgcolor {
    border-left-color: #d9534f;
    background-color: #d9534f1f;
}
.bs-callout-danger-wbgcolor h1,
.bs-callout-danger-wbgcolor h2,
.bs-callout-danger-wbgcolor h3,
.bs-callout-danger-wbgcolor h4,
.bs-callout-danger-wbgcolor h5,
.bs-callout-danger-wbgcolor h6 {
    color: #d9534f;
}

.bs-callout-warning-wbgcolor {
    border-left-color: #f0ad4e;
    background-color: #f0ad4e1f
}
.bs-callout-warning-wbgcolor h1,
.bs-callout-warning-wbgcolor h2,
.bs-callout-warning-wbgcolor h3,
.bs-callout-warning-wbgcolor h4,
.bs-callout-warning-wbgcolor h5,
.bs-callout-warning-wbgcolor h6 {
    color: #f0ad4e;
}

.bs-callout-info-wbgcolor {
    border-left-color: #5bc0de;
    background-color: #5bc0de1f;
}
.bs-callout-info-wbgcolor h1,
.bs-callout-info-wbgcolor h2,
.bs-callout-info-wbgcolor h3,
.bs-callout-info-wbgcolor h4,
.bs-callout-info-wbgcolor h5,
.bs-callout-info-wbgcolor h6 {
    color: #5bc0de;
}

/*
 * Responsive Bootstrap 3 text aligning
 */
@media (max-width: 767px) {
    .m-xs-0 {
        margin: 0 0 !important;
    }
    .mt-xs-0 {
        margin-top: 0 !important;
    }
    .mr-xs-0 {
        margin-right: 0 !important;
    }
    .mb-xs-0 {
        margin-bottom: 0 !important;
    }
    .ml-xs-0 {
        margin-left: 0 !important;
    }
    .mx-xs-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    .my-xs-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
}
@media (max-width: 767px) {
    .m-xs-1 {
        margin: 3.75px 3.75px !important;
    }
    .mt-xs-1 {
        margin-top: 3.75px !important;
    }
    .mr-xs-1 {
        margin-right: 3.75px !important;
    }
    .mb-xs-1 {
        margin-bottom: 3.75px !important;
    }
    .ml-xs-1 {
        margin-left: 3.75px !important;
    }
    .mx-xs-1 {
        margin-right: 3.75px !important;
        margin-left: 3.75px !important;
    }
    .my-xs-1 {
        margin-top: 3.75px !important;
        margin-bottom: 3.75px !important;
    }
}
@media (max-width: 767px) {
    .m-xs-2 {
        margin: 7.5px 7.5px !important;
    }
    .mt-xs-2 {
        margin-top: 7.5px !important;
    }
    .mr-xs-2 {
        margin-right: 7.5px !important;
    }
    .mb-xs-2 {
        margin-bottom: 7.5px !important;
    }
    .ml-xs-2 {
        margin-left: 7.5px !important;
    }
    .mx-xs-2 {
        margin-right: 7.5px !important;
        margin-left: 7.5px !important;
    }
    .my-xs-2 {
        margin-top: 7.5px !important;
        margin-bottom: 7.5px !important;
    }
}
@media (max-width: 767px) {
    .m-xs-3 {
        margin: 11.25px 11.25px !important;
    }
    .mt-xs-3 {
        margin-top: 11.25px !important;
    }
    .mr-xs-3 {
        margin-right: 11.25px !important;
    }
    .mb-xs-3 {
        margin-bottom: 11.25px !important;
    }
    .ml-xs-3 {
        margin-left: 11.25px !important;
    }
    .mx-xs-3 {
        margin-right: 11.25px !important;
        margin-left: 11.25px !important;
    }
    .my-xs-3 {
        margin-top: 11.25px !important;
        margin-bottom: 11.25px !important;
    }
}
@media (max-width: 767px) {
    .m-xs-4 {
        margin: 15px 15px !important;
    }
    .mt-xs-4 {
        margin-top: 15px !important;
    }
    .mr-xs-4 {
        margin-right: 15px !important;
    }
    .mb-xs-4 {
        margin-bottom: 15px !important;
    }
    .ml-xs-4 {
        margin-left: 15px !important;
    }
    .mx-xs-4 {
        margin-right: 15px !important;
        margin-left: 15px !important;
    }
    .my-xs-4 {
        margin-top: 15px !important;
        margin-bottom: 15px !important;
    }
}
@media (max-width: 767px) {
    .m-xs-5 {
        margin: 18.75px 18.75px !important;
    }
    .mt-xs-5 {
        margin-top: 18.75px !important;
    }
    .mr-xs-5 {
        margin-right: 18.75px !important;
    }
    .mb-xs-5 {
        margin-bottom: 18.75px !important;
    }
    .ml-xs-5 {
        margin-left: 18.75px !important;
    }
    .mx-xs-5 {
        margin-right: 18.75px !important;
        margin-left: 18.75px !important;
    }
    .my-xs-5 {
        margin-top: 18.75px !important;
        margin-bottom: 18.75px !important;
    }
}
@media (max-width: 767px) {
    .p-xs-0 {
        padding: 0 0 !important;
    }
    .pt-xs-0 {
        padding-top: 0 !important;
    }
    .pr-xs-0 {
        padding-right: 0 !important;
    }
    .pb-xs-0 {
        padding-bottom: 0 !important;
    }
    .pl-xs-0 {
        padding-left: 0 !important;
    }
    .px-xs-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .py-xs-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
}
@media (max-width: 767px) {
    .p-xs-1 {
        padding: 3.75px 3.75px !important;
    }
    .pt-xs-1 {
        padding-top: 3.75px !important;
    }
    .pr-xs-1 {
        padding-right: 3.75px !important;
    }
    .pb-xs-1 {
        padding-bottom: 3.75px !important;
    }
    .pl-xs-1 {
        padding-left: 3.75px !important;
    }
    .px-xs-1 {
        padding-right: 3.75px !important;
        padding-left: 3.75px !important;
    }
    .py-xs-1 {
        padding-top: 3.75px !important;
        padding-bottom: 3.75px !important;
    }
}
@media (max-width: 767px) {
    .p-xs-2 {
        padding: 7.5px 7.5px !important;
    }
    .pt-xs-2 {
        padding-top: 7.5px !important;
    }
    .pr-xs-2 {
        padding-right: 7.5px !important;
    }
    .pb-xs-2 {
        padding-bottom: 7.5px !important;
    }
    .pl-xs-2 {
        padding-left: 7.5px !important;
    }
    .px-xs-2 {
        padding-right: 7.5px !important;
        padding-left: 7.5px !important;
    }
    .py-xs-2 {
        padding-top: 7.5px !important;
        padding-bottom: 7.5px !important;
    }
}
@media (max-width: 767px) {
    .p-xs-3 {
        padding: 11.25px 11.25px !important;
    }
    .pt-xs-3 {
        padding-top: 11.25px !important;
    }
    .pr-xs-3 {
        padding-right: 11.25px !important;
    }
    .pb-xs-3 {
        padding-bottom: 11.25px !important;
    }
    .pl-xs-3 {
        padding-left: 11.25px !important;
    }
    .px-xs-3 {
        padding-right: 11.25px !important;
        padding-left: 11.25px !important;
    }
    .py-xs-3 {
        padding-top: 11.25px !important;
        padding-bottom: 11.25px !important;
    }
}
@media (max-width: 767px) {
    .p-xs-4 {
        padding: 15px 15px !important;
    }
    .pt-xs-4 {
        padding-top: 15px !important;
    }
    .pr-xs-4 {
        padding-right: 15px !important;
    }
    .pb-xs-4 {
        padding-bottom: 15px !important;
    }
    .pl-xs-4 {
        padding-left: 15px !important;
    }
    .px-xs-4 {
        padding-right: 15px !important;
        padding-left: 15px !important;
    }
    .py-xs-4 {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }
}
@media (max-width: 767px) {
    .p-xs-5 {
        padding: 18.75px 18.75px !important;
    }
    .pt-xs-5 {
        padding-top: 18.75px !important;
    }
    .pr-xs-5 {
        padding-right: 18.75px !important;
    }
    .pb-xs-5 {
        padding-bottom: 18.75px !important;
    }
    .pl-xs-5 {
        padding-left: 18.75px !important;
    }
    .px-xs-5 {
        padding-right: 18.75px !important;
        padding-left: 18.75px !important;
    }
    .py-xs-5 {
        padding-top: 18.75px !important;
        padding-bottom: 18.75px !important;
    }
}

#gunCoverImage.ug-load-full-screen {
    cursor: pointer;
}

#accessoryCoverImage.ug-load-full-screen {
    cursor: pointer;
}
/* Bootstrap-datepicker adjustment to appear above the abMainNavBar*/
.datepicker {
    z-index: 1000 !important;
}