:root {
  --text-color: #455a64;
  --border-radius: 6px;
}

body {color:var(--text-color); font-weight: 400;}
b {font-weight:500}
.fix-header .topbar {position: -webkit-sticky; position: sticky; top: 0;}
.sidebar-nav ul li a, .sidebar-nav>ul>li>a i, .btn-secondary, .btn-secondary.disabled, .form-control {color:inherit}
.inbox-center .unread td {font-weight:700}
.inbox-panel .list-group .list-group-item {padding: 0;}
.inbox-panel .list-group .list-group-item a {display: block; padding: .75rem 1.25rem;}
#result, .result {position:relative;}
.suggestion {background:#fff; border: 1px solid #dedede; margin: 0 0 20px; border-radius: 3px; position: absolute; top:1px; left:0; width: 100%; z-index: 100; max-height: 450px; overflow: auto;}
.suggestion a {display:block; padding: 10px 20px; color:#333}
.suggestion a:hover {background:#f3f3f3}
.suggestion a:not(:last-child) {border-bottom: 1px solid #f3f3f3;}
.find-code .suggestion {position: static;}
.fc-title i {position: absolute; top: 0; right: 0; background: #fff; color: #333; padding: 3px; font-size: 10px; border-radius: 3px;}
.fc-time-grid-event .fc-time {display:none !important}
.dropify-wrapper .dropify-message p {text-align:center; font-size: 1rem; color: var(--text-color);}
.hidden {display:none !important}
.icon-circle, .ti-circle {font-size: 35px; display: inline-block; margin-bottom: 20px; border: 1px solid #67757c; border-radius: 50%; padding: 30px;}
.align-center {align-items: center}
.m-l-0 {margin-left:0}
.btn {position:relative}
.btn.rotate, span.rotate, a.rotate {padding-left:32px !important; -webkit-transition-duration: 0s !important; -moz-transition-duration: 0s !important; transition-duration: 0s !important; -o-transition-duration: 0s !important; position:relative !important}
.btn.rotate i, span.rotate i, a.rotate i {-webkit-transition-property: -webkit-transform; -webkit-transition-duration: 1s; -moz-transition-property: -moz-transform; -moz-transition-duration: 1s; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -o-transition-duration: 1s; transition-duration: 1s; -webkit-animation-name: rotate; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: rotate; -moz-animation-duration: 2s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; animation-name: rotate; animation-duration: 2s; animation-iteration-count: infinite; animation-timing-function: linear; position: absolute; left:10px; top:8px}
span.rotate i {top:3px}
.btn, .btn-group>.btn {margin-top:5px; margin-bottom: 5px;}
.btn-group>.btn-success:first-child {border-right-color: #fff;}
.btn-group>.btn-success:not(:first-child) {border-left-color: #fff;}
.card-header .btn, .table tr td .btn, .table tr td .btn-group>.btn {margin-top: 0; margin-bottom: 0;}
.btn a {color:inherit}
.btn-label {margin: -8px 12px -8px -14px; padding: 8px 12px; border-radius: .25rem 0 0 .25rem; border-right:1px solid rgba(0,0,0,0.05); min-width: 40px;}
.btn-label [class^="ti-"] {font-size:14px}
.btn-sm .btn-label {min-width: 25px; margin-right: 5px;}
.btn-sm .btn-label {margin:-5px 12px -5px -9px; padding: 5px 10px;}
.btn-secondary .btn-label {border-right:1px solid #b1b8bb}
.btn-circle.btn-sm {padding:0; width: 25px; height: 25px; line-height: 25px; text-align: center;}
.btn-link {color: inherit; cursor: pointer;}
.btn-link:hover, .btn-link:focus {text-decoration: inherit; outline: inherit;}
.input-group-btn .btn {margin: 0;}
.input-group-btn .btn .mdi {position: relative; top: 1px;}
.input-group-btn .btn, .input-group-btn .btn-group .btn {height: 100%; box-shadow: none; border-color:#d9d9d9}
.select2-container {width:100% !important}
.select2-container--default .select2-selection--multiple, .select2-container--default .select2-selection--single {background: #fff; border-color: #d9d9d9 !important}
.has-danger .select2-container--default .select2-selection--multiple, .has-danger .select2-container--default .select2-selection--single {border-color: #ef5350 !important}
.error .select2-container--default .select2-selection--multiple {border-color: #ef5350  !important}
.validate .select2-container--default .select2-selection--multiple {border-color: #26dad2  !important}
.select2-container--default.select2-container--focus .select2-selection--multiple {border-color: #333 !important}
.select2-container--default .select2-selection--single .select2-selection__arrow {width:36px; height: 36px; background: url(../../assets/images/custom-select.png) right 0.75rem center no-repeat;}
.select2-container--default .select2-selection--single .select2-selection__arrow b {display:none}
.select2-container--default .select2-search--inline .select2-search__field {padding: 0 7px !important}
.select2-selection--single {height: calc(2.25rem + 2px) !important;}
.select2-selection__rendered {height: calc(2.25rem + 2px) !important; padding: 0 1.75rem 0 .75rem !important; line-height: 35px !important; font-weight: normal; text-align: left}
.select2-selection__arrow {height: calc(2.25rem + 1px) !important; line-height: 35px !important; padding-right: 1.75rem !important;}
.select2-selection--multiple .select2-selection__rendered {height: auto !important; padding:0 .75rem 0 .75rem !important}
.select2-selection--multiple .select2-search__field {width: auto!important}
select option:disabled {color:#999}
.event-description {margin:0; padding:0; list-style:none}
.event-description li {padding: 3px 0}
.event-description li b {display:inline-block; min-width:130px}
.office-hours li {margin:0}
.office-hours li span {display:inline-block; min-width:130px}
.asColorPicker-wrap {width:100%}
.asColorPicker-trigger {position: absolute; top: 1px; right: 1px; height: 36px; width: 37px; border: 0; border-radius: 0 .25rem .25rem 0; border-left: 1px solid #d9d9d9;}
.asColorPicker-trigger span {border-radius:0 5px 5px 0}
.sweet-alert {font-family: "Poppins", sans-serif; border-radius: 1rem;}
.sweet-alert h2 {margin-bottom:10px !important}
.sweet-alert p {font-weight: inherit; color: inherit;}
.sweet-alert button {border-radius: 5px;}
.sweet-alert.show-input input {text-align: center;}
.sweet-alert .sa-input-error {top:23px; right:10px}
.table-responsive {position: relative; overflow-x: auto !important;}
.table-responsive .btn-group.show {padding:25px 0; display: block;}
.table-responsive .dropdown-menu.show {display: block; position: relative !important; top: 0 !important; transform: translate3d(0, 10px, 0) !important;}
.table.nowrap [type="text"], .table.nowrap [type="number"], .table.nowrap select {min-width: 150px;}
.table-borderless th, .table-borderless td {border:none}
.table.responsive {vertical-align: middle; white-space: nowrap;}
.table.responsive td {vertical-align: middle;}
.table tr.row-group {background: #f1f1f1; font-weight: bold;}
.dt-buttons {cursor: pointer; margin-bottom: 0;}
.dt-buttons .dt-button {display: inline-block; padding: 5px 15px; vertical-align: middle;}
.dt-buttons .dt-button.label-success {background-color:#26dad2}
.dt-buttons .dt-button.label-success:hover {background-color:#19cac2}
.dt-buttons .dt-button.label-danger {background-color:#ef5350}
.dt-buttons .dt-button.label-danger:hover {background-color:#f76a67}
.calendar_processing {position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; line-height: 100vh; background: rgba(255, 255, 255, 0.8); font-size: 25px; z-index:10}
.calendar_processing img {max-width:50px}
.processing {position: relative; min-height: 80px; padding: 20px;}
.processing:before {content:""; position: absolute; left: 0; top:0; width: 100%; height: 100%; backdrop-filter: blur(10px); z-index: 10;}
.processing:after {content: "\f110"; 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; vertical-align: middle; position: absolute; top:0; left: 0; right: 0; margin: 0 auto; height: 100%; width: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-content: center; font-size: 2em; animation: fa-spin 1.5s infinite linear; z-index: 11;}
.dataTables_wrapper .table-responsive {margin-bottom: 5px;}
.dataTables_processing {position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; line-height: 100vh; background: rgba(255, 255, 255, 0.8); font-size: 25px; z-index:10}
.dataTables_processing span {display: flex; width: 100%; height: 100%; align-items: center; justify-content: center;}
.dataTables_processing span:before {content: "\f110"; 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; vertical-align: middle; display: flex; flex-wrap: wrap; justify-content: center; align-content: center; font-size: 2em; animation: fa-spin 1.5s infinite linear; z-index: 100; margin-right: 10px;}
.dataTables_wrapper .dataTables_paginate .paginate_button {border-radius: 0.25rem; margin: 0 1px; padding: 5px 15px;}
.fullcalendar-card .fc-button {background-color: #04a9f5; border-color: #fff; color: #fff; background-image: none; -webkit-box-shadow: none; box-shadow: none; text-shadow: none; height: 37px; padding: 0 15px}
.fullcalendar-card h2 {font-size: 28px}
.fc .fc-button-group>* {outline: none; padding: 0px 15px; text-transform: lowercase; font-size: 15px;}
.fc-button {border-color:#d9d9d9; color:inherit}
.fc-widget-content {border-color: #d9d9d9!important}
.fc-resource-cell {position: relative;}
.fc-resource-cell:not(:first-child):before {content:""; position: absolute; top: -1px; left: -1px; width: 100%; height: 1px; background: #d9d9d9;}
.fc-resource-cell:last-child:after {content: ""; position: absolute; right: -1px; top: -1px; width: 1px; height: 100%; background: #d9d9d9; }
.fc-agenda-view th.fc-widget-header:first-child {width: 75px !important;}
#calendar .fc-day-header {background: none !important; color: inherit; font-weight: inherit;}
#calendar .fc-resource-cell {padding: 10px; vertical-align: middle; font-size: 13px;}
#calendar .fc-event-container {margin-right: 7%;}
.template .page-wrapper {background: none; margin:0}
.template .card {text-align:center}
.template .text-right {text-align: left !important}
.template .help-block {display: none}
.template .align-items-center {flex-direction: column;}
.d-flex-column {flex-direction: column;}
.modal {white-space: normal;}
.modal-body.scroll {max-height: calc(100vh - 200px); overflow-y: auto;}
.modal-xl {max-width: 1140px;}
.modal-full {max-width: 95%;}
.modal .close {cursor: pointer;}
.position-static {position:static}
.position-relative {position:relative}
.position-absolute {position:absolute}
.position-fixed {position:fixed}
.editable-error-block {width: 100% !important; color: #f00;}
.editableform select {padding:0 5px}
.editableform .hour.form-control, .editableform .minute.form-control {display:none}
.editable-click {cursor: pointer;}
.topbar ul.dropdown-user li a {font-size:15px}
.topbar ul.dropdown-user li a i {font-size:18px; vertical-align:middle; margin-right:5px}
.topbar ul.dropdown-user li .dw-user-box .u-text {display:block}
.topbar ul.dropdown-user li .dw-user-box .u-text p {overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.topbar ul.dropdown-user li.divider {margin:0}
.topbar .top-navbar .navbar-header {border-bottom: 1px solid rgba(120, 130, 140, 0.13);}
.topbar .top-navbar .navbar-header .navbar-brand {display: flex; padding: 0 20px; justify-content: center; align-items: center;}
.navbar-header .navbar-brand img {max-height: 60px;}
.navbar-header .navbar-brand span img {max-width: 192px; width: 100%; height: auto;}
.navbar .nav-item .drop-title > span {cursor: pointer; display: inline-block; width: 35px; height: 35px; line-height: 35px; text-align: center; border-radius: 50%; transition: 0.5s all;}
.navbar .nav-item .drop-title > span:hover {background: rgba(0,0,0,0.15);}
.sidebar-nav ul li.nav-devider {margin-top: 0; border:none;}
.btn-close-tab {position: fixed; top: auto; bottom: 10px; left:auto; right: auto; margin: 0 auto; z-index: 1000;}
.btn .badge-notify {position: absolute; width: auto; min-width: 20px; height: 20px; line-height: 15px; border-radius: 50%; top: -10px; left: 100%; font-size: 10px;}
.nav-link .badge-notify {min-width: 15px; height: 15px; line-height: 10px; border-radius: 50%; text-align: center; position: absolute; top: 10px; right: 2px; font-size: 10px;}
.preview table {border-collapse:separate; border-spacing: 0;}
.preview table * {color: inherit; font-family: inherit; font-weight: inherit;}
.preview table tr td {padding:0; border:none}
.preview table tr:hover {background:none}
.preview .footer {width: 100%; position: static; color: inherit; background: inherit;}
.preview .footer a {text-decoration:underline}
.preview .footer * {margin: 0;}
.preview strong {font-weight:bold}
.sidebar-nav>ul>li {margin-bottom: 0;}
.sidebar-nav ul li a {padding:3px 35px 3px 15px}
.sidebar-nav>ul>li>a i {font-size: 18px; width: auto; margin-right: 8px;}
.sidebar-nav>ul>li>a .label {margin-top: 0; position: relative; top: -1px;}
.sweet-alert {max-height:350px; overflow:auto}
#audiogram {width:100%; height: 700px; margin:0 auto; max-width: 700px;}
.h-separator {display:block}
form.disabled {opacity: 0.5; pointer-events: none}
.form-control.disabled {background-color: #e9ecef; opacity: 0.75; pointer-events: none}
[data-toggle="modal"] {cursor: pointer;}
.disabled {opacity: 0.5; pointer-events: none}
.comment-widgets .comment-row {padding: 1.25rem;}
.border-top {border-top:1px solid rgba(120, 130, 140, 0.13)}
.border-bottom {border-bottom:1px solid rgba(120, 130, 140, 0.13)}
.morris-hover { position:absolute; z-index:1; }
.morris-hover.morris-default-style .morris-hover-row-label {font-weight:bold; margin:0.25em 0}
.morris-hover.morris-default-style .morris-hover-point {white-space:nowrap; margin:0.1em 0}
.morris-hover.morris-default-style {border-radius: 4px; padding: 10px 12px; color: #666; background:#63676b; border: none; color: #fff!important ; box-shadow: 0px 5px 20px #ccc; font-size:14px}
.morris-hover-point {color: rgba(257, 257, 257, 0.8)!important}
.chatonline img {width: 100%; margin:0; border:1px solid #dedede}
.chatonline li a span {font-size: 15px;}
.chat-main-box .chat-left-aside .chat-left-inner .style-none {padding-bottom: 60px;}
.chat-main-box .chat-left-aside {margin-right: -1px; border-color: #eeeff0;}
.chat-main-box .chat-right-aside {border-left: 1px solid #eeeff0;}
.chat-list li .chat-time {width: auto;}
.carousel .controls {margin-bottom: 20px;}
.carousel .controls .btn {background: #00a78c; color: #fff; font-size: 12px; border-radius: .25rem; margin-bottom: 0; width: 48%; vertical-align: bottom;}
.carousel .controls .btn:focus {outline: none; box-shadow: none;}
#signature {display:inline-block; background-color: #f3f3f3; border:1px solid #dedede; margin-bottom: 10px; min-height:100px}
.cropper-crop {background-color: #fff !important;}
.embed, .embed body, .embed .page-wrapper {background: #fff;}
.embed-code {word-break:break-all; padding: 20px; position: relative; border: 1px solid #d9d9d9; border-radius: .25rem; margin-bottom: 15px; max-height: 210px; overflow: auto;}
.embed-code span {word-break: break-all;}
.focused > td {border:1px solid #ef5350; border-width: 1px 0;}
.vh-100 {height: 100vh;}
.datepicker {padding: 0.5rem .75rem !important;}
.datepicker-dropdown {z-index: 10000 !important;}
.datepicker .datepicker-days {position: relative; z-index: 1000;}
.modal .datepicker-inline, .modal .datepicker-inline table {width: 100%;}
.stickyside {width: 220px; height: calc(100% - 61px); background: #fff; position: fixed; z-index: 100; top:61px; right: -220px; transition: 0.3s all; border-left: 1px solid #dedede;}
.side-menu-show .stickyside {right:-20px}
.side-menu-show .stickyside .btn {left:-18px}
.side-menu-show .stickyside .btn i:before {content: "\F13E";}
.stickyside .btn {position: absolute; left: -30px; top: 50%; transform: translateY(-50%); padding:10px; border-radius: .25rem; height: 47px; width: auto;}
.stickyside .list-group {overflow-y: scroll; max-height: 100%;}
.stickyside .list-group .list-group-item {font-size: 14px; border-left: none; color:inherit; padding: .55rem 1.25rem; border-right: none;}
.stickyside .list-group .list-group-item.active {color:#fff}
.stickyside .list-group .list-group-item:first-child, .stickyside .list-group .list-group-item:last-child {border-radius: 0;}
.stickyside .list-group .list-group-item:last-child {border-bottom: none;}
.stickyside .list-group .list-group-item.dropdown {padding: 0 1.25rem;}
.stickyside .list-group .list-group-item > .list-group {overflow: auto;}
.stickyside .list-group .list-group-item > .list-group > span {display: block; padding: .55rem 0;}
.wrap {white-space: normal;}
.w-auto {width: auto !important;}
.w-150 {min-width: 150px;}
.w-200 {min-width: 200px;}
.w-300 {min-width: 300px;}
.mw-250 {max-width: 250px;}
.mw-300 {max-width: 300px;}
.mw-400 {max-width: 400px;}
.mw-500 {max-width: 500px;}
.min-h-500 {min-height: 500px;}
.min-h-600 {min-height: 600px;}
.min-h-700 {min-height: 700px;}
.dropdown-item {cursor: pointer; color: inherit !important;}
.dropdown-submenu {position: relative;}
.dropdown-submenu a::after {transform: rotate( -90deg ); position: absolute; right: 8px; top: 17px;}
.dropdown-submenu .dropdown-menu {top: 0; left: 100%; margin-left: .1rem; margin-right: .1rem;}
.dropdown-toggle {padding-right: 30px;}
.dropdown-toggle:after {position: absolute; font-size: 18px; right: 10px; top: 50%; transform: translateY(-50%);}
.dropdown-toggle.btn-sm:after {font-size: 14px;}
.input-group-btn .dropdown-toggle:after {right: 15px;}
.mailbox .message-center a .btn {display: inline-block; width: auto;}
.custom-select i {line-height: 1.3;}
#ModalAdd .form-group, #ModalEdit .form-group, #ModalScheduleBlock .form-group, #ModalEditBlock .form-group {margin-bottom: 20px;}
#ModalReschedule .datepicker-inline {width: 100%; border: 1px solid #e9ecef; background: #ffffff; border-radius: 0;}
#ModalReschedule .datepicker-inline table {width: 100%;}
.f-12 {font-size: 12px !important;}
.f-13 {font-size: 13px !important;}
.f-14 {font-size: 14px !important;}
.f-15 {font-size: 15px !important;}
.f-16 {font-size: 16px !important;}
.f-17 {font-size: 17px !important;}
.f-18 {font-size: 18px !important;}
.f-19 {font-size: 19px !important;}
.f-20 {font-size: 20px !important;}
.f-25 {font-size: 25px !important;}
.f-30 {font-size: 30px !important;}
.f-inherit {font-size: inherit !important;}
.switch-flex label {display: flex; font-size: inherit; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.page-appointment-requests .datepicker-inline {width: 100% !important; padding: 0 !important;}
.page-appointment-requests .datepicker table {width: 100% !important;}
.page-appointment-requests #calendar-wrapper {width:100%; margin: 0 auto; text-align: center; margin-bottom: 20px;}
.page-appointment-requests .wizard-content .wizard>.content>.body {position: relative; min-height: 250px; padding:0 !important}
.page-appointment-requests .wizard-content .wizard > .actions {padding: 0;}
.page-appointment-requests .loader {position: absolute; left: 0; right: 0; z-index: 10000; background: #fff; text-align: center; font-size: 1.5em; font-family: inherit; width: 100%; height: 100%;}
.page-appointment-requests .loader > .row {align-items: center; height: 100%;}
.free-slots .btn.active {background: #0087cc; background: linear-gradient(0, #0045cc, #0087cc); border: 1px solid transparent;}
.card-outline-white .card-header {background: #fff; font-size: 18px; margin-bottom: 10px; }
.draggable-wrapper {position: sticky; position: -webkit-sticky; top:80px; border: 1px solid #dedede; padding: 20px; border-radius: .25rem;}
.draggable-wrapper .draggable {cursor:grab; cursor: -webkit-grab;}
.draggable-wrapper .draggable:active {cursor: grabbing; cursor: -webkit-grabbing}
.draggable-wrapper .draggable:hover {box-shadow: 0px 0px 3px rgb(51 51 51 / 30%);}
.editor-wrapper {border:1px solid #d9d9d9; border-radius: 0.25rem; margin-bottom: 40px;}
.editor-wrapper .editor table:hover, .editor-wrapper .editor p:hover, .editor-wrapper .editor div:not(.outter-background):not(.inner-background):hover {outline: 2px solid #04a9f5;}
.editor-wrapper .inner-background.empty {position: relative;}
.editor-wrapper .inner-background.empty:before {content: "Drop your content here..."; opacity: 0.5; position: absolute; left:30px; top:30px}
.mce-content-body div.mce-resizehandle {z-index: 10 !important;}
.tox-editor-header {top:61px !important}
.smartphone {position: relative; width: 320px; min-height: 450px; margin: auto; border: 16px black solid; border-top-width: 60px; border-bottom-width: 0; border-radius: 36px 36px 0 0; margin-bottom: -20px;}
.smartphone:before {content: ''; display: block; width: 60px; height: 5px; position: absolute; top: -30px; left: 50%; transform: translate(-50%, -50%); background: #fff; border-radius: 10px;}
.smartphone .content {width: 100%; height: 100%; background: white; padding: 10px; min-height: 450px; overflow-y: auto;}
.smartphone .content .phone {text-align: center; border-bottom: 1px solid #dedede; padding: 10px 0 5px; background: #f3f3f3; margin: -10px -10px 30px -10px;}
.smartphone .content .message {border: none; max-width: 70%; background: #f3f3f3; border-radius: 20px; padding: 10px; font-size: 14px; position: relative;}
.smartphone .content .message-date {font-size: 12px; text-align: center; margin-bottom: 10px;}
.smartphone .content .form-control {font-size: 14px;}
.conversation {max-width: 600px; margin: 0 auto; border: 1px solid #dedede; text-align: left;}
.conversation .content {padding: 20px; padding: 30px 20px 20px; max-height: 400px; overflow-y: auto;}
.conversation form {padding: 20px;}
.conversation .phone {text-align: center; border-bottom: 1px solid #dedede; background: #fafafa; padding: 10px; margin: 0;}
.conversation article {margin-bottom: 20px;}
.conversation article.outgoing {text-align: right;}
.conversation article .message {padding: 10px 20px; border-radius: 25px; display: inline-block; max-width: 250px; text-align: left; position: relative;}
.conversation article .message:before, .conversation article .message:after{content: ""; position: absolute; bottom: 0; height: 25px;}
.conversation article.incoming .message {background: #e8e8e8; margin-left: 20px;}
.conversation article.incoming .message:before {left: -7px; width: 20px; background-color: #e8e8e8; border-bottom-right-radius: 16px 14px;}
.conversation article.incoming .message:after {left: -26px; width: 26px; background-color: #fff; border-bottom-right-radius: 10px;}
.conversation article.outgoing .message {background: #26dad2; color: #fff; margin-right: 20px;}
.conversation article.outgoing .message:before {right: -7px; width: 20px; background-color: #26dad2; border-bottom-left-radius: 16px 14px;}
.conversation article.outgoing .message:after {right: -26px; width: 26px; background-color: #fff; border-bottom-left-radius: 10px;}
.conversation article .message-date {text-align: center; font-size: 12px; margin-bottom: 15px;}
.conversations .contacts {padding: 0;}
.conversations .contacts > .contact-list {max-height: 700px; overflow-y: auto;}
.conversations .contacts > .form-material input {padding: 24px 20px;}
.conversations .contacts .contact {cursor: pointer; padding: 20px;}
.conversations .contacts .contact .contact-photo {width: 50px; height: 50px; background-repeat: no-repeat; background-size: cover; background-position: center; border-radius: 50%;}
.conversations .contacts .contact.active {background: #fafafa;}
.conversations .contacts .contact:hover {background: #f3f3f3;}
.conversations .intro {min-height: 700px;}
.conversations .main {padding: 0; border: 1px solid rgba(120, 130, 140, 0.13); border-width: 0 0 0 1px;}
.conversations .conversation {max-width: 100%; border: none; border-radius: 0 1rem 0 0 ;}
.conversations .conversation .content {height: 700px;}
.conversations .contact-card {padding: 10px 20px; border-bottom: 1px solid rgba(120, 130, 140, 0.13);}
body.in-call {overflow: hidden;}
body.in-call #main-wrapper {opacity: 0;}
body.in-call .quick-navbar {display: none;}
.btn-in-call {position: fixed; right: 30px; bottom: 10px; z-index: 100;}
#contact-center .modal-dialog, #contact-center .modal-content, #contact-center .embed-responsive {height: calc(100% - 10px);}
.contact-center [name="number"] {font-size: 1.5em; text-align: center;}
.contact-center .dialpad {padding: 30px;}
.contact-center .dialpad span {display: block; width: 80px; height: 50px; line-height: 50px; text-align: center; background: #dedede; color: #333; border-radius: 0.75rem; margin: 0 auto; margin-bottom: 10px; font-size: 1.3em; cursor: pointer;}
.contact-center .dialpad span:hover {background: #1976d2; color: #fff;}
.contact-center .dialpad span.focus, .contact-center .dialpad span:active {background: #1976d2; color:#fff;}
.contact-center .dialpad .call {width: 60px; height: 60px;}
.contact-center .select2-container--default .select2-selection--single .select2-selection__rendered {text-align: center;}
.contact-center .btn-rounded.btn-lg {padding:.5rem 2.5rem}
.ui-tooltip {font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif !important; font-size: 0.875rem !important; box-shadow: none !important;border-radius: .25rem !important;}
.ui-tooltip .arrow:after {background: #fff; border: 1px solid #b5b5b5;}
.ui-tooltip .arrow {width: 100%; height: 16px; overflow: hidden; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: -16px;}
.ui-tooltip .arrow.top {top: -16px; bottom: auto;}
.ui-tooltip .arrow:after {content: ""; position: absolute; left: 0; right: 0; top: -20px; margin: 0 auto; width: 25px; height: 22px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
.ui-tooltip .arrow.top:after {bottom: -20px; top: auto;}
.text-muted a, .text-inverse a {color: inherit;}
.text-inverse {color: var(--text-color) !important;}
.m-b-25 {margin-bottom: 25px;}
#fields .b-all {border-color: rgba(0,0,0,.15) !important;}
.accordions .main-row {border:1px solid rgba(0,0,0,.15); margin-bottom: 15px;}
.accordions .card-header {margin-bottom: 0; border: none;}
.accordions .card-header .drag {cursor: grab;}
.accordions .btn-expand-field {color: inherit; text-decoration: none;}
.accordions .btn-expand-field:after {content: "\e648"; font-family: 'themify';}
.accordions .btn-expand-field.collapsed:after {content: "\e64b";}
.accordions .collapse.show {border-top: 1px solid #e2e8f0;}
.lead-form, .office-form {max-width: 450px; width: 100%; margin: 30px auto 0; border: 1px solid #dedede; padding: 30px 20px; border-radius: 4px; background: #fafafa; -webkit-box-shadow: 0px 5px 20px rgb(0 0 0 / 5%); box-shadow: 0px 5px 20px rgb(0 0 0 / 5%);}
.lead-form .form-header, .office-form .form-header {text-align: center;}
.lead-form .form-group, .office-form .form-group {margin-bottom: 15px;}
.lead-form img, .office-form img {max-width:200px}
.lead-form label, .office-form label {margin-bottom: 5px;}
label.required:after {content: "*"; margin-left: 5px; color: #ef5350;}
.public-form {background: #fff; padding: 0 !important;}
.public-form .container {padding: 0;}
#navigation-search {display:none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; background: rgba(0,0,0,0.5); align-items: center;}
#navigation-search.active {display: flex;}
#navigation-search .container {background: #fff; padding: 30px; position: relative;}
#navigation-search .container input {padding: 0 15px;}
#navigation-result {max-height: 300px ; overflow-y: auto; margin-top: 20px ; position: absolute; left: 0; right: 0; background: #fff; padding: 0 30px;}
#navigation-result ul {list-style: none; margin-bottom: 20px; padding: 0;}
#navigation-result ul li:hover {background: #f3f3f3;}
#navigation-result ul li a {color: inherit; display: block; padding:3px 0}
#navigation-result ul li a:before {content:"\F142"; display: inline-block; font: normal normal normal 24px /1 "Material Design Icons"; font-size: inherit; text-rendering: auto; line-height: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0);}
.loading:before {content:"\f110"; 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; vertical-align: middle; animation: fa-spin 1.5s infinite linear; margin-right: 5px;}
.loading.text-loading:after {content:"Loading...";}
.swipe-card {background: #fafafa; padding: 10px ; border: 1px solid #d9d9d9; border-radius: 0.25rem;}
.swipe-card:before {content:"Swipe card"}
.swipe-card i {display:block; font-size:6em; animation: swipe 1s linear infinite;}
@keyframes swipe {
  0% { transform: translateX(0); opacity: 1;}
  100% { transform: translateX(20%); opacity: 0;}
}
.profile-photo {margin-bottom: 15px;}
.profile-photo a {width: 150px; height: 150px; display: block; background: url('/assets/images/600x600.jpg') no-repeat center; background-size: cover; margin: 0 auto -7px; border-radius: 50%; border: 1px solid #e9ecef!important; position: relative;}
.profile-photo a:hover:before {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3); border-radius: 50%; z-index: 1;}
.profile-photo a:hover:after {content: "\F100"; font: normal normal normal 24px/1 "Material Design Icons"; position: relative; z-index: 10; color: #fff; font-size: 2em; display: flex; align-items: center; height: 100%; justify-content: center;}
.wysihtml5-wrapper {position: relative;}
.wysihtml5-wrapper .wysihtml5-toolbar {position: absolute; left: 0; bottom: 0;}
.wysihtml5-wrapper .wysihtml5-sandbox {height: auto !important; min-height: 150px; margin-bottom: 45px !important;}
[rel="x-editable"], .x-editable {border-bottom: none !important;}
[rel="x-editable"]:hover, .x-editable:hover {opacity: 0.8;}
[rel="x-editable"]:after, .x-editable:after {content: "\e61d"; font-family: 'themify'; font-style: normal; margin-left: 5px; color: #2fa1dc;}
.badges [rel="x-editable"] {font-style: normal; font-size: 13px; width: 16px; white-space: nowrap; overflow: hidden; display: inline-block; margin-bottom: -5px; opacity: 1; transition: 0.5s width;}
.badges [rel="x-editable"]:hover {width: 95px;}
.badges [rel="x-editable"]:before {margin-right: 3px;}
.badges [rel="x-editable"]:after {display: none;}
.badges [rel="x-editable"] .editable-empty {color: #fff;}
.badges .editableform .form-control {color: #000;}
.badges .editable-container {position: absolute; left: 0; right: 0; margin: 0 auto;}
#sortable > li {cursor: grab;}
.audiogram-symbols {margin-top: 70px; margin-left: -50px; font-size: 12px;}
.audiogram-symbols > div > div:not(:last-child) {margin-bottom: 5px;}
.audiogram-symbols > div > div > span {text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.audiogram-symbols > div > div > div {min-width: 20px; text-align: right;}
.audiogram-symbols > div > div > div > img {max-width: 12px;}

/* Redesign
===================== */
html, .page-wrapper {background: #f1f5f9;}
.page-titles {background: none; box-shadow: none; padding:15px 20px; margin: 0 0 15px;}
.card, .card-no-border .card {border-radius: 1rem; -webkit-box-shadow: 0 1px 3px 0 rgb(0 0 0 / 10%), 0 1px 2px -1px rgb(0 0 0 / 10%) !important; box-shadow: 0 1px 3px 0 rgb(0 0 0 / 10%), 0 1px 2px -1px rgb(0 0 0 / 10%) !important;}
.card-header, .card-default .card-header, .card-outline-white .card-header {background: transparent; padding: 1.25rem 1.25rem .75rem;}
.card-header small {font-size: 13px;}
.card-outline-white .card-header {padding: .75rem 1.25rem; border-color: #e2e8f0;}
.card-footer:last-child {border-radius: 0 0 calc(1.25rem - 1px) calc(1.25rem - 1px);}
.card-footer {border-color: #e2e8f0;}
.dataTables_wrapper {padding-top: 0;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {background: transparent;}
.sidebar-nav>ul>li {padding: 0 10px;}
.sidebar-nav ul li {margin-bottom: 3px;}
.sidebar-nav ul li.nav-small-cap {padding-left: 26px; font-weight: bold;}
.sidebar-nav ul li a {padding: 3px 35px 1px 15px; border: none !important;}
.sidebar-nav ul li a.active, .sidebar-nav ul li a:hover {border-radius: .5rem; font-weight: normal;}
.sidebar-nav ul li a.active.has-arrow {margin-bottom: 3px;}
.sidebar-nav ul li ul {padding: 0;}
.sidebar-nav ul li ul ul {padding: 0;}
.sidebar-nav ul li ul li a {padding-left: 41px;}
.sidebar-nav ul li ul li ul li a {padding-left: 61px;}
.mini-sidebar .sidebar-nav>ul>li {padding: 0;}
.mini-sidebar .sidebar-nav ul li {margin-bottom: 0;}
.mini-sidebar .sidebar-nav ul li a {padding: 3px 35px 3px 15px;}
.mini-sidebar .sidebar-nav ul li a.active, .mini-sidebar .sidebar-nav ul li a:hover {border-radius: 0;}
.mini-sidebar .sidebar-nav ul li ul {padding-left: 28;}
.mini-sidebar .sidebar-nav ul li ul li a {padding-left: 15px;}
.flip-x {transform: rotateY(180deg); display: inline-block;}
.flip-y {transform: rotateX(180deg); display: inline-block;}
.call-types i {font-size: 2em; line-height: 1; display: block;}
.call-types .custom-control {margin: 0; padding: 0; display: block; cursor: pointer; opacity: 0.4;}
.call-types .custom-control.active {opacity: 1;}
.call-types .custom-control-indicator {display: none;}
.dropzone {border-color: #E5E5E5 !important;}
.dropzone:hover {background-size: 30px 30px; background-image: -webkit-linear-gradient(135deg,#F6F6F6 25%,transparent 25%,transparent 50%,#F6F6F6 50%,#F6F6F6 75%,transparent 75%,transparent); background-image: linear-gradient(-45deg,#F6F6F6 25%,transparent 25%,transparent 50%,#F6F6F6 50%,#F6F6F6 75%,transparent 75%,transparent); -webkit-animation: stripes 2s linear infinite; animation: stripes 2s linear infinite;}
.dropzone-error {display: none; position: absolute; bottom: -52px; left: 30%; border: 1px solid #888; border-radius: 5px; padding: 0 5px; box-shadow: 3px 3px 3px rgba(0,0,0,0.3); font-family: Arial; color: #000; font-size: 15px; background: #fff;}
.dropzone-error:before {content: ""; width: 13px; height: 13px; display: block; position: absolute; border: 1px solid #888; transform: rotate(45deg); top: -7px; left: 15px; border-width: 1px 0 0 1px; background: #fff;}
.dropzone-error i {font-size: 30px; vertical-align: middle;}
.dropzone .file-icon {display: block; font-size: 50px; line-height: 1.3; color: #CCC;}
.dropzone .file-icon:before {content:'\e800'; font-family: dropify; font-style: normal; font-weight: 400; display: inline-block; text-decoration: inherit; width: 1em; margin-left: 0.2em; margin-right: 0.2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em;}
.dropzone .dz-message {text-align: center; margin: 0 !important; font-size: 14px;}
[type=checkbox].filled-in+label:after {border-radius: 5px;}
.modal-content {border-radius: 1rem;}
.popover {border-radius: 1rem; min-width: 300px;}
.popover-header {border-radius: 1rem 1rem 0 0;}
.btn, .dt-buttons .dt-button, .form-control, .dropdown-menu, .suggestion, .select2-container--default .select2-selection--single, .input-group-addon, .select2-container--default .select2-selection--multiple, .input-group .form-control {border-radius: var(--border-radius);}
.wizard-content .wizard > .actions > ul > li > a, .datepicker, .ms-container .ms-list, .select2-container--default .select2-selection--multiple, .select2-container--default .select2-selection--multiple .select2-selection__choice {border-radius: var(--border-radius) !important;}
.input-group .form-control:not(:last-child), .input-group-addon:not(:last-child), .input-group-btn:not(:first-child)>.btn-group:not(:last-child)>.btn, .input-group-btn:not(:first-child)>.btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:not(:last-child)>.btn, .input-group-btn:not(:last-child)>.btn-group>.btn, .input-group-btn:not(:last-child)>.dropdown-toggle {border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important;}
.login-register .btn-lg {border-radius: .75rem;}
.input-group .select2-container--default .select2-selection--single {border-radius: var(--border-radius) 0 0 var(--border-radius);}
.input-group-btn .btn:not(.btn-secondary) {border: none !important;}
.input-group-btn .btn i {position: relative; top: 3px;}
.input-group-btn .btn-group:last-child .btn {border-radius: 0 var(--border-radius) var(--border-radius) 0;}
.fc-state-default.fc-corner-left {border-top-left-radius: var(--border-radius); border-bottom-left-radius: var(--border-radius);}
.fc-state-default.fc-corner-right {border-top-right-radius: var(--border-radius); border-bottom-right-radius: var(--border-radius);}
.form-control {background-color: #fff;}
.alert {border-radius: 1rem;}
.jq-has-icon, .jq-toast-single h2 {font-family: inherit;}
.close-jq-toast-single {font-size: 21px;}
.popover {z-index: -1000;}
.popover.show {z-index: inherit;}
[data-get-provider-info]:hover {cursor: context-menu;}

/* Suspicious activity form
===================== */
.form-suspicious-activity [type=radio]:not(:checked)+label {opacity: .35;}
.form-suspicious-activity [type=radio]:checked+label {opacity: 1;}
.form-suspicious-activity [type=radio]:not(:checked)+label, .form-suspicious-activity [type=radio]:checked+label {padding: 10px; border: 1px solid #dedede; display: block; height: auto; border-radius: 0.25rem;}
.form-suspicious-activity [type=radio]:not(:checked)+label i, .form-suspicious-activity [type=radio]:checked+label i {font-size: 23px; vertical-align: middle; margin-right: 10px; color: #1976d2;}
.form-suspicious-activity [type=radio]:not(:checked)+label:after, .form-suspicious-activity [type=radio]:not(:checked)+label:before, .form-suspicious-activity [type=radio]:checked+label:before, .form-suspicious-activity [type=radio]:checked+label:after {display: none;}

/* Quick Navbar
===================== */
.topbar .top-navbar .navbar-collapse {min-height: 60px;}
.sidebar-nav {background: none;}
.quick-navbar {position: fixed; z-index: 1000; top: 0; bottom: 0; right: -60px; margin: auto; width: 80px; height: 50%; display: flex; align-items: center; justify-content: center; transition: 0.3s right;}
.quick-navbar.show {right: 0; z-index: 1000;}
.quick-navbar ul {list-style: none; margin: 0; text-align: center; font-size: 25px; background: var(--text-primary); color: #fff; -webkit-box-shadow: 0 1px 3px 0 rgb(0 0 0 / 10%), 0 1px 2px -1px rgb(0 0 0 / 10%) !important; box-shadow: 0 1px 3px 0 rgb(0 0 0 / 20%), 0 1px 2px -1px rgb(0 0 0 / 35%) !important; border-radius: 15px; padding: 10px; transition: 0.3s background;}
.quick-navbar ul li {margin: 5px 0}
.quick-navbar ul li:not(:last-child) {margin-bottom: 10px;}
.quick-navbar ul li a {display: block; width: 40px; height: 40px; line-height: 40px; border-radius: 50%; color: inherit; overflow: hidden; transition: 0.3s all;}
.quick-navbar ul li a:hover {background: #dedede; box-shadow: 0 0 0 6px rgb(0 0 0 / 5%);}
.quick-navbar ul li a i {position: relative; left: 0;}
.quick-navbar ul li a:hover i {animation: quickNavbarLinkToggle 0.3s forwards;}
.stickyside .btn {top: auto; bottom: 0;}
.quick-navbar .trigger {position: absolute; left: -10px; transition: 0.3s visibility;}
.quick-navbar .trigger i {position: relative; font-size: 25px; right: 0; color: #777; animation: quickNavbarArrow 1s infinite;}
.quick-navbar.show ul {background: rgb(255 255 255 / 60%); color: var(--text-color); animation: quickNavbarToggle 0.5s forwards; }
.quick-navbar.show .trigger {opacity: 0; visibility: hidden;}

/* Corporate Dashboard
===================== */
.modal-corporate {padding: 0 !important;}
.modal-corporate .modal-full {margin: 0; max-width: 100%; height: 100%;}
.modal-corporate .modal-content {border: none; border-radius: 0; height: 100%;}
.modal-corporate .modal-body {padding: 0;}
.modal-corporate .modal-footer {background: var(--text-primary);}
.modal-corporate .modal-footer > * {color: var(--text-white);}
.modal-corporate iframe {border: none; width: 100%; height: 100%;}
.modal-open .modal-corporate {overflow: hidden !important; position: fixed;}

@keyframes quickNavbarToggle {
  0% {pointer-events: none;}
  50% {pointer-events: none;}
  100% {pointer-events: initial;}
}

@keyframes quickNavbarLinkToggle {
  49% {left: 100%; opacity: 0;}
  50% {left: -100%;}
  51% {opacity: 1;}
}

@keyframes quickNavbarArrow {
  0% {right: 0%;}
  100% {opacity: 0; right: 20%;}
}

@media (min-width: 576px) {
  .offset-lg-1 {margin-left: 8.333333%;}
  .offset-lg-2 {margin-left: 16.666667%;}
  .offset-lg-3 {margin-left: 25%;}
  .offset-lg-4 {margin-left: 33.333333%;}
  .offset-lg-5 {margin-left: 41.666667%;}
  .offset-lg-6 {margin-left: 50%;}
  .offset-lg-7 {margin-left: 58.333333%;}
  .offset-lg-8 {margin-left: 66.666667%;}
  .offset-lg-9 {margin-left: 75%;}
  .offset-lg-10 {margin-left: 83.333333%;}
  .offset-lg-11 {margin-left: 91.666667%;}
  .sweet-alert {max-height:450px}
  .h-separator {display:inline-block; margin:0 5px}
  .h-separator:after {content: "|"}
  .b-sm-r {border-right: 1px solid rgba(120, 130, 140, 0.13)}
  .b-sm-l {border-left: 1px solid rgba(120, 130, 140, 0.13)}
  .b-sm-t {border-top: 1px solid rgba(120, 130, 140, 0.13)}
  .b-sm-b {border-bottom: 1px solid rgba(120, 130, 140, 0.13)}
  .b-sm-all {border: 1px solid rgba(120, 130, 140, 0.13)}
}

@media (min-width: 768px) {
  .offset-md-1 {margin-left: 8.333333%;}
  .offset-md-2 {margin-left: 16.666667%;}
  .offset-md-3 {margin-left: 25%;}
  .offset-md-4 {margin-left: 33.333333%;}
  .offset-md-5 {margin-left: 41.666667%;}
  .offset-md-6 {margin-left: 50%;}
  .offset-md-7 {margin-left: 58.333333%;}
  .offset-md-8 {margin-left: 66.666667%;}
  .offset-md-9 {margin-left: 75%;}
  .offset-md-10 {margin-left: 83.333333%;}
  .offset-md-11 {margin-left: 91.666667%;}
  .w-980 .container {width: 90%;}
  .sweet-alert {max-height:550px}
  .text-right-desktop {text-align:right}
  .b-md-r {border-right: 1px solid rgba(120, 130, 140, 0.13)}
  .b-md-l {border-left: 1px solid rgba(120, 130, 140, 0.13)}
  .b-md-t {border-top: 1px solid rgba(120, 130, 140, 0.13)}
  .b-md-b {border-bottom: 1px solid rgba(120, 130, 140, 0.13)}
  .b-md-all {border: 1px solid rgba(120, 130, 140, 0.13)}
  .carousel .controls {position: absolute; right: 5px; z-index: 100;}
  .carousel .controls .btn {width: auto;}
  .btn-close-tab {left:auto; right: 30px;}
  .page-appointment-requests #calendar-wrapper {padding: 30px;}
  .page-appointment-requests #calendar {border: 1px solid #dedede; padding: 20px; background: #fafafa}
  .flex-wrap {-ms-flex-wrap: wrap!important; flex-wrap: wrap!important; -webkit-flex-wrap: wrap!important;}
  .table-fix-last tr th:last-child, .table-fix-last tr td:last-child {position: sticky; right: 0; background: #fff;}
  .table-fix-last tr:hover td:last-child {z-index: 1;}
  .table-hover.table-fix-last tr:hover td:last-child {background: #f2f4f8;}
  .side-menu-show .page-wrapper {padding-right: 200px;}
}

@media (min-width: 992px) {
  .offset-lg-1 {margin-left: 8.333333%;}
  .offset-lg-2 {margin-left: 16.666667%;}
  .offset-lg-3 {margin-left: 25%;}
  .offset-lg-4 {margin-left: 33.333333%;}
  .offset-lg-5 {margin-left: 41.666667%;}
  .offset-lg-6 {margin-left: 50%;}
  .offset-lg-7 {margin-left: 58.333333%;}
  .offset-lg-8 {margin-left: 66.666667%;}
  .offset-lg-9 {margin-left: 75%;}
  .offset-lg-10 {margin-left: 83.333333%;}
  .offset-lg-11 {margin-left: 91.666667%;}
  .template .text-right {text-align: right !important}
  .w-980 .container {max-width: 980px; padding: 0}
  .sweet-alert {max-height:800px}
  .b-lg-r {border-right: 1px solid rgba(120, 130, 140, 0.13)}
  .b-lg-l {border-left: 1px solid rgba(120, 130, 140, 0.13)}
  .b-lg-t {border-top: 1px solid rgba(120, 130, 140, 0.13)}
  .b-lg-b {border-bottom: 1px solid rgba(120, 130, 140, 0.13)}
  .b-lg-all {border: 1px solid rgba(120, 130, 140, 0.13)}
  .table-responsive-lg {display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch;}
  #contact-center .modal-dialog, #contact-center .modal-content, #contact-center .embed-responsive {height: calc(100% - 30px);}
  .contact-center [name="number"] {font-size: 2em;}
}

@media (max-width: 767px) {
  .topbar .top-navbar {padding:0 15px}
  .w-980 .container {width: 90%;}
  .fc-toolbar > * {float: none !important; width: 100%; text-align: center; display: inline-block; margin-bottom:5px}
  .fc-toolbar > * > * {float: none !important; margin-left: 0 !important;}
  .fc-button-group {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 10px 0}
  .fc .fc-button-group > * {width: 50%}
  .fc .fc-button-group>:first-child {margin-left: -1px; margin-bottom: 11px;}
  .fc .fc-button-group>:nth-child(1n) {border-radius: .25rem 0 0 .25rem;}
  .fc .fc-button-group>:nth-child(2n) {border-radius: 0 .25rem .25rem 0;}
  /* .fc-right {display:none} */
  .text-right {text-align: left !important}
  .table-responsive-md {display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch;}
  .page-titles {text-align: center;}
  .page-titles .breadcrumb {margin-top: 10px; font-size: 13px;}
  .page-titles .breadcrumb li {float: none; display: inline-block;}
  .breadcrumb-item+.breadcrumb-item::before {padding-left: 1px; padding-right: 5px;}
}

@media (max-width: 575px) {
  .btn-group, [role="group"] {display:block}
  .btn-group .btn, [role="group"] .btn {display:block; width:100%; border-radius: 0.25rem !important}
  .dt-buttons {display:block}
  .dt-buttons .dt-button {display:block; margin:0 auto 5px; text-align: center;}
  .text-center-mobile {text-align:center}
  #btn-pay {margin-top:15px}
  .table-responsive-sm {display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch;}
  .btn {display:inline-block; width:100%; margin-bottom: 7px;}
  .table .btn {width: auto;}
  span:not(.input-group-btn) .btn + .btn {margin-top: .5rem;}
  .input-group-btn .btn {margin-bottom: 0 !important}
  .btn.pull-right, .btn-inline-block {display: inline-block; width: auto;}
  .btn-label {float: left;}
  .btn .label-icon {float: left; padding: 8px 15px 8px 10px; margin: -6px -11px; border-right: 1px solid #b1b8bb;}
  .btn-circle.btn-sm {width: 25px;}
  .btn-close-tab {left: 50%; transform: translate(-50%, 0); width:70%; margin: 0;}
  .dataTables_filter {float: none;}
  .dataTables_filter label {display: block;}
  .dataTables_filter label [type="search"] {max-width: 100%; width:100%; margin: 0; display: block;}
}

@page {size: A4;}
@media print {
  html, .page-wrapper {background: none;}
  body {font-size: 9px; font-weight: 500;}
  label {font-weight: 600;}
  .quick-navbar {display: none;}
  .col-print-1 {-ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%;}
  .col-print-2 {-ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%;}
  .col-print-3 {-ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}
  .col-print-4 {-ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;}
  .col-print-5 {-ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%;}
  .col-print-6 {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
  .col-print-7 {-ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%;}
  .col-print-8 {-ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%;}
  .col-print-9 {-ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%;}
  .col-print-10 {-ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%;}
  .col-print-11 {-ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%;}
  .col-print-12 {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
  .f-print-12 {font-size: 12px !important}
  .f-print-13 {font-size: 13px !important}
  .f-print-14 {font-size: 14px !important}
  .text-print-center {text-align: center;}
  .page-break {page-break-after: always; page-break-inside: avoid;}
  .preloader {display:none;}
  a {color: inherit}
  img {max-width: 100%; height: auto;}
  .print-page body {font-size:9px;}
  .print-page h3, .print-page .card-title {font-size:12px; line-height:1;}
  .print-page .left-sidebar, .print-page .topbar, .print-page .btn, .print-page .page-titles, .print-page .footer, .print-page .ml-auto, .print-page .switch {display:none;}
  .print-page .page-wrapper {margin:0; padding:0; background:none;}
  .print-header .card {border: none !important; padding: 0 !important;}
  .print-header .row, .print-header.row {margin-bottom: 0;}
  .print-footer .card {border: none !important; margin-top: 30px !important;}
  .print-footer .signature {min-width: 100px; margin-left: 10px; border-bottom: 1px solid #f3f3f3;}
  .print-page .card-body {padding: .75rem;}
  .print-page .logo {max-width: 300px; max-height: 80px;}
  .print-container > .row > [class^="col-"], .print-container form > .row > [class^="col-"] {padding: 0 2.5px !important;}
  .print-container .table {margin:0;}
  .print-container .table td, .table th {padding:2px 5px;}
  .print-container .card {page-break-inside: avoid; box-shadow:none !important; border:none; border-radius:0; margin:0 0 5px;}
  .print-container .bg-white.b-all {border: none!important; padding:0 0 20px;}
  .print-container #audiogram {width:100% !important; height:auto !important; max-width: 450px; margin: 0;}
  .print-container #audiogram.w-70 {max-width: 70%; margin:0 auto;}
  .print-container #audiogram.w-80 {max-width: 80%; margin:0 auto;}
  .print-container #audiogram.w-90 {max-width: 90%; margin:0 auto;}
  .print-container #tympanogram {width:100% !important; height:auto !important}
  .page-calendar #calendar {height: auto;}
  .page-calendar #calendar tr th.fc-resource-cell {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
  .page-calendar .topbar, .page-calendar .left-sidebar, .page-calendar .page-titles, .page-calendar .fc-toolbar .fc-left, .page-calendar .fc-toolbar .fc-right, .print-page .quick-navbar {display: none;}
  .page-calendar .page-wrapper {margin:0; background:none}
  .page-calendar .container-fluid, .page-calendar .card-body {padding:0}
  .page-calendar .fc-scroller {height: auto !important;}
  .modal-content {font-size: 10px; line-height: 1; border: none; padding: 0;}
  .modal-content h3 {font-size: 17px; margin-bottom:10px !important}
  .editable {color: inherit; border-bottom: none !important;}
  [rel="x-editable"]:after {display: none;}
  .row {margin-bottom: 5px;}
  .audiogram-symbols {font-size: 7px; margin-left: -30px; margin-top: 20px;}
  .audiogram-symbols > div > div > div {min-width: 15px;}
  .audiogram-symbols > div > div > div img {max-width: 7px;}
}