/* body {
	display: flex;
} */
/* border-bottom-color  #dee2e6 */

tbody, td, tfoot, th, thead, tr {
    border-color: #dee2e6;
}

.head_button {
    -webkit-box-shadow: 0 2px 5px 0 rgb(0 0 0 / 6%), 0 2px 10px 0 rgb(0 0 0 / 30%);
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 6%), 0 2px 10px 0 rgb(0 0 0 / 30%);
}

.head_button {
    -webkit-box-shadow: 0 2px 5px 0 rgb(0 0 0 / 6%), 0 2px 10px 0 rgb(0 0 0 / 30%);
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 6%), 0 2px 10px 0 rgb(0 0 0 / 30%);
    background: #00bd7e;
    border-color: #00bd7e !important;
}

.head_button:hover{
    background: #18b17e !important;
}

.dataTables_wrapper .dataTables_filter input {
    border: 1px solid #dee2e6;
    -webkit-box-shadow: 0 2px 5px 0 rgb(0 0 0 / 10%), 0 2px 10px 0 rgb(0 0 0 / 4%);
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 10%), 0 2px 10px 0 rgb(0 0 0 / 4%);
}

button.close.position-absolute {
    background: #ff245e;
    border: 0px;
    color: white;
    font-size: 17px;
    padding: 1px 9px;
    border-radius: 3px 3px 3px 3px;
}

a.btn-sm.btn.btn-info.details-btn {
    -webkit-box-shadow: 0 2px 5px 0 rgb(0 0 0 / 20%), 0 2px 10px 0 rgb(0 0 0 / 5%);
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 20%), 0 2px 10px 0 rgb(0 0 0 / 5%);
    display: inline-block;
    padding: 0px 5px;
    border-radius: 50%;
    background: #0dcaf0;
    border: 0px;
}

a.btn-sm.btn.btn-success.edit-btn {
    -webkit-box-shadow: 0 2px 5px 0 rgb(0 0 0 / 20%), 0 2px 10px 0 rgb(0 0 0 / 5%);
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 20%), 0 2px 10px 0 rgb(0 0 0 / 5%);
    display: inline-block;
    padding: 0px 5px;
    border-radius: 50%;
    background: #00bd7e;
    border: 0px;
}

a.btn-sm.btn.btn-danger.delete-btn {
    -webkit-box-shadow: 0 2px 5px 0 rgb(0 0 0 / 20%), 0 2px 10px 0 rgb(0 0 0 / 5%);
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 20%), 0 2px 10px 0 rgb(0 0 0 / 5%);
    display: inline-block;
    padding: 3px 5px;
    border-radius: 50%;
    background: #dc3545;
    border: 0px;
}

span.btn-sm.btn.btn-success.change_status-btn {
    background: #00bd7e;
    border-color: #00bd7e;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #ffffff !important;
    border: 1px solid #6200ee;
    background-color: white;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #dcdcdc));
    background: -webkit-linear-gradient(top, white 0%, #dcdcdc 100%);
    background: -moz-linear-gradient(top, white 0%, #dcdcdc 100%);
    background: -ms-linear-gradient(top, white 0%, #dcdcdc 100%);
    background: -o-linear-gradient(top, white 0%, #dcdcdc 100%);
    background: linear-gradient(to bottom, #6200ee 0%, #6200ee 100%);
    box-shadow: 0px 3px 1px -2px rgb(0 0 0 / 20%), 0px 2px 2px 0px rgb(0 0 0 / 14%), 0px 1px 5px 0px rgb(0 0 0 / 12%);
}

tr.even {
    box-shadow: 0px 0px 9px rgb(0 0 0 / 6%);
}

tr.odd {
    box-shadow: 0px 0px 9px rgb(0 0 0 / 6%);
}

#main {
	padding: 1rem;
}

.attach_object_fit_contain { 
	object-fit: contain; 
}
	
.attach_image img { 
	height: 30px; 
	background-color: #fff; 
	width: 37px;
}
	
.attach_image { 
	width: 55px; 
}

.attach_image #close {
    float:right;
    display:inline-block;
    padding:9px 6px;    
}

.show_cursor{
	cursor: pointer !important;
}

.table_text_truncate td { 
	max-width: 340px; 
	min-width: 40px; 
	overflow: hidden; 
	text-overflow: ellipsis; 
	white-space: nowrap; 
}

.white_color {
	color: #ffffff !important;
}

.has-error .form-control {
    border: 1px solid #ff5c75;
}

.form-group.has-error .help-block {
    color: #ff5c75;
}

.form-group .help-block {
    color: #ff5c75;
}

.required {
    color: #ff0000;
}

.custom_modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    outline: 0;
	background-color: rgba(0, 0, 0, 0.4);
	overflow-y: scroll;
	animation-name: fade;
    animation-duration: 1s;
}

.custom_modal_close {
	cursor: pointer;
}
	
.onoffswitch {
	position: relative; 
	width: 67px;
	-webkit-user-select:none; 
	-moz-user-select:none; 
	-ms-user-select: none;
}
.onoffswitch-checkbox {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

.onoffswitch-label {
	display: block; 
	overflow: hidden; 
	cursor: pointer;
	border: 2px solid #fff; 
	border-radius: 20px;
}

.onoffswitch-inner {
	display: block; 
	width: 200%; 
	margin-left: -100%;
	transition: margin 0.3s ease-in 0s;
}

.onoffswitch-inner:before, .onoffswitch-inner:after {
	display: block; 
	float: left; 
	width: 50%; 
	height: 24px; 
	padding: 0; 
	line-height: 24px;
	font-size: 11px; 
	color: white; 
	font-family: Trebuchet, Arial, sans-serif; 
	font-weight: bold;
	box-sizing: border-box;
}

.onoffswitch-inner:before {
	content: "ON";
	padding-left: 10px;
	background-color: #399AF2; 
	color: #FFFFFF;
}

.onoffswitch-inner:after {
	content: "OFF";
	padding-right: 10px;
	background-color: #ff5c75; color: #FFFFFF;
	text-align: right;
}

.onoffswitch-switch {
	display: block; 
	width: 18px; 
	margin: 5px;
	background: #FFFFFF;
	position: absolute; 
	top: 0; 
	bottom: 0;
	right: 39px;
	border: 2px solid #fff; 
	border-radius: 20px;
	transition: all 0.3s ease-in 0s; 
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
	margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
	right: 0px; 
}

.custom_tooltip {
	position: relative;
	display: inline-block;
}

.custom_tooltip .tooltiptext {
	visibility: hidden;
	width: 170px;
	background-color: black;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 7px 7px;
	position: absolute;
	z-index: 1;
	bottom: 150%;
	left: 50%;
	margin-left: -86px;
	font-weight: 500 !important;
	font-family: 'Poppins', sans-serif !important;
    font-size: 14px !important;
	line-height: 1.3 !important;
}

.custom_tooltip .tooltiptext::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: black transparent transparent transparent;
}

.custom_tooltip:hover .tooltiptext {
	visibility: visible;
}

.label {
    padding: .2em .6em .3em;
    font-size: 85%;
    white-space: nowrap;
    border-radius: .25em;
    line-height: 2.2;
} 

.label-info {
	background-color: #5bc0de !important;
}

.pulse_pending {
	box-shadow: 0 0 0 rgba(204,169,44, 0.4);
	animation: pulse_pending 2s infinite;
}
.pulse_pending:hover {
	animation: none;
}

@keyframes pulse_pending {
	0% {
		-moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
		box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
	}
	70% {
		-moz-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
		box-shadow: 0 0 0 10px rgb(255, 92, 117,0.4)
	}
	100% {
		-moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
		box-shadow: 0 0 0 0 rgba(204,169,44, 0);
	}
}

.date-picker-widget {
	position: relative
}

.date-picker-widget input {
	box-shadow: 0 3px 20px 0 rgba(18, 106, 211, .1);
	border-color: transparent!important;
	background-color: #fff;
	border-radius: 30px;
	width: auto;
	text-indent: 10px;
	color: #788db4;
	font-weight: 400;
	padding: 8px 20px 8px 12px
}

.date-picker-widget input:focus {
	color: #788db4;
	font-weight: 400
}

.date-picker-widget i.cal-icon {
	position: absolute;
	right: 17px;
	color: #788db4;
	font-size: 1.1875rem;
	top: 8px
}

.date-picker-widget:hover {
	cursor: pointer
}

.datepicker td,
.datepicker th {
	font-weight: 400;
	font-size: 14px;
	color: #617182
}

.datepicker table tr td.new,
.datepicker table tr td.old,
.daterangepicker td.off,
.daterangepicker td.off.end-date,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date {
	color: #CCD9E9
}

.datepicker-dropdown {
	margin: .5rem 0 0;
	border: none;
	box-shadow: 0 4px 14px rgba(174, 197, 231, .5);
	font-size: .875rem
}

.datepicker-dropdown:before {
	border-bottom-color: #fff
}

.datepicker td,
.datepicker th {
	width: 25px;
	height: 25px;
	text-align: center;
	border-radius: 4px;
	border: none
}

.datepicker-inline,
.note-editor.note-frame {
	border: 1px solid #f0f6ff
}

.datepicker,
.datetimepicker {
	z-index: 12000;
	/* width: 260px; */
	padding: 10px
}

.datepicker table,
.datetimepicker table,
.dt-cont {
	width: 100%
}

.dt-cont {
	position: relative;
	height: 400px;
	margin: 0;
	padding: 0;
	border: 1px solid #ccc
}

.datepicker table tr td.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover,
.datetimepicker table tr td span.active.active,
.datetimepicker table tr td span.active.disabled.active,
.datetimepicker table tr td span.active.disabled:active,
.datetimepicker table tr td span.active.disabled:hover.active,
.datetimepicker table tr td span.active.disabled:hover:active,
.datetimepicker table tr td span.active:active,
.datetimepicker table tr td span.active:hover.active,
.datetimepicker table tr td span.active:hover:active,
.datetimepicker table tr td.active,
.datetimepicker table tr td.active.disabled,
.datetimepicker table tr td.active.disabled:hover,
.datetimepicker table tr td.active:hover {
	background-image: none;
	text-shadow: none
}

.datepicker .datepicker-switch:hover,
.datepicker .next:hover,
.datepicker .prev:hover,
.datepicker table tr td.day.focused,
.datepicker table tr td.day:hover,
.datepicker tfoot tr th:hover,
.datetimepicker table tr td span:hover,
.datetimepicker table tr td.day:hover,
.datetimepicker tfoot tr:first-child th:hover,
.datetimepicker thead tr:first-child th:hover {
	background: #f0f6ff
}

.datepicker table tr td.day.focused {
	background: #eeeeee;
	cursor: pointer;
}

.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
	background-color: #fde19a;
	color: #000;
}

.datepicker table tr td.today:hover:hover {
	color: #000;
}

.datepicker table tr td.today.active:hover {
	color: #fff;
}

.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
	color: #fff;
}

.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled] {
	background-color: #0044cc;
}

.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled] {
	background-color: #0044cc;
	color: #ffffff;
}

.datepicker table tr td span {
    display: block;
    width: 23%;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 1%;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.bootstrap-tagsinput input {
	width: 40% !important;
}
/* .input-group>.form-control:focus, .input-group>.form-select:focus {
    z-index: 0;
} */


code {
  background-color: #f7f8fa;
  padding: 0.15rem 0.25rem;
  border-radius: 4px; }

.dropdown-menu {
  border: 0 !important;
  margin: 0;
  border-radius: 0;
  min-width: 14rem
  -webkit-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
  box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
  /*padding: 1rem 0;*/
  border-radius: 4px;
  left: 0/*rtl:ignore*/;
  /*rtl:raw:
    right: auto;
    */ }
  .dropdown-menu.dropdown-menu-fit {
    padding: 0; }
  .dropdown-menu.dropdown-menu-fit-bottom {
    padding-bottom: 0; }
  .dropdown-menu.dropdown-menu-fit-top {
    padding-top: 0; }
  .dropdown-menu.dropdown-menu-fit:not(.dropdown-menu-top-unround) > div:first-of-type {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px; }
  .dropdown-menu.dropdown-menu-fit:not(.dropdown-menu-top-unround) form {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px; }
  .dropdown-menu.dropdown-menu-top-unround {
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
  .dropdown-menu:before, .dropdown-menu:after {
    display: none !important; }
  .dropdown-menu > li > a,
  .dropdown-menu > .dropdown-item {
    outline: none !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 0.7rem 1.2rem; }
    .dropdown-menu > li > a [class^="la-"],
    .dropdown-menu > li > a [class*=" la-"],
    .dropdown-menu > .dropdown-item [class^="la-"],
    .dropdown-menu > .dropdown-item [class*=" la-"] {
      font-size: 1.4rem; }
    .dropdown-menu > li > a [class^="fa-"],
    .dropdown-menu > li > a [class*=" fa-"],
    .dropdown-menu > .dropdown-item [class^="fa-"],
    .dropdown-menu > .dropdown-item [class*=" fa-"] {
      /*font-size: 1.4rem;*/ }
    .dropdown-menu > li > a [class^="flaticon-"],
    .dropdown-menu > li > a [class*=" flaticon-"],
    .dropdown-menu > li > a [class^="flaticon2-"],
    .dropdown-menu > li > a [class*=" flaticon2-"],
    .dropdown-menu > .dropdown-item [class^="flaticon-"],
    .dropdown-menu > .dropdown-item [class*=" flaticon-"],
    .dropdown-menu > .dropdown-item [class^="flaticon2-"],
    .dropdown-menu > .dropdown-item [class*=" flaticon2-"] {
      font-size: 1.3rem; }
    .dropdown-menu > li > a > i,
    .dropdown-menu > .dropdown-item > i {
      margin-right: 0.75rem;
      color: #74788d; }
      .dropdown-menu > li > a > i:before,
      .dropdown-menu > .dropdown-item > i:before {
        line-height: 0;
        vertical-align: middle; }
  .dropdown-menu .dropdown-divider {
    border-top: 1px solid #ebedf2; }
  .dropdown-menu .dropdown-menu:not(.daterangepicker) {
    /*rtl:raw:
        left: auto !important;
        */ }
  .dropdown-menu.dropdown-menu-xs {
    width: 160px; }
  .dropdown-menu.dropdown-menu-sm {
    width: 240px; }
  .dropdown-menu.dropdown-menu-md {
    width: 260px; }
  .dropdown-menu.dropdown-menu-lg {
    width: 320px; }
  .dropdown-menu.dropdown-menu-xl {
    width: 380px; }
  .dropdown-menu.dropdown-menu-anim {
    -webkit-animation: dropdown-menu-fade-in .3s ease 1, dropdown-menu-move-up .3s ease-out 1;
    animation: dropdown-menu-fade-in .3s ease 1, dropdown-menu-move-up .3s ease-out 1; }
  .dropup .dropdown-menu.dropdown-menu-anim,
  .dropdown-menu .dropdown-menu-anim-down.dropdown-menu-anim {
    -webkit-animation: dropdown-menu-fade-in .3s ease 1, dropdown-menu-move-down .3s ease-out 1;
    animation: dropdown-menu-fade-in .3s ease 1, dropdown-menu-move-down .3s ease-out 1; }
  @media (max-width: 768px) {
    .dropdown-menu.dropdown-menu-xl, .dropdown-menu.dropdown-menu-lg, .dropdown-menu.dropdown-menu-md {
      width: 300px; } }

.nav-link.dropdown-toggle:after,
.btn.dropdown-toggle:after {
  text-align: center;
  display: inline;
  border: 0;
  font-size: 0.6rem;
  line-height: 0;
  vertical-align: middle;
  position: relative;
  margin-left: 0.5rem/*rtl:ignore*/;
  opacity: 0.7;
  font-family: Flaticon2;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  content: ""; }

.nav-link.dropdown-toggle.dropdown-toggle-split:after,
.btn.dropdown-toggle.dropdown-toggle-split:after {
  right: 1px; }

.dropdown.dropdown-inline {
  display: inline-block; }

.dropup .nav-link.dropdown-toggle:after,
.dropup .btn.dropdown-toggle:after {
  font-family: Flaticon2;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  content: ""; }

.btn-group.dropright .nav-link.dropdown-toggle:before,
.btn-group.dropright .btn.dropdown-toggle:before {
  display: none; }

.btn-group.dropright .nav-link.dropdown-toggle:after,
.btn-group.dropright .btn.dropdown-toggle:after {
  font-family: Flaticon2;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  content: ""; }

.btn-group.dropleft .nav-link.dropdown-toggle:before,
.btn-group.dropleft .btn.dropdown-toggle:before {
  display: none; }

.btn-group.dropleft .nav-link.dropdown-toggle:after,
.btn-group.dropleft .btn.dropdown-toggle:after {
  font-family: Flaticon2;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  content: ""; }

@-webkit-keyframes dropdown-menu-fade-in {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes dropdown-menu-fade-in {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-webkit-keyframes dropdown-menu-move-down {
  from {
    margin-top: -10px; }
  to {
    margin-top: 0; } }

@keyframes dropdown-menu-move-down {
  from {
    margin-top: -10px; }
  to {
    margin-top: 0; } }

@-webkit-keyframes dropdown-menu-move-up {
  from {
    margin-top: 10px; }
  to {
    margin-top: 0; } }

@keyframes dropdown-menu-move-up {
  from {
    margin-top: 10px; }
  to {
    margin-top: 0; } }

 

noUi-target.nouislider.nouislider-connect-danger .noUi-connect {
  background: #de4b4b; }

.noUi-target.nouislider.nouislider-handle-danger .noUi-handle {
  border: 0;
  background: #de4b4b;
  -webkit-box-shadow: 0 3px 6px -3px #de4b4b;
  box-shadow: 0 3px 6px -3px #de4b4b; }

.noUi-target {
  border: 1px solid #e2e5ec;
  background: #f7f8fa;
  -webkit-box-shadow: none;
  box-shadow: none; }
  .noUi-target .noUi-connect {
    background: #22b9ff; }
  .noUi-target .noUi-handle {
    border: 1px solid #f7f8fa;
    -webkit-box-shadow: 0 3px 6px -3px rgba(0, 0, 0, 0.7);
    box-shadow: 0 3px 6px -3px rgba(0, 0, 0, 0.7); }

.note-popover {
  display: none; }

.note-editor {
  position: static;
  border-radius: 4px; }
  .note-editor .note-toolbar {
    position: static; }
 
  .note-editor .panel-heading.note-toolbar {
    padding: 5px 10px 10px 10px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px; }
    .note-editor .panel-heading.note-toolbar .btn {
      outline: none !important; }
    .note-editor .panel-heading.note-toolbar .dropdown-menu {
      min-width: 185px; }
    .note-editor .panel-heading.note-toolbar .note-color .dropdown-menu {
      min-width: 350px;
      padding: 10px; }
      .note-editor .panel-heading.note-toolbar .note-color .dropdown-menu > li {
        display: table;
        table-layout: fixed; }
        .note-editor .panel-heading.note-toolbar .note-color .dropdown-menu > li > .btn-group {
          display: table-cell !important; }
          .note-editor .panel-heading.note-toolbar .note-color .dropdown-menu > li > .btn-group:first-child {
            padding-right: 10px; }
          .note-editor .panel-heading.note-toolbar .note-color .dropdown-menu > li > .btn-group .note-color-reset {
            margin: 5px 0 10px 0; }
          .note-editor .panel-heading.note-toolbar .note-color .dropdown-menu > li > .btn-group .note-palette-title {
            margin: 5px 0;
            text-align: left;
            border: 0; }
  .note-editor .dropdown-toggle::after {
    display: none; }

.note-editor.note-frame {
  border: 1px solid #e2e5ec; }
  .note-editor.note-frame .panel-heading.note-toolbar {
    background: #f7f8fa; }
  .note-editor.note-frame .note-statusbar {
    background: #f7f8fa; }

.note-editor .note-toolbar .note-btn-group .btn {
  background: white;
  border: 1px solid #ebedf2; }
  .note-editor .note-toolbar .note-btn-group .btn i {
    vertical-align: initial;
    line-height: initial;
    padding-right: 0;
    color: #74788d; }
  .note-editor .note-toolbar .note-btn-group .btn:hover, .note-editor .note-toolbar .note-btn-group .btn:focus, .note-editor .note-toolbar .note-btn-group .btn:active, .note-editor .note-toolbar .note-btn-group .btn.active {
    background: transparent;
    color: #595d6e; }

.note-editable .table.table-bordered th, .note-editable .table.table-bordered td {
  border: 1px solid #e2e5ec; }

.is-valid .note-editor {
  border-color: #30c573; }

.is-invalid .note-editor {
  border-color: #de4b4b; }
  .mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}
.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1053;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}
.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}
.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}
button.mfp-close, button.mfp-arrow {
  background: #ffffff;
  border: 0;
  display: block;
}
.mfp-close {
  height: 30px;
  top: 0;
  font-size: 40px;
  color:#616060!important;
  line-height: 0;
}
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: #fff;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}
.mfp-counter {
  position: absolute;
  right: 5px;
  color: #ccc;
}
.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent;
}
.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before, .mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}
.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid #000;
  margin-left: 31px;
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: none !important;
} 
.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid #000;
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: none !important;
}
.mfp-bottom-bar {
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
  background: #ffffff;
  height: 25px;
}
.mfp-title {
    text-align: left;
    line-height: 25px;
    word-wrap: break-word;
    padding-left: 10px;
    font-size: 12px;
  float: left;
}

.eyelashes {
    width: 25px;
    height: 25px;
    content: url(../../assets/icons/eyelashes.png);
    display: ;
    background: #7d7878;
    border-radius: 50px;
    padding-bottom: -10px;
    margin-bottom: -8px;
    font-size: 15px;
    padding: 2px;
  }
  .facial {
    width: 25px;
    height: 25px;
    content: url(../../assets/icons/facial.png);
    display: ;
    background: #7d7878;
    border-radius: 50px;
    padding-bottom: -10px;
    margin-bottom: -8px;
    font-size: 15px;
    padding: 2px;
  }
  .hair-coloring {
    width: 25px;
    height: 25px;
    content: url(../../assets/icons/hair-coloring.png);
    display: ;
    background: #7d7878;
    border-radius: 50px;
    padding-bottom: -10px;
    margin-bottom: -8px;
    font-size: 15px;
    padding: 2px;
  }
.hair-cut {
    width: 25px;
    height: 25px;
    content: url(../../assets/icons/hair-cut.png);
    display: ;
    background: #7d7878;
    border-radius: 50px;
    padding-bottom: -10px;
    margin-bottom: -8px;
    font-size: 15px;
    padding: 2px;
  }
  .hair-spa {
    width: 25px;
    height: 25px;
    content: url(../../assets/icons/hair-spa.png);
    display: ;
    background: #7d7878;
    border-radius: 50px;
    padding-bottom: -10px;
    margin-bottom: -8px;
    font-size: 15px;
    padding: 2px;
  }
  .hair-style {
    width: 25px;
    height: 25px;
    content: url(../../assets/icons/hair-style.png);
    display: ;
    background: #7d7878;
    border-radius: 50px;
    padding-bottom: -10px;
    margin-bottom: -8px;
    font-size: 15px;
    padding: 2px;
  }

.pizza-icon {   
    content: url(../../assets/icons/pizza-icon.png);       
}
.juice-icon {
    content: url(../../assets/icons/juice-icon.png);  
}
.chocolate-icon {
    content: url(../../assets/icons/chocolate-icon.png);  
}
.salad-icon {    
    content: url(../../assets/icons/salad-icon.png); 
}
.burger-icon {    
    content: url(../../assets/icons/burger-icon.png); 
}
.cup-cake-icon {   
    content: url(../../assets/icons/cup-cake-icon.png); 
}
.desserts-icon {    
    content: url(../../assets/icons/desserts-icon.png); 
}
.pasta-icon {   
    content: url(../../assets/icons/pasta-icon.png); 
  }
.fruit-icon {   
    content: url(../../assets/icons/fruit-icon.png);  
  }
 .vegetable-icon {    
    content: url(../../assets/icons/vegetable-icon.png); 
  }
 .snacks-icon {    
    content: url(../../assets/icons/snacks-icon.png); 
  }
.packet-food-icon {
    content: url(../../assets/icons/packet-food-icon.png); 
  }
.nuts-icon {   
    content: url(../../assets/icons/nuts-icon.png); 
  }
.nuts-icon {    
    content: url(../../assets/icons/nuts-icon.png); 
  }


  .fruit-vegetables-icon {    
    content: url(../../assets/icons/fruit-vegetables-icon.svg); 
  }
  .bulb-vegetables-icon {    
    content: url(../../assets/icons/bulb-vegetables-icon.svg); 
  }
  .stem-and-seed-vegetables-icon {   
    content: url(../../assets/icons/stem-and-seed-vegetables-icon.svg); 
  }
   .flower-and-fungi-vegetables-icon {    
    content: url(../../assets/icons/flower-and-fungi-vegetables-icon.svg);
  }
  .leafy-vegetables-icon {    
    content: url(../../assets/icons/leafy-vegetables-icon.svg);  
  }
  .root-and-tuber-vegetables-icon {   
    content: url(../../assets/icons/root-and-tuber-vegetables-icon.svg); 
  }
  
  .custom-icon{
    width: 25px;
    height: 25px;        
    border-radius: 50px;
    /*padding-bottom: -10px;*/
    margin-bottom: -8px;
    font-size: 15px;
    padding: 2px;
  }
  .Auto-Flower-Seeds{
     content: url(../../assets/icons/Auto-Flower-Seeds.png); 
  }
  .Cannabis{
    content: url(../../assets/icons/Cannabis.png); 
  }
  .CBC-Medical-Cannabis-Seeds{
    content: url(../../assets/icons/CBC-Medical-Cannabis-Seeds.png); 
  }
  .Feminized-Seeds{
    content: url(../../assets/icons/Feminized-Seeds.png); 
  }
  .High-THC-Seeds{
    content: url(../../assets/icons/High-THC-Seeds.png); 
  }