/* common.start*/

html {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAJzCAMAAAAiBSN6AAAAIVBMVEU0PUn09PQzPEn9/f2MkJj7+/v4+PgeKDd4fYY0PUr///8YlSOUAAAAWUlEQVR42u3JyQ2AMAADsHAW2H9gJoh4Vkj217kLIYQQQsyKai2yF7kKIYT4TSxFziJHka3IUwghhBBCCCGEEEIIIYQQQgghhBBCCCGEEEIIIb5iFEIIMSdeUxMpn/eUNv8AAAAASUVORK5CYII=);
    background-repeat: repeat-x;
    background-color: #1E2837;
}

body {
    background-color: white;
}

td.wordwrapbreakall {
    word-break: break-all;
}

td.wordwrapbreakword {
    word-wrap: break-word;
}

.content-main h3 {
    margin-top: 15px;
    margin-bottom: 20px;
}

a:hover, .nav-item:has(.nav-link.show) {
    background-color: #c7d1d6;
}

.alignMiddle {
    vertical-align: -webkit-baseline-middle;
    vertical-align: baseline;
}
 
header, footer, hgroup,
nav, section {
    display: block;
}

.site-title a, .site-title a:hover, .site-title a:active {
    background: none;
    color: #c8c8c8;
    outline: none;
    text-decoration: none;
}

.area-indicator {
    display: inline-block;
    float: right;
    padding: 0.3rem 0.7rem;
    border-radius: 5px;
    font-weight: bold;
}

#uat-indicator {
    border: 2px solid #f7cbcb;
    background-color: #ff1100;
    color: #f7cbcb;
}

#cur-indicator {
    border: 2px solid #f7e5cb;
    background-color: #ff9700;
    color: white;
}

.dropdown.open > ul.dropdown-menu {
    margin-bottom: 40px;
}

footer {
    font-size: .8em;
}

.flip-horizontal {
    -ms-transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1);
}

.glyphicon-2x {
    font-size: 1.8em;
}

.glyphicon-3x {
    font-size: 2.5em;
}

.glyphicon-4x {
    font-size: 3em;
}

.form-padding-small{
    padding: 10px;
} 
.success {
    color: green;
}

.failure {
    color: red;
}

.warning {
    color: #FF9900;
}

.widthFull {
    width: 100%;
}

.width-small {
    width: 100px;
}

.input-group-addon-button {
    cursor: pointer;
}

/*BS5*/
.input-group-text-button {
    cursor: pointer;
}
/*common.end*/

/*Labels.start*/
label.checkbox {
    display: inline;
}
/*Labels.end*/

/*Tabs.start*/
.tab-content {
    margin-bottom: 20px;
}

.tab-pane {
    margin-top: 20px;
}

.popup .nav-tabs {
    margin-top: 20px;
}

.option-form-control {
    display: block;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.sr-option-field{
    margin:10px;
}
.option-container {
    margin-top: 30px;
    display: inline-table;
    border: gray 2px solid;
    padding: 20px;
}
.option-help-icon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
    vertical-align: sub;
    vertical-align: -webkit-baseline-middle;
}

#eventQuestionsShowAddButton button{
   margin: 5px;
}
/*Tabs.end*/
/*auto-complete.start*/
.form-control-autocomplete {
    width: 100%;
    border-radius: 4px;
    height: 30px;
    padding: 0px;
    padding-left: 6px;
    text-indent: 15px;
    background-color: #ffffff;
}
/*auto-complete.end*/

/*Validation.start*/
.field-validation-error {
    color: #e80c4d;
    font-weight: bold;
}

.field-validation-valid {
    display: none;
}

.inputValidationError:not(.form-select) {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAFFUlEQVR42oWWfUxVdRjHv79zz7kvh3u5IAgIRNEUKC3QxejFBE29Q3tZlqhtNedWM5qba+u/NufW3y3nUOsPa9ma0NJZ6STNYTPLUAHT1EhuwlTACwL3cl/O26/n3MP1cnjRZ4PL/Z3zez7P832e5/eD4QEWXbm2lht8o6pqAc0wSjnn4LRu/giCEJSdYqtDEA66Tx49PZsPNtPi+Mq1lVzT2xMJRdJy/fA8txBC0VzAMCZ2McT7BjB09hLEu6PIyshQZUms9pw82vVQQPilNU1aXGlEYQ7kzfUQfF5AVYBIGNBU6yVRArw+CJILWjiCns8PQ7wTQkGmf4/vl6MfzAqIrKhv1qKJBlfDcojVFeC3b8MI3aGUyHlmFsSlrybf0878AIyNABkEyZ0HR2Ehhs9dRu+B4yjLyWnxnTq2YRpgZEV9E4smGl3r6yCU5UPvvk6SUMRMAI+OwfPxflumsU+2gMmZVBCSTZAglVXg3pU+3PjmOBbm5d3PJAm4t7y+kilqp/uNFyEUZ0O/cY02OZJaQ9fhKH8a0uvv2QDq4S+gX78EOOg9Kj4MHdL8JzDQFUSktR0FPl+V/9SxriRgqDaguPNzJOnNGtp0Je3cNF2DY8EiSBu22QHNuynLywQQrYUJiLNiETq+bEXJuKLmnT7hZIPL62uditrmeTcA4+ZE5JNLYwLKCLBp+3TAP5fTGZjNm4QYYI9W4Oqu71GSnV3H+msDe31FeVuFp/wkbCIduflJ+ptROcpNgD2D+Kcfgf/VAealOnjcVPBMKxtTUtmJq7/dROFYYh/rX7a6J6vm8VLu1qwJMh2bWSTi4EOD4L29YOVPwrOr2V7kDzfBuHgBkCQrejNyWQabR101Nx+huAT9z2CQ3VkW4NnVReDO5HgCigIj2A0+ELLSp4iEJUvg+eygHbB9I4yOiwRwphdTElFnxUQ3QsNesNtLV/E5y4opBgeMnn/Bb/bSIIkWLCm2YgF2f2cHbFtPGUwBTDJJZDj/K2XfW7ea59XMg/b7OXCKPumYTSryBEDee8jmIPr+ugcCHKKAa+2DYN0vrOLFYh+0mGIVdaqRRKy0BBktbbbl8YY68GCvJeMMJkoC/r4YAruQXdAzv9hV6pAcVrdNNfMEHR2F+1ArpKpnrKQ6zyO+LgDm99uzRboBdZ3jWvdIkJ2Vs/Y+li9vzfS5wGckWLPA+/uB3Czre2gErKAgPWTTAAxj4QT+G4zuY2e82bUZktBWXuSDps8AMDMYG4P81QGIq15OLmknfkJ089tgmZkzZiA6GK7fCmNcNeqST3+W/criXK/kcQkwpjLMGpQ8Am/bH7blSN2zNCN902ogMHNeDXSEIurq6KgzBaikruqsmesDdTFsDE2DUFWFjB+P2Yv8yhoYnZ1WS6ekMQG0+9zdMDSOKgJ03c/viMfblC+JjYv9XigGT0PMusRi8A0P2wDhOXPoiPDcl8j87aTwO0YjGFC1Pa/FIunjOmUtbm9zkehoqPLKJBXJlcIoKpjbBdeOHcmviZ07weN0bjklSxZyIzADnZEobml6S0M8Mv3CSdm3LrnJzYTG5+lc8ZO+Oq0ZZqGpFjyRsDa5XGD0TKDozQqM0rOz0Sji3NjzViI6+5WZsq9dnkqVo71IcEgLaFJzJBEe82abtClG582QqqGbJv2WoasSQ/U7idjDL/3Jtt/prqXO3UiOA3QxlmZNTPoIOae/grS5lTry4BYlPuu/Lf8DFSAbe8Mi+g4AAAAASUVORK5CYII=') /*../images/invalid.png*/;
    background-repeat: no-repeat;
    background-position-y: 0;
    background-position-x: 100%;
    background-position: 100% 0;
    -moz-background-origin: content-box;
    -webkit-background-origin: content-box;
    background-origin: content-box;
    background-size: 20px 20px;
}

select.inputValidationError,
input[title="This field is required."].inputValidationError,
select[title="This field is required."].inputValidationError:not(.form-select),
.kendoNumericTextBoxContainer.inputValidationError,
.k-input.inputValidationError,
textarea.inputValidationError,
.inputValidationError .k-numerictextbox .k-numeric-wrap {
    border-left: 3px solid #e80c4d;
    background-image: none;
}

.kendoNumericTextBoxContainer.inputValidationError {
    border-radius: 7px;
}

select.inputValidationError {
    background-position-x: 99%;
}

.popup select.inputValidationError {
    background-position-x: 94%;
}

div.photoContainer .inputValidationError {
    border: 1px solid red;
    border-radius: 5px;
}

.k-widget .inputValidationError {
    background-position-y: 2px;
    background-position-x: 100%;
}

.k-datepicker .inputValidationError {
    background-position-x: 97%;
}

.k-widget .inputValidationWarning {
    background-image: url(../images/invalid.png);
    background-repeat: no-repeat;
    background-position-y: 2px;
    background-position-x: 96%;
    background-origin: content-box;
    background-size: 20px 20px;
}

div.kendoNumericTextBoxContainer {
    width: 200px;
    background-position-y: 4px;
    z-index: 1000;
}

div.ckEditorContainer {
}

div.kendoMultiSelectContainer .inputValidationError div.k-multiselect-wrap {
    background-image: url(../images/invalid.png);
    background-repeat: no-repeat;
    width: 100%;
    background-position-x: 99%;
    background-position-y: center;
    background-size: 20px 20px;
}

.k-multiselect-wrap {
    overflow: auto;
}

.gender .inputValidationError {
    min-width: 180px;
    background-position-x: 79%;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #e80c4d;
    font-weight: bold;
    font-size: 1.1em;
}

.validation-summary-valid {
    display: none;
}

.validation-message {
    color: red;
    font-size: smaller;
}

/*Validation.end*/

/*Forms.start*/
.form-search div.row {
    margin: 10px;
}

.form-search label {
    position: relative;
    top: 8px;
}

.search-content {
    padding-top: 180px;
    height: 500px;
}

.search-content-results {
    overflow: scroll;
}
/*Forms.End*/

/*Statusbar.start*/
.navbar-fixed-bottom {
    min-height: 20px;
    opacity: 0.75;
    background-color: white !important;
    color: black !important;
}

    .navbar-fixed-bottom span {
        padding-left: 5px;
    }

    .navbar-fixed-bottom:hover {
        opacity: 1;
    }

/*Statusbar.end*/

/*Menu.Start*/
/*Menu.end*/

/*#PageIndex.start*/
#pageIndex iframe {
    width: 100%;
    border: none;
    height: 650px;
}
/*#PageIndex.end*/

/*#PageIndex.end*/
#pageCardPreview iframe, #pageMembershipSave iframe, #pageDocumentTemplatePreview iframe {
    border: 1px solid black;
    border-radius: 5px;
    width: 3.5in;
    height: 2in;
}
/*#PageIndex.end*/

/*#Pager.Start*/
.pagination-info {
    margin: 20px 0;
    text-align: right;
    padding-top: 10px;
}

.pagination-pagesize {
    text-align: center;
    margin-top: 10px;
    padding-top: 10px;
    display: inline-block;
}

/*#Pager.Start BS5*/
.bs5 .pagination-info {
    /*margin: 20px 0;*/
    text-align: right;
    /*padding-top: 10px;*/
    margin-top: 5px;
}

.bs5 .pagination-pagesize {
    text-align: center;
    /*margin-top: 10px;
    padding-top: 10px;*/
    display: inline-block;
}

    .pagination-pagesize select {
        width: auto;
        display: inline;
    }
/*#Pager.end*/

/*Status.Start*/
tr.deleted, tr.disconnected {
    background-color: #FF0000 !important;
}

tr.connected {
    background-color: #FF0000 !important;
}

.suspended td {
    background-color: #fcf8e3 !important;
}

.cancelled td {
    background-color: #d9edf7 !important;
}

.deleted td {
    opacity: 0.5;
    background-color: #FF0000 !important;
}

.itemActive td {
    background-color: #dff0d8 !important;
}

/*Status.End*/

/*FileInput.Start*/
.btn-file {
    position: relative;
    overflow: hidden;
}

    .btn-file input[type=file] {
        position: absolute;
        top: 0;
        right: 0;
        min-width: 100%;
        min-height: 100%;
        font-size: 100px;
        text-align: right;
        filter: alpha(opacity=0);
        opacity: 0;
        outline: none;
        background: white;
        cursor: inherit;
        display: block;
    }

/*Fileinput.start*/
.fileinput-button {
    position: relative;
    overflow: hidden;
}

    .fileinput-button input {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        opacity: 0;
        -ms-filter: 'alpha(opacity=0)';
        font-size: 200px;
        direction: ltr;
        cursor: pointer;
    }

        .fileinput-button input:disabled {
            opacity: 0.5;
        }

/*Fileinput.end*/

/*Images.Start*/
.img-preview {
    width: 200px;
    /*height: 200px;*/
    height: auto;
    margin: 5px;
}
/*Images.End*/

/*pageActions.Start*/
.pageActions {
    margin-top: 20px;
    vertical-align: middle;
}
/*pageActions.End*/

/*pageCapturePhoto.Start*/
#pageCapturePhoto {
    margin-top: 10px;
}

    #pageCapturePhoto #divCamera {
        vertical-align: top;
        padding: 0px;
        margin: 0px;
    }

.cropper-container {
    left: 0px !important;
}

#imgPhotoContainer {
    width: 250px;
    height: 250px;
    overflow: hidden;
}

.camera-not-available {
    margin-top: 15px;
}

.photo-customer {
    width: 180px;
    /*height: 180px;*/
    height: auto;
}

div.photoContainer {
    padding-bottom: 5px;
}

.upload {
    padding-bottom: 10px;
}
/*pageCapturePhoto.End*/

/*pageMembershipAdd.Start*/
/*Bs5*/
#pageMembershipAdd div.panel-body div.mb-4 row > div {
    clear: both;
}

#pageMembershipAdd div.panel-body div.form-group > div {
    clear: both;
}

#pageMembershipAdd div.panel-body div.form-inline {
    padding: 0px;
    margin: 0px;
}

#pageMembershipAdd .form-group > label {
    white-space: nowrap;
}

/*BS5*/
#pageMembershipAdd .mb-4 row > label {
    white-space: nowrap;
}

/*BS5*/
#pageMembershipAdd .contactable .mb-4 row {
    width: 33.33%;
}

#pageMembershipAdd .contactable .mb-4 row {
    width: 33.33%;
}
/*pageMembershipAdd.End*/

.form-search {
    padding-bottom: 0 !important;
}

.panel-search .panel-body {
    padding-top: 5px !important;
}

.panel-heading-bulkimport h4 {
    display: inline;
    padding-right: 20px;
}

/*Rebranding.Start*/
header {
    background-color: #343d4a;
}

.navbar-default {
    background-color: #787d86;
    background-image: none;
    border-radius: 0;
    border: none;
}

a#loginLink {
    background-color: #00dcff;
    color: white;
    text-decoration: none;
    text-transform: uppercase;
    padding: 5px 10px;
    margin-left: 30px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 3px solid white;
    font-weight: 700;
    -moz-transition: background-color ease 0.3s;
    -o-transition: background-color ease 0.3s;
    -webkit-transition: background-color ease 0.3s;
    transition: background-color ease 0.3s;
    display: inline-block;
}

    a#loginLink:hover {
        background-color: #07A7C0;
    }

footer {
    background-color: #1e2837;
    color: white;
    padding: 10px 0 40px 0;
    margin-top: 30px;
}

header .site-title a:link {
    background-image: url('../Images/header-logo-onDark.png');
    background-repeat: no-repeat;
    display: block;
    width: 750px;
    height: 70px;
}

@media screen and (max-width:749px) {
    header .site-title a:link {
        max-width: 330px;
        overflow-x: hidden;
    }
}

.offline header {
    margin-bottom: 10px;
}

header .site-title img {
    display: none;
}

.navbar-default .navbar-text {
    color: #FFF;
}

li.notifications > a {
    cursor: pointer;
}

.navbar-default .nav.navbar-nav > li > a {
    color: white;
}

.navbar-brand, .navbar-nav > li > a {
    text-shadow: 0 1px 0 rgba(0,0,0,.25);
}

.navbar-text a, .navbar-text a:link, .navbar-text a:visited, .navbar-text a:hover {
    color: #00dcff;
    background-color: #787d86;
    -moz-transform: color 0.2s ease;
    -ms-transform: color 0.2s ease;
    -o-transform: color 0.2s ease;
    -webkit-transform: color 0.2s ease;
    transform: color 0.2s ease;
}

    .navbar-text a:hover {
        color: #89EFFF;
        background-color: #787d86;
    }
/*Rebranding.End*/


/* Start.thumbnailHolder  */
.thumbnailHolder {
    Width: 100px;
    Height: auto;
    Float: left;
}

.thumbnailImage {
    Width: 100%;
    Height: auto;
    Float: left;
    Margin: 0;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    .thumbnailImage:hover {
        Width: 200%;
        Margin-top: -0%;
        Margin-left: -0%;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

/* End.thumbnailHolder  */

/* Start.resourceHolder  */
.resourceHolder {
    Width: 300px;
    Height: 300px;
    Float: left;
}

.resourceImage {
    Width: 300px;
    Height: 300px;
    Float: left;
    Margin: 0;
    Transition: all 0.3s ease;
}

    .resourceImage:hover {
        Width: 120%;
        height: 120%;
        Margin-top: -0%;
        Margin-left: -0%;
        Transition: all 0.3s ease;
    }

.resourceHolder > span {
    margin-left: 15px;
    margin-top: 10px;
}


/* End.resourceHolder  */

section.contact header {
    background-color: transparent;
}


/* Start.fieldset   */
fieldset {
    padding-bottom: 25px;
}


    fieldset .form-inline .form-group {
        padding-right: 10px;
    }

    /*BS5*/
    fieldset .form-inline .mb-4 row {
        padding-right: 10px;
    }
/* End.fieldset */

.uISortableList {
    cursor: move;
}

.panel-offlineredeemer .panel-body .form-inline:last-child {
    padding-top: 10px;
}

.form-inline-store {
    padding-bottom: 15px;
}

.form-inline-purchaseOrder .k-multiselect-wrap {
    width: 300px;
}

.productTemplate div:first-child {
    font-size: small;
    font-style: italic;
}

.infoIcon {
    color: red;
}

.table-po-detail tfoot tr div.text-end {
    display: inline;
    float: right;
}

/*BS5*/
.table-po-detail tfoot tr div.text-right {
    display: inline;
    float: right;
}

.table-po-detail tbody div.kendoNumericTextBoxContainer {
    width: 125px;
}

tr.btnShowOnHover > td > button {
    opacity: 0;
    -moz-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease;
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
}

    tr.btnShowOnHover:hover > td > button, tr.btnShowOnHover > td > button.overrideBtnHide {
        opacity: 1;
        -moz-transition: opacity 0.3s ease;
        -o-transition: opacity 0.3s ease;
        -webkit-transition: opacity 0.3s ease;
        transition: opacity 0.3s ease;
    }

.content-main {
    min-height: 400px;
}

/*BS5*/
.nav-tabs > li > button.errorTab {
    border-bottom: 1px solid #e80c4d !important;
    border-top-color: #eee;
    /* IE9, iOS 3.2+ */
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxyYWRpYWxHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGN4PSI1MCUiIGN5PSIxMDAlIiByPSI2NC40JSI+PHN0b3Agc3RvcC1jb2xvcj0iI2U4MGM0ZCIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC4wNzgiLz48L3JhZGlhbEdyYWRpZW50PjxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCN2c2dnKSIgLz48L3N2Zz4=);
    /* Android 2.3- hack (needed for the actual radial gradient) */
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxyYWRpYWxHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGN4PSI1MCUiIGN5PSIxMDAlIiByPSI2NC40JSI+PHN0b3Agc3RvcC1jb2xvcj0iI2U4MGM0ZCIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC4wNzgiLz48L3JhZGlhbEdyYWRpZW50PjxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCN2c2dnKSIgLz48L3N2Zz4=), -webkit-gradient(radial, center bottom, 0, center bottom, 259,color-stop(0, rgb(232, 12, 77)),color-stop(0.078, rgb(255, 255, 255)));
    /* Android 2.3 */
    background-image: -webkit-radial-gradient(center bottom, 480px 37px,rgb(232, 12, 77) 0%,rgb(255, 255, 255) 7.8%);
    /* IE10+ */
    background-image: radial-gradient(ellipse 480px 37px at center bottom,rgb(232, 12, 77) 0%,rgb(255, 255, 255) 7.8%);
    background-image: -ms-radial-gradient(center bottom, 480px 37px,rgb(232, 12, 77) 0%,rgb(255, 255, 255) 7.8%);
}

.nav-tabs > li > a.errorTab {
    border-bottom: 1px solid #e80c4d !important;
    border-top-color: #eee;
    /* IE9, iOS 3.2+ */
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxyYWRpYWxHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGN4PSI1MCUiIGN5PSIxMDAlIiByPSI2NC40JSI+PHN0b3Agc3RvcC1jb2xvcj0iI2U4MGM0ZCIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC4wNzgiLz48L3JhZGlhbEdyYWRpZW50PjxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCN2c2dnKSIgLz48L3N2Zz4=);
    /* Android 2.3- hack (needed for the actual radial gradient) */
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxyYWRpYWxHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGN4PSI1MCUiIGN5PSIxMDAlIiByPSI2NC40JSI+PHN0b3Agc3RvcC1jb2xvcj0iI2U4MGM0ZCIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC4wNzgiLz48L3JhZGlhbEdyYWRpZW50PjxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCN2c2dnKSIgLz48L3N2Zz4=), -webkit-gradient(radial, center bottom, 0, center bottom, 259,color-stop(0, rgb(232, 12, 77)),color-stop(0.078, rgb(255, 255, 255)));
    /* Android 2.3 */
    background-image: -webkit-radial-gradient(center bottom, 480px 37px,rgb(232, 12, 77) 0%,rgb(255, 255, 255) 7.8%);
    /* IE10+ */
    background-image: radial-gradient(ellipse 480px 37px at center bottom,rgb(232, 12, 77) 0%,rgb(255, 255, 255) 7.8%);
    background-image: -ms-radial-gradient(center bottom, 480px 37px,rgb(232, 12, 77) 0%,rgb(255, 255, 255) 7.8%);
}

label#webservice {
    display: inline;
    font-size: 1em;
    font-weight: normal;
}

.pageHelper {
    padding: 16px;
    width: 100%;
    position: relative;
    border-bottom: 4px solid #FEB312;
    left: 0;
    top: 0;
    background-color: rgba(247, 236, 214, 0.85);
    float: left;
    margin-top: -20px;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

    .pageHelper.pageHelperSticky {
        position: fixed;
        z-index: 10;
        margin-top: 0;
        box-shadow: 0 6px 13px -1px rgba(0,0,0,0.25);
    }

    .pageHelper .iconHolder {
        width: 7%;
        float: left;
    }

        .pageHelper .iconHolder > img {
            float: left;
        }

    .pageHelper .message {
        width: 90%;
        float: right;
        padding: 0 7% 0 0;
        text-align: left;
        overflow-y: hidden;
    }

        .pageHelper .message > .msgTitle {
            font-size: 1.5em;
            font-weight: bold;
        }

    .pageHelper .msgCloseBtn {
        background-color: #9E0E0E;
        display: inline;
        padding: 3px 9px;
        color: white;
        border-radius: 15px;
        float: right;
        clear: left;
        position: relative;
        text-decoration: none;
    }

    .pageHelper .blockpopupHolder {
        float: right;
    }

        .pageHelper .blockpopupHolder label {
            font-weight: normal;
            padding-right: 10px;
            font-size: 0.8em;
        }

    .pageHelper.minified {
        height: 40px;
        overflow: hidden;
        padding-bottom: 0;
        padding-top: 0;
        width: 100px;
        position: fixed;
        bottom: 0;
        right: 0;
    }

    .pageHelper.resetting {
        -moz-transition: all none;
        -o-transition: all none;
        -webkit-transition: all none;
        transition: all none;
    }

.pageHelperDestination {
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.pageHelperDestinationLifted {
    box-shadow: 2px -5px 6px 1px rgba(0,0,0,0.65);
    -moz-transform: rotate3d(1,0,0,-37deg);
    -ms-transform: rotate3d(1,0,0,-37deg);
    -o-transform: rotate3d(1,0,0,-37deg);
    -webkit-transform: rotate3d(1,0,0,-37deg);
    transform: rotate3d(1,0,0,-37deg);
    background-color: #D4D4D4;
    padding-top: 13px;
}

.pageHelperDestinationSettled {
    box-shadow: 0 0 0 0 rgba(0,0,0,0);
    -moz-transform: rotate3d(0,0,0,0deg);
    -ms-transform: rotate3d(0,0,0,0deg);
    -o-transform: rotate3d(0,0,0,0deg);
    -webkit-transform: rotate3d(0,0,0,0deg);
    transform: rotate3d(0,0,0,0deg);
}
/* placeholder CSS - we can add a CLOSED class to the pagehelper at a later date if the PH is in 'blocked' mode - the 'close' button can then be changed to run the function RemovePageHelperFromBlockList */
.pageHelper.closed {
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 10px 10px 0 0;
    position: fixed;
    bottom: 0;
    top: auto;
    -webkit-box-shadow: 6px -5px 8px -2px rgba(0,0,0,0.75);
    -moz-box-shadow: 6px -5px 8px -2px rgba(0,0,0,0.75);
    box-shadow: 6px -5px 8px -2px rgba(0,0,0,0.75);
}

    .pageHelper.closed > .container {
        width: 100%;
    }

    .pageHelper.closed .msgCloseBtn {
        background-color: #0E9E20;
    }

html.popup {
    background-image: none;
    background-color: transparent;
    background-repeat: no-repeat;
}

body.popup {
    padding-top: 10px;
}

    body.popup .pageHelper {
        margin-bottom: 20px;
    }

.modal-dialog.modal-lg {
    max-height: 96vh;
}

    .modal-dialog.modal-lg .modal-body {
        overflow-y: scroll;
        max-height: 70vh;
    }



.highlightRow {
    background-color: cadetblue;
}


.mb5 {
    margin-bottom: 5px !important;
}

.down-3{
    top:3px;
}

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

.row-container .row {
    margin-top: 15px;
}

/*Scheduled events start*/
.event-template {
    cursor: pointer;
    font-size: 12px;
    margin: 2px;
}

    .event-template .title {
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 75%;
        overflow: hidden;
    }

    .event-template .count {
        text-align: right;
        top: -3px;
        left: -2px;
        position: relative;
        vertical-align: bottom;
        height: 100%;
    }

.k-scheduler-weekview .event-template .title {
    text-overflow: initial;
    overflow: initial;
    white-space: normal;
    width: auto;
}

.k-scheduler-weekview .event-template .count {
    display: inline;
    top: auto;
    left: auto;
    margin-left: 4px;
}

.k-scheduler-agendaview .event-template .title, .k-scheduler-dayview .event-template .title {
    display: inline;
}

.k-scheduler-agendaview .event-template .count, .k-scheduler-dayview .event-template .count {
    display: inline;
    top: auto;
    left: auto;
    float: right;
}

/*increase the height of the cells in day, work week and week views*/
.k-scheduler-table td, .k-scheduler-table th {
    height: 2.5em;
}

/*Scheduled events end*/


.panel-audit .panel-body table {
    margin-bottom: 0px;
}

.panel-audit .panel-body {
    padding-bottom: 0px;
}

td.statementTransactionHeader {
    padding: 0px !important;
}

    td.statementTransactionHeader table {
        margin-bottom: 0px;
    }

.table-statement tfoot {
    font-weight: 800;
}

.tooltip-large .tooltip {
    width: 200px;
}

.color-red {
    color: red;
}

.color-darkred {
    color: #a94442;
}

.color-green {
    color: green;
}

.color-darkorange {
    color: darkorange;
}

.chartDesigner {
    height: 800px;
    margin-bottom: 20px;
}

.alert a {
    text-decoration: underline;
}

.alert-info-chart-role {
    margin-top: 15px;
}

.seating {
    background-image: none;
    background-color: initial;
}


.k-menu .k-link {
    white-space: nowrap;
}

nav li.notifications .badge {
    background-color: #9E0E0E;
}

.k-menu .k-link img {
    padding-right: 5px;
}

/*BS5*/
fieldset .input-group-text {
    width: auto;
    display: inline;
    color: initial;
    background-color: initial;
    border: none;
}

fieldset .input-group-addon {
    width: auto;
    display: inline;
    color: initial;
    background-color: initial;
    border: none;
}

.row-eventInstanceSummary {
    background-color: #c3f58c !important;
}

.row-eventInstanceHeader {
    background-color: #e4f2f7 !important;
}

.opaque50 {
    opacity: 0.5;
}

.scroll {
    overflow-y: scroll;
    max-height: 440px;
}

.padding-none {
    padding: 0px !important;
}

.margin-none {
    margin: 0px !important;
}

.panel-heading-customer-add p.form-control-static {
    margin-left: 18px;
}

/*user message*/
.um-user-dd {
    max-width: 174px;
}

/*timed messages*/
#tm-details .k-input{
    display: inline-block;
}

#tm-of, #tm-when, #tm-what, #tm-send, #tm-qty, #tm-date-type, #tm-enabled, #tm-ignoreContact {
    width: 200px;
}

#tm-of .k-input, #tm-when .k-input, #tm-what .k-input, #tm-send .k-input, #tm-date-type .k-input{
    width: 120px;
}

#tm-template{
    width: 394px;
}

#tm-template .k-input{
    width: 300px;
}

#tm-htmlTemplate {
    width: 394px;
}

#tm-htmlTemplate .k-input {
    width: 300px;
}

#tm-transactionemail {
    width: 594px;
}

#tm-transactionemail .k-input {
    width: 500px;
}

#tm-subject{
    width: 600px;
}

.error-mark-border{
    border-color: red;
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
}

/*EUDF*/
.eudf-title {
    font-size: 1.2em;
    margin-bottom: 14px;
    font-weight: bold;
}

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

#eudf-value {
    margin-bottom: 6px;
}

.eudf-search{
    margin-bottom: 4px;
}



#tm-base {
    display: none;
}

.search-button {
    margin-top: 10px;
}

.tm-filter-btn{
    margin-right: 15px;
}

.loader {
  border: 8px solid #f3f3f3;
  border-radius: 50%;
  border-top: 8px solid #808080;
  width: 60px;
  height: 60px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.stock-move-product-width{
    min-width:135px;
}

.label-right{
    display:inline-block;
    text-align:right;
    padding-top: 5px;
    padding-right: 0px;
}

.mini-date-time .k-widget{
    width: 100%;
}

/* Booking Facility */
.selectedRow {
    background-color: #dff0d8;
}

.tooBig {
    background-color: red;
    color: white;
}

.tooSmall {
    background-color: orangered;
    color: white;
}

.justRight {
    background-color: green;
    color: white;
}

.display-flex {
    display: flex;
}

.popup .search-results-table {
    margin-top: 230px;
}

table td .ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 200px;
    display: block;
    white-space: nowrap;
}

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

td.resource-available {
    background-color: lawngreen;
}

td.resource-allocated {
    background-color: lightgray;
}

td.resource-excluded {
    background-color: red;
}

.loading-splash {
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    z-index: 1000;
}

    .loading-splash img {
        display: block;
        width: 100px;
        height: auto;
        margin: 10rem auto;
    }

    .loading-splash.darken {
        background: rgba(0, 0, 0, 0.6);
    }


textarea {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 95%;
    border: 1px solid #dddddd;
    border-radius: 5px;
    height: 250px;
}

.new-theme-only {
    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;
}