@import url(helpers/fonts.css);
@import url(helpers/typography.css);
@import url(helpers/base.default.css);
@import url(helpers/base.responsive.css);
@import url(helpers/rtl.version.css);
@import url(themes/theme-dark.css);
@import url(themes/theme-blue.css);
@import url(themes/theme-green.css);
@import url(themes/theme-orange.css);
@import url(themes/theme-red.css);
@import url(themes/theme-inverse.css);
@import url(forms/basic-form-elements.css);
@import url(forms/buttons.css);
@import url(forms/dropdowns.css);
@import url(forms/checkboxes-radio.css);
@import url(forms/form-validation.css);
@import url(forms/selectboxes.css);
@import url(forms/autocomplete.css);
@import url(components/utilities.css);
@import url(components/tables.css);
@import url(components/steps.css);
@import url(components/tooltips-popovers.css);
@import url(components/modal.css);
@import url(components/progress-bars.css);
@import url(components/badges-labels.css);
@import url(components/pagination.css);
@import url(components/collapse.css);
@import url(components/tabs.css);
@import url(components/notifications-alerts.css);
@import url(components/carousel.css);
@import url(components/widgets.css);
@import url(components/breadcrumbs.css);
@import url(vendors/jscrollpane.css);
@import url(vendors/select2.css);
@import url(vendors/eonasdan-bootstrap-datetimepicker.css);
@import url(vendors/fullcalendar.css);
@import url(vendors/summernote.css);
@import url(vendors/ionrangeslider.css);
@import url(vendors/nestable.css);
@import url(vendors/datatables-fixedcolumns.css);
@import url(vendors/datatables-responsive.css);
@import url(vendors/editable-table.css);
@import url(vendors/chartist.css);
@import url(vendors/chartist-tooltip-plugin.css);
@import url(vendors/nprogress.css);
@import url(vendors/juqery-steps.css);
@import url(vendors/bootstrap-select.css);
@import url(vendors/dropify.css);
@import url(pages/pricing-table.css);
@import url(pages/ecommerce.css);
@import url(apps/profile.css);
@import url(apps/messaging.css);
@import url(apps/mail.css);
@import url(apps/calendar.css);
@import url(apps/gallery.css);
.borderless-left {border-top-left-radius: 0;border-bottom-left-radius: 0;}
.d-inline {display: inline-block;}
.margin-5 { margin: 5; }
.select2-container { z-index: 2000; }

.dropdown-toggle .notifications {
	position: absolute;
    top: 0;
    right: 12px;
    color: #fff;
    background-color: #f76266;
    padding: 0 6px;
    border-radius: 3px;
    font-size: .625rem;
    line-height: .875rem;
}
.VueTables__filter-placeholder {
    font-size: 0;
}
.VueTables__filter-placeholder::before {
    font-size: 14px;
    content: 'Filter';
    display: block;
    width: 100%;
}
.timeline {
  list-style: none;
}
.timeline > li {
  margin-bottom: 60px;
}

.timeline h3 {
	margin: 15px 0 0;
}

@media(max-width:1024px) {
    .select2-container {
        z-index: 1 !important;
    }
    .VueTables__device-filter-wrapper,
    .VueTables__finishes_at-filter-wrapper,
    .VueTables__last_updated-filter-wrapper,
    .VueTables__starts_at-filter-wrapper {
        width: 100px !important;
    }
    .modal-body #services-table-body td, .modal-body #services-table-body th {
        padding: 0.25rem !important;
    }
}

/* for Desktop */
@media ( min-width : 768px ){
  .timeline > li {
    overflow: hidden;
    margin: 0;
    position: relative;
  }
  .timeline-date {
    width: 110px;
    float: left;
    margin-top: 20px;
  }
  .timeline-content {
    width: 75%;
    float: left;
    border-left: 3px #eceff4 solid;
    padding-left: 30px;
  }
  .timeline-content:before {
    content: '';
    width: 12px;
    height: 12px;
    background: #46be8a;
    position: absolute;
    left: 106px;
    top: 24px;
    border-radius: 100%;
  }
}

.permissions-column {
    min-width: 160px;
}

.permissions-column .permission-items {
    display: flex;
    flex-direction: column;
}
.permissions-block {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.timeline .timeline-content {
    min-height: 55px;
    display: flex;
    align-items: center;
}
.timeline .activity-description {
    font-size: 19px;
}

/*
 * PAGINATION
 */
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px
}

.pagination > li {
    display: inline
}

.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd
}

.pagination > li:first-child > a, .pagination > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.pagination > li:last-child > a, .pagination > li:last-child > span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
    color: #23527c;
    background-color: #eee;
    border-color: #ddd
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7
}

.pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd
}

.pagination-lg > li > a, .pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 18px
}

.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px
}

.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}

.pagination-sm > li > a, .pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px
}

.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}


.glyphicon {
		color: #000;
    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;
}

.glyphicon:hover {
	color: #01a8fe;
}

.glyphicon-chevron-left:before {
    content: "\f060";
}

.glyphicon-chevron-right:before {
    content: "\f061";
}

nav.left-menu .logo-container {
    position: static;
}

nav.left-menu .left-menu-inner {
    position: static;
    width: 100% !important;
}

nav.left-menu .top-menu .menu .menu-user-block{
    display: inline-block;
    margin: 0 10px;
}

nav.left-menu .top-menu .menu {
    display: flex;
    align-items: center;
    justify-content: center;

}

.documents-block {
    position: relative;
}

.documents-block .modal-content {
    z-index: 1041;
}
.single-page-block {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-grow: 1;
}
.btn-group,
.btn-group-vertical {
  position: relative !important;
  vertical-align: middle !important;;
  display: inline-flex !important;;
  flex-wrap: wrap !important;;
  align-items: flex-start !important;;
}
.btn-group > * {
  margin: 0 5px 5px 0 !important;;
}

.readonly-share:focus {
    border: none !important;
}

.documents-groups {
    border-radius: 5px;
    background: #46be8a;
    padding: 3px 5px;
    color: #fff;
    margin: 0 5px 5px 0;
}

.documents-users {
    border-radius: 5px;
    background: #1eb1fd;
    padding: 3px 5px;
    color: #fff;
    margin: 0 5px 5px 0;
}

.table-span-block {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 5px;
}

.patient-span {
    border-radius: 5px;
    border: 2px #0088ce solid;
    padding: 3px 5px;
    margin: 0 5px 5px 0;
}

@media (min-width:768px) and (max-height: 800px) {
    .dropdown-menu {
        bottom: 115%;
        top: unset;
    }
}

@media (max-width:767px) {
    .dropdown-menu {
        right: -65px;
    }
}

@media (min-width:768px) {
    .dropdown-menu .notifications {
        top: -5px;
        right: 0px;
    }
}

.flashpool {
    position: fixed;
    top: 30px;
    right: 2%;
    max-height: 400px;
    width: 350px;
    -webkit-perspective: 400px;
    perspective: 400px;
    z-index: 1000;
    display: none;
}

.flashpool .flash__message {
    width: 100%;
    transition: all .5s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: Oxygen, sans-serif;
    font-size: 13px;
    box-shadow: 0 3px 5px -2px rgba(0, 0, 0, 0.4);
}

.flash-enter, .flash-leave-to {
    opacity: 0;
    -webkit-transform: rotateX(-30deg) scale(.88) translateY(-30px);
    transform: rotateX(-30deg) scale(.88) translateY(-30px);
}

.flash-leave-active {
    position: absolute
}

.flash__message {
    box-sizing: border-box;
    padding: 15px 30px 15px 15px;
    margin-bottom: 10px;
    border: 1px solid transparent;
    border-radius: 4px;
    background-color: #ccc;
    position: relative
}

.flash__message.success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6
}

.flash__message.warning {
    color: #af4c00;
    background-color: rgb(255, 234, 200);
    border-color: #cb8b34
}

.flash__message.error {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1
}

.flash__message.info {
    color: #37516a;
    background-color: #e7e9f2;
    border-color: #9fa2ab;
}

.flash__close-button {
    box-sizing: border-box;
    position: absolute;
    top: 0;
    right: 0;
    color: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    background: none;
    border: none;
    cursor: pointer;
    font-size: 18px;
    line-height: 10px;
    margin: 0;
    padding: 8px
}

.flash__close-button:active, .flash__close-button:focus {
    outline: none
}

.td-with-tooltip {
    max-width: 300px;
}

.td-with-tooltip span {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

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

.actions-bts .btn {
    margin-bottom: 0 !important;
}

.plus-btn {
    font-size: 16px;
    padding: 5px;
    color: #fff;
    background: #5dc698;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 3px;
}

.plus-btn:hover {
    background: #46be8a;
}

.remove-btn {
    width: 40px;
    height: 38px;
    font-size: 22px;
    color: #fff;
    background: #FF0000;
    cursor: pointer;
    border-radius: 3px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
}

.remove-btn:hover {
    background: #c50013;
}

.patient-added-phone {
    display: flex;
}

.VueTables__limit {
    display: none;
}

.custom-table-modifier tr td:not(.ignore-custom-table-modifier) {
    width: 1px;
    white-space: nowrap;
    text-align: center;
}
.custom-table-modifier tr th {
    text-align: center;
}

@media(max-width: 1024px) {
    .hide-column-tablet {
        display: none;
    }
}