/* changes to move into main when bootstrap 5 upgrade is completes*/
a {
    text-decoration: none;
    color: #337ab7;
}

a:hover {
    text-decoration:none; 
}
    
.btn:hover {
    text-decoration: none;
}

.nav-item a:not([role='button']):not(.dropdown-item)
{
    background: transparent !important;
}

.dropdown-toggle::after {
    margin-left: 0;
}

.navbar-nav .nav-link {
    color: white !important;
}

.nbox {
    flex-wrap:wrap;
}

.navbar-nav {
    min-height: 34px;
}

.sm-reg{
    display: inline-block;
    margin-top:7px;
}

.card-title{
    font-size: 16px;
}

.bs5 .modal-header button {
    margin-left: auto; 
    border-style: none;
    font-size: 1.6em;
}

.bs5 .modal-header .modal-title {
    display: block;
}

.bs5 .modal-header  {
    flex-direction: row-reverse;
    align-items:flex-start;
}

.bs5 .modal-content {
    border-radius: 6px;
}

.break {
    flex-basis: 100%;
    height: 0;
}

.pageHelper{
    margin-top:0
}

.pagination-pagesize {
    margin-top: 0px; 
    padding-top: 0px;
}

.bs5-k .k-multiselect{
    background-color: #eee;
}

#voucher-sales caption {
    caption-side: top;
}

.form-search .input-group-text label{
    top: 2px;
}

body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

#voucher-sales caption {
    caption-side: top;
}

.form-search .input-group-text label {
    top: 2px;
}

.form-search label.input-group-text  {
    top: 0px;
}

.form-select input[title="This field is required."].inputValidationError,
select[title="This field is required."].inputValidationError,
.kendoNumericTextBoxContainer.inputValidationError,
.k-input.inputValidationError, textarea.inputValidationError,
.inputValidationError .k-numerictextbox .k-numeric-wrap {
    border-left: 3px solid #e80c4d;
    background-position-y: 0.6rem;
}

.bs5 .cke {
    width: 90% !important;
}

@media (min-width: 768px) {
    .bs5 .cke {
        width: 94% !important;
    }
}

@media (min-width: 1400px) {
    .bs5 .cke {
        width: 96% !important;
    }
}


.till-management th .glyphicon {
    color: #23527c;
}

.popup .container{
    margin-left: 0;
    margin-right: 0;
}
}

.mobile-device label {
    width: 100px;
}

.mobile-device input, .mobile-device select {
    display: inline-block;
}

.numeric-small .k-numerictextbox{
    width:50%;
}

.mobile-device label{
    width: 90px;
    text-align:right;
}

.tooltip-inner {
    max-width: 250px;
}

.bootbox .modal-header h5.modal-title {
    width: 500px;
}

.bootbox .modal-header .close {
    position: absolute;
    right: 15px;
}

.display-none {
    display:none;
}

.trumbowyg-box:not(.trumbowyg-fullscreen) {
    max-width: 95% !important;
    max-height: 350px !important;
}

.payment-breakdown {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
}

.payment-breakdown td {
    border: 1px solid #ccc;
    padding: 4px 6px;
}

.payment-breakdown .desc {
    text-align: left;
}

.payment-breakdown .amt {
    text-align: right;
    white-space: nowrap;
}