/*
Service blue styling
*/
.navbar-default {
    background-color: #3659b1;
    border-color: #22376e;
}

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

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #fff;
    background-color: #4368c6;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #2e4c98;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    color: #fff;
    background-color: #2e4c98;
}

.navbar-default .navbar-brand {
    color: #fff;
}

.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
    color: #fff;
    background-color: transparent
}

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

.navbar-brand > img {
    display: inline;
}

.dropdown-header,
.navbar li {
    color: #999;
}

.dropdown-menu > li > a,
.dropdown-menu > li > a:hover {
    color: #333;
}

.btn-primary {
    color: #fff;
    background-color: #3659b1;
    border-color: #304f9d;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #2c4992;
    border-color: #22386f;
}

.popover {
    color: black;
}

.page-error {
    padding: 30px;
}

.page-error .jumbo {
    font-size: 30px;
    line-height: 30px;
}

.page-error .jumbo.balloon {
    font-size: 120px;
    line-height: 120px;
    margin-bottom: 0;
}

.page-error .error-center-block {
    text-align: center;
    margin-bottom: 35px;
    padding-bottom: 35px;
    border-bottom: 1px solid #ddd;
}

.page-error .info h3 {
    margin-top: 0;
}

.page-error .info .pages a {
    display: block;
    padding: 10px 0;
    border-bottom: 1px dotted #ddd;
    text-decoration: none;
}

.page-error .info .pages a:before {
    font-family: FontAwesome;
    padding-right: 5px;
}

a.custom-link:hover {
    text-decoration: none;
}

#customer-notes-list {
    overflow: auto;
    position: relative;
}


.container {
    padding-bottom: 30px;
}

.disablescroll {
    overflow: hidden;
}

/* TOOLTIP */

.tooltip {
    z-index: 9999;
}

/* PROGRESS BAR */

.progressbar {
    margin-bottom: 20px;
}

.progressbar .btn-inverse {
    color: #fff;
    background-color: #222;
}

.progressbar .disabled {
    cursor: default;
    background-color: #e6e6e6;
    color: #333333;
}

/* datepicker */

.ui-datepicker .ui-datepicker-title select {
    color: #000000;
}

/* LOADING ICONS */

.loading,
.loading-right {
    background: no-repeat right center;
}

.loading-left {
    background: no-repeat left center;
}

.loading-center {
    background: no-repeat center center;
}

.loading,
.loading-right,
.loading-left,
.loading-center {
    background-image: url(data:image/gif;base64,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);
}

/* SEARCH FAQS */

#search-faq-form {
    margin-bottom: 10px;
}

/* PANEL SETTINGS */

.panel h3 {
    margin-top: 0;
}

.panel textarea {
    resize: none;
}

.panel-legend {
    font-size: 16px;
    padding: 10px;
    background-color: #f7f7f7;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin: 0 -15px 15px -15px;
    overflow: hidden;
}

.panel-footer {
    background-color: #f7f7f7;
}

.panel-footer > div {
    padding-left: 8px;
}

.panel-footer .btn + .btn {
    margin-left: 5px;
}

.table td .btn {
    margin-left: 5px;
}

.tabs-left .nav-tabs {
    margin-right: 0;
}

/* TYPEAHEAD */

span.twitter-typeahead {
    width: 100%;
}

.tt-query {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
    color: #999
}

.tt-dropdown-menu {
    width: 422px;
    margin-top: 12px;
    padding: 8px 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}

.tt-suggestion {
    padding: 3px 20px;
    line-height: 24px;
}

.tt-suggestion.tt-cursor {
    color: #fff;
    background-color: #0097cf;
}

.tt-suggestion p {
    margin: 0;
}

.tt-dropdown-menu.hidden {
    display: block !important;
    display: none;
    visibility: visible !important;
}

/* CUSTOM MODALS */
body .modal.wide {
    margin-left: 0 !important;
}

body .modal.wide .modal-dialog {
    width: 1000px !important;
}

body .modal.wide iframe {
    min-width: 100%;
    height: 390px !important;
    border: none !important;
}

body .modal.wide iframe h1 {
    font-size: 20px !important;
}

.break {
    word-break: break-all;
    white-space: pre-wrap;
}

.panel-knob {
    border: 1px solid #d9dfe7;
    background-color: #2c4992;
}

.panel-knob > .panel-heading > h3 {
    color: #d8ebf5;
    font-weight: 100;
    font-size: 18px !important;
}

.panel-knob > .panel-body {
    text-align: center;
    padding: 0px;
}

.panel-knob > .panel-footer {
    background-color: #FFFFFF;
    color: #383E4B;
    margin-top: 10px;
}

.bg-error-msg {
    padding: 15px;
}

.colour-sq {
    width: 25px;
    height: 25px;
    margin-right: 5px;
    border: 2px solid #ffffff;
    cursor: pointer;
}

.colour-selected {
    border: 2px solid;
}

.colour-sq input {
    display: none;
}

.messages-phone-team .icon {
    font-size: 20px;
}

.selfQueue-info {
    width: 100%;
    position: absolute;
    background-color: white;
    z-index: 100;
    text-align: center;
    padding-top: 80px;
    top: 0;
}

p.selfQueue-app {
    font-size: 130px;
}

.service-list.self-queue {
    margin-bottom: 20px;
}

.selfQueue-info button {
    font-size: 60px;
    padding: 10px 30px;
    margin-top: 50px;
}

.validationError {
    background-color: #f2dede !important;
}

.col-md-4.alert-type-check {
    padding-top: 3px;
}

.category-style {
    padding-left: 0px;
}

.icon.icon-note-list {
    margin-right: 30px;
    width: 50px;
    height: 50px;
}

.meaning-symbol {
    margin-top: 5px;
}

.no-icon {
    margin-left: 80px;
}

.iconQueue {
    width: 25px;
    height: 25px;
    margin-right: 2px;
    margin-bottom: 1px;
    border-radius: 8px;
    border: 1px solid #3659b1;
}

.noSpace {
    padding-right: 3px;
}

.showElement {
    margin: 20px 0px;
}

.sortable li .handle.responses {
    padding: 0 10px;
}

.inbox-report-header {
    margin-top: 30px;
}

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

.topBorder {
    border-top: 1px solid black;
}

.note-item {
    padding: 10px;
    border-top: 1px solid #e5e5e5;
}

.note-content {
    padding: 10px 0;
}

.cases-view-accordion-row .hidden-row {
    padding: 0 !important;
}

.accordion-parent-case-row, .pointer-cell {
    cursor: pointer;
}

.hidden-row thead {
    background-color: #ddd;
}

.cases-pagination {
    margin: 0 10px;
}

.cases-pagination i {
    margin: 0 10px;
}

.workspace-icon:not .print {
    display: none;
}

@media print {
    .top {
        display: none;
    }

    .btn {
        display: none !important;
    }

    .print {
        display: block;
    }

    .printandscreen {
        display: block !important;
    }

    div.printandscreen {
        display: block !important;
    }
}

.pref-text-padding {
    padding-top: 6px;
}

#CreateCustomer .fa-plus, #CreateOrg .fa-plus {
    margin-right: 6px;
}

.menu-search-icon {
    display: none;
}

.menu-search-icon-selected-on-load {
    display: block;
}

#app-dashboard .fa-sort-down, #app-dashboard .fa-sort-up {
    margin-left: 4px;
}

#search-results .fa-mobile, #search-results .fa-phone {
    margin-right: 4px;
}


#menu-workspaces {
    display: none;
}

.navbar-brand.descktop {
    display: block;
}

.navbar-brand.mobile {
    display: none;
}

@media (max-width: 991px) {
    #as-navigation {
        top: 51px;
    }
    ::-webkit-scrollbar {
        display: none;
    }

    #as-navigation.open,
    #as-navigation.dropdown-menu {
        overflow: -moz-scrollbars-none;
        -ms-overflow-style: none;
    }

    #as-navigation.open {
        width: 250px;
        left: calc(100% - 230px);
        overflow-y: scroll !important;
        -webkit-overflow-scrolling: auto;
    }

    #as-navigation {
        border: 2px solid #3659b1;
        background-color: #3659b1;
        display: block;
        position: fixed;
        list-style: none;
        margin: 0;
        box-sizing: border-box;
        left: 120%;
        width: auto;
        transition: left .5s;
        z-index: 100;
    }

    #as-navigation .active a {
        color: #fff;
    }

    .container {
        padding-right: 0px;
        padding-left: 0px;
        width: 100%;
    }

    .navbar-toggle {
        display: block;
        position: absolute;
        right: 10px;
    }

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

    .navbar-nav .open .dropdown-menu {
        background-color: #fff !important;
        right: auto;
        left: auto;
    }

    .nav.navbar-nav.navItems li {
        width: 100%;
    }

    .modal-content {
        position: relative;
        width: auto;
        margin: 10px;
    }

    #menu-workspaces {
        display: block;
    }

    .fixed {
        position: fixed;
        width: 100%;
    }

    .navbar-brand.desktop {
        display: none;
    }

    .navbar-brand.mobile {
        display: block;
        margin-left:15px;
        margin-right:15px;
    }

    p.navbar-text.navbar-right {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .responsive-table {
        width: 100%;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }
}

.module-queueinformation-mobile,
.row-mobile,
.mobile-callticket-th {
    display: none;
}

@media (max-width: 922px) {

    [data-toggle~="collapse"] {
        cursor: pointer;
    }

    #submit_ge,
    .mobile-callticket-th,
    .table-details-ticket {
        width: 100%;
    }

    .rightside {
        display: flex;
        flex-direction: column;
    }

    .rightside > .generalenquiry {
        order: 2;
    }

    .rightside > .queueinformation {
        order: 1;
    }

    .module-queueinformation-mobile {
        display: block;
    }

    .row-mobile,
    .mobile-callticket-th {
        display: table;
    }

    .module-queueinformation,
    .desktop-callticket-th,
    .row-desktop {
        display: none;
    }

    #alltickets table,
    .mobile-leftside .module-issueticket,
    .mobile-rightside #module_general_enquiry {
        border: 3px solid darkgrey;
    }

    #alltickets .table-striped > tbody > tr:nth-child(2n) > td, .table-striped > tbody > tr:nth-child(2n) > th {
        background-color: lightgrey;
    }

    .module-queueinformation-mobile .panel-footer-mobile {
        width: 80%;
        margin-left: 10%;
        border: 3px solid darkgrey;
    }

    .time.pull-left {
        width: 80%;
        margin-left: 10%;
        margin-bottom: 20px;
        padding: 10px;
        text-align: center;
        border: 2px solid darkgrey;
    }

    .table-list-ticket-mobile thead,
    .mobile-callticket-th th {
        background-color: darkgrey;
    }

    .round {
        position: relative;
        height: 50px;
    }

    .round label {
        background-color: #fff;
        border: 1px solid #ccc;
        border-radius: 50%;
        cursor: pointer;
        height: 20px;
        left: 0;
        position: absolute;
        top: 0;
        width: 20px;
    }

    .round label:after {
        border: 2px solid #fff;
        border-top: none;
        border-right: none;
        content: "";
        height: 7px;
        left: 5px;
        opacity: 0;
        position: absolute;
        top: 3px;
        transform: rotate(-45deg);
        width: 12px;
    }

    .round input[type="checkbox"] {
        visibility: hidden;
    }

    .round input[type="checkbox"]:checked + label {
        background-color: #5697E2;
        border-color: #5697E2;
    }

    .round input[type="checkbox"]:checked + label:after {
        opacity: 1;
    }

    .text-checkbox {
        margin-left: 10px;
        width: 100px;
    }

    .table-list-ticket-mobile .btn-call {
        width: 50%;
        margin-left: 25% !important;
        margin-bottom: 10px;
        text-align: center;
    }

    .sf-mobile {
        float: left;
        background-color: #fff;
    }

    .table-list-ticket-mobile {
        width: 90%;
        margin-left: 5%;
        border: 1px solid darkgrey;
        border-collapse: unset;
    }

    .mobile-td-1 {
        width: 40%;
        border: 1px solid #ddd;
    }

    .table > thead > tr > th,
    .table > tbody > tr > td {
        border: none;
    }

    .mobile-deatails-row {
        margin: 0 5px 5px 5px;
        background-color: #fff;
    }

    .mobile-deatails-row button {
        width: 50%;
        margin-left: 25% !important;
    }

    .row-mobile {
        width: 100%;
        border-top: 1px solid #ddd;
    }

    .mobile-headers,
    .panel h3,
    .panel h4 {
        text-align: center;
    }
}

.modal-open .ui-pnotify {
    position: fixed;
    top: 25px;
    right: 25px;
    z-index: 1060;

}

@media screen and (max-width: 767px) {
    .responsive-table {
        width: 100%;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }
}

/* FS-3970 cookie msg in Service */
#cookiemsg {
    display: none;
    opacity: 0;
    position: absolute;
    top: -100vh;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 900;

}

#cookiemsg .container {
    padding-bottom: 0;
}

#cookiemsg.on {
    display: block;
    opacity: 1;
    top: 0;
    padding: 20px;
    color: #8a6d3b;
    background-color: #fcf8e3;
    border: 1px solid #ddd;
}

#cookiemsg p {
    display: block;
}

#cookiemsg p:first-of-type {
    font-weight: bold;
}

#cookiemsg .btn {
    display: block;
    margin: 0 auto 20px;
    background-color: #427AAC !important;
    border-color: #357ebd !important;
    padding: 6px 12px !important;
}
#azure-2fa {
    display: none;
}
#azure-password-reset {
    display: none;
}
#azure-2fa-reset {
    display: none;
}
.modal-body > .single-user-messages{
    padding: 10px 10px 0 10px;
    margin-bottom: 20px;
    border: 1px solid #ddd;
    border-radius: 4px;
    min-height: 42px;
    opacity: 0;
}

.fade-in-notice {
    background-color: #d9edf7; /* Example background color */    
    transition: opacity .5s ease-in; /* Adjust time and easing function as needed */
}
.fade-in-warning {
    background-color: #fcf8e3; /* Example background color */    
    transition: opacity .5s ease-in; /* Adjust time and easing function as needed */
}


.modal-body > .form-group {
    margin-bottom: 20px;
}

.modal-body > p {
    margin-bottom: 20px;
}
#azure-password-reset {
    margin-top:0px;
    margin-bottom:20px;
}
.change-email-label {
    font-weight: 500;
}
.change-email-label > #ucrn{
    font-weight: 400;
}
.spinner-parent {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0%);
}


/* Css for spinner when update email is clicked from manage email */
#manageEmailLoader {
    transition: opacity 0.5s ease-in-out;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
}

.modal-footer .hide-manage-email {
    display: none;
    opacity: 0;
}

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url(../fonts/glyphicons-halflings-regular.eot);
    src: url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'), url(../fonts/glyphicons-halflings-regular.woff2) format('woff2'), url(../fonts/glyphicons-halflings-regular.woff) format('woff'), url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'), url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.gly-spin {
    -webkit-animation: spin 2s infinite linear;
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
}

.update-content-loaders {
    margin: 1px 10px 0 0;
}

.glyphicon-repeat:before {
    content: "\e030";
}