/*#region Modal Alignment*/
body {
    padding-right: 0px !important;
    margin-right: 0px !important;
}

    body.modal-open {
        overflow-y: hidden;
        overflow-x: auto;
    }
.modal-body {
    overflow-y:auto;
}

.modal-body div.container{
    width:100%;
}


.modal.modal-wide .modal-dialog {
    width: 90%;
}

@media screen and (max-width: 992px) {
    .modal.modal-wide .modal-dialog {
        width: 100%;
    }
}

.modal.modal-xl .modal-dialog {
    width: 95%;
    height: 95%
}

@media screen and (max-width: 992px) {
    .modal.modal-xl .modal-dialog {
        width: 100%;
        height: 100%;
    }
}


.vertical-alignment-helper {
    display: table;
    height: 100%;
    width: 100%;
    pointer-events: none;
}

.modal-dialog {
    display: table-cell;
    vertical-align: middle;
    pointer-events: none;
}


.modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width: inherit;
    height: inherit;
    margin: 0 auto;
    pointer-events: all;
}
/*#endregion*/

/*.modal-header {
    background-color: #337ab7;
    color: white;
}*/

.radio-inline, .checkbox-inline {
    font-weight: bold;
}

.modal-body {
    overflow-y: visible;
    overflow-x: visible;
}

div#event_dialog div.modal-body {
    overflow-x: auto;
    overflow-y:auto;
}

[v-cloak] {
    display: none
}


/*Index Page*/
.table {
    margin-bottom: 0px;
}

    .table > thead > tr > th,
    .table > tbody > tr > th,
    .table > tfoot > tr > th,
    .table > thead > tr > td,
    .table > tbody > tr > td,
    .table > tfoot > tr > td {
        vertical-align: middle;
    }

.row.space-top {
    padding-top: 10px;
}

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


div.truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 225px;
    font-size: smaller;
    padding-top: 15px;
    padding-left: 10px;
}

.kitcard-move{
    transition: transform 1s;
}

div.kitcard div.panel {
    border-left-width: 8px;
    min-height: 100%;
    max-height: 100%;
}

div.kitcard div.panel-footer {
    border-top: none;
}

.panel-body h4, h3 {
    margin-top: -5px;
    margin-bottom: 0px;
}

.checkbox-checked {
    background-image: url('/Images/Checked_32.png');
    background-position: center left;
    background-repeat: no-repeat;
}

.checkbox-unchecked {
    background-image: url('/Images/Unchecked_32.png');
    background-position: top left;
    background-repeat: no-repeat;
}

.xrmform-section-header.xrmform-section-header-bar {
    border-bottom: 1px solid;
}

div.kitcard button.close {
    margin-top: -6px;
    margin-right: -2px;
}

span.locationIcon {
    padding-top: 13px;
    padding-left: 5px;
    padding-right: 10px;
    font-size: smaller
}

#xrmform-notifications .alert {
    padding: 5px;
    margin-top: 10px;
}

div.footer-links span,
div.footer-links a{
    color: silver;
}
/*Index Page End*/
/* Enter and leave animations can use different */
/* durations and timing functions.              */
.filtercontrol-enter-active, .filtercontrol-move {
    transition: all .5s ease;
}

.filtercontrol-leave-active, .filtercontrol-move {
    transition: all .5s ease /*cubic-bezier(1.0, 0.5, 0.8, 1.0*/
}

.filtercontrol-enter, .filtercontrol-leave-to
/* .slide-fade-leave-active below version 2.1.8 */ {
    transform: translateY(-50px);
    opacity: 0;
}

.valign-text {
    vertical-align: text-bottom;
}
.valign-super {
    vertical-align: super;
}

.navbar-btn {
    margin-left: 3px; 
    margin-right: 3px;
}

#filtercontrols {
    padding-top: 10px;
}

    #filtercontrols ul.nav-pills > li {
        margin-left: 3px;
        margin-right: 3px;
    }


 #filtercontrols ul.nav-pills > li > a {
    border: 1px solid lightgray;
}

    #filtercontrols ul.nav-pills > li > a.btn-default {
        background-color:white;
        border: 1px solid lightgray;
    }

    #filtercontrols ul.nav-pills > li > a.btn-default:hover {
        background-color: whitesmoke;
        border: 1px solid lightgray;
    }

    #filtercontrols ul.nav-pills > li > a.btn-primary:hover {
        background-color: #286090 !important;
    }

    #filtercontrols ul.nav-pills > li > a.form-group-sm {
        border: none;
        padding: 0px;
    }


    #filtercontrols ul.nav-pills > li > a.form-group-sm > input[type="checkbox"]:focus {
        border: none;
        outline:none;
    }

    #filtercontrols input.form-control {
        background-color: transparent;
        border: none;
        box-shadow: none;
    }
    

    li.tags {
        width: 100%;
        margin: 5px;
        margin-left: 0px !important;
        padding: 5px 10px;
        border: 1px solid #eeeeee;
        font-weight: bold;
        background-color:white;
    }
    li.tags-2x {
        width: 48%;
        margin: 5px;
        margin-left: 0px !important;
        padding: 5px 10px;
        border: 1px solid #eeeeee;
        font-weight: bold;
        background-color:white;
    }

.tags:hover, .tags-2x:hover {
    border: 1px solid #aaaaaa;
}


.badge-float {
    background: #ff4800;
    z-index: 1;
    position: absolute;
    top: 0px;
    left: 0px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
} 


@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
    src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.icon {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    /* borrowed from fa-fw (fixed width)*/
    width: 1.28571429em;
    text-align: center;
}

.icon-status_99 {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

.icon-status_99:before /*loading*/ {
    content: "\f021";
}

.icon-status_-99:before /*error*/ {
    content: "\f023";
    color: darkred;
}

.icon-status_-1:before {
    content: "\f010"; /* fa-question */
    color: darkred;
}

.icon-EVT_INV:before, .track-icon-EVT_INV:before, .icon-status_496290000:before /*inventory status*/ {
    content: "\f1b3"; /* fa-cubes */
}

.icon-EVT_INV:after {
    /*content: "\f055";*/ /* fa-exchange */
    /*color: dodgerblue;
    font-size: .6em;
    position: absolute;
    bottom: -1px;
    right: -1px;*/
}

.track-icon-EVT_INV:after {
    /*content: "\f055"; /* fa-exchange
    color: dodgerblue;
    font-size: .6em;
    position: absolute;
    bottom: -1px;
    right: -1px; */
}

/*BACKLOG EVENT*/
.icon-EVT_BACKLOG:before, .track-icon-EVT_BACKLOG:before, .icon-status_496290012:before /*inventory status*/ {
    content: "\f1b2"; /* fa-cube */
}

.icon-EVT_BACKLOG:after {
    /*content: "\f017";*/ /* fa-clock */
    /*color: black;
    font-size: .6em;
    position: absolute;
    bottom: -1px;
    right: -1px;*/
}

/*DISTRIBUTION TRANSFER*/
.icon-EVT_TX_DIST_INIT:before, .track-icon-EVT_TX_DIST_INIT:before, .icon-txreason_496290000:before {
    content: "\f08b"; /* fa-sign-out */
}
.icon-EVT_TX_DIST_INIT:after, .track-icon-EVT_TX_DIST_INIT:after, .icon-txreason_496290000:after {
    /*content: "\f1b2"; /* fa-exchange */
    /*color: orangered;
    font-size: .6em;
    position: absolute;
    bottom: -1px;
    right: -1px;
    text-shadow: 0px 0px 5px white;*/
}
.icon-EVT_TX_DIST_COMP:before, .track-icon-EVT_TX_DIST_COMP:before {
    content: "\f090"; /* fa-sign-in*/
}
.icon-EVT_TX_DIST_COMP:after, .track-icon-EVT_TX_DIST_COMP:after {
    /*content: "\f08b";
    color: limegreen;
    font-size: .8em;
    position: absolute;
    bottom: -4px;
    right: -3px;*/
}
.icon-EVT_INIT:before, .track-icon-EVT_INIT:before, .icon-status_496290001:before /*initiated status*/ {
    content: "\f144"; /* fa-play-circle */
}
.icon-EVT_COLL:before, .track-icon-EVT_COLL:before, .icon-status_496290002:before /*collected status*/ {
    content: "\f02e"; /* fa-bookmark */
    -webkit-animation: none !important;
    animation: none !important;
}

.icon-status_undefined:before, .track-icon-status_undefined:before {
    content: "\f071"; /* fa-exclamation-triangle */
    color: red;
}

/*HOLD TRANSFER*/
.icon-EVT_TX_HOLD_INIT:before, .track-icon-EVT_TX_HOLD_INIT:before, .icon-txreason_496290001:before {
    content: "\f08b"; /* fa-sign-out */
}
.icon-EVT_TX_HOLD_INIT:after, .track-icon-EVT_TX_HOLD_INIT:after, .icon-txreason_496290001:after {
    /*content: "\f023"; /* fa-lock */
    /*color: orangered;
    font-size: .7em;
    position: absolute;
    bottom: -1px;
    right: -1px;*/
}
.icon-EVT_TX_HOLD_COMP:before, .track-icon-EVT_TX_HOLD_COMP:before {
    content: "\f090"; /* fa-sign-in*/
}
.icon-EVT_TX_HOLD_COMP:after, .track-icon-EVT_TX_HOLD_COMP:after {
    /*content: "\f00c"; /* fa-check */
    /*color: limegreen;
    font-size: .8em;
    position: absolute;
    bottom: -4px;
    right: -3px;*/
}

/*Hold*/
.icon-EVT_HELD:before, .track-icon-EVT_HELD:before, .icon-status_496290003:before /*held status*/ {
    content: "\f023"; /* fa-lock */
}

/*Evidence Transfer*/
.icon-EVT_TX_EVID_INIT:before, .track-icon-EVT_TX_EVID_INIT:before, .icon-txreason_496290002:before {
    content: "\f08b"; /* fa-sign-out */
}
.icon-EVT_TX_EVID_INIT:after, .track-icon-EVT_TX_EVID_INIT:after, .icon-txreason_496290002:after {
    /*content: "\f02c";*/ /* fa-tags */
    /*color: orangered;
    font-size: .6em;
    position: absolute;
    bottom: -1px;
    right: -1px;*/
}
.icon-EVT_TX_EVID_COMP:before, .track-icon-EVT_TX_EVID_COMP:before {
    content: "\f090"; /* fa-sign-in*/
}
.icon-EVT_TX_EVID_COMP:after, .track-icon-EVT_TX_EVID_COMP:after {
    /*content: "\f00c";*/ /* fa-check */
    /*color: limegreen;
    font-size: .8em;
    position: absolute;
    bottom: -4px;
    right: -3px;*/
}

/*Entered To Evidence*/
.icon-EVT_ENT_EVID:before, .track-icon-EVT_ENT_EVID:before, .icon-status_496290005:before /*in evidence status*/ {
    content: "\f02c"; /* fa-tags */
}

/*Analysis Transfer*/
.icon-EVT_TX_ANLYS_INIT:before, .track-icon-EVT_TX_ANLYS_INIT:before, .icon-txreason_496290003:before {
    content: "\f08b"; /* fa-sign-out */
}
.icon-EVT_TX_ANLYS_INIT:after, .track-icon-EVT_TX_ANLYS_INIT:after, .icon-txreason_496290003:after {
    /*content: "\f0c3";*/ /* fa-flask */
    /*color: orangered;
    font-size: .75em;
    position: absolute;
    bottom: 0px;
    right: -1px;*/
}
.icon-EVT_TX_ANLYS_COMP:before, .track-icon-EVT_TX_ANLYS_COMP:before {
    content: "\f090"; /* fa-sign-in*/
}
.icon-EVT_TX_ANLYS_COMP:after, .track-icon-EVT_TX_ANLYS_COMP:after {
    /*content: "\f00c"*/ /* fa-check */;
    /*color: limegreen;
    font-size: .8em;
    position: absolute;
    bottom: -4px;
    right: -3px;*/
}


/*Processing*/
.icon-EVT_SUBMIT_ANLYS:before, .track-icon-EVT_SUBMIT_ANLYS:before, .icon-status_496290006:before /*processing status*/ {
    content: "\f0c3"; /* fa-flask */
}

/*Processed*/
.icon-EVT_COMP_ANLYS:before, .track-icon-EVT_COMP_ANLYS:before, .icon-status_496290007:before /*processed status*/ {
    content: "\f046"; /* fa-check-square-o */
}
/*.icon-EVT_COMP_ANLYS:after, .track-icon-EVT_COMP_ANLYS:after, .icon-status_496290007:after  {
    content: "\f00c";
    color: limegreen;
    font-size: .8em;
    position: absolute;
    bottom: -4px;
    right: -3px;
}*/

/*.track-icon-EVT_COMP_ANLYS:after
    content: "\f00c";
    color: darkviolet;
    font-size: .8em;
    position: absolute;
    bottom: -4px;
    right: 3px;
}*/

/*Arhive transfer*/
.icon-EVT_TX_ARCH_INIT:before, .track-icon-EVT_TX_ARCH_INIT:before, .icon-txreason_496290004:before {
    content: "\f08b"; /* fa-sign-out */
}
.icon-EVT_TX_ARCH_INIT:after, .track-icon-EVT_TX_ARCH_INIT:after, .icon-txreason_496290004:after {
    /*content: "\f1da";
    color: orangered;
    font-size: .6em;
    position: absolute;
    bottom: -1px;
    right: -1px;*/
}
.icon-EVT_TX_ARCH_COMP:before, .track-icon-EVT_TX_ARCH_COMP:before {
    content: "\f090"; /* fa-sign-in*/
}
.icon-EVT_TX_ARCH_COMP:after, .track-icon-EVT_TX_ARCH_COMP:after {
    /*content: "\f00c";
    color: limegreen;
    font-size: .8em;
    position: absolute;
    bottom: -4px;
    right: -3px;*/
}

/*Archived*/
.icon-EVT_ARCH:before, .track-icon-EVT_ARCH:before, .icon-status_496290008:before /*archived status*/ {
    content: "\f1da"; /* fa-history*/
}

/*Discarded*/
.icon-EVT_DISC:before, .icon-EVT_DEST:before, .icon-EVT_DISP:before,
.track-icon-EVT_DISC:before, .track-icon-EVT_DEST:before, .track-icon-EVT_DISP:before,
.icon-status_496290009:before, .icon-status_496290010:before, .icon-status_496290011:before,
.icon-txreason_496290005:before {
    content: "\f1f8"; /* fa-trash */
}

.icon-overlay-complete:after {
    content: "\f00c";
    color: limegreen;
    font-size: .8em;
    position: absolute;
    bottom: -4px;
    right: -3px;
}

.icon-overlay-cancel:after {
    content: "\f00d"; /* fa-times */
    color: red;
    font-size: .75em;
    position:absolute;
    bottom: -5px;
    right: -5px;
}

.querytile {
    border: 1px solid gray;
    background-color: palevioletred;
    color: black;
    padding: 5px 10px;
    cursor: pointer;
    opacity: 1;
    
    margin-top: 10px;
}

/*.querytile:matches(:hover)= {
    opacity: 1;
}*/

    .querytile > * {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

.tile-enter-active, .kit-enter-active {
    transition: opacity 2s;
}

.tile-enter, .tile-leave-to, .kit-enter, .kit-leave-to { /* .fade-leave-active below version 2.1.8 */
    opacity: 0
}

div.editmode, li.editmode, button.editmode, small.editmode, span.editmode {
    display: none;
}

div.backlog-editmode {
    display: none;
}

span.alert-msg {
    height:50px;
    vertical-align: middle;
    padding-left: 10px;
    padding-top: 15px;
    display: inline-block;
}

span.footer-btns{
   float:right;
   display:inline-block;
   height: 50px;
   padding-top: 8px;
   padding-right: 10px
}
/*Remove padding on kit view footer button*/
div#kitView span.footer-btns{
    padding-top:0px;
}

.stripe {
    background-color: #efefef;
}

.stripe, .nostripe {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}

.popover-title {
    font-weight: bold;
    font-size: smaller;
}

.popover-content {
    color: black;
}


.select2-results .select2-disabled {
    background: transparent !important;
    display: list-item;
    cursor: default;
    color: #AAA;
}

label.has-error {
    font-size: smaller;
    color: darkred;
    font-style:italic;
}

.input-group-addon,.input-group-btn {
    vertical-align: top !important;
}

a.isDisabled {
    cursor: not-allowed;
    opacity: 0.5;
    text-decoration: none;
}

/****************Tracking Code Visual Styling *******************/
.tc-icon-hide { display: none; }
.tc-num-hide { display: none; }

.tc-icon-empty { color:#c3c3c3 }
.tc-num-empty { color: #c3c3c3 }

.tc-icon-0 { color: #bfbfbf; }
.tc-num-0 { color: #bfbfbf; background-color: white; }

.tc-icon-1 { color: #5b9bd5; }
.tc-num-1 { color: white; background-color: #5b9bd5; }

.tc-icon-2 { color: #59a5d3; }
.tc-num-2 { color: white; background-color: #59a5d3; }

.tc-icon-3 { color: #58b0d2; }
.tc-num-3 { color: white; background-color: #58b0d2; }

.tc-icon-4 { color: #56bad0; }
.tc-num-4 { color: white; background-color: #56bad0; }

.tc-icon-5 { color: #55c5ce; }
.tc-num-5 { color: white; background-color: #55c5ce; }

.tc-icon-6 { color: #54cdca; }
.tc-num-6 { color: white; background-color: #54cdca; }

.tc-icon-7 { color: #52cbbd; }
.tc-num-7 { color: white; background-color: #52cbbd; }

.tc-icon-8 { color: #51c9af; }
.tc-num-8 { color: white; background-color: #51c9af; }

.tc-icon-9 { color: #4fc7a2; }
.tc-num-9 { color: white; background-color: #4fc7a2; }

.tc-icon-10 { color: #4ec694; }
.tc-num-10 { color: white; background-color:#4ec694; }

.tc-icon-11 { color: #4cd487; }
.tc-num-11 { color: white; background-color: #4cd487; }

.tc-icon-12 { color: #4bc279; }
.tc-num-12 { color: white; background-color: #4bc279; }

.tc-icon-13 { color: #49be5f; }
.tc-num-13 { color: white; background-color: #49be5f; }

.tc-icon-14 { color: #48bc53; }
.tc-num-14 { color: white; background-color: #48bc53; }

.tc-icon-15 { color: #47ba47; }
.tc-num-15 { color: white; background-color: #47ba47; }

.tc-icon-16 { color: #52b746; }
.tc-num-16 { color: white; background-color: #52b746; }

.tc-icon-17 { color: #5bd447; }
.tc-num-17 { color: white; background-color: #5bd447; }

.tc-icon-18 { color: #4cd487; }
.tc-num-18 { color: white; background-color: #4cd487; }

.tc-icon-19 { color: #67b047; }
.tc-num-19 { color: white; background-color: #67b047; }

.tc-icon-20 { color: #70ad47; }
.tc-num-20 { color: white; background-color: #70ad47; }

.tc{
    padding-left:15px;
}

.tc-row{
    margin-left:15px;
    margin-right:0px;
}

.tc-icon-row{ 
    text-align:center; 
}

.tc-arrow {
    width: 2em;
    color: #bfbfbf;
}

.tc-line-row{
    /*height: 8em;*/
}
hr.tc-line {
    height: 2px;
    background-color: #bfbfbf;
    margin-top: 2em;

}

.tc-line.evt-enabled {
    background-color: gray;
}

.tc-line-right:before {
    content: '';
    height: 10px;
    width: 10px;
    border-radius: 15px;
    float: left;
    background-color: #bfbfbf;
    margin-top: -4px;
    position: absolute;
    left: 0;
}

.tc-line-left:after {
    content: '';
    height: 10px;
    width: 10px;
    border-radius: 15px;
    float: right;
    background-color: #bfbfbf;
    margin-top: -4px;
    position: absolute;
    right: 0;
}

.tc-line-left.evt-enabled:after,
.tc-line-right.evt-enabled:before {
    background-color: gray;
}


.tc-box-left {
    color: white;
    background-color: #bfbfbf;
    height: auto;
    word-wrap: break-word;
    margin-right: 20%;
    text-align: left;
    font-size: 14px;
    white-space: nowrap;
    text-overflow:ellipsis;
}

.tc-box-right {
    color: white;
    background-color: #bfbfbf;
    height: auto;
    word-wrap: break-word;
    margin-left: 20%;
    text-align: left;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.tc-box-right.evt-enabled,
.tc-box-left.evt-enabled {
    background-color: gray;
}

.tc-number {
    padding-left: 3px;
    padding-right: 3px;
    margin: 3px;
    text-align: center;
    display:inline-block;
    font-weight: bold;
}
.tc-trackingCodeText {
    font-weight: bold !important;
    font-size: 14px !important;
}

.tc-container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.tc-datapoint {
    font-size: small; 
    line-height: 14px;
}

.g-recaptcha-size {
    display: flex;
}
@media(min-width:601px) {
    .g-recaptcha-size {
        justify-content: flex-end;
    }
    .tc-notification-checkbox {
        display: flex;
        padding-left:10px;
    }
}

@media(max-width:600px){
    .g-recaptcha-size {
        transform: scale(0.77);
        transform-origin: 0 0;
    }
    .tc-notification-checkbox {
        display:block;
        padding-left:10px;
    }
}
.tc-font {
    padding-bottom:15px;
}
.tc-notification {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
    padding-top: 5px !important;
    padding-left: 0px !important;
    padding-bottom: 2px;
    border: none !important;
    border-bottom: 1px dotted #d6d6d6;
    margin-bottom: 5px;
    font-family: Open Sans, sans-serif;
    color: black;
    background-image: none;
}

.callout {
    padding: 5px;
    margin-bottom:5px;
    border-left-width: 5px;
}