/*.counsel360 .swal2-icon.swal2-info {
    font-size: 30px;
    line-height: 40px;
}

.counsel360 .swal2-icon.swal2-warning {
    font-size: 30px;
    line-height: 40px;
}

.counsel360 .swal2-icon.swal2-error {
    font-size: 30px;
    line-height: 40px;
}

.counsel360 .swal2-icon.swal2-question {
    font-size: 30px;
    line-height: 40px;
}

.counsel360 .swal2-icon.swal2-success {
    font-size: 30px;
    line-height: 40px;
}

.counsel360 .swal2-icon {
    width: 40px;
    height: 40px;
    margin: 20px auto 0px;
}*/

.rowActionMenuButtonLarge {
    border-radius: 0;
    border-left: 1px solid #e7eaec;
    border-right: 1px solid #e7eaec;
    border-top: 0;
    border-bottom: 0;
    width: 45px;
    padding: 9px 5px 8px 5px;
}

.rowActionMenuLarge {
    padding: 0 !important;
    margin: 0 !important;
}

    .rowActionMenuLarge .pull-right > .dropdown-menu {
        right: 1px;
        left: auto;
    }

.bootstrap-select:not(.sub-text-same-line) .dropdown-menu li small {
    padding-left: 0px !important;
    display: block;
    margin-top: -10px;
}

.counsel360 .bootstrap-select .dropdown-menu li.active small {
    color: white !important;
}

.field-validation-error
{
    color:red;
    font-size:14px;
}

.mandatory-color {
    color: #d63637 !important;
}

.dark-grey-colour {
    color: #333 !important;
}

.swal2-select.form-control.m-t-none {
    margin-top: 0px !important;
}

.swal2-select.form-control {
    font-size: 14px !important;
}

.wizard .number {
    display: none;
}

.table.m-t-md {
    margin-top: 20px;
}

.form-horizontal.m-b-override .form-group {
    margin-bottom: 15px;
}

.table.v-align-m > tbody > tr > td {
    vertical-align: middle;
}

#training-description h2 {
    margin-top: 5px;
}

#embed-videos-container .embed-responsive-16by9 {
    padding-bottom: 50.25%;
}

.list-group-item.hover-light-grey-bg:hover {
    background-color: #f5f5f5;
}

.cursor-pointer {
    cursor: pointer !important;
}

.border-bottom-none {
    border-bottom: none !important;
}

.padding-left-half {
    padding-left: 7.5px;
}

.padding-right-half {
    padding-right: 7.5px;
}

.d-flex {
    display: flex;
}

.justify-content-space-between {
    justify-content: space-between
}

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

.flex-directon-column {
    flex-direction: column;
}

.height-90 {
    height: 100%;
}

.font-bolder {
    font-weight: bolder;
}

.list-group-item-sm {
    padding: 5px 15px !important;
}

.panel-title-font-lg {
    font-size: 15px;
}

.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary {
    color: #fff !important;
}

    .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:hover {
        color: #fff !important;
    }

.nav-tabs > li > a {
    border-color: #dddddd #dddddd rgba(0, 0, 0, 0);
}

.tabs-left .nav-tabs > li > a {
    border-color: transparent;
}

.popover {
    max-width: 350px !important;
}

.calendar-square {
    font-size: 15px !important;
    position: absolute;
    right: 1px;
    z-index: 2;
    white-space: nowrap;
    top: 0;
}

.calendar-square-list {
    font-size: 15px !important;
    float: right;
}

.fc-month-view .fc-title {
    position: absolute;
    z-index: 1;
    white-space: nowrap;
    margin-left: 3px;
}

.filter-option-inner-inner i.hide-on-select {
    display: none;
}

.table > tbody > tr.vertical-align-middle > td {
    vertical-align: middle;
}

.swal-height-500 {
    height: 500px !important;
}

    .swal-height-500 .swal2-icon {
        margin-bottom: 0px;
    }

.swal-btn-bottom .swal2-confirm, .swal-btn-bottom .swal2-cancel {
    position: relative;
    top: 30%;
}

.show-swal2 {
    overflow: visible !important;
}

.dd-container .bootstrap-select .dropdown-toggle:focus {
    outline: thin dotted #333333 !important;
    outline: 0px auto -webkit-focus-ring-color !important;
    outline-offset: -2px;
}

.dd-container button {
    height: 60px;
}

.dd-container .filter-option {
    display: flex;
    align-items: center;
}

.counsel360 .dd-container .dropdown-menu > .active > a {
    color: #fff;
}

.dd-container .bootstrap-select .filter-option-inner-inner {
    display: flex;
    align-items: center;
}

.pagination, .table {
    margin: 0px;
}

.dd-container .form-group {
    margin-bottom: 28px;
}

.counsel360 .table tr.evaluation-label td a {
    color: #00c5ff;
}

body.gray-bg, body.counsel360 {
    font-size: 13px;
    overflow-y: auto;
}

.swal2-modal {
    width: 590px !important;
}

.swal2-radio label span {
    font-size: 15px;
}

.sidebar-collapse .nav > li.active {
    border-left: 0px solid #19aa8d;
    /*    background: #1ab394;
*/
}

.sidebar-collapse .nav-second-level li a {
    padding: 15px 10px 15px 0px;
    padding-left: 25px !important;
}

.sidebar-collapse .nav-second-level li:last-child {
    margin-bottom: 0px !important;
}

.sidebar-collapse .nav.nav-second-level > li > a {
    color: #fff !important;
}

.counsel360 .navbar-default .sidebar-collapse .nav.nav-second-level > li > a:hover, .counsel360 .navbar-default .sidebar-collapse .nav.nav-second-level > li > a:focus {
    background-color: #1ba78a !important;
}

.sidebar-collapse .nav.nav-second-level {
    background: #1ab394 !important;
}

.row-action-menu {
    display: flex !important;
    justify-content: center !important;
}

    .row-action-menu .dropdown-menu {
        left: 14px !important;
    }

.label-brown {
    background-color: #964516;
    color: #fff;
}

.label-pink {
    background-color: #FBAED2 !important;
    color: #fff;
}

.label-yellow {
    background-color: #DAB62B !important;
    color: #fff;
}

tbody.vertical-align > tr > td {
    vertical-align: middle;
}

.label-purple {
    background-color: #9b59b6;
    color: #fff;
}

.bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:active {
    color: #333 !important;
}

.bootstrap-select .btn {
    border-radius: 0 !important;
}

.btn-group.bootstrap-select .dropdown-toggle:focus {
    outline: 0px !important;
}

.bootstrap-select .btn-default:hover {
    background-color: #fff !important;
    border: 1px solid #e7eaec !important;
}

.date .input-group-addon:last-child {
    padding: 5px 10px;
}

.well {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.group, .group:hover {
    background-color: #f5f5f6 !important;
    font-weight: bold;
}

.print-btn {
    margin-top: 15px !important;
}

.p-t-none {
    padding-top: 0px;
}

.wizard.wizard-p-sm > .content > .body {
    padding: 1.5% 1.5% 1.5% 1.5%;
}

.wizard.wizard-p-sm .col-md-6 .validation-icon {
    left: 94%;
}

.wider-icons .row .col-md-6 .validation-icon {
    left: 94%;
}

.n-m-left {
    margin-left: 0px !important;
}

.n-m-btm-form-group .form-group {
    margin-bottom: 0px;
}

.n-m-btm-form-group .error-middle-box {
    min-height: 240px;
}

.attendee-label {
    margin-bottom: 7px !important;
}

.nav-username {
    font-size: 14px;
}

.nav > li > a.nav-username {
    font-weight: normal;
}

.form-group-tight .form-group {
    margin-bottom: 0px;
}

.report-def-label {
    margin-right: 12px;
    float: left;
}

.report-def-header {
    padding: 10px 30px !important;
    text-align: left !important;
}

.report-def-output-desc {
    font-style: italic;
    font-weight: bold;
    color: #002453;
}

.app-create-container {
    min-height: 523px;
}

.attendee-container {
    min-height: 358px;
    border-left: 1px solid #e7eaec;
    border-right: 1px solid #e7eaec;
    border-bottom: 1px solid #e7eaec;
}

.attendee-min {
    min-height: 358px !important;
}

.attendee-h {
    font-size: 19px;
    font-weight: 100;
}

.small-text-checkbox {
    margin-bottom: 3px;
}

.selected-member {
    background-color: #1ab394 !important;
    color: #fff;
}

.grey-hr-dashed {
    border-top: 1px dashed #cbcbcc;
    color: #ffffff;
    background-color: #eeeeee;
    height: 1px;
    margin: 20px 0;
}

table.primary-client-result-table {
    margin-bottom: 2px;
}

    table.primary-client-result-table tbody {
        background-color: #fff;
    }

table.family-member-result-table {
    margin-bottom: 2px;
}

    table.family-member-result-table tbody {
        background-color: #fff;
    }

.contact-box .client-select .img-responsive {
    display: inline;
}

.family-member-container {
    padding: 20px;
}

.contact-box.family-member-container:hover {
    border: 1px solid #e7eaec;
}

.wizard-form.wizard > .content > .body {
    width: 100%;
}

/*.wizard-form .form-group {
    margin-bottom: 0px;
}*/

.selected-tr, selected-tr:hover {
    background-color: #1bb394 !important;
    color: #fff;
}

.no-border {
    border: none !important;
}

.ibox-content-symmetrical {
    padding: 15px 20px 15px 20px;
}

.no-padding-top {
    padding-top: 0px;
}

.checkbox-label {
    margin-left: 5px;
}

.left-tabs .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    border-top: 1px dashed #e7eaec !important;
}

.li-checkbox {
    padding-left: 12px;
    margin-top: 15px;
}

.diff-text {
    font-size: 15px;
    line-height: 26px;
    margin: 0 0 10px;
}

.form-group .help-block.small {
    margin-top: 0;
}

.wizard > .content > .body label, .form-group label {
    margin-bottom: 0px;
}

.add-log-btn {
    margin-top: 15px !important;
}

.client-information-icons.timeline-item .date {
    width: 46px;
}

.client-information-container {
    margin-top: 15px;
}

.fc-list-view .event-selected {
    background-color: rgb(187, 186, 186) !important;
    border-color: rgb(187, 186, 186) !important;
}

/** Darker Font Changes**/
body {
    color: #333;
}

.nav.navbar-right > li > a {
    color: #676a6c;
}

h2 small {
    color: #676a6c;
}

/** End Darker Font Changes **/

.wizard > .content > .body input {
    border: 1px solid #e5e6e7 !important;
}

.wizard-extra.wizard > .steps > ul > li {
    width: 20% !important;
}

.no-padding-left {
    padding-left: 0px;
}

.no-padding-right {
    padding-right: 0px;
}

input:not([type=checkbox]):not([type=radio]) {
    /*-webkit-appearance: none;*/
}

.orderby .table-chevron, .ajax-orderby .table-chevron {
    font-size: 8px;
}

.grey-icon, grey-icon:hover {
    color: #e8e9ea !important;
}

.action-icon {
    margin-right: 5px;
}

.metric-tile {
    border: 1px solid #e7eaec;
}

.btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
    box-shadow: none;
}

.ibox-content .eqjs-ep-panel {
    background-color: #fff;
}

    .ibox-content .eqjs-ep-panel > div.eqjs-ep-entity {
        width: 104%;
    }

.ibox-content .eqjs-ep-entity-node-label {
    font-size: 13px;
    font-weight: normal;
}

.ibox-content .eqjs-ep-entity-attr-label {
    font-size: 11px;
    font-weight: normal;
}

.ibox-content .eqjs-qc-panel, .ibox-content .eqjs-qp-panel {
    background-color: #fff;
}

.ibox-content .grid-panel {
    font-size: 10px;
}

.ibox-content .eqjs-qp-predelement > a, .ibox-content .eqjs-qp-predelement > a:hover {
    border-bottom: none;
    display: inline-flexbox;
}

.eqjs-menu-itemDiv {
    font-size: 12px !important;
}

.eqjs-qp-row.active, .eqjs-qc-row.active, .eqjs-cb-row.active, .ui-sortable-helper, .eqjs-qp-row:hover, .eqjs-qc-row:hover {
    background: #fff !important;
}

.ibox-content.adhoc table {
    border-spacing: 0;
    border-collapse: collapse;
}

.ibox-content .result-grid-header th {
    background: #fff;
    color: #1ab394;
    font-weight: bolder !important;
    font-size: 11px !important;
    padding-left: 0px;
}

.ibox-content.adhoc table td {
    padding: 5px;
}

.ibox-content.adhoc table tr {
    border-bottom: 1px dashed #e4e4e4;
}

.ibox-content .eqjs-qc-header {
    border-bottom: 1px solid #e7eaec;
}

.ibox-content .eqjs-addrow a, .eqjs-addrow > a:hover {
    border-bottom: none !important;
}

.ibox-content .eqjs-qp-row-predicate-root {
    font-weight: normal;
}

.ibox-content .eqjs-addrow a {
    color: #676a6c;
}

.ibox #ResultExportButtons {
    padding: 0px;
    margin-right: 0px;
    margin-top: 0px;
}

.ibox-content .eqjs-qc-columns.ui-sortable {
    max-height: 108px !important;
}

.icon-text {
    margin-right: 3px;
}

.tooltip-inner {
    white-space: pre-wrap !important;
}

.calendar-key {
    overflow: auto;
}

.clt-detail .ibox-title {
    padding: 14px 15px 0px;
}

.clt-detail .nav-tabs {
    border-bottom: none;
}

.count-info .label.label-transparent {
    background-color: transparent !important;
}

.password.count-info .label.label-transparent {
    right: 1px;
}

.bold-red {
    font-weight: 600;
}

.fa-exclamation-circle.password-icon {
    font-size: 13px;
}

.bttm-btn-container {
    padding: 15px 0px 15px 0px;
}

#wrapper {
    /*overflow-y: hidden;*/
}

.table tr td a, .table tr th a {
    color: #1ab394;
}

.pagination-total {
    float: left;
    width: 250px;
    margin-top: 15px;
    color: #676a6c;
}

.pagination {
    margin-top: 15px;
}

.table {
    margin-bottom: 0px !important;
}

.sortable {
    width: 100%;
    margin: 20px 0px 20px 0px;
    padding: 0;
}

    .sortable li {
        background: none repeat scroll 0 0 #f3f3f4;
        border: 1px dashed #e7eaec;
        color: inherit;
        padding: 10px;
        margin: 0px 15px 0px 15px;
        border-radius: 3px;
        cursor: pointer;
        list-style: none;
    }

        .sortable li a.lookup-item {
            width: 100%;
            background-color: #ecf1f0;
            border-bottom: 1px solid #eeeeee;
            list-style: none;
        }

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black;
}

.i-checks label {
    padding-left: 0px;
}

.validation-icon {
    position: relative;
    top: -25px;
    left: 97%;
    z-index: 99999;
}

.validation-icon-modal {
    left: 92%;
}

.col-sm-10 .validation-icon {
    left: 95%;
}

.col-lg-6 .validation-icon, .col-md-6 .validation-icon {
    left: 95%;
}

.row .col-md-6 .validation-icon {
    left: 90%;
}

.row .col-md-6 .col-md-12 .validation-icon {
    left: 94%;
}

.col-lg-4 .validation-icon, .col-md-4 .validation-icon {
    left: 94%;
}

.col-lg-3 .validation-icon, .col-md-3 .validation-icon {
    left: 88%;
}

.col-md-10 .validation-icon {
    left: 94%;
}

.col-md-5 .col-sm-9 .validation-icon {
    left: 94%;
}

.validation-icon-date {
    position: relative;
    top: -25px;
    left: 95%;
    z-index: 99999;
}

.fa.validation-icon.valid, .fa.ok {
    color: #21b9bb !important;
    z-index: 900;
}

.fa.validation-icon.invalid, .fa.notok {
    color: #ec4758 !important;
    z-index: 900;
}

.validation-message {
    display: none;
}

.tooltip {
    width: 150px;
    padding: 5px !important;
}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 100% !important;
}

.non-btn button:hover, .non-btn .open > .dropdown-toggle.btn-default {
    background-color: #fff !important;
}

.btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default {
    background-color: #fff !important;
}

.table > tbody > tr.highlight a, .table > tbody > tr.highlight td, .table > tbody > tr.highlight a:hover {
    color: #fff;
}

.table > tbody > tr.highlight {
    background-color: #1ab394 !important;
}

.paged-list, .wizard > .content > .body ul.paged-list {
    width: 100%;
    min-height: 350px;
    margin: 0;
    padding: 0;
    list-style: none !important;
}

    .paged-list li, .wizard .paged-list li {
        padding: 7px;
        background-color: #f3f3f4;
        margin: 5px 0px 5px 0px;
        cursor: pointer;
    }

        .paged-list li:hover, .wizard .paged-list li:hover {
            background-color: #1ab394;
        }

        .paged-list li.highlight a, .wizard .paged-list li.highlight a, .paged-list li.highlight a:hover, .wizard .paged-list li.highlight a:hover {
            color: #fff;
        }

        .paged-list li.highlight, .wizard .paged-list li.highlight, .wizard > .content > .body ul.paged-list.small-paged-list li.highlight, .wizard > .content > .body ul.paged-list li.highlight, .paged-list li.highlight:hover, .wizard .paged-list li.highlight:hover, .wizard > .content > .body ul.paged-list.small-paged-list li.highlight:hover, .wizard > .content > .body ul.paged-list li.highlight:hover {
            background-color: #1ab394 !important;
        }

        .paged-list li a, .wizard .paged-list li a, .paged-list li a:hover, .wizard .paged-list li a:hover {
            color: #737373;
        }

    .paged-list, .wizard > .content > .body ul.paged-list.small-paged-list {
        min-height: 200px;
    }

    .wizard > .content > .body ul.paged-list li:hover, .wizard .paged-list li:hover {
        background-color: #F9F9F9;
    }

    .wizard > .content > .body ul.paged-list li {
        background-color: #fff;
    }

ul.paged-list li:focus {
    background-color: #fff !important;
}

.wizard-big-fullheight fieldset {
    min-height: 580px;
}

.wizard-big-fullheight.wizard > .content > .body {
    width: 100%;
}

/*.wizard-big-fullheight .form-group {
    margin-bottom: 0px;
}*/

.closebtn, .editbtn {
    float: right;
    padding-right: 5px;
}

.role-wrapper .ibox .ibox-content {
    min-height: 535px;
}

.special-requirement-wrapper .ibox .ibox-content {
    min-height: 505px;
}

.maintenance-highlight {
    background-color: rgb(226, 226, 226);
}

.maintenance-wrapper .table > tbody > tr > td {
    border: none;
}

#roles, #projects {
    min-height: 465px;
}

.remove-file-icon {
    top: 5px;
    position: absolute;
    right: 5px;
    color: #ec4758 !important;
    cursor: pointer;
}

.header-btn-wrapper {
    width: 100%;
    padding: 0;
    margin: 0;
    margin-top: 40px;
}

    .header-btn-wrapper .btn {
        float: right;
    }

.reactivate-btn {
    cursor: pointer;
    color: #1ab394;
}

.list-dashboard {
    height: 257px;
}

.dashboard-filter {
    margin-bottom: 0px !important;
}

    .dashboard-filter .ibox-title {
        border-color: #e7eaec;
        border-image: none;
        border-style: none;
        border-width: 0 0 0;
    }

.middle-box h1 {
    font-size: 100px;
}

.deputise-img {
    width: 20px !important;
    height: 20px !important;
    margin-top: 6px !important;
}

.dropdown-messages li {
    cursor: pointer;
}

.text-area {
    min-height: 100px !important;
}

.wizard > .content > .body {
    padding: 1.5% 1.5% 1.5% 1.5%;
}

.family-member-title {
    margin-top: 20px !important;
}

.referral-profile-icon {
    font-size: 100px !important;
    margin-top: -22px;
    margin-left: 5px;
}

.ellipsis.label-more {
    cursor: pointer;
    padding: 0px 3px 0px 3px;
}

.fa.ok.verified-icon {
    color: #3AAFF5 !important;
}

.tooltip {
    position: fixed;
}

#referral-detail .tab-pane .ibox-content {
    min-height: 500px;
}

.issue-tracker tr td {
    cursor: pointer;
}

.inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

    .inputfile + label {
        max-width: 80%;
        text-overflow: ellipsis;
        white-space: nowrap;
        cursor: pointer;
        display: inline-block;
        overflow: hidden;
        padding: 0.625rem 1.25rem;
    }

.no-js .inputfile + label {
    display: none;
}

.inputfile:focus + label,
.inputfile.has-focus + label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}

.inputfile + label svg {
    width: 1em;
    height: 1em;
    vertical-align: middle;
    fill: currentColor;
    margin-top: -0.25em;
    margin-right: 0.25em;
}

.inputfile-1 + label {
    color: #676a6c;
    background-color: #fff;
    border: 1px solid #e7eaec;
    border-radius: 3px;
}

    .inputfile-1:focus + label,
    .inputfile-1.has-focus + label,
    .inputfile-1 + label:hover {
        background-color: #fff;
    }

.file-label {
    padding-left: 0px !important;
}

.label-middle {
    width: 100%;
    text-align: center;
}

#dashboard .noti h5 {
    float: none !important;
}

#dashboard .noti {
    cursor: pointer;
}

.paged-list, .wizard > .content > .body ul.paged-list.small-paged-list.family-list {
    min-height: 105px;
}

.company-name {
    padding: 20px 12px;
    width: 260px;
}

.ibox-title.adv-search {
    cursor: pointer;
}

.set-label {
    display: block;
    width: 50px;
}

.status-label {
    display: block;
    width: 62px;
}

.deputise-icon {
    display: inline;
    width: auto;
}

.navbar-top-links .dropdown-messages {
    width: 222px;
}

#clientlist tr {
    cursor: pointer;
}

.no-file.error-middle-box {
    max-width: 400px;
    z-index: 100;
    margin: 0 auto;
    padding-top: 40px;
    min-height: 220px;
}

.error-middle-box {
    max-width: 400px;
    z-index: 100;
    margin: 0 auto;
    padding-top: 40px;
    min-height: 694px;
}

.client-scrollable {
    height: 500px;
}

.case-scrollable {
    height: 400px !important;
}

.wizard-lookup > .content > .body {
    width: 100% !important;
}

.contact-box:hover,
.contact-box.active {
    border: 1px solid #1ab394;
}

.maintenance-wrapper .issue-info {
    width: 80%;
}

.sweet-alert .bootstrap-select button.bs-placeholder {
    background-color: #fff;
    font-size: 14px;
    padding: 6px;
}

.warning-text {
    color: #ed5565 !important;
    font-weight: bold !important;
}

.info-text {
    color: #1ab394 !important;
    font-weight: bold !important;
}

.contact-container {
    padding-top: 8px;
}

.clickable {
    cursor: pointer;
}

.table-responsive table tbody tr:hover {
    background-color: #f5f5f5;
}

/*IPHONE 5 CSS*/
@media (max-width:321px) {
    .maintenance-wrapper .nav-tabs > li > a {
        padding: 10px 20px 10px 16px !important;
    }

    .maintenance-wrapper .tabs-container .tabs-left > .nav-tabs > li > a {
        min-width: 47px;
    }

    .timeline-item .date.case {
        width: 47px !important;
    }

    .left-tabs > li > a {
        padding: 10px 20px 10px 10px;
    }

    .col-lg-7.no-padding-mobile {
        padding-left: 0px;
    }

    .tabs-container .tabs-left .panel-body {
        width: 85%;
        margin-left: 23%;
    }

    .article-title {
        text-align: center;
        margin: 40px 0 20px 0;
    }

    .mobile-content .panel-body {
        margin-left: 22% !important;
    }

    .mobile-timeline .slimScrollDiv {
        width: 100% !important;
    }

    .maintenance-tabs .panel-body {
        margin-left: 20% !important;
    }

    .wizard > .steps > ul > li {
        width: 100%;
        float: none;
    }

    .header-btn-wrapper .btn {
        float: none;
    }
}

/*IPHONE 6 CSS*/
@media (max-width:376px) and (min-width:370px) {
    .maintenance-wrapper .nav-tabs > li > a {
        padding: 10px 20px 10px 22px !important;
    }

    .maintenance-wrapper .tabs-container .tabs-left > .nav-tabs > li > a {
        min-width: 58px;
    }

    .timeline-item .date.case {
        width: 47px !important;
    }

    .left-tabs > li > a {
        padding: 10px 20px 10px 6px;
    }

    .col-lg-7.no-padding-mobile {
        padding-left: 0px;
    }

    .tabs-container .tabs-left .panel-body {
        width: 85%;
        margin-left: 23%;
    }

    .article-title {
        text-align: center;
        margin: 40px 0 20px 0;
    }

    .mobile-content .panel-body {
        margin-left: 22% !important;
    }

    .mobile-timeline .slimScrollDiv {
        width: 100% !important;
    }

    .maintenance-tabs .panel-body {
        margin-left: 20% !important;
    }

    .wizard > .steps > ul > li {
        width: 100%;
        float: none;
    }

    .header-btn-wrapper .btn {
        float: none;
    }
}

/*IPHONE 6+ CSS*/
@media (max-width:415px) and (min-width:400px) {
    .maintenance-wrapper .tabs-container .tabs-left > .nav-tabs > li > a {
        min-width: 66px;
    }

    .timeline-item .date.case {
        width: 47px !important;
    }

    .left-tabs > li > a {
        padding: 10px 20px 10px 6px;
    }

    .col-lg-7.no-padding-mobile {
        padding-left: 0px;
    }

    .tabs-container .tabs-left .panel-body {
        width: 85%;
        margin-left: 23%;
    }

    .article-title {
        text-align: center;
        margin: 40px 0 20px 0;
    }

    .mobile-content .panel-body {
        margin-left: 22% !important;
    }

    .mobile-timeline .slimScrollDiv {
        width: 100% !important;
    }

    .maintenance-tabs .panel-body {
        margin-left: 20% !important;
    }

    .wizard > .steps > ul > li {
        width: 100%;
        float: none;
    }

    .header-btn-wrapper .btn {
        float: none;
    }
}

/*Ipad*/
@media (max-width:1204px) and (min-width:768px) {
    .header-btn-wrapper .btn {
        float: none;
    }
}

/*Laptop Intermediate*/
@media (max-width:1349px) and (min-width:1200px) {
    #dashboard .noti h5 {
        font-size: 12px;
    }

    .timeline-item .date.case {
        width: 47px !important;
    }

    .left-tabs > li > a {
        padding: 10px 20px 10px 6px;
    }

    .col-lg-7.no-padding-mobile {
        padding-left: 0px;
    }

    .tabs-container .tabs-left .panel-body {
        width: 85%;
        margin-left: 23%;
    }

    .mobile-content .panel-body {
        margin-left: 22%;
    }

    .article-title {
        text-align: center;
        margin: 40px 0 20px 0;
    }

    .mobile-content .panel-body {
        margin-left: 22% !important;
    }

    .mobile-timeline .slimScrollDiv {
        width: 100% !important;
    }

    .maintenance-tabs .panel-body {
        margin-left: 20% !important;
    }

    .wizard > .steps > ul > li {
        width: 100%;
        float: none;
    }

    .header-btn-wrapper .btn {
        float: none;
    }
}

/** Footer Tweaking **/

/*.footer {
    position: absolute;
    bottom: 0;
    width: 220px;
    left: -220px;
    background-color: #293846;
    color: #fff;
    border: none;
}*/

.footer {
    position: absolute !important;
    bottom: 0 !important;
    /*    width: 220px !important;
    left: -220px !important;*/
    /*    background-color: #293846 !important;
    color: #fff !important;*/
    border: none !important;
    background-image: none !important;
    font-size: inherit !important;
    height: inherit !important;
}

.navbar-static-side, .sidebar-collapse #side-menu {
    height: 100%;
}

/** Account Nav Link stuff **/
.media-body a {
    font-size: 12px !important;
    color: #909090;
    display: block;
}

ul.nav.navbar-top-links li a.small-link {
    font-size: 12px !important;
    font-weight: normal !important;
}

/** Logo Stuff **/

a.logo-link {
    margin: 0 0 0 -3px !important;
    padding: 0 !important;
    height: 100% !important;
    width: 100% !important;
}

.logo {
    margin: 0;
    padding: 0;
}

.login-logo {
    position: relative;
    bottom: 10px;
    opacity: 0.6;
}

/** Small Datepicker CSS **/

.input-group.date.col-md-12, .input-group.clockpicker.col-sm-12 {
    padding-left: 15px;
    padding-right: 15px;
}

.table-condensed tr th {
    cursor: pointer;
}

/** Calendar Stuff **/

/*.event-selected 
{
    background-color: #117D67;
}*/

.event-selected {
    background-color: rgb(66, 54, 54) !important;
    border-color: rgb(66, 54, 54) !important;
}


.no-equal-ops {
    min-height: 525px;
}

.mini-profile {
    width: 40px;
    height: 40px;
}

.person-item {
    border-radius: 0;
    border: none;
}

#commonactions li {
    cursor: pointer;
}

.datetime-spacing {
    padding-left: 10px;
}

.category-list li.horizontal-key {
    /*display: inline-table;*/
    float: left;
}

    .category-list li.horizontal-key i {
        margin-right: 7px;
        margin-left: 10px;
    }

.horizontal-clear {
    clear: left;
}

.header-icon {
    float: left;
    margin-left: 15px;
    width: 32px;
    height: 32px;
}

    .header-icon i {
        font-size: 32px;
    }

.header-info {
    margin-left: 60px;
}

.timepicker-padding-fix .input-group[class*=col-] {
    padding-right: 15px;
    padding-left: 15px;
}

/** Appointment Client Update **/

.client-tab {
    min-height: 295px;
}

.collapse-icon {
    margin-right: 5px;
}

.registered-client, .registered-counsellor {
    border: 1px solid #e7eaec;
}

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

    .registered-client img, .registered-counsellor img {
        display: block;
        margin: auto;
    }

@media (min-width: 1200px) and (max-width: 1440px) {
    .registered-client {
        min-height: 550px; /* Min-height for widths between 1200px and 1440px */
    }
}

@media (min-width: 1441px) {
    .registered-client {
        min-height: 520px; /* Min-height for widths above 1440px */
    }
}

.deactivate-app-client, .deactivate-app-unregclient, .deactivate-app-counsellor, .deactivate-client-metric, .edit-client-metric, .edit-client-payment, .deactivate-client-payment, .deactivate-evaluation, .view-evaluation {
    float: right !important;
    cursor: pointer;
}

.deactivate-client-metric, .edit-client-metric, .edit-client-payment, .deactivate-client-payment {
    margin-top: -5px;
}

    .deactivate-client-metric .fa, .edit-client-metric .fa, .edit-client-payment .fa, .deactivate-client-payment .fa, .deactivate-evaluation .fa, .view-evaluation .fa {
        font-size: 12px !important;
    }

.edit-client-metric, .edit-client-payment, .view-evaluation {
    margin-right: 5px;
}

.btn.update-client-status {
    margin-top: 15px;
}

.nopadding.input-group.clockpicker.col-sm-12 {
    padding-left: 0px;
    padding-right: 0px;
}

#conflict-info {
    min-height: 482px;
}

#audits-container {
    height: 400px;
}

.folder-structure {
    border: none;
    padding-top: 0px;
}

.tooltip-inner {
    width: 500px;
}

ul.clientapps li a {
    text-decoration: none;
    display: block;
    width: 100%;
    height: 100%;
    color: #666666;
}

.deactivate-visit-client {
    float: right;
}

.tabs-no-border {
    border: 0px;
    margin-bottom: -7px;
}

.category-list li i.text-purple {
    color: #7b368c;
}

.category-list li i.text-lightBlue {
    color: #63e5ff;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover {
    background-color: #1AB394;
}

label.danger-element {
    background-color: #EF5352;
    color: #fff;
}

label.info-element {
    background-color: #1c84c6;
    color: #fff;
}

label.success-element {
    background-color: #1ab394;
    color: #fff;
}

.smaller-h2 {
    font-size: 45%;
}

.dashboard-adv-filter {
    margin-bottom: 0px;
    border-bottom: none !important;
}

.table-sort {
    margin-left: 5px;
}

.row-no-margin {
    margin-left: 0;
    margin-right: 0;
}

/* Report Viewer */

#ReportViewer1 {
    margin-top: 20px;
    background-color: #fff;
}

.red-text {
    color: #ec4758;
}

.green-text {
    color: #1ab394;
}

.orange-text {
    color: #F8AC59;
}

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

.recordedfamily {
    margin-top: 70px;
}

input:focus[aria-invalid='true'] {
    border: 1px solid #ec4758 !important;
}

textarea:focus[aria-invalid='true'] {
    border: 1px solid #ec4758 !important;
}

select:focus[aria-invalid='true'] {
    border: 1px solid #ec4758 !important;
}

.clockpicker-popover {
    z-index: 999999;
}

.purple-btn, purple-btn:hover {
    background-color: #7b368c;
    border-color: #7b368c;
    color: #fff !important;
}

.checkbox-text {
    padding-left: 10px;
}

.multi-file-display .error-middle-box {
    height: 200px !important;
    min-height: 200px !important;
}

/** Print Stuff **/

.print-html {
    height: auto;
    margin: 0;
    padding: 0;
}

.print-body {
    height: auto !important;
    border: none;
    margin: 0;
    padding: 0;
    background-color: #f3f3f4 !important;
}

.print-preview {
    float: none !important;
    margin: 0 auto;
}

.print-article-title {
    margin-top: 30px;
}

.print-title {
    font-size: 24px;
    font-weight: 700;
    color: #2F4050;
}

.print-note-title {
    margin-top: 20px;
}

.print-note-date {
    margin-bottom: 20px;
}

.print-text {
    text-align: left;
    margin: 0px 20px 10px 20px;
}

.sa-form-option {
    margin-left: -45px !important;
}

#deputisation {
    max-height: 525px;
    overflow-y: scroll !important;
}


.captcha-form-group {
    clear: both;
    margin-bottom: 10px;
}


/** Sales Demo CSS **/

#query-options {
    margin-top: -5px;
}

#ReportList {
    min-height: 340px;
    height: 100%;
    overflow-y: scroll;
}

#ExecuteQueryButton {
    margin: 20px 0px 0px 0px !important;
}

.btngroup-fix {
    margin-top: -40px;
    margin-left: -10px !important;
}

/*#ko-extprops {
    margin-left: 15px !important;
}*/

.client-tile-reminder-text {
    margin-top: 20px !important;
}

/** End Sales Demo CSS **/

/*Nav bar height and style fixes*/

/*@media (min-width: 768px)
{
    #page-wrapper {
        position: inherit;
        margin: 0 0 0 220px;
        min-height: 0px;
    }
}

html 
{
   height:100%;
}

body 
{
    background-color: #f3f3f4;
    height:100%;
}

.navbar-default 
{
    height:100%;
    background-color:#2f4050;
}*/

.servicelist {
    /*height: 450px;
    padding-top: 20px;
    padding-bottom: 20px;
    overflow-y: scroll;*/
}

.servicelistitem {
    margin-bottom: 15px;
}

.dd-handle {
    background: #ffffff;
    padding: 5px 5px 10px 7px !important;
}

    .dd-handle:hover {
        background: #ffffff;
        cursor: default;
    }

.dd-cost-input {
    text-align: center;
    padding-left: 25px;
    height: 25px !important;
    width: 100px;
}

.dd-cost-btn {
    margin-top: 5px;
}

.tab-min-height {
    min-height: 380px;
}

#capacity-alert {
    margin-top: 10px;
    margin-bottom: -10px;
}

.row-sm-margin, .alert-sm-margin {
    margin-bottom: 10px;
}

.alert-sm-margin {
    margin-top: 10px;
}

.tabs-container .tabs-left .nav-tabs li {
    list-style: none;
}

.checkbox-text {
    cursor: pointer;
    margin-left: 5px;
}

nav-tabs-checkbox-ul li {
    padding-bottom: -40px;
}

.tab-checkbox .icheckbox_square-green {
    position: absolute;
    top: -40px;
    left: 80%;
}

.app-marker {
    margin-left: 5px;
    color: #1c84c6;
}

.funder-contact-box {
    margin-top: 20px;
}

.funder-contact-box-item {
    margin-right: 15px;
}

@media (max-width:1226px) and (min-width:991px) {
    .slot-desc-container {
        margin-left: 50px;
    }
}

@media (max-width:990px) {
    .slot-filter {
        padding: 0px;
    }

    .slot-desc-container {
        margin-top: 20px;
    }

    .padding-left-half {
        padding-left: 15px;
    }

    .padding-right-half {
        padding-right: 15px;
    }

    .height-90 {
        height: 100%;
    }
}

@media print {
    .pagebreak {
        page-break-after: always;
    }

    #printButton {
        display: none;
    }

    a[href]:after {
        content: none !important;
    }
}

.well-booking {
    min-height: 20px;
    padding: 13px 20px 5px 20px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.well-yellow {
    background-color: #ffffe0 !important
}

[data-toggle="collapse"] .fa-booking:before {
    content: "\f077";
}

[data-toggle="collapse"].collapsed .fa-booking:before {
    content: "\f078";
}

.bootstrap-select .dropdown-menu li a span.text {
    display: inherit !important;
}

.open > .dropdown-toggle.btn-default:focus {
    color: none !important;
}

.input-group .bootstrap-select .dropdown-toggle:focus {
    outline: 0px !important;
}

.bootstrap-select .dropdown-toggle .filter-expand {
    display: inherit;
}

#client-side-validation-error-container .validation-summary-errors ul {
    color: inherit;
    background-color: #ffd3d3;
    border-color: #ffd3d3;
    -webkit-padding-start: 0px;
}

.input-group .bootstrap-select .dropdown-toggle .caret {
    position: absolute;
    top: 50%;
    right: 6px;
    margin-top: -4px;
    vertical-align: middle;
}

.input-group .caret {
    width: 7px;
    height: 7px;
    border: solid #333333;
    border-width: 0 2px 2px 0;
    display: inline-block;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.rounded-border {
    border-radius: 4px
}

@media (max-width: 767px) {
    .btn-xs-block {
        display: block;
        width: 100%;
    }

    input[type="submit"].btn-xs-block,
    input[type="reset"].btn-xs-block,
    input[type="button"].btn-xs-block {
        width: 100%;
    }

    .btn-block + .btn-xs-block,
    .btn-xs-block + .btn-block,
    .btn-xs-block + .btn-xs-block {
        margin-top: 0.5rem;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .btn-sm-block {
        display: block;
        width: 100%;
    }

    input[type="submit"].btn-sm-block,
    input[type="reset"].btn-sm-block,
    input[type="button"].btn-sm-block {
        width: 100%;
    }

    .btn-block + .btn-sm-block,
    .btn-sm-block + .btn-block,
    .btn-sm-block + .btn-sm-block {
        margin-top: 0.5rem;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .btn-md-block {
        display: block;
        width: 100%;
    }

    input[type="submit"].btn-md-block,
    input[type="reset"].btn-md-block,
    input[type="button"].btn-md-block {
        width: 100%;
    }

    .btn-block + .btn-md-block,
    .btn-md-block + .btn-block,
    .btn-md-block + .btn-md-block {
        margin-top: 0.5rem;
    }
}

@media (min-width: 1200px) {
    .btn-lg-block {
        display: block;
        width: 100%;
    }

    input[type="submit"].btn-lg-block,
    input[type="reset"].btn-lg-block,
    input[type="button"].btn-lg-block {
        width: 100%;
    }

    .btn-block + .btn-lg-block,
    .btn-lg-block + .btn-block,
    .btn-lg-block + .btn-lg-block {
        margin-top: 0.5rem;
    }
}

.ignore-disabled .filter-option-inner-inner {
    color: #333 !important;
}

.ignore-disabled .btn-default.disabled {
    opacity: 1;
    border: 1px solid #e7eaec !important;
}

.ignore-disabled .bs-caret .caret {
    display: none;
}

.float-e-margins .btn {
    margin-bottom: 0px !important;
}

#client-side-validation-error-container .validation-summary-errors li {
    width: 100%;
    margin: 0 !important;
    padding: 0px 0px 8px 0px !important;
    list-style: square;
    -webkit-padding-start: 0px;
    text-align: left;
}

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

.table-bordered > thead > tr > td.white-bg {
    background-color: #fff;
}

}

.bootstrap-select.btn-group .dropdown-menu {
    width: 100%;
}

    .bootstrap-select.btn-group .dropdown-menu li a {
        white-space: normal;
    }

.form-control.no-outline:focus {
    border: 1px solid #e5e6e7;
    border-color: #e5e6e7 !important;
}

@media screen and (min-width: 768px) {
    .referral-submission-text {
        max-width: 600px !important;
    }
}

/*.evaluation-datalist {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    writing-mode: vertical-lr;
    width: 100%;
}*/

.evaluation-datalist {
    /*    margin-left:3px;
*/ display: flex;
    flex-direction: row;
    justify-content: space-between;
    writing-mode: horizontal-tb;
    width: 100%;
    align-items: center;
}

    .evaluation-datalist option {
        padding: 0;
    }

.highlightDeputySearch {
    background-color: yellow;
}

@media (min-width: 1440px) {
    .panel-button {
        width: 60%;
        margin: 0 auto;
        display: block;
    }
}

.wrap-text-dropdown .dropdown-menu {
    min-width: 100%;
    max-width: 100%;
}

.wrap-text-dropdown .inner.open .dropdown-menu.inner li a .text {
    text-overflow: ellipsis;
    overflow: hidden;
    min-width: 100%;
    max-width: 100%;
}

.kbw-signature, .signature-display {
    width: 100%;
    max-width: 600px;
    height: auto;
    aspect-ratio: 3 / 1;
    border: 1px solid #a0a0a0;
    box-sizing: border-box;
    margin: auto;
}

@media (max-width: 768px) {
    .kbw-signature, .signature-display {
        max-width: 100%;
    }
}

@media(min-width:995px) and (max-width:1328px) {
    .maintenance-action-icons {
        display: none !important;
    }
}

.flex-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 1px;
}

.location-badge {
    margin-right: 2px;
    margin-bottom: 4px;
    white-space: normal;
    text-align: left;
}