@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap');

body {
    background: #fff;

    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
}

img {
    max-width: 100%;
}
@media (min-width: 992px) {
	.modal-lg, .modal-xl {
	    max-width: 992px;
	}
}
.center {
	text-align: center;
}
.bold {
    font-weight: bold !important;
}
.logo-text {
	padding-left: 5px;
    font-weight: 100;
    font-size: 24px;
}
.blurred {
	-webkit-filter: blur(5px) grayscale(0.0);
}

input[type="time"] {
	padding-right: 3px;
}
input[type="time"]::-webkit-calendar-picker-indicator{
	filter: invert(50%);
}

.table-responsive {
    overflow-x: initial !important;
}
.task-modal-datepicker {
    padding: 3px;
    border: 1px solid #dddddd;
    text-align: center;
    margin-top: 10px;
}

.table-bordered {
    border: 0;
    border-collapse: separate;
    border-spacing: 0;
}
.table-bordered td {
    border: 1px solid #dee2e6;
    border-left: none;
    border-top: none;
    word-break: break-word;
}
.table-bordered th {
    border: 1px solid #dee2e6;
    border-left: none;
}
.table-bordered thead.sticky
{
	position: sticky;
    top: 58px;
    background: white;
    z-index: 1000;
}

.table .sticky-col {
    position: sticky;
    left: 255px;
}

.filter-link {
	cursor: pointer;
}

.handle-holder {
    font-size: larger;
    padding-top: 10px;
    padding-left: 4px;
    cursor: pointer;
    margin-right: -12px;
    z-index: 2;
}

.handle {
	width: 20px; 
	color: #b6b6b6; 
	cursor: pointer;
}
.handle-holder .handle {
    width: initial;
}
.ui-state-highlight td, .ui-state-highlight div {
	background: #fffdb2;
    border-top: 2px solid #e0de92;
	border-bottom: 3px solid #e0de92;
}
.ui-sortable-helper {
    display:table;
	width: 100%;
	background: #efeaccc7 !important;
}
.row.ui-sortable-helper {
    display:flex;
    width: 100%;
    background: #efeaccc7 !important;
}
.ui-sortable-helper td.handle, td.handle:hover {
    color: #109CF1;
}   

.ui-slider.custom-slider {
	height: 11px;
}

.ui-slider-horizontal.custom-slider {
    border-radius: 30px;
    background: #e9e9e9;
	margin: 6px 6px;
}

.ui-slider-horizontal.custom-slider .ui-slider-range {
    height: 11px;
    background: #5184bbb5;
	transition: all 0.1s;
}

.ui-slider.custom-slider .custom-handler {
	width: 55px;
    text-align: center;
    height: auto;
    padding: 2px 5px 1px 5px;
    background: #20a0ff !important;
    color: #ffffff !important;
    border: 2px solid white;
    border-radius: 30px;
    top: -9px;
    margin-left: -28px;
    cursor: e-resize;
	transition: left 0.1s;
	transition-property: left, background;
}
.ui-slider.custom-slider .custom-handler.second {
	
}

.ui-slider.custom-slider .custom-handler.ui-state-active {
	background: #0784d0 !important;
	z-index: 5;
}

.ui-widget-content {
	border: none;
    color: #fff;
    background: #000000b8;
}

.ui-datepicker {
	padding: 0px;
}
.ui-datepicker .ui-widget-header {
    border: none;
    background: #109cf1;
    color: #fff;
    font-weight: bold;
    border-radius: 0px !important;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    border: none;
    background: none;
}


.ui-datepicker.ui-widget-content {
	background: #fff;
	color: #333;
	z-index: 1051 !important;
	border: 1px solid #ccc;
    box-shadow: 0 0 10px #0000003d;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #ccc0;
    background: none;
    font-weight: bold;
    color: #1c94c4;
}

.ui-datepicker .ui-state-default, .ui-datepicker .ui-widget-content .ui-state-default, .ui-datepicker .ui-widget-header .ui-state-default {
    border: 1px solid #ccc0;
    background: none;
    font-weight: bold;
    color: #4b4b4b;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #fbd850;
    background: #fff;
    font-weight: bold;
    color: #eb8f00;
}

.ui-datepicker td span, .ui-datepicker td a {
    text-align: center;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #fed22f;
    background: #ffe45c;
    color: #363636;
}

.inaadressSearchContainer .ui-input-search input {
	font-size: 1rem !important;
}

#inaddress-address-search a {
    display: none;
}

.inaadressSearchContainer .ui-input-search {
	box-shadow: none;
}
.inaadressSearchContainer .ui-input-search.ui-focus {
	box-shadow: none;
	border-color: #80bdff;
}
.inaadressSearchContainer ul.ui-listview li a {
	font-size: 1rem;
}

.ol-geocoder ul.gcd-txt-result {
    padding: 0 0 0 25px !important;
}
.ol-geocoder ul.gcd-txt-result li {
    list-style: decimal !important;
    overflow: initial !important;
}
.ol-geocoder ul.gcd-txt-result li::marker {
    font-weight: bold;
    color: #109CF1;
}
#gcd-container.ol-geocoder.gcd-txt-container {
    position: absolute;
    height: 4.375em;
    bottom: -5em;
    top: initial;
    left: initial;
    box-sizing: border-box;
    width: 100%;
}
#openlayers-address-search.searchbar-only .ol-popup,
#openlayers-address-search.searchbar-only .ol-zoom,
#openlayers-address-search.searchbar-only .ol-rotate,
#openlayers-address-search.searchbar-only .ol-attribution,
#openlayers-address-search.searchbar-only .ol-unselectable.ol-layers
{
 display: none !important;
}

.ol-geocoder ul.gcd-txt-result>li:nth-child(odd) {
    background-color: initial !important;
}

.ol-geocoder .gcd-txt-control {
    height: 3em !important;
}
.ol-geocoder ul.gcd-txt-result {
    width: 100% !important;
    top: 3.2em !important;
}
.ol-geocoder ul.gcd-txt-result>li>a {
    padding: 10px !important;
}
.ol-geocoder .gcd-txt-input {
    font-size: 1.2em !important;
    padding: 5px 30px 5px 30px !important;
}
.gcd-address, .gcd-road {
    font-size: 1.2em !important;
    font-weight: 500;
    color: #333;
}

.resource-detail-container {
    margin-bottom: 30px;
    width: fit-content;
    /* flex-grow: initial; */
    flex-basis: initial;
    padding: 8px;
}
.resource-detail-container .head {
    text-align: center;
    font-weight: bold;
    color: #109cf1;
    padding-bottom: 5px;
}

table.resource-table {
    border-left: 1px solid #dee2e6;
    width: 100%;
    font-size: 0.9em;
}
table.resource-table thead th, table.resource-table tbody td {
    padding-top: 5px;
    padding-bottom: 5px;
    vertical-align: middle;
    height: auto;
}

table.resource-table thead th {
    font-weight: bold;
    background: #dee2e6;
}

.badge.inline {
    margin-left: 5px;
    font-size: 75%;
    font-weight: normal;
    vertical-align: middle;
    margin-bottom: 2px;
}

.badge-primary {
    font-weight: normal;
    background-color: #109cf1;
}

.btn:focus {
    outline: none;
    box-shadow: none;
}

.scheduler-search {
	width: -webkit-fill-available;
    margin: 5px;
    padding: 15px;
    font-size: 16px;
	border: none;
}

.xstatus {
	white-space: nowrap;
}

input::file-selector-button {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
    border: none;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 3px 8px;
    font-size: 0.8rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.files a {
    padding: 5px;
    margin: 6px;
    display: inline-block;
    font-size: 1.1em;
    color: #0482cf;
    background: whitesmoke;
    border-radius: 5px;
}
.files a i {
    margin-left: 5px;
    margin-right: 5px;
    color: #b3b3b3;
}

.files a .file-icon {
    font-size: 1.2rem;
    vertical-align: top;
    color: #6c757d;
}

.files a .remove-attachment {
    margin-left: 2px;
}

.xstatus:before, li.status:before, .chosen-single span.status:before {
	width: 16px;
    height: 16px;
    background: #ff000000;
    color: #ff000000;
    border-radius: 15px;
    content: "o";
    font-size: 2px;
    margin-right: 10px;
    display: inline-block;
	vertical-align: middle;
	margin-bottom: 3px;
}

.xstatus.request:before, span.status.request:before, li.status.request:before, .e-schedule .e-status.request, .schedule-context-menu .e-menu-item .request {
    background: #a3a3a3;	
}

.xstatus.ordered:before, span.status.ordered:before, li.status.ordered:before, .e-schedule .e-status.ordered, .schedule-context-menu .e-menu-item .ordered {
    background: #ff9716;
}

.xstatus.confirmed:before, span.status.confirmed:before, li.status.confirmed:before, .e-schedule .e-status.confirmed, .schedule-context-menu .e-menu-item .confirmed {
    background: #428abe;
}

.xstatus.billed:before, span.status.billed:before, li.status.billed:before, .e-schedule .e-status.billed, .schedule-context-menu .e-menu-item .billed {
    background: #5db161;
}

.xstatus.canceled:before, span.status.canceled:before, li.status.canceled:before, .e-schedule .e-status.canceled, .schedule-context-menu .e-menu-item .canceled {
    background: #89695e;
}

.xstatus.service:before, span.status.service:before, li.status.service:before, .e-schedule .e-status.service, .schedule-context-menu .e-menu-item .service {
    background: #e36666;
}

.xstatus.free:before, span.status.free:before, li.status.free:before, .e-schedule .e-status.free, .schedule-context-menu .e-menu-item .free {
    background: #b99d4a;
}
.xstatus.vacation:before, span.status.vacation:before, li.status.vacation:before, .e-schedule .e-status.vacation, .schedule-context-menu .e-menu-item .vacation {
    background: #ecb71c;
}
.xstatus.sick:before, span.status.sick:before, li.status.sick:before, .e-schedule .e-status.sick, .schedule-context-menu .e-menu-item .sick {
    background: #894d52;
}

.status-text.request {
    color: #bbbbbb;	
}

.status-text.ordered {
    color: #ff9716;
}

.status-text.confirmed {
    color: #428abe;
}

.status-text.billed {
    color: #5db161;
}

.status-text.canceled {
    color: #89695e;
}

.status-text.service {
    color: #e36666;
}

.schedule-context-menu .e-menu-item .b-icons {
	width: 1em;
    height: 1em;
    border-radius: 10px;
}

.e-schedule .e-timeline-view .e-appointment, .e-schedule .e-timeline-month-view .e-appointment {
	border-radius: 2px !important;
    border: none !important;
}

.rightpanel-item {
    margin-bottom: 20px;
}
.rightpanel-item .panel-value {
    margin-top: -10px;
    color: #666;
    font-size: 80%;
}



a:hover {
    text-decoration: none;
}
.product-list-item {
    background: #fff;
    padding: 10px;
    overflow-x: hidden;
    position: relative;
    margin-bottom: 30px;
}
.product-list-item .buy-link {
    font-size: 12px;
    display: inline-block;
}
.product-list-item .amazon-link {
    font-size: 12px;
    display: inline-block;
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid #ccc;
}
.product-list-item .hover {
    display: none;
}
.product-list-item2:hover .hover {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: rgba(255,255,255,0.8);
    color: #ccc;
    text-align: center;
    line-height: 300px;
    font-size: 50px;
}

.product-list-item .image {
    background: url() no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 200px;
}
.product-list-item .separator {
    position: relative;
}
.product-list-item .separator:before {
    border-radius: 50%;
    background: #E6E9EF;
    display: inline-block;
    width: 30px;
    height: 30px;
    position: absolute;
    left: -30px;
    top: -10px;
    content: "";
}
.product-list-item .separator:after {
    border-radius: 50%;
    background: #E6E9EF;
    display: inline-block;
    width: 30px;
    height: 30px;
    position: absolute;
    right: -30px;
    top: -10px;
    content: "";
}

.product-list-item .separator .bg {
    height: 10px;
    background: url(../img/bullet-sm.png) repeat-x;
    margin: 20px 6px;
    opacity: 0.1;
}
.product-list-item .product-title {
    height: 20px;
    overflow: hidden;
    position: relative;
    font-size: 12px;
    color: #000;
    word-break: break-all;
}
.product-list-item .product-title:after {
    content: "...";
    position: absolute;
    right: 0;
    bottom: 0;
    background: #fff;
    color: #666;
    display: inline-block;
}

.paginator {
	margin-bottom: 10px;
}

.action-icon {
	float: left;
	margin: 0 5px;
	display: inline-block;
}

.tabular {
	display: flex;
	border-bottom: 1px solid #d4d4d4;
	margin-left: -16px;
	margin-right: -16px;
	padding-left: 16px;
	padding-right: 16px;
	margin-bottom: 20px;
	margin-top: -17px;
    background: #ecf4f9;
    padding-top: 15px;
}
.tabular .tabular-item {
	display: flex;
    padding: 10px;
    border: 1px solid #d4d4d4;
	border-bottom: none;
    cursor: pointer;
	background: #eaeaea;
}
.tabular .tabular-item:not(:first-child) {
	border-left: none;
}
.tabular .tabular-item.active {
	background: white;
    font-weight: bold;
    margin-top: -2px;
	margin-bottom: -1px;
	border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-left: 1px solid #d4d4d4;
    margin-left: -1px;
	padding-top: 12px;
}

.cell-scroll {
	max-height: 200px;
    text-overflow: ellipsis;
    overflow: auto;
    padding-right: 5px;
    margin-right: -0.25rem;
}
/* width */
.cell-scroll::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

/* Track */
.cell-scroll::-webkit-scrollbar-track {
  background: #fff0;
}

/* Handle */
.cell-scroll::-webkit-scrollbar-thumb {
  background: #d1d1d1;
  border-radius: 10px;
}

/* Handle on hover */
.cell-scroll::-webkit-scrollbar-thumb:hover {
  background: #c5c5c5;
}

.cell-scroll ul {
    padding-left: 17px;
    margin: 0;
}

.page-header-title,
.navbar-brand {

}
.btn-info {
    background: #109CF1;
    border: 1px solid #109CF1;
}
.topnav.fixed-top {
    z-index: 1039;
    background: #EBEFF2;
    border-bottom: 1px solid #EBEFF2;
    padding: 0;
    box-shadow: 0 0 0 0 !important;
}
.topnav .heading-title {
    color: #109CF1;
    font-size: 20px;
    font-weight: 600;
}
.topnav .heading-title ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.topnav .heading-title ul li {
    float: left;
    position: relative;
    margin-right: 40px;
}
.topnav .heading-title ul li:after {
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    position: absolute;
    font-weight: 900;
    color: #000;
    right: -30px;
    display: inline-block;
    height: 15px;
    width: 15px;
    font-size: 13px;
}
.topnav .heading-title ul li:last-child:after {
    display: none;
}
.topnav .heading-title ul li:last-child {
    margin-right: 0;
}
.topnav .heading-title ul li span {
    color: #000;
}
.dropdown-menu {
    z-index: 99999;
}
.notification .dropdown-menu {
   padding: 0;
}
.topnav .navbar-brand {
    width: 256px;
    height: 58px;
    line-height: 45px;
    background: #fff;
    margin: 0;
    display: inline-block;
    text-align: center;
	position: relative;
}

.topnav .navbar-brand .selector {
	position: absolute;
    right: 10px;
    color: gray;
	cursor: pointer;
}
.topnav .navbar-brand .selectorBox {
	position: absolute;
    left: 0px;
    width: 100%;
    margin-top: 54px;
    background: #ebeff2eb;
    box-shadow: 10px 10px 10px #0000002b;
	display: none;
}
.topnav .navbar-brand .selectorBox .item {
	display: block;
	color: black;
    font-size: 16px;
	transition: all 0.5s;
}
.topnav .navbar-brand .selectorBox .item:hover, .topnav .navbar-brand .selectorBox .item.selected {
	background: #00000014;
	transition: all 0.5s;
}
.topnav .navbar-brand .selectorBox .item.selected {
	color: #109CF1;
}
.topnav .top-toolbar {
    width: calc(100% - 256px);
    display: inline-block;
    line-height: 56px;
}
.topnav .top-toolbar .toolbar-inner {
    margin: 0 16px;
}
.topnav .navbar-brand span.logo-icon {
    display: inline-block;
    width: 28px;
    height: 28px;
    background: #109CF1;
    color: #fff;
    border-radius: 50px;
    font-size: 15px;
    padding: 5px;
    line-height: 20px;
}
.topnav .btn {
    text-transform: uppercase;
    min-width: 110px;
}
.topnav .topbar-icon-wrapper {
    display: inline-block;
    margin-right: 15px;
}
.topnav .topbar-icon {
    font-size: 22px;
    display: block;
    color: #109CF1;
}
.page-header .page-header-content .page-header-title .page-header-icon {
    margin-right: 0.5rem;
    display: inline-flex;
}
.page-header .page-header-content .page-header-title {
    line-height: normal;
    font-size: 2.25rem;
    font-weight: 500;
    display: flex;
    align-items: center;
    margin-bottom: 0;
}

#left-sidebar {
    width: 257px;
    height: 100vh;
    border-right: 2px solid #eff3f9;
    z-index: 1038;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    transition: transform 0.15s ease-in-out;
    display: none;
}
.left-menu-divider {
    height: 1px;
    background: #EBEFF2;
    margin: 20px 0;
}
body.sidebar #left-sidebar {
    display: block;
}

.ui-autocomplete.ui-widget-content {
    background: white;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    background: #109CF1;
    color: white;
    font-weight: bold;
}

.list-table thead {
    color: rgba(0, 0, 0, 0.5);
    font-weight: 600;
}
.list-table thead th {
    padding-top: 8px;
    padding-bottom: 6px;
    font-weight: 600;
	vertical-align: middle;
	height: 60px;
}

.table-striped tbody tr:nth-of-type(2n+1) {
    background: #F9FAFA;
}

@media (min-width: 769px) {
    body.sidebar .main-content {
        padding-left: 256px;
    }
}

.text-primary {
    color: #109CF1 !important;
}
.card {
    box-shadow: 0 0.15rem 1.75rem 0 rgba(31, 45, 65, 0.15);
}
.card-body {
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.35rem;
}
.card-body h2 {
    font-size: 23px;
}

body.dragging, body.dragging * {
    cursor: move !important;
}

#main-forms-modal .custom-field-options.dropdown {
    padding-top: 10px;
    margin-top: 20px;
    border-top: 1px solid #efefef;
}

optgroup.hidden, .chosen-container .chosen-results .hidden {
	display: none !important;
}

.dragged {
    position: absolute;
    opacity: 0.5;
    z-index: 2000;
}
.sortable-list-wrapper {
    list-style: none;
}
.sortable-list-wrapper .handle {
    cursor: all-scroll;
}
.sortable-list-wrapper li.placeholder {
    position: relative;
    /** More li styles **/
}
.sortable-list-wrapper li.placeholder:before {
    position: absolute;
    content: "\f0da";
    font-family: "Font Awesome 5 Free";
    display: inline-block;
    left: -10px;
    font-weight: 900;
    /** Define arrowhead **/
}

.sidenav {
    display: flex;
    flex-direction: column;
    height: calc(100% - 3.625rem);
    flex-wrap: nowrap;
    font-size: 0.9rem;
    background-color: #fff;
    color: #1f2d41;
    margin-top: 3.625rem;
    max-height: fit-content;
    margin-right: 0px;
}

.sidebar .user {
    border-top: 1px solid #ebeff2;
    padding-top: 20px;
    text-align: left;
    font-size: 11px;
    margin-bottom: 20px;
    color: #9d9d9d;
    padding-left: 70px;
}
.sidebar .user .role {
    font-size: 10px;
}
.left-menu ul {
    list-style: none;
    margin-top: 10px;
    padding-left: 25px;
}
.left-menu a {
    color: #1f2d41;
    font-weight: 400;
    display: block;
    padding: 12px 10px;
    font-size: 14px;
}
.left-menu a i {
    width: 30px;
    color: #C2CFE0;
    font-size: 18px;
}
.left-menu li.active a i,
.left-menu li.active a {
    color: #109CF1;
}
a {
    color: #109CF1;
}

.btn-primary,
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
    background: #109CF1;
    border: 0;
}

.bg-gradient-primary-to-secondary {
    background-color: #2e4c8c;
    background-image: linear-gradient(135deg, #2e4c8c 0%, rgba(105, 0, 199, 0.8) 100%);
    color: #fff;
}
.main-content.without-heading {
    padding-top: 58px;
}
.right-top-menu a {
    font-size: 14px;
    color: #666;
}
.right-top-menu a i {
    margin-right: 10px;
}
.right-top-menu .menu-item {
    display: inline-block;
    margin: 0 10px;
    position: relative;
}
.right-top-menu .menu-item.messages {
    width: 50px;
}
.right-top-menu .menu-item.messages .inner {
    position: absolute;
    bottom: -8px;
}
.right-top-menu .menu-item.messages.new .inner {
    bottom: 0;
}
.right-top-menu .menu-item i {
    font-size: 20px;
}
.right-top-menu .menu-item.messages.new .qty {
    background: #FF6700;
    color: #fff;
    position: absolute;
    top: -10px;
    right: -10px;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    font-size: 11px;
}
.right-top-menu .menu-item.messages.new {
    margin-bottom: -10px;
}
header.page-header {
    padding-bottom: 6rem !important;
    padding-top: 3.625rem;
}

.margin-top-for-banner {
    margin-top: -50px;
}
.margin-top-20 {
    margin-top: 20px;
}
.margin-top-40 {
    margin-top: 40px;
}
.margin-bottom-100 {
    margin-bottom: 100px;
}

.page-subtitle {
    color: #6A707E;
    font-size: 16px;
    font-weight: 600;
    padding: 16px;
}

.page-block {
    overflow-y: scroll;
    position: relative;
}
.page-block .scroll-vertical {
    position: absolute;
    top: -4px;
    left: 0;
    width: 100%;
    height: 8px;
    z-index: 20;
    content: "";
    display: inline-block;
    cursor: n-resize;
    background: #add3e7;
}

td.table-icon-col {
    width: 50px;
	text-align: center;
}
.table-icon-col i {
    font-size: 20px;
}
.table-icon-col i.active {
    color: #62cc14;
}
.table-icon-col i.inactive {
    opacity: 0.2;
	transition: 0.3s all;
}
.icon-clickable,
.table-icon-col i.inactive:hover {
    opacity: 1;
    color: #109CF1;
    cursor: pointer;
}
.form-group .notes {
    color: #666;
    font-size: 11px;
}
.success-text {
    color: #6bad3c;
}
.table-icon-col i.inactive.icon-red:hover {
    color: #ce3333;
}
.element-end-space {
    height: 30px;
}
.page-block.border-top {
    border-top: 1px solid #999 !important;
}

/* for chrome */
input[type=number].nospin::-webkit-inner-spin-button,
input[type=number].nospin::-webkit-outer-spin-button {
    -webkit-appearance: none;
    padding-right: 3px;
    padding-left: 3px;
}             


/* for mozilla */  
input[type=number].nospin {
	-moz-appearance: textfield;
	padding-right: 3px;
    padding-left: 3px;
}

#main-forms-modal h2.modal-subtitle {
    text-align: center;
    font-size: 16px;
    color: #666;
}
#main-forms-modal h2.edit-title {
    text-align: center;
    font-size: 16px;
    color: #109CF1;
    margin-bottom: 15px;
}
#main-forms-modal .btn-group.header-menu .dropdown-menu {
    font-size: 12px;
}
#main-forms-modal .btn-group.header-menu .dropdown-item {
    padding: 8px 10px;
}
#main-forms-modal .btn-group.header-menu .btn {
    border: 1px solid #d4d4d4;
    font-size: 12px;
    color: #808080;
    padding: 8px 20px;
    border-radius: 20px;
	background: white;
}
#main-forms-modal .btn-group.header-menu > .btn-group.header-menu:not(:last-child) > .btn,
#main-forms-modal .btn-group.header-menu > .btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
#main-forms-modal .btn-group.header-menu > .btn-group.header-menu:not(:first-child) > .btn,
#main-forms-modal .btn-group.header-menu > .btn:not(:first-child):not(.dropdown-toggle) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
#main-forms-modal .btn-group.header-menu .btn.btn-current, #main-forms-modal .btn-group.header-menu .btn.btn-active {
    background: #E7F5FE;
    color: #109CF1;
}
#main-forms-modal label {
    font-size: 1rem;
    color: #878787;
	padding: 0px 5px 0 5px;
}

.btn-danger.unactive {
    background-color: #cbcbcb !important;
    border-color: #cbcbcb !important;
    box-shadow: none !important;
}
.btn-danger.switch.unactive {
    color: #ffffff4f;
}

.scrollable-content-row-wrapper .page-col {
    padding: 0;
    border-left: 1px solid #ccc;
    position: relative;
    float: left;
    overflow-y: scroll;
}
.scrollable-content-row-wrapper .page-col:first-child {
    border-left: 0;
}
.page-col .scroller.scroll-horisontal {
    position: absolute;
    left: 0px;
    top: 0;
    width: 4px;
    height: 100%;
    z-index: 20;
    content: "";
    display: inline-block;
    cursor: w-resize;
    background: #add3e7;
}

.btn.btn-uppercase {
    padding-left: 30px;
    padding-right: 30px;
    text-transform: uppercase;
}

.modal-item {
    display: none;
}
#main-forms-modal .text-danger {
    font-size: 11px;
}
#address-search-popup .address-search-wrapper {
    padding: 20px;
    min-height: 200px;
}
.address-search-wrapper .modal-title-element {
    color: #109CF1;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
}

.ui-autocomplete {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1060;
    display: none;
    float: left;
    min-width: 160px;
    padding: 0px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 1rem;
    text-align: left;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
}

.ui-menu .ui-menu-item a {
    padding: 5px 10px;
    border-radius: 0px;
}

.ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active {
	margin: 0px;
}

.chosen-container .chosen-results li.highlighted {
    background-color: #109CF1;
    background-image: none;
    color: #fff;
}
.chosen-container-single .chosen-single, .chosen-container-multi .chosen-choices {
	background-image: none;
	min-height: calc(1.5em + .75rem + 2px);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
}
.chosen-container-active .chosen-single, .chosen-container-active .chosen-choices {
	border-color: #80bdff;
	box-shadow: none;
}
.chosen-container .chosen-results li.light:not(.result-selected) {
    opacity: 0.3;
}



.status.inactive, .status-inactive {
	color: red;
	text-decoration: line-through;
}

.status.inactive.hidden-default {
    display: none;
}

.chosen-results .inactive, .chosen-container .chosen-single .inactive {
    color: red;
    text-decoration: line-through;
}

.chosen-container .chosen-drop {
	box-shadow: none;
}

.chosen-container-single .chosen-drop {
    margin-top: -1px;
}

.chosen-container-active.chosen-with-drop .chosen-single {
	background-image: none;
	color: #109CF1;
}

.chosen-container .chosen-drop {
    min-width: fit-content;
}
.chosen-container .chosen-drop {
    border: 1px solid #80bdff;
	/*border-top: 0px;*/
}

.chosen-container .chosen-results {
	padding: 0px;
	margin: 0px;
	font-weight: normal;
	white-space: nowrap;
}
.chosen-container-single .chosen-results li.result-selected {
	background-color: #0d7abc;
    background-image: none;
    color: #fff;
}
.chosen-container .chosen-results li {
    padding: 5px 12px;
}
.chosen-container-active.chosen-with-drop .chosen-single {
  border-color: #80bdff;
  border-bottom: 1px solid #ced4da;
}
.chosen-container-single .chosen-single span {
	padding: 7px 3px;
}
.chosen-container-single .chosen-single div b {
	background: none;
	padding-top: 7px;
}
.chosen-container-single .chosen-single div b:after, .dropdown-toggle::after {
	-webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
	font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    color: #9faab4;
	content: "\f107";
	transition: all 0.2s;
    border-top: none;
}
.dropdown-toggle::after {
    margin-right: -10px;
}
.chosen-container-single.chosen-with-drop .chosen-single div b:after, .bootstrap-select.show .dropdown-toggle::after {
	/*content: "\f106";*/
	transform: rotate(-180deg);
	color: #80bdff;
}
.chosen-container-multi .chosen-choices li.search-field {  
    padding: 4px;
}

.chosen-container-multi .chosen-choices li.search-choice {
    border: 1px solid #ced4da;
    background-color: #f9f9f9;
    background-image: none;
    -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgb(0 0 0 / 5%);
    box-shadow: 0 0 2px #fff inset, 0 1px 0 rgb(0 0 0 / 5%);
}
.chosen-container-single .chosen-single abbr {
	right: 6px;
	z-index: 10;
}
.chosen-container-single .chosen-single-with-deselect span {
    margin-right: 20px;
}
.chosen-container-multi .chosen-choices li.search-choice:first-child {
	margin-top: 7px;
}

.chosen-container-single .chosen-single abbr {
    background: none;
    width: 18px;
    height: 18px;
}

.chosen-container-single .chosen-single abbr:after,
.bootstrap-select .dropdown-toggle abbr:after {
    content: "\f00d";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    display: inline-block;
    position: absolute;
    right: 1px;
    top: 1px;
    font-size: 16px;
    color: rgb(163 0 0 / 50%);
}

.bootstrap-select .dropdown-toggle abbr:after {
    right: 7px;
    top: 7px;
}

.bootstrap-select.floating-select:not([value=""]) .dropdown-toggle {
    padding-right: 1.5rem;
}

.bootstrap-select.floating-select[value=""] .dropdown-toggle abbr:after {
    display: none;
}

.rows-per-page .btn {
    font-size: 0.9rem;
}
.rows-per-page .dropdown-toggle::after {
    vertical-align: initial;
}

.ui-autocomplete > li > div {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333333;
    white-space: nowrap;
}

.ui-state-hover,
.ui-state-active,
.ui-state-focus {
    text-decoration: none;
    color: #262626;
    background-color: #f5f5f5;
    cursor: pointer;
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.selected-customer-name {
    display: none;
    margin-bottom: 10px;
    margin-top: 8px;
}

.btn-xs {
    font-size: 12px;
    padding: 5px 10px;
}

.modal-order-from-address-label {
    
}

.modal.show .modal-dialog {
    box-shadow: 0 0 100px 20px #0000009c;
}



.add-new-template-row, .add-order-rows-btn, .add-invoice-row-btn, .generate-pdf-btn, .add-prepeaid-rows-btn {
	color: white;
	margin-right: 10px;
	font-size: 13px;
}

.price-rows-container .icon {
    color: #6990b1;
    font-size: 20px;
    padding-top: 4px;
    display: inline-block;
    cursor: pointer;
}


.generate-pdf-btn.right {
	margin-right: 0;
	margin-left: 10px;
}
.add-new-template-row.icon:hover {
	color: #4c6d89;
}

.order-row .subrow {
    display: flex;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 5px;
    background: #0000000a;
}
.order-row .subrow.template {
    margin-top: 10px;
}
.order-row .subrow.cloned {
    padding-top: 10px;
}

.order-row .subrow .input-container {
    zoom: 0.8;
}

.order-row .subrow .row-sum {
    zoom: 0.85;
}

.order-row .button-row {
    display: flex;
    width: 100%;
    margin-bottom: -10px;
    margin-top: 10px;
}

.input-group-text.smaller {
    padding: 3px;
    font-size: 13px;
}

.order-row-optional.order-row-date.visible {
    margin-top: 30px !important;
}

.row.summary {
	padding-top: 15px;
    border-top: 1px solid #6e94b457;
}

.price-rows-container {
	background: #deebf3;
    border-radius: 5px;
    padding: 15px;
	padding-top: 0px;
    padding-bottom: 1px;
    margin-bottom: 15px;
    display: table;
	width: 100%;
}
.price-rows-container .form-group.top-border {
    /*border-top: 1px solid #00000029;*/
    margin-bottom: 0rem;
    margin-top: 0rem;
    padding-top: 0.6rem;
    padding-bottom: 1.6rem;
    box-shadow: 0px 4px 7px 0px #00000045;
}
.price-rows-container .header {
    border-bottom: 1px solid #6e94b457;
    margin-bottom: 10px;
}
.price-rows-container .title {
    text-align: left;
    width: 100%;
    color: #6990b1;
    padding-bottom: 5px;
    margin-top: 8px;
}

.price-rows-container .order-row.locked-row {
	background: #549b0021;
}
.price-rows-container .order-row.active-row {
    background: #d4e1f4;
    box-shadow: 0px 0px 10px #5185df;
}
.price-rows-container .order-row.locked-row.active-row {
    background: #9cd7b2;
    box-shadow: 0px 0px 10px #0e7230;
}
.price-rows-container .order-row.archived {
    display: none;
}

.price-rows-container .visible-archive-row {
    display: flex !important;
}

.price-rows-container .form-group.top-border.template-row {
	border-top: 0;
}

.price-rows-container .row-sum, .price-rows-container .total-sum {
	font-size: 1rem;
    text-align: right;
	padding: 10px 15px 0;
	font-weight: bold;
}
.price-rows-container .total-sum {
	font-weight: bold;
}

.price-rows-container .pricelist-contacts-container {
    margin-top: 8px;
}
.price-rows-container .pricelist-contacts-container span {
    background: #6990b1;
    color: white;
    padding: 3px 7px;
    border-radius: 3px;
    margin-right: 10px;
    font-size: 85% !important;
}

.form-group.row.component {
    background: #deebf3;
    padding-bottom: 10px;
    position: relative;
    padding-top: 25px;
    margin-top: 25px;
    border-radius: 5px;
}
.form-group.row.component .title {
    color: #6990b1;
    margin-left: 15px;
    margin-bottom: 10px;
    margin-top: 5px;
    position: absolute;
    top: -15px;
    background: #deebf3;
    border-radius: 5px;
    padding: 0 7px;
    margin-left: 15px;
}

.form-group.row .unit-display {
    line-height: 38px;
    font-weight: bold;
    font-size: 1rem;
}

.email-content {
	padding: 5px 0;
	margin-left: -15px;
    padding-left: 15px;
    margin-right: -15px;
    padding-right: 15px;
	border-bottom: 1px solid #b8cddd;
}

.email-content.active
{
	background: #0000001c;
    padding-bottom: 10px;
	border-bottom: 1px solid #a7a7a7;
}
.email-content .email-body {
	padding: 20px;
    border: 1px solid #c2c2c2;
    margin: 5px 0;
    background: white;
	display: none;
}
.email-content .email-body .subject {
	margin-bottom: 20px;
	font-size: 16px;
	font-weight: 600;
}
.email-content .email-body .reciever {
	margin-bottom: 10px;
    color: #939393;
    border-bottom: 1px solid #d6d6d6;
	padding-bottom: 5px;
}
.email-content .email-body .reciever .time {
	float: right;
}

.email-content .email-row {
	cursor: pointer;
	transition: all 300ms;
	
}

.email-content .email-row.active {
	background: gray;
}

.email-content .email-body .attachments .title {
	border-top: 1px solid #d6d6d6;
    padding: 5px 0;
    margin-bottom: 10px;
    font-weight: 600;
}

.email-content .email-body .attachments a {
	margin-right: 15px;
}
.email-content .email-body .attachments a i
{
	color: #b60000;
    font-size: 25px;
    vertical-align: middle;
	margin-right: 5px;
}

.order-icon-button {
    padding: 7px 7px 2px 7px;
    display: inline-block;
    width: fit-content;
    margin-left: 7px;
	font-size: 18px;
	color: #6990b1;
	cursor: pointer;
    border-radius: 5px;
    position: relative;
}

.order-icon-button .sub-label {
    color: #007c21;
    font-size: 11px;
    font-weight: bold;
    width: max-content;
    padding-left: 5px;
    border-radius: 10px;
    transform: translate(0%, 30%);
    float: right;
}

.order-icon-button.active {
    color: #20a0ff;
    background: #0000000d;
}

.inline-edit-buttons {
    margin-bottom: -5px;
}

.inline-edit-buttons .btn {
    padding: 0px 10px;
    width: 45%;
}

.inline-edit .chosen-container, .inline-edit .chosen-container-single .chosen-single {
    font-size: 13px !important;
}

.locked-row .order-icon-button.show-date-row {
	display: none;
}
.locked-row order-icon-button.delete-row {
	display: none !important;
}

.custom-field-options .delete-row {
    color: #959595;
    font-size: larger;
    display: block;
    margin-top: 7px;
}

.blacklisted {
    background: #ff000026;
}

.nav-pills .nav-link {
    background: #f7f7f7;
    margin-right: 5px;
    margin-bottom: 5px;
}

.sortable-list-wrapper li.ui-state-highlight {
    height: 58px;
}

.sortable-list .ui-state-highlight {
    height: 44px;
    margin-bottom: 12px;
}

.order-row-optional {
	display: none;
}
.order-row-optional.visible {
	display: flex;
}
.order-row-optional.sub {
    width: 100%;
    margin-top: 20px;
}

.order-row.archived {
    opacity: 0.3;

}
.order-row.archived .input-group {
    pointer-events: none;
}

.icon-column {
    padding: 4px 5px;

}
.icon-column i {
    opacity: 0.2;
    font-size: 20px;
}
.icon-column i:hover {
    opacity: 1;
    cursor: pointer;
}
table.body-hover-efect tbody tr:hover {
    background: rgba(0,0,0,0.09);
}

.search-wrapper {
    position: relative;
}
.search-wrapper::after {
    content: "\f002";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    display: inline-block;
    position: absolute;
    right: 9px;
    top: 7px;
    font-size: 16px;
    color: rgba(0,0,0,0.2);
}


.input-group.floating {
	width: 100%;
	margin-top: 3px;
    margin-bottom: 3px;
}
.input-group-addon.floating {
	position: absolute;
    right: 16px;
    top: 11px;
    color: darkgrey;
    z-index: 5;
    background: none;
    border: none;
}
.input-group.date .input-group-addon.floating {
	padding-bottom: 25px;
}

button .no-address {
    color: #29a6f3;
    display: none;
    text-align: center;
}
.address-id-input[value=""] ~ button .no-address {
    display: block;
}

.address-id-input[value=""] ~ button .address-label {
    display: none;
}


.address-id-input:not([value=""]) ~ button .remove-address:after {
    content: "\f00d";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    display: inline-block;
    position: absolute;
    right: 9px;
    top: 7px;
    font-size: 16px;
    color: rgb(163 0 0 / 50%);
}

.floating-label { 
  	position:relative; 
	/*display: block;*/
	width: 100%;
}
.floating-input {
 	padding: 7px 14px 7px 14px;
	margin-top: 0;
}
.floating-select {
 	padding: 7px 24px 7px 14px;
	appearance: none;
	-moz-appearance:none; 
    -webkit-appearance:none; 
	background: #FFFFFF url(/assets/images/dropdown-arrow.svg) no-repeat;
    background-position: right 3px center;
    width: 100%;
}

.floating-input.with-addon {
 	padding: 147px 36px 7px 14px;
}

.form-control.bold {
    border-width: 3px;
}

th.sorted, td.sorted {
    background: #1e37b112;
}

input[type="number"].floating-input {
	padding-right: 3px;
}

.floating-label.active-filter .floating-input {
    padding: 7px 24px 7px 14px;
}

.floating-input:focus, .floating-select:focus {
     outline:none;
}

.floating-label label {
  position: absolute;
  top: 7px;
  left: 0px;
  padding: 2px 5px 2px 5px;
  margin-left: 10px;
  pointer-events: none;
  transition: all 100ms;
  opacity: 0.7;
  transition:0.2s ease all; 
   z-index: 5;
  color: rgb(0 0 0 / 50%);
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: calc(100% - 12px);
  overflow: hidden;
  border-radius: 3px;
}
select ~ label.form-control-placeholder, .bootstrap-select ~ label.form-control-placeholder {
    max-width: calc(100% - 25px);
}

.floating-input:hover ~ label, .floating-select:hover ~ label, .chosen-container:hover ~ label {
    overflow: visible;
    max-width: initial;
    width: auto;
    background: white;
    opacity: 1;
    z-index: 100000;
}

.floating-label label.errLabel {
  color: #f86363;
}

.floating-input:not(:focus)::placeholder {
	color: transparent;
}

.form-control::placeholder {
	color: #c4c4c4;
}

.floating-input:focus ~ label, .floating-input:not(:placeholder-shown) ~ label,
.floating-select:focus ~ label, .floating-select:not([value=""]):valid ~ label,
.bootstrap-select.floating-select:not([value=""]) ~ label,
label.no-float {
 	font-size: 85% !important;
    transform: translate3d(0, -100%, 0);
    opacity: 1;
    padding: 1px 5px 0 5px;
    background: white;
    border-radius: 3px;
}
label.before-select {
    font-size: 85% !important;
    transform: translate3d(0, -100%, 0);
    opacity: 1;
    padding: 1px 5px 0 5px;
    background: white;
    border-radius: 3px;
}

.floating-label.has-error label {
    color: #f86363 !important;
}
.floating-input:focus ~ label, 
.floating-select:focus ~ label,
.chosen-container-active ~ label
{
    color: rgb(0 0 0 / 100%) !important;
}

.price-rows-container .floating-input:focus ~ label, 
.price-rows-container .floating-input:not(:placeholder-shown) ~ label, 
.price-rows-container .floating-select:focus ~ label, 
.price-rows-container .floating-select:not([value=""]):valid ~ label, 
label.no-float {
	opacity: 0;
	transform: none;
}
.price-rows-container.show-labels .floating-input:focus ~ label, 
.price-rows-container.show-labels .floating-input:not(:placeholder-shown) ~ label, 
.price-rows-container.show-labels .floating-select:focus ~ label, 
.price-rows-container.show-labels .floating-select:not([value=""]):valid ~ label, 
label.no-float {
	opacity: 1;
    transform: translate3d(0, -145%, 0);
    padding: 1px 5px 0 5px !important;
    background: none;
}

.input-group .bootstrap-select.form-control .dropdown-toggle {
    background: white;
    border: 1px solid #ced4da;
    min-height: 38px;
}
.bootstrap-select .dropdown-toggle:focus {
    outline: none !important;
    box-shadow: none !important;
}
.bootstrap-select .dropdown-menu {
    border: 1px solid #80bdff;
}
.dropdown-item:active, .dropdown-item.selected {
    background-color: #109CF1 !important;
    color: #ffffff;
}
.dropdown-item:focus, .dropdown-item:hover, .dropdown-item.selected:hover {
    color: #ffffff;
    text-decoration: none;
    background-color: #109CF1 !important;
}
.bootstrap-select .dropdown-menu {
    padding-bottom: 0px;
}
.bootstrap-select.show-tick {
    color: #109cf1;
}
.dropdown-menu .selected span.check-mark, .bootstrap-select.show-tick .dropdown-menu .selected:hover span.check-mark, .dropdown-menu .selected.active span.check-mark {
    color: #fff;
}

.bootstrap-select .dropdown-item {
    padding: 0.25rem 0.75rem;
}

.bootstrap-select .dropdown-menu .dropdown-item.fa-icon::after {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    right: 10px;
    color: #a7a7a7;
    transition: all 0.1s;
    position: absolute;
}
.bootstrap-select .dropdown-menu .dropdown-item.fa-icon.descending::after {
    content: "\f160";
}
.bootstrap-select .dropdown-menu .dropdown-item.fa-icon.ascending::after {
    content: "\f884";
}
.bootstrap-select .dropdown-menu .dropdown-item.ascending.selected::after, .bootstrap-select .dropdown-menu .dropdown-item.descending.selected::after {
    right: 35px;
    color: #ffffffa6;
}


.bootstrap-select .dropdown-header {
    font-weight: bold;
    background: #f5f5f5;
}
.bootstrap-select .dropdown-divider {
    border-top: none;
}

.input-group .bootstrap-select.form-control .dropdown-toggle[aria-expanded="true"] {
    border-color: #80bdff;
    color: #000;
}

.bootstrap-select .dropdown-item.selected {
    background: #109CF1;
}

.bootstrap-select.floating-select:not([value=""]) .dropdown-toggle:after {
    display: none;
}


.bubble {
    --r: 1em;
    --t: 1em;
    width: fit-content;
    padding: 0.8em;
    padding-top: 0.4rem;
    border-inline: var(--t) solid #0000;
    border-radius: calc(var(--r) + var(--t)) / var(--r);
    mask: radial-gradient(100% 100% at var(--_p) 0, #0000 99%, #000 102%) var(--_p) 100% / var(--t) var(--t) no-repeat, linear-gradient(#000 0 0) padding-box;
    margin-bottom: 0.5em;
    background: #edebeb;
    color: #000000;
    font-weight: 400;
    font-size: 1rem;
}
.bubble .author {
    font-size: 0.6rem;
    color: #00000094;
}
.bubble.right .author {
    color: #ffffffab;
}
.bubble.left {
    --_p: 0;
    border-bottom-left-radius: 0 0;
    place-self: start;
}
.bubble.right {
    --_p: 100%;
    border-bottom-right-radius: 0 0;
    place-self: end;
    float: right;
    background: #14addb;
    color: #ffffff;
}
.bubble .emoji {
    font-size: 1.7em;
    vertical-align: middle;
}

.bubble.unreaded {
    font-weight: 700;
    background: #00000026;
}

.bubble .thumbnail {
    max-width: 200px;
    max-height: 200px;
}

.bubble .thumbnail.full {
    max-width: 700px;
    max-height: 700px;
}

.badge {
    color: white;
    top: 2px !important;
}

.notification {
    margin-right: 30px;
    display: inline-block;
    margin-top: 5px;
}
.notification .badge {
    font-size: 100%;
    padding: 10px 20px;
    border-radius: 50px;
    font-weight: normal;
    vertical-align: middle;
}
.notification .badge i {
    margin-right: 5px;
}

.notification .dropdown-toggle::after {
    margin-right: -10px;
    vertical-align: middle;
    color: white;
}

.notification .dropdown-menu {
    line-height: normal;
    height: calc(100vh - 100px);
    overflow-y: scroll;
    left: auto;
    right: 0;
    min-width: 300px;
    max-width: 500px;
    box-shadow: 0 0 60px #00000075;
}
.notification .dropdown-menu .dropdown-item {
    white-space: initial !important;
}

td.purple {
    background: #b300ff1a;
    border-bottom: 1px solid #67009326;
}
td.green {
    background: #49cd0538;
    border-bottom: 1px solid #00932626;
}

.notification .bubble {
    margin-bottom: 0;
}

.notification .dropdown-item:focus, .dropdown-item:hover, .dropdown-item.selected:hover {
    color: initial;
    text-decoration: none;
    background-color: #bde6ff !important;
}

.notification .dropdown-item:focus .bubble, .dropdown-item:hover .bubble, .dropdown-item.selected:hover .bubble,
.notification .dropdown-item:focus .bubble .author, .dropdown-item:hover .bubble .author, .dropdown-item.selected:hover .bubble .author{
    background: #dc3545;
    color: white;
    cursor: pointer;
}

.notification .dropdown-menu .group-container {
    padding: 10px;
    border-bottom: 1px solid #dfdfdf;
}
.notification .dropdown-menu .group-title {
    text-align: center;
    display: block;
    font-weight: 600;
    padding-bottom: 5px;
    color: #ce3241;
}

.notification .dropdown-menu .level {
    text-align: center;
    color: #ffffff;
    background: #cb3140;
    padding: 5px 0;
    font-size: 0.8rem;
}


.d-grid {
    display: grid;
    width: fit-content;
    margin: 0 auto;
    min-width: 400px;
    max-width: 700px;
}

.chat-send.container {
    max-width: 600px;
}
.chat-send .chat-input {
    field-sizing: content;
}

.chat-send .btn {
    padding: 7px 15px;
}

.chat-send .form-group {
    align-items: flex-end !important;
}
.chat-send .col-pad {
    padding: 5px;
}
.chat-send .message-container {
    flex: 1 1 auto !important;
}


.form-control:focus {
    box-shadow: none !important;
}

.e-resource-left-td {
	position: relative;
}
.scheduler-search::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #CCC;
}

.e-resource-left-td .show-all-filter::after {
    content: "\f0c9";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    display: inline-block;
    position: absolute;
    right: 9px;
    top: 0px;
    font-size: 16px;
    color: rgb(13 143 222);
}

.e-resource-left-td .show-all-filter {
    position: absolute;
    right: 1px;
    top: 23px;
    width: 25px;
    height: 25px;
	z-index: 10;
	cursor: pointer;
	background: white;
}

.e-resource-left-td .remove-filter::after, .floating-label.active-filter .remove-filter::after {
    content: "\f00d";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    display: inline-block;
    position: absolute;
    right: 7px;
    top: 0px;
    font-size: 16px;
    color: rgb(163 0 0 / 50%);
}

.e-resource-left-td .remove-filter, .floating-label .remove-filter {
    display: none;
    position: absolute;
    right: 1px;
    top: 9px;
    width: 25px;
    height: 25px;
	z-index: 10;
	cursor: pointer;
	background: white;
}



.e-appointment.highlight {
	box-shadow: 0px 0px 5px 4px #ffb100;
}

.e-resource-cells.highlight .e-resource-text {
	background: #ffb100b5;
}

.e-resource-left-td .prev-filter {
    display: none;
    position: absolute;
    right: 5px;
    top: 0px;
    width: 25px;
    height: 20px;
    z-index: 10;
    cursor: pointer;
    background: white;
}

.e-resource-left-td .prev-filter::after {
    content: "\f0d8";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    display: inline-block;
    position: absolute;
    right: 7px;
    top: 0px;
    font-size: 20px;
    color: rgb(130 157 173);
}

.e-resource-left-td .next-filter {
    display: none;
    position: absolute;
    right: 5px;
    top: 28px;
    width: 25px;
    height: 25px;
    z-index: 10;
    cursor: pointer;
    background: white;
    margin-top: 13px;
}

.e-resource-left-td .next-filter::after {
    content: "\f0d7";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    display: inline-block;
    position: absolute;
    right: 7px;
    top: 0px;
    font-size: 20px;
    color: rgb(130 157 173);
}

.e-resource-left-td .remove-filter {
	margin: 15px 3px;
}

.floating-label .form-control:focus {
    box-shadow: none;
}

.floating-label.active-filter .remove-filter {
	display: inline-block;
}

.floating-textarea {
   min-height: 30px;
   max-height: 260px; 
   overflow:hidden;
   overflow-x: hidden; 
}

.recalc.icon {
	cursor: pointer;
	display: inline-block;
    position: absolute;
    right: 6px;
    top: 0px;
}
.recalc::after {
    content: "\f2f1";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; 
    font-size: 16px;
    color: rgb(163 0 0 / 50%);
}

.form-control.recalc {
	padding-right: 17px !important;
}

textarea.form-control.autoheight {
    height: 64px;
}

.has-error .form-control {
    border-color: #f86363 !important;
}

.has-error .chosen-single {
    border-color: #f86363 !important;
}

.chosen-container-single .chosen-single abbr + div {
    display: none;
}

.text-danger {
    color: #dc3545!important;
    margin: 0px!important;
    margin-top: 3px!important;
    margin-bottom: -5px!important;
}

.form-control.ui-autocomplete-input {
	padding-right: 30px;
	text-overflow: ellipsis;
}


body.sidebar .navbar-toggler {
    float: left;
    margin-left: 10px;
    margin-top: 4px;
}

body.sidebar.maxi .navbar-toggler {
	 display: block !important;
}

body.sidebar.maxi .topnav .heading-title {
	padding-left: 50px;
}

body.sidebar .navbar-toggler:focus {
	outline: none;
    box-shadow: 0 0 5px #005dff;
}

body.sidebar.maxi .topnav .navbar-brand {
    width: 300px;
}

body.sidebar.maxi .topnav .top-toolbar {
    width: calc(100% - 300px);
}

body.sidebar.maxi #left-sidebar {
	    display: none !important;
	    box-shadow: 0 0.15rem 2.75rem 0 rgb(31 45 65 / 57%);
	    border-right: 0px;
}
	
body.sidebar.maxi #left-sidebar .left-menu {
    /*height: calc(100vh - 58px);
    overflow: hidden;*/
}

body.sidebar.maxi #left-sidebar.show {
	display: block !important;
}

body.sidebar.maxi .main-content {
        padding-left: 0px;
}
    
body.sidebar.maxi .topnav.fixed-top {
        background: #FFF;
        border-bottom: 1px solid #EBEFF2;
}


.gcd-txt-reset {
    display: none !important;
}
.ol-geocoder .gcd-txt-glass {
    top: 10px !important;
}

.ui-tooltip {
    z-index: 99999;
	padding: 4px 8px;
	font-size: 11px !important;
}


@media (max-width: 768px) {
    .topnav .logo-text {
        display: none !important;
    }
    .topnav .top-toolbar {
        width: calc(100% - 100px);
    }
    .topnav.fixed-top {
        background: #fff;
    }
	#left-sidebar {
	    display: none !important;
	    box-shadow: 0 0.15rem 2.75rem 0 rgb(31 45 65 / 57%);
	    border-right: 0px;
	}
    #left-sidebar.collapsing,
    #left-sidebar.show {
        display: block !important;
    }
    .hidden-xs {
        display: none !important;
    }
    .topnav .navbar-brand {
        width: 100px;
    }
    .left-menu {
        height: calc(100vh - 58px);
        overflow: hidden;
    }
    .text-center-xs {
        text-align: center;
    }
}
@media (min-width: 769px) {
    #main-forms-modal label {
        text-align: right;
    }
    .visible-xs {
        display: none !important;
    }
}

@media (min-width: 1500px) {
    .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1440px;
    }
}