/* latin-ext */
@font-face {
	font-family: 'Righteous';
	font-style: normal;
	font-weight: 400;
	src: local('Righteous'), local('Righteous-Regular'), url(../fonts/Righteous-Regular.ttf) format('truetype');
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
	font-family: 'Righteous';
	font-style: normal;
	font-weight: 400;
	src: local('Righteous'), local('Righteous-Regular'), url(../fonts/Righteous-Regular.ttf) format('truetype');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215;
}

body {
	color: #525252;
	background: #b76679 url(../img/devoops_pattern_b10.png) 0 0 repeat;
}

a {
	outline: none !important;
}

.body-expanded,
.modal-open {
	margin-right: 0px !important;
}

.body-expanded .expanded-panel,
.fancybox-margin .expanded-panel,
.modal-open .expanded-panel {
	margin-right: 15px;
}

.body-screensaver {
	overflow: hidden;
}

h1,
.h1,
h2,
.h2,
h3,
.h3 {
	margin: 0;
}

textarea {
	resize: vertical;
}

#logo {
	position: relative;
	/*background: #525252 url(../img/devoops_pattern_b10.png) 0 0 repeat;*/
}

#logo a {
	color: #fff;
	font-family: Inter,sans-serif;
	display: block;
	font-size: 16px;
	line-height: 50px;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	text-transform: uppercase;
}

#logo a:hover {
	background-position: right 25px;
	text-decoration: none;
}

.navbar {
	margin: 0;
	border: 0;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	/* box-shadow: 0 1px 2px #272727;*/
	z-index: 2000;
}

.body-expanded .navbar {
	z-index: 9;
}

a.show-sidebar {
	float: left;
	padding: 10px 5px;
	outline: none;
	color:#000;
	font-size: 22px;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}

a.show-sidebar:hover {
	color: #000;
}

#sidebar-left {
	position: relative;
	z-index: inherit;
	padding-bottom: 3000px !important;
	margin-bottom: -3000px !important;
	/*background: #6AA6D6 url(../img/devoops_pattern_b10.png) 0 0 repeat;*/
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}

#content {
	position: relative;
	z-index: 6;
	background: #fff;
	/*box-shadow: 0 0 6px #131313;*/
	border: 0px solid #dedede;
	padding-top: 20px;
	padding-bottom: 3000px !important;
	margin-bottom: -2980px !important;
	overflow: hidden;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}

.full-content {
	overflow: hidden;
	padding: 0;
	margin: 0;
}

.nav.main-menu,
.nav.msg-menu {
	margin: 0 -15px;
}

.nav.main-menu>li>a,
.nav.msg-menu>li>a {
	text-align: center;
	color: #f0f0f0;
	outline: none;
	min-height: 40px;
	text-overflow: ellipsis;
	overflow: hidden;
	padding: 14px 5px 10px 0px;
	white-space: nowrap;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}

.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus {
	background: rgba(0, 0, 0, 0.1);
}

.nav.main-menu>li>a:hover,
.nav.main-menu>li>a:focus,
.nav.main-menu>li.active>a,
.nav.main-menu .open>a,
.nav.main-menu .open>a:hover,
.nav.main-menu .open>a:focus,
.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover,
.dropdown-menu>li.active>a,
.nav.msg-menu>li>a:hover,
.nav.msg-menu>li>a:focus,
.nav.msg-menu>li.active>a,
.nav.msg-menu .open>a,
.nav.msg-menu .open>a:hover,
.nav.msg-menu .open>a:focus {
	background: rgba(0, 0, 0, 0.0);
	color: #f0f0f0;
}

.nav.main-menu a.active,
.nav.msg-menu a.active {
	background: unset!important;
}

.nav.main-menu a.active:hover,
.nav.msg-menu a.active:hover {
	background: rgba(0, 0, 0, 0.0);
}

.nav.main-menu a.active-parent,
.nav.msg-menu a.active-parent {
	background: rgba(255, 255, 255, 0.3);
	color: #006afb;
	overflow: hidden;
	text-overflow: ellipsis;
}

.nav.main-menu a.active-parent:hover,
.nav.msg-menu a.active-parent:hover {
	background: rgba(0, 0, 0, 0.0);
}

.nav.main-menu>li>a>i,
.nav.msg-menu>li>a>i {
	font-size: 18px;
	width: auto;
	display: block;
	text-align: center;
	vertical-align: middle;
}

.main-menu .dropdown-menu {
	position: absolute;
	z-index: 2001;
	left: 100%;
	top: 0;
	float: none;
	margin: 0;
	border: 0;
	-webkit-border-radius: 0 4px 4px 0;
	-moz-border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0;
	padding: 0;
	background: #f5f5f5;
	box-shadow: 1px ​1px 4px -1px #999;
	visibility: hidden;
}

.main-menu .active-parent:hover+.dropdown-menu {
	visibility: visible;
}

.main-menu .active-parent+.dropdown-menu:hover {
	visibility: visible;
}

.main-menu .dropdown-menu>li>a {
	padding: 9px 15px 9px 40px;
	color: #f0f0f0;
}

.main-menu .dropdown-menu>li:first-child>a {
	-webkit-border-radius: 0 4px 0 0;
	-moz-border-radius: 0 4px 0 0;
	border-radius: 0 4px 0 0;
}

.main-menu .dropdown-menu>li:last-child>a {
	-webkit-border-radius: 0 0 4px 0;
	-moz-border-radius: 0 0 4px 0;
	border-radius: 0 0 4px 0;
}

.container-fluid {
	box-shadow: 3px 2px 12px 4px #0000000d;
}

#top-panel {
	/*line-height: 50px;*/
	height: 50px;
	background: #fff;
}

#main {
	margin-top: 50px;
	min-height: 800px;
	overflow: hidden;
}

#search {
	position: relative;
	margin-left: 35px;
	padding: 10px 0;
}

#search>input {
	width: 80%;
	background: #dfdfdf;
	border: 1px solid #C7C7C7;
	text-shadow: 0 1px 1px #EEE;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #686868;
	line-height: 1em;
	height: 30px;
	padding: 0 35px 0 10px;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}

#search>input+i {
	opacity: 0;
	position: absolute;
	top: 18px;
	right: 10px;
	color: #fff;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}

#search>input:focus {
	width: 100%;
	outline: none;
}

#search>input:focus+i {
	opacity: 1;
}

.panel-menu {
	margin: 0;
}

.top-panel-right {
	padding-left: 0;
}

.panel-menu>li>a {
	padding: 0 5px 0 10px;
	line-height: 50px;
}

.panel-menu>li>a:hover {
	background: none;
}

.panel-menu a.account {
	height: 50px;
	padding: 5px 0 5px 10px;
	line-height: 18px;
}

.panel-menu i {
	margin-top: 8px;
	padding: 5px;
	font-size: 20px;
	color: #006afb;
	line-height: 1em;
	vertical-align: top;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}

.panel-menu>li>a:hover>i {
	background: #f5f5f5;
}

.panel-menu i.pull-right {
	color: #fff;
	border: 0;
	box-shadow: none;
	font-size: 16px;
	background: none !important;
}

.panel-menu .badge {
	margin-top: 3px;
	padding: 3px 6px;
	vertical-align: top;
	background: #CEA9A9;
}

.avatar {
	width: 40px;
	float: left;
	margin-right: -4px;
}

.avatar>img {
	width: 40px;
	height: 40px;
	border: 1px solid #F8F8F8;
}
.user-mini>span {
    display: flex;
    font-size: 12px;
    color: #36373a;
    margin-bottom: -4px;
    padding: 3px;
    font-family: Roboto,Sans-serif!important;
    text-decoration: none;
    /* font-weight: 100 !important; */
}

.user-mini>span.welcome {
	font-weight: bold;
	margin-top: 2px;
	padding-right:54px;
}

.panel-menu .dropdown-menu>li>a {
	padding: 11px 10px !important;
	color: #36373a;
}

.panel-menu .dropdown-menu>li>a:hover {
	color: #006afb;
}

.panel-menu .dropdown-menu>li>a>i {
	border: 0;
	padding: 0;
	margin: 0;
	font-size: 14px;
	width: 20px;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
}

.well {
	padding: 15px;
}

.box {
	display: block;
	z-index: 1999;
	position: relative;
	border: 0px solid #f8f8f8;
	box-shadow: 3px 2px 12px 4px #0000000d;
	background: transparent;
	margin-bottom: 20px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.full-content .box {
	border: 0;
	margin-bottom: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.box-header {
	-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
	color: #363636;
	font-size: 16px;
	position: relative;
	overflow: hidden;
	background: #fff;
	border-bottom: 1px solid #E4E4E4;
	height: 50px;
	padding: 10px;
}

.box-name,
.modal-header-name {
	padding-left: 15px;
	line-height: 30px;
}
.modal-header-name {
	display: flex;
	height: 100%;
	align-items: center !important;
}

.box-name:hover {
	cursor: move;
}

.box-name span.meta,
.modal-header-name span.meta {
	font-style: italic;
	font-size: 11px;
	margin: 0 10px;
}

.box-name>i {
	margin-right: 5px;
}

.box-icons {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 9;
}

.box .box-header .box-icons {
	/*display: none;*/
}

.no-move {
	display: none;
}

.expanded .no-move {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: block;
}

.box-content {
	position: relative;
	-webkit-border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	border-radius: 5px;
	padding: 25px;
	background: #fff;
	box-shadow: 3px 2px 12px 4px #0000000d;
}

.box-content.dropbox,
.box-content.sortablebox {
	overflow: hidden;
}

.full-content .box-content {
	height: 100%;
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
}

.box-icons a {
    cursor: pointer;
    text-decoration: none!important;
    border-left: 1px solid #fafafa;
    line-height: 10px;
    display: block;
    float: left;
    text-align: center;
    color: #e51646!important;
    transition: .3s;
    border-radius: 5px;
    margin: 7px;
    border: 1px solid #d4d4d4;
}

.box-icons a.beauty-table-to-json {
	width: auto;
	padding: 0 10px;
	font-size: 14px;
}

.box-icons a:hover {
	box-shadow: inset 0 0 1px 0 #CECECE;
}

.expanded a.close-link {
	display: none;
}

#sidebar-left.col-xs-2 {
	opacity: 0;
	width: 0%;
	padding: 0;
}

.sidebar-show #sidebar-left.col-xs-2 {
	opacity: 1;
	width: 16.666666666666664%;
	padding: 0 15px;
}

.sidebar-show #content.col-xs-12 {
	opacity: 1;
	width: 83.33333333333334%;
}

.expanded {
	overflow-y: scroll;
	border: 0;
	z-index: 3000 !important;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	padding: 0px;
	background: rgba(0, 0, 0, 0.2);
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}

.expanded-padding {
	background: rgba(0, 0, 0, 0.7);
	padding: 50px;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}

.no-padding {
	padding: 0 !important;
}

.no-padding-top {
	padding-top: 0 !important;
}

.no-padding-right {
	padding-right: 0 !important;
}

.no-padding-bottom {
	padding-bottom: 0 !important;
}

.no-padding-left {
	padding-left: 0 !important;
}

.no-margin {
	margin: 0 !important;
}

.padding-15 {
	padding: 15px !important;
}

.no-padding .table-bordered {
	border: 0;
	margin: 0;
}

.no-padding .table-bordered thead tr th:first-child,
.no-padding .table-bordered tbody tr th:first-child,
.no-padding .table-bordered tfoot tr th:first-child,
.no-padding .table-bordered thead tr td:first-child,
.no-padding .table-bordered tbody tr td:first-child,
.no-padding .table-bordered tfoot tr td:first-child {
	border-left: 0px !important;
}

.no-padding .table-bordered thead tr th:last-child,
.no-padding .table-bordered tbody tr th:last-child,
.no-padding .table-bordered tfoot tr th:last-child,
.no-padding .table-bordered thead tr td:last-child,
.no-padding .table-bordered tbody tr td:last-child,
.no-padding .table-bordered tfoot tr td:last-child {
	border-right: 0px !important;
}

.table-heading thead tr {
	background-color: #f0f0f0;
	background-image: -webkit-linear-gradient(top, #f0f0f0, #dfdfdf);
	background-image: -moz-linear-gradient(top, #f0f0f0, #dfdfdf);
	background-image: -ms-linear-gradient(top, #f0f0f0, #dfdfdf);
	background-image: -o-linear-gradient(top, #f0f0f0, #dfdfdf);
	background-image: linear-gradient(to bottom, #f0f0f0, #dfdfdf);
}

table.no-border-bottom tr:last-child td {
	border-bottom: 0;
}

.dataTables_wrapper {
	overflow: hidden;
}

/*.dataTables_wrapper table.table {
	clear: both;
	max-width: inherit;
	margin-bottom: 0;
}*/

.table-datatable *,
.table-datatable :after,
.table-datatable :before {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	-moz-box-sizing: content-box;
}

.table-datatable label {
	position: relative;
	display: block;
	font-weight: 400;
}

.table-datatable tbody tr.dt-rowReorder-moving {
	box-shadow: inset 0 0 2px 1px #777;
}

.table-datatable thead th {
	font-size: 14px;
	text-align: left !important;
}

.table-datatable tbody td {
	text-align:left !important;
	border-width:0 !important;
}

.table-datatable img {
	/*margin-right: 10px;*/
	border: 1px solid #F8F8F8;
	/*width: 40px;*/
}

.table-datatable .sorting {
	background: url(../img/sort.png) right center no-repeat;
	padding-right: 16px !important;
	cursor: pointer;
}

.table-datatable .sorting_asc {
	background: url(../img/sort-asc.png) right center no-repeat;
	padding-right: 16px !important;
	cursor: pointer;
}

.table-datatable .sorting_desc {
	background: url(../img/sort-desc.png) right center no-repeat;
	padding-right: 16px !important;
	cursor: pointer;
}

.table-datatable td.dataTables_empty {
	text-align: center;
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before,
table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before {
	top: -3px !important;
	left: 0px !important;
	height: 12px !important;
	width: 12px !important;
}

div.DTTT_collection_background {
	z-index: 2002;
}

div.DTTT .btn {
	color: #333 !important;
	font-size: 12px;
}

ul.DTTT_dropdown.dropdown-menu {
	z-index: 2003;
	background: rgba(0, 0, 0, 0.7) !important;
	padding: 0;
	border: 0;
	margin: 0;
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
	min-width: 157px;
}

ul.DTTT_dropdown.dropdown-menu li {
	position: relative;
}

ul.DTTT_dropdown.dropdown-menu>li>a {
	position: relative;
	display: block;
	padding: 5px 10px !important;
	color: #f0f0f0 !important;
}

ul.DTTT_dropdown.dropdown-menu>li:first-child>a {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

ul.DTTT_dropdown.dropdown-menu>li:last-child>a {
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
}

ul.DTTT_dropdown.dropdown-menu>li:hover>a {
	background: rgba(0, 0, 0, 0.3);
	color: #f0f0f0;
}

.dataTables_wrapper input[type="text"] {
	display: block;
	width: 90%;
	height: 26px;
	padding: 2px 12px;
	font-size: 14px;
	line-height: 1.428571429;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-appearance: none;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}

.dataTables_wrapper input[type="text"]:focus {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}

ul.pagination {
	margin: 0;
	padding-right:15px;
}

.paginate_button,
.paginate_active {
	/*background-color: #66aacc;
  border: 1px solid;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  margin: 0 3px;
  padding: 3px 7px;*/
	margin: 0;
	padding: 0;
	border: none;
}

.paginate_button:hover,
.paginate_active:hover {
	color: #fff;
}

.paginate_active {
	font-size: 15px;
	font-weight: bold;
	padding: 2px 7px;
}

#breadcrumb {
	padding: 0;
	line-height: 40px;
	background: #525252;
	background: #5a8db6 url(../img/devoops_pattern_b10.png) 0 0 repeat;
	margin-bottom: 20px;
}

.breadcrumb {
	padding: 0 15px;
	background: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	margin: 0;
}

.breadcrumb>li>a {
	color: #d8d8d8;
}

.breadcrumb>li>a:hover,
.breadcrumb>li:last-child>a {
	color: #f8f8f8;
}

.bs-callout {
	padding: 15px;
	border-left: 3px solid #525252;
	background: #dfdfdf;
}

.bs-callout h4 {
	margin-top: 0;
	margin-bottom: 5px;
	color: #525252;
}

.no-padding .bs-callout {
	border: 0;
}

.page-header {
	margin: 0 0 10px;
	border-bottom: 1px solid #c7c7c7;
}

.box-content .page-header,
legend,
.full-calendar .page-header {
	margin: 0 0 10px;
	border-bottom: 1px solid #B6B6B6;
}

.invoice-header {
	margin: 0 0 10px;
	border-bottom: 1px dashed #B6B6B6;
	display: inline-block;
}

.box-content .form-group,
.devoops-modal-inner .form-group {
	margin-top: 15px;
	margin-bottom: 15px;
}

.show-grid [class^="col-"] {
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #525252;
	background-color: rgba(129, 199, 199, 0.2);
	border: 1px solid #ebebeb;
}

.show-grid [class^="col-"]:hover {
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: rgba(107, 134, 182, 0.2);
	border: 1px solid #ebebeb;
}

.show-grid,
.show-grid-forms {
	margin-bottom: 15px;
}

.show-grid-forms [class^="col-"] {
	padding-top: 10px;
	padding-bottom: 10px;
}

.table-hover>tbody>tr:hover>td,
.table-hover>tbody>tr:hover>th,
td.beauty-hover {
	background-color: rgba(219, 219, 219, 0.3) !important;
}

.table-hover>tbody>tr:hover>td.beauty-hover:hover {
	background-color: rgba(219, 219, 219, 0.9) !important;
}

.DTTT.btn-group {
	position: absolute;
	top: -28px;
	right: 83px;
	border-right: 1px solid #DBDBDB;
}

.DTTT.btn-group a {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	line-height: 1em;
	font-size: 14px;
	font-weight: bold;
	outline: none;
	box-shadow: none !important;
	padding: 6px 12px;
	margin: 0;
	background: #F7F7F7;
	border: 0;
}

#screensaver {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 3000;
	background: #000;
	display: none;
}

#screensaver.show {
	display: block;
}

#canvas {
	position: relative;
}

#screensaver i {
	position: absolute;
	top: 50px;
	right: 50px;
	background: rgba(255, 255, 255, 0.5);
	line-height: 100px;
	width: 100px;
	height: 100px;
	text-align: center;
	font-size: 60px;
	color: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.well pre {
	padding: 0;
	margin-top: 0;
	margin-bottom: 0;
	background-color: transparent;
	border: 0;
	white-space: nowrap;
}

.well pre code {
	white-space: normal;
}

.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
	padding: 0px 5px;
}

/*.btn-danger, .btn-primary{
	padding: 0px 15px 0px 15px !important;
}*/
.btn {
	border-width: 1px;
	border-style: solid;
	border-width: 1px;
	text-decoration: none;
	border-color: rgba(0, 0, 0, 0.3);
	cursor: pointer;
	outline: none;
	font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", "Segoe UI", Verdana, sans-serif;
	display: inline-block;
	vertical-align: top;
	position: relative;
	font-size: 12px;
	font-weight: 700;
	text-align: center;
	background-color: #a2a2a2;
	background: #a2a2a2 -moz-linear-gradient(top, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
	background: #a2a2a2 -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, 0.6)), to(rgba(255, 255, 255, 0)));
	line-height: normal;
	margin: 0 0 10px 0;
	padding: 5px 10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-moz-user-select: none;
	-webkit-user-select: none;
	outline: none !important;
}

.btn.btn-sm {
	padding: 6px 10px !important;
}

.btn-label-left,
.btn-label-right {
	padding: 2px 10px;
}

.btn-label-left span {
	position: relative;
	display: inline-block;
	padding: 5px 5px 5px 0;
	background: rgba(0, 0, 0, 0);
	left:-3px;
}

.btn-label-right span {
	position: relative;
	right: -10px;
	display: inline-block;
	padding: 7px;
	background: rgba(0, 0, 0, 0.1);
}

.btn i {
	vertical-align: unset;
}

.questionnaire_item .questionnaire_item_title,.group_item .group_itm_title {
	display:inline-block;
}

.btn-app {
	width: 80px;
	height: 80px;
	padding: 0;
	font-size: 16px;
}

.btn-app i {
	font-size: 36px;
	line-height: 78px;
	display: block;
}

.btn-app-sm {
	width: 50px;
	height: 50px;
	padding: 0;
	font-size: 12px;
}

.btn-app-sm i {
	font-size: 18px;
	line-height: 48px;
	display: block;
}

.btn-circle {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border: 2px solid rgba(0, 0, 0, 0.25);
}

.btn.active {
	background-image: none;
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.btn-default,
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active,
.progress-bar {
	background-color: #D8D8D8;
	border-color: rgba(0, 0, 0, 0.3);
	color: #929292;
}

.btn-primary,
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active,
.table>thead>tr>td.primary,
.table>tbody>tr>td.primary,
.table>tfoot>tr>td.primary,
.table>thead>tr>th.primary,
.table>tbody>tr>th.primary,
.table>tfoot>tr>th.primary,
.table>thead>tr.primary>td,
.table>tbody>tr.primary>td,
.table>tfoot>tr.primary>td,
.table>thead>tr.primary>th,
.table>tbody>tr.primary>th,
.table>tfoot>tr.primary>th {
	background-color:#e51646;
	border: solid 1px #e51646;
	color: #f8f8f8;
	font-size: 12px;
}

.btn-success,
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active,
.progress-bar-success,
.table>thead>tr>td.success,
.table>tbody>tr>td.success,
.table>tfoot>tr>td.success,
.table>thead>tr>th.success,
.table>tbody>tr>th.success,
.table>tfoot>tr>th.success,
.table>thead>tr.success>td,
.table>tbody>tr.success>td,
.table>tfoot>tr.success>td,
.table>thead>tr.success>th,
.table>tbody>tr.success>th,
.table>tfoot>tr.success>th {
	background-color: #63CC9E;
	border-color: rgba(0, 0, 0, 0.3);
	color: #f8f8f8;
}

.btn-info,
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active,
.progress-bar-info,
.table>thead>tr>td.info,
.table>tbody>tr>td.info,
.table>tfoot>tr>td.info,
.table>thead>tr>th.info,
.table>tbody>tr>th.info,
.table>tfoot>tr>th.info,
.table>thead>tr.info>td,
.table>tbody>tr.info>td,
.table>tfoot>tr.info>td,
.table>thead>tr.info>th,
.table>tbody>tr.info>th,
.table>tfoot>tr.info>th {
	background-color: #7BC5D3;
	border-color: rgba(0, 0, 0, 0.3);
	color: #f8f8f8;
}

.btn-warning,
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active,
.progress-bar-warning,
.table>thead>tr>td.warning,
.table>tbody>tr>td.warning,
.table>tfoot>tr>td.warning,
.table>thead>tr>th.warning,
.table>tbody>tr>th.warning,
.table>tfoot>tr>th.warning,
.table>thead>tr.warning>td,
.table>tbody>tr.warning>td,
.table>tfoot>tr.warning>td,
.table>thead>tr.warning>th,
.table>tbody>tr.warning>th,
.table>tfoot>tr.warning>th {
	background-color: #DFD271;
	border-color: rgba(0, 0, 0, 0.3);
	color: #f8f8f8;
}

.btn-success,
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active,
.progress-bar-success,
.table>thead>tr>td.success,
.table>tbody>tr>td.success,
.table>tfoot>tr>td.success,
.table>thead>tr>th.success,
.table>tbody>tr>th.success,
.table>tfoot>tr>th.success,
.table>thead>tr.success>td,
.table>tbody>tr.success>td,
.table>tfoot>tr.success>td,
.table>thead>tr.success>th,
.table>tbody>tr.success>th,
.table>tfoot>tr.success>th {
	padding: 3px 30px 4px 30px;
	background: #82BF98;
	border: 0px;
	font-size: 14px;
	border-radius: 50px;
	box-shadow: 2px 5px 9px 3px #006afb33;
	transition: 0.3s all;
}

.btn-danger,
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active,
.progress-bar-danger,
.table>thead>tr>td.danger,
.table>tbody>tr>td.danger,
.table>tfoot>tr>td.danger,
.table>thead>tr>th.danger,
.table>tbody>tr>th.danger,
.table>tfoot>tr>th.danger,
.table>thead>tr.danger>td,
.table>tbody>tr.danger>td,
.table>tfoot>tr.danger>td,
.table>thead>tr.danger>th,
.table>tbody>tr.danger>th,
.table>tfoot>tr.danger>th {
	/*  background-color: #D15E5E;
  border-color: rgba(0, 0, 0, 0.3);
  color: #f8f8f8;*/
	padding: 0px 30px 0px 30px;
	background: #fff;
	border: 0px;
	font-size: 12px;
	/* border-radius: 5px; */
	color: #000;
	border: 1px solid #e51646;
	transition: 0.3s all;
	margin: 5px;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
	color: #525252;
	background-color: #b8b8b8;
	border-color: rgba(0, 0, 0, 0.3);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary,
.table-hover>tbody>tr>td.primary:hover,
.table-hover>tbody>tr>th.primary:hover,
.table-hover>tbody>tr.primary:hover>td,
.table-hover>tbody>tr.primary:hover>th,
.table-hover>tbody>tr.primary:hover>i.fa {
	/* color: #fff !important; */
	background-color:#cc1741 !important;
	border: solid 1px #cc1741;
	background-image: none;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success,
.table-hover>tbody>tr>td.success:hover,
.table-hover>tbody>tr>th.success:hover,
.table-hover>tbody>tr.success:hover>td,
.table-hover>tbody>tr.success:hover>th {
	color: #fff;
	background-color: #54ae86;
	border-color: rgba(0, 0, 0, 0.3);
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info,
.table-hover>tbody>tr>td.info:hover,
.table-hover>tbody>tr>th.info:hover,
.table-hover>tbody>tr.info:hover>td,
.table-hover>tbody>tr.info:hover>th {
	color: #fff;
	background-color: #69a8b4;
	border-color: rgba(0, 0, 0, 0.3);
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning,
.table-hover>tbody>tr>td.warning:hover,
.table-hover>tbody>tr>th.warning:hover,
.table-hover>tbody>tr.warning:hover>td,
.table-hover>tbody>tr.warning:hover>th {
	color: #fff;
	background-color: #beb360;
	border-color: rgba(0, 0, 0, 0.3);
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger,
.table-hover>tbody>tr>td.danger:hover,
.table-hover>tbody>tr>th.danger:hover,
.table-hover>tbody>tr.danger:hover>td,
.table-hover>tbody>tr.danger:hover>th{
	
}

.progress {
	overflow: visible;
}

.progress-ui {
	height: 10px;
}

.progress-bar {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.progress-bar.ui-widget-content {
	background: none;
	border: 0;
	height: 100%;
	position: relative;
}

.progress-bar .ui-state-default {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	height: 10px;
	width: 10px;
	top: 0;
	margin-left: -5px;
	cursor: pointer;
	border: 0px solid #d3d3d3;
	outline: none !important;
	background-color: #f0f0f0;
	background-image: -webkit-linear-gradient(top, #f0f0f0, #dfdfdf);
	background-image: -moz-linear-gradient(top, #f0f0f0, #dfdfdf);
	background-image: -ms-linear-gradient(top, #f0f0f0, #dfdfdf);
	background-image: -o-linear-gradient(top, #f0f0f0, #dfdfdf);
	background-image: linear-gradient(to bottom, #f0f0f0, #dfdfdf);
}

.progress-bar .ui-widget-header {
	background: #D8D8D8;
}

.progress-bar-primary .ui-widget-header {
	background: #6AA6D6;
	color: #f8f8f8;
}

.progress-bar-success .ui-widget-header {
	background: #63CC9E;
	color: #f8f8f8;
}

.progress-bar-info .ui-widget-header {
	background: #7BC5D3;
	color: #f8f8f8;
}

.progress-bar-warning .ui-widget-header {
	background: #DFD271;
	color: #f8f8f8;
}

.progress-bar-danger .ui-widget-header {
	background: #D15E5E;
	color: #f8f8f8;
}

.progress-bar .ui-state-default {
	background: #b8b8b8;
}

.progress-bar-primary .ui-state-default {
	background: #5a8db6;
}

.progress-bar-success .ui-state-default {
	background: #54ae86;
}

.progress-bar-info .ui-state-default {
	background: #69a8b4;
}

.progress-bar-warning .ui-state-default {
	background: #beb360;
}

.progress-bar-danger .ui-state-default {
	background: #b25050;
}

.slider-range-min-amount,
.slider-range-max-amount,
.slider-range-amount {
	border: 0;
	background: none;
	outline: none !important;
}

.progress-bar.ui-slider-vertical {
	width: 20px;
}

.progress-bar.ui-slider-vertical .ui-state-default {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	height: 20px;
	width: 20px;
	top: auto;
	margin-left: 0px;
	left: 0;
}

#equalizer .progress {
	height: 160px;
	display: inline-block;
	margin: 15px;
}

.beauty-table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
}

.beauty-table input {
	border: 1px solid transparent;
	background: none;
	font-size: 16px;
	text-align: center;
	padding: 2px 15px !important;
	width: 100%;
	outline: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.beauty-table input:focus {
	border: 1px solid #dfdfdf;
	background: #fefefe;
	font-size: 16px;
	text-align: center;
	padding: 2px 15px !important;
	width: 100%;
	outline: none;
}

.unread.mashgiach-unread-message{
	border:2px solid #3757F5 !important;
}

.c {
	color: #999;
	display: block;
}

.nt {
	color: #2f6f9f;
}

.na {
	color: #4f9fcf;
}

.s {
	color: #d44950;
}

.radio,
.checkbox,
.radio-inline,
.checkbox-inline {
	position: relative;
	display:inline-block;
}

.lbl-radio {
	margin-top: 5px;
	margin-right: 10px;
}

.lbl-radio input[type=radio] {
	margin-right: 3px;
}

.radio label,
.checkbox label,
.radio-inline label,
.checkbox-inline label {
	font-weight: normal;
	cursor: pointer;
	padding-left: 8px;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	-o-transition: 1s;
	transition: 1s;
}

.radio+.radio,
.checkbox+.checkbox {
	margin-top: 10px;
}

.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox],
.radio input[type=radio],
.radio-inline input[type=radio] {
	position: absolute;
	clip: rect(0, 0, 0, 0);
}

.checkbox i,
.checkbox-inline i,
.radio i,
.radio-inline i {
	cursor: pointer;
	position: absolute;
	left: -20px;
	top: 0;
	font-size: 24px;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	-o-transition: 1s;
	transition: 1s;
}

.checkbox i.small,
.checkbox-inline i.small,
.radio i.small,
.radio-inline i.small {
	font-size: 16px;
	top: 2px;
}

.checkbox input[type=checkbox]:checked+i:before,
.checkbox-inline input[type=checkbox]:checked+i:before {
	content: "\f046";
}

.radio input[type=radio]:checked+i:before,
.radio-inline input[type=radio]:checked+i:before {
	content: "\f192";
}

.toggle-switch {
	display: inline-block;
	position: relative;
	width: 60px;
}

.toggle-switch input {
	display: none;
}

.toggle-switch label {
	display: block;
	overflow: hidden;
	cursor: pointer;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

.toggle-switch-inner {
	width: 200%;
	margin-left: -100%;
	-webkit-transition: margin 0.3s ease-in 0s;
	-moz-transition: margin 0.3s ease-in 0s;
	-o-transition: margin 0.3s ease-in 0s;
	transition: margin 0.3s ease-in 0s;
}

.toggle-switch-inner:before,
.toggle-switch-inner:after {
	float: left;
	width: 50%;
	height: 20px;
	padding: 0;
	line-height: 20px;
	font-size: 12px;
	text-shadow: 1px 1px 1px #FFFFFF;
	color: #929292;
	background-color: #F5F5F5;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}

.toggle-switch-inner:before {
	content: "ON";
	padding-left: 15px;
	text-align: left;
	-webkit-border-radius: 20px 0 0 20px;
	-moz-border-radius: 20px 0 0 20px;
	border-radius: 20px 0 0 20px;
}

.toggle-switch-inner:after {
	content: "OFF";
	padding-right: 15px;
	text-align: right;
	-webkit-border-radius: 0 20px 20px 0;
	-moz-border-radius: 0 20px 20px 0;
	border-radius: 0 20px 20px 0;
}

.toggle-switch-actin-inner:before {
	content: "Active";
}

.toggle-switch-actin-inner:after {
	content: "Disabled";
}

.toggle-switch-2fa-inner:before {
	content: "Enable";
}

.toggle-switch-2fa-inner:after {
	content: "Disable";
}

.toggle-switch-switch {
	width: 20px;
	margin: 0;
	border: 2px solid #d8d8d8;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	position: absolute;
	top: 0;
	bottom: 0;
	/*right: 40px;*/
	color: #f8f8f8;
	font-size: 14px;
	line-height: 1em;
	text-shadow: 0 0px 1px #ADADAD;
	text-align: center;
	-webkit-transition: all 0.3s ease-in 0s;
	-moz-transition: all 0.3s ease-in 0s;
	-o-transition: all 0.3s ease-in 0s;
	transition: all 0.3s ease-in 0s;
	background-color: #f0f0f0;
	background-image: -webkit-linear-gradient(top, #f0f0f0, #dfdfdf);
	background-image: -moz-linear-gradient(top, #f0f0f0, #dfdfdf);
	background-image: -ms-linear-gradient(top, #f0f0f0, #dfdfdf);
	background-image: -o-linear-gradient(top, #f0f0f0, #dfdfdf);
	background-image: linear-gradient(to bottom, #f0f0f0, #dfdfdf);
}

label.disabled .toggle-switch-switch {
	opacity: 0.3
}

.toggle-switch-switch-dangeroff {
	border: 2px solid #D15E5E;
	background: #D15E5E;
}

.toggle-switch input:checked+.toggle-switch-inner {
	margin-left: 0;
}

.toggle-switch input:checked+.toggle-switch-inner+.toggle-switch-switch {
	right: 0px;
}

.toggle-switch-danger input:checked+.toggle-switch-inner+.toggle-switch-switch {
	border: 2px solid #D15E5E;
	background: #D15E5E;
}

.toggle-switch-warning input:checked+.toggle-switch-inner+.toggle-switch-switch {
	border: 2px solid #DFD271;
	background: #DFD271;
}

.toggle-switch-info input:checked+.toggle-switch-inner+.toggle-switch-switch {
	border: 2px solid #7BC5D3;
	background: #7BC5D3;
}

.toggle-switch-success input:checked+.toggle-switch-inner+.toggle-switch-switch {
	border: 2px solid #63CC9E;
	background: #63CC9E;
}

.toggle-switch-primary input:checked+.toggle-switch-inner+.toggle-switch-switch {
	border: 2px solid #6AA6D6;
	background: #6AA6D6;
}

.select2-container {
	width: 100%;
}

.select2-container .select2-choice {
	height: 30px;
}

.knob-slider {
	position: relative;
	text-align: center;
	display: inline-block;
	width: 100%;
	margin-bottom: 5px;
}

.knob-slider>div {
	display: inline-block !important;
}

.knob-slider input {
	outline: none !important;
}

.ipod {
	background: #dedede;
	text-align: center;
	padding: 50px 0;
}

.knob-clock {
	text-align: center;
}

.knob-clock>div {
	font-size: 50px;
	text-align: center;
	color: #a2a2a2;
}

.knob {
	border: 0;
	background: 0;
}

.box-pricing:hover {
	box-shadow: 0 0 5px #525252;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

.box-pricing .row-fluid>div {
	padding: 18px 15px 8px;
	line-height: 1.428571429;
	vertical-align: top;
}

.box-pricing .row-fluid.centered>div {
	background-color: #f5f5f5;
	padding: 8px;
	text-align: center;
}

.box-pricing .row-fluid.centered>div:nth-child(odd) {
	background-color: #f9f9f9;
}

.box-pricing .box-header {
	height: 80px;
	padding: 10px 0;
}

.box-pricing .box-name {
	padding: 0 10px;
	text-align: center;
}

.box-pricing .box-name:hover {
	cursor: inherit;
}

#messages #breadcrumb {
	margin-bottom: 0;
	position: fixed;
	width: 100%;
	z-index: 2;
}

#messages-menu {
	position: fixed;
	top: 90px;
	background: #a5a5a5;
	margin: 0;
	height: 100%;
	z-index: 2;
}

#messages-list {
	margin-top: 40px;
	padding: 0;
}

.one-list-message {
	background: #F1F1F1;
	border-bottom: 1px solid #CCC;
	padding: 15px 15px 15px 25px;
	margin: 0;
}

.one-list-message .checkbox {
	margin: 0;
	overflow: hidden;
	white-space: nowrap;
}

.one-list-message .message-title {
	overflow: hidden;
	white-space: nowrap;
	width: 80%;
}

.one-list-message .message-date {
	overflow: hidden;
	white-space: nowrap;
	font-size: 11px;
	line-height: 20px;
	text-align: center;
	position: absolute;
	right: 10px;
	font-weight: bold;
	background: #D8D8D8;
	padding: 0;
	width: 50px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	color: #000;
}

.form-control {
	height: 30px;
	padding: 2px 12px;
}

.form-control:focus{
	border-color: #ced4da;
}

.form-control[readonly] {
	cursor: pointer !important;
	background-color: #fff;
}

.form-inline .form-control {
	height: 34px;
	background: #fff;
	border: 1px solid #dfe3e8;
}

.input-lg {
	height: 39px;
}

.input-sm {
	height: 18px;
}

.bg-default {
	background: #D8D8D8 !important;
}

.bg-primary {
	background: #6AA6D6 !important;
	color: #f8f8f8 !important;
}

.bg-success {
	background: #63CC9E !important;
	color: #f8f8f8 !important;
}

.bg-info {
	background: #7BC5D3 !important;
	color: #f8f8f8 !important;
}

.bg-warning {
	background: #DFD271 !important;
	color: #f8f8f8 !important;
}

.bg-danger {
	background: #D15E5E !important;
	color: #f8f8f8 !important;
}

.txt-default {
	color: #D8D8D8 !important;
}

.txt-primary {
	color: #6AA6D6 !important;
}

.txt-success,
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline {
	color: #63CC9E !important;
}

.txt-info {
	color: #7BC5D3 !important;
}

.txt-warning,
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline {
	color: #DFD271 !important;
}

.txt-danger,
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline {
	color: #D15E5E !important;
}

.has-success .form-control {
	border-color: #63CC9E;
}

.has-warning .form-control {
	border-color: #DFD271;
}

.has-error .form-control {
	border-color: #D15E5E;
}

.has-success .form-control:focus {
	border-color: #63CC9E;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #63CC9E;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #63CC9E;
}

.has-warning .form-control:focus {
	border-color: #DFD271;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #DFD271;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #DFD271;
}

.has-error .form-control:focus {
	border-color: #D15E5E;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #D15E5E;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #D15E5E;
}

.select2-container-multi .select2-choices {
	min-height: 26px;
	display: block;
	height: 26px;
	padding: 0 0 0 8px;
	overflow: hidden;
	position: relative;
	border: 1px solid #aaa;
	white-space: nowrap;
	line-height: 26px;
	color: #444;
	text-decoration: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-clip: padding-box;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: #fff;
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff));
	background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%);
	background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
	background-image: linear-gradient(top, #fff 0%, #eee 50%);
}

.select2-container-multi .select2-choices .select2-search-question input {
	padding: 0;
	margin: 0;
}

.has-feedback .form-control-feedback {
	width: 26px;
	height: 26px;
	line-height: 26px;
}

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
	min-height: inherit;
	padding-top: 0;
	margin-left:5px;
}

.form-horizontal .control-label {
	padding-top: 4px;
}

.input-group-addon {
	padding: 0px 6px;
}

.form-group .form-control,
.form-group .form-control, .form-group .input-group {
    margin-bottom: 5px;
    height: 33px;
    background: #fff;
    border: 1px solid #dfe3e8;
    box-shadow: none;
}

.input-group .form-control {
	margin: 0;
}

.field_item a.clear_dt_picker {
	padding: inherit;
	position: absolute;
	right: 10px;
	top: 25px;
	color: #555;
	cursor: pointer;
}

.add_ingredient_date_field_frm_group a.clear_dt_picker {
	padding: inherit;
	position: absolute;
	right: 10px;
	top: 11px;
	color: #555;
	cursor: pointer;
}
.pl-15{
	padding-left: 15px !important;
}
.pr-9{
	padding-right: 9px !important;
}
.pl-30{
	padding-left: 30px !important;
}
.packaged-as-group label.error{
	margin-left: -15px;
}

.field_item input[value='']+a.clear_dt_picker {
	display: none;
}

.ui-datepicker .ui-datepicker-month,
.ui-datepicker .ui-datepicker-year {
	width: 70px !important;
	margin: 5px !important;
	color: #525252;
	font-weight: normal;
	font-size: 14px !important;
}

.ui-datepicker table.ui-datepicker-calendar thead th {
	color: #f8f8f8;
	font-weight: normal;
	text-decoration: underline;
}

#ui-datepicker-div.ui-widget-content {
	color: #f8f8f8 !important;
}

#ui-datepicker-div {
	background: rgba(0, 0, 0, 0.7) !important;
	border: 0;
}

#ui-datepicker-div .ui-widget-header {
	background: rgba(0, 0, 0, 0.2);
	border: 0;
	border-bottom: 1px solid #686868;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	color: #f8f8f8;
	padding: 1px 0;
}

#ui-datepicker-div.ui-widget-content {
	color: #f8f8f8 !important;
}

#ui-datepicker-div .ui-state-default,
#ui-datepicker-div .ui-widget-content .ui-state-default,
#ui-datepicker-div .ui-widget-header .ui-state-default {
	background: none;
	border: 0;
	color: #f8f8f8;
	text-align: center;
}

#ui-datepicker-div .ui-state-hover,
#ui-datepicker-div.ui-widget-content .ui-state-hover,
#ui-datepicker-div .ui-widget-header .ui-state-hover,
#ui-datepicker-div .ui-state-focus,
#ui-datepicker-div.ui-widget-content .ui-state-focus,
#ui-datepicker-div .ui-widget-header .ui-state-focus,
#ui-datepicker-div .ui-state-highlight,
#ui-datepicker-div.ui-widget-content .ui-state-highlight,
#ui-datepicker-div .ui-widget-header .ui-state-highlight {
	background: rgba(0, 0, 0, 0.3) !important;
	border: 0;
	top: 2px;
}

#ui-datepicker-div .ui-datepicker-group {
	border-left: 1px solid #686868;
}

#ui-datepicker-div .ui-datepicker-group:first-child {
	border-left: 0;
}

#ui-datepicker-div .ui-datepicker-buttonpane {
	margin: 0;
}

#ui-datepicker-div .ui-datepicker-group table {
	margin: 0 auto !important;
}

.ui-datepicker .ui-datepicker-prev {
	left: 2px !important;
	cursor: pointer;
}

.ui-datepicker .ui-datepicker-next {
	right: 2px !important;
	cursor: pointer;
}

.ui-icon-circle-triangle-w {
	background: url(../img/ui-left.png) 0 0 no-repeat !important;
}

.ui-icon-circle-triangle-e {
	background: url(../img/ui-right.png) 0 0 no-repeat !important;
}

.ui-icon-circle-arrow-s {
	background: url(../img/ui-accordion-down.png) 0 0 no-repeat !important;
}

.ui-icon-circle-arrow-e {
	background: url(../img/ui-accordion-right.png) 0 0 no-repeat !important;
}

#ui-datepicker-div .ui-slider-horizontal {
	background: rgba(0, 0, 0, 0.5);
	height: 4px;
	border: 0;
}

#ui-datepicker-div .ui-slider-horizontal .ui-slider-handle {
	background: #D8D8D8 !important;
	border: 1px solid #f8f8f8;
	height: 8px;
	width: 8px;
	top: -2px;
	margin-left: -4px;
	outline: none;
	cursor: pointer;
}

.ui-spinner-input {
	margin: 0;
}

.ui-spinner .form-control {
	margin-bottom: 0;
}

#tabs.ui-widget-content,
#tabs .ui-widget-header {
	border: 0;
	background: none;
	padding: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

#tabs .ui-widget-header {
	border-bottom: 1px solid #d8d8d8;
}

#tabs .ui-state-default,
#tabs.ui-widget-content .ui-state-default,
#tabs .ui-widget-header .ui-state-default {
	border: 0;
	margin: 0 0 -1px 0;
	background: none !important;
}

#tabs .ui-state-active,
#tabs.ui-widget-content .ui-state-active,
#tabs .ui-widget-header .ui-state-active {
	background: none !important;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: pointer;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin: 0;
	padding: 0;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	padding: 5px 15px;
	outline: none !important;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	background: #fcfcfc;
	border: 1px solid #d8d8d8;
	border-bottom: 0;
}

.ui-tabs .ui-tabs-nav {
	padding: 0;
}

.ui-tabs .ui-tabs-panel {
	padding: 1em 0;
}

.ui-widget {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.jqstooltip {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	border: 0 !important;
	text-align: center !important;
	margin: 0px !important;
	width: 50px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 0px;
}

.ui-accordion .ui-accordion-header {
	padding: 6px 12px;
	margin: 0;
	top: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.ui-accordion .ui-accordion-icons {
	padding-left: 28px;
}

.ui-accordion-header.ui-state-default {
	background: #f5f5f5 !important;
	border: 1px solid #fcfcfc;
	border-left: 0;
	border-right: 0;
}

.ui-accordion-header.ui-state-hover,
.ui-accordion-header.ui-state-focus {
	background: #ebebeb !important;
}

.ui-accordion-header.ui-state-active {
	background: #d8d8d8 !important;
}

.ui-accordion .ui-accordion-content {
	padding: 10px 12px;
	background: none;
	border: 1px solid #d8d8d8;
	border-top: 0;
	border-bottom: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

#simple_gallery {
	text-align: center;
}

#simple_gallery a.fancybox {
	display: inline-block;
	padding: 5px;
}

#simple_gallery a.fancybox img {
	width: 100%;
	padding: 2px;
	border: 1px solid #979797;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

#simple_gallery a.fancybox img:hover {
	box-shadow: 0 0 10px #C7C7C7;
}

.justifiedGallery {
	overflow: hidden;
	width: 100%;
}

.jg-row {
	position: relative;
	white-space: nowrap;
}

.justifiedGallery .jg-image {
	position: absolute;
	display: inline-block;
	vertical-align: top;
	margin-left: 0;
}

.justifiedGallery .jg-image a {
	text-decoration: none;
}

.justifiedGallery .jg-image img {
	border: none;
}

.justifiedGallery .jg-image-label {
	white-space: normal;
	font: normal 12px arial;
	background: #000;
	color: #fff;
	position: absolute;
	left: 0;
	right: 0;
	padding: 5px 5px 10px 8px;
	text-align: left;
	opacity: 0;
}

.ex-tooltip {
	position: absolute;
	display: none;
	z-index: 2000;
}

.morris-hover {
	position: absolute;
	z-index: 1000;
}

.morris-hover.morris-default-style,
.ex-tooltip {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 6px 20px;
	color: #525252;
	background: rgba(255, 255, 255, 0.8);
	font-size: 12px;
	text-align: center;
}

.morris-hover.morris-default-style .morris-hover-row-label {
	font-weight: bold;
	margin: 0.25em 0;
}

.morris-hover.morris-default-style .morris-hover-point {
	white-space: nowrap;
	margin: 0.1em 0;
}

#dashboard-header {
	margin-bottom: 20px;
}

#dashboard_links {
	padding: 0;
}

#dashboard_links .nav {
	background: #3575A0 url(../img/devoops_pattern_b10.png) 0 0 repeat;
	-webkit-border-radius: 0 4px 4px 0;
	-moz-border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0;
	overflow: hidden;
}

#dashboard_links .nav-stacked>li {
	border-bottom: 1px solid rgba(0, 0, 0, 0.25);
	border-top: 1px solid rgba(255, 255, 255, 0.12);
	font-size: 12px;
	font-weight: 700;
	line-height: 15px;
	padding: 0;
	margin: 0;
}

#dashboard_links .nav-pills>li>a {
	color: #f8f8f8;
	display: block;
	padding: 20px 10px 20px 15px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	outline: none;
}

#dashboard_links .nav-pills>li.active {
	border-top-color: rgba(0, 0, 0, 0.11);
	position: relative;
	margin: 0;
}

#dashboard_links .nav-pills>li.active>a,
#dashboard_links .nav-pills>li.active>a:hover,
#dashboard_links .nav-pills>li.active>a:focus,
#dashboard_links .nav>li>a:hover,
#dashboard_links .nav>li>a:focus {
	background: rgba(0, 0, 0, 0.1);
}

#dashboard_links .nav-pills>li.active>a:before {
	font-family: FontAwesome;
	content: "\f0da";
	position: absolute;
	left: -2px;
	font-size: 30px;
	color: #f8f8f8;
}

#dashboard_tabs {
	background: #f8f8f8;
	-webkit-border-radius: 4px 0 0 4px;
	-moz-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
}

#dashboard-overview {
	padding-bottom: 15px;
}

.sparkline-dashboard {
	float: left;
	margin-right: 10px;
	text-align: center;
}

.sparkline-dashboard-info {
	float: left;
	display: block;
	text-align: center;
}

.sparkline-dashboard-info span {
	display: block;
	font-weight: bold;
	color: #b25050;
}

#ow-marketplace {
	margin-top: 20px;
}

.ow-server {
	padding-top: 8px;
	padding-bottom: 25px;
}

.ow-server:hover {
	background: #e7e7e7;
}

.ow-server .page-header {
	padding-bottom: 3px;
}

.ow-server h4 i {
	position: absolute;
	left: 15px;
}

.ow-server small {
	position: absolute;
	right: 15px;
	top: 51px;
}

.ow-server-bottom {
	margin-top: 25px;
}

.ow-server-bottom .knob-slider {
	font-size: 11px;
}

#ow-server-footer {
	overflow: hidden;
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
}

.ow-settings {
	position: absolute;
	top: 7px;
	left: 40px;
	display: none;
}

.ow-settings a {
	color: #525252;
}

.ow-server:hover .ow-settings {
	display: block;
}

#ow-server-footer a {
	display: block;
	padding: 10px 0;
	border-left: 1px solid #f8f8f8;
	text-decoration: none;
}

#ow-server-footer a:first-child {
	border-left: 0;
}

#ow-server-footer span {
	display: block;
}

.m-table>thead>tr>th,
.m-table>tbody>tr>th,
.m-table>tfoot>tr>th,
.m-table>thead>tr>td,
.m-table>tbody>tr>td,
.m-table>tfoot>tr>td {
	vertical-align: middle;
	padding: 2px 5px;
}

.m-ticker span {
	display: block;
	font-size: 0.8em;
	line-height: 1em;
}

.m-price {
	text-align: right;
}

.m-change .fa-angle-up {
	color: #54ae86;
	font-weight: bold;
}

.m-change .fa-angle-down {
	color: #b25050;
	font-weight: bold;
}

#ow-summary {
	font-size: 12px;
}

#ow-summary b {
	float: right;
	padding: 1px 4px;
	margin: 1px;
	border: 1px solid #d8d8d8;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

#ow-donut {
	margin: 0 0 20px;
}

#ow-donut>div {
	padding: 0;
}

#ow-activity .row {
	margin: 0 0 0 -15px;
	font-size: 13px;
}

#ow-setting {
	border: 1px solid #C7C7C7;
	padding: 0;
	position: absolute;
	width: 158px;
	height: 28px;
	top: 1px;
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	opacity: 0;
	right: -200px;
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
	-o-transition: 0.1s;
	transition: 0.1s;
}

#ow-marketplace:hover #ow-setting {
	opacity: 1;
	right: 15px;
}

#ow-setting a {
	text-align: center;
	float: left;
	margin-left: 10px;
	color: #d8d8d8;
	font-size: 16px;
	display: block;
	line-height: 28px;
	width: 20px;
	height: 26px;
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
	-o-transition: 0.1s;
	transition: 0.1s;
}

#ow-setting a:hover {
	font-size: 16px;
	color: #222;
	line-height: 24px;
}

#ow-licenced {
	margin: 20px 0;
}

#ow-licenced .row {
	margin: 0;
}

#ow-stat .row {
	margin: 0;
}

#dashboard-clients .one-list-message {
	background: none;
	padding: 10px 15px;
}

#dashboard-clients .one-list-message:last-child {
	border-bottom: 0;
}

#dashboard-clients .one-list-message .message-date {
	position: relative;
	width: auto;
	right: auto;
	left: 15px;
	padding: 0 15px;
}

.btn+.dropdown-menu {
	margin-top: -10px;
	background: rgba(0, 0, 0, 0.7) !important;
	padding: 0;
	border: 0;
	right: 0;
	left: auto;
	min-width: 100%;
}

.btn+.dropdown-menu>li>a {
	padding: 5px 10px !important;
	color: #000;
}

.v-txt {
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	position: absolute;
	top: 60px;
	left: -20px;
	color: #d8d8d8;
	font-size: 18px;
	box-shadow: 0 0 10px #d8d8d8;
	padding: 0px 5px;
}

.full-calendar {
	padding: 25px 0;
	background: #FCFCFC;
}

.external-event {
	padding: 2px 6px;
	margin: 4px 0;
	background: #f5f5f5;
}

.external-event:hover {
	cursor: move;
	background: #6AA6D6;
	color: #f8f8f8;
}

#add-new-event {
	background: #EBEBEB;
	margin-bottom: 30px;
	padding: 10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.modal-backdrop {
	z-index: 2000;
}

.modal {
	z-index: 2001;
}

.fc-event {
	border: 1px solid #6AA6D6;
	background-color: #6AA6D6;
	cursor: pointer;
}
.fc-event.reason_issue_raised,
.fc-event.reason_ingredient_expired{
	border: solid 2px #cc1741 !important;
}
.fc-event.urgency_level_emergency,
.fc-event.urgency_level_urgent{
	padding-left: 12px;
}
.fc-event.urgency_level_emergency::before,
.fc-event.urgency_level_urgent::before{
	position: absolute;
	top: calc(50% - 5px);
	left: 3px;
	content: '';
	height: 10px;
	width: 10px;
	border-radius: 50%;
}
.fc-event.urgency_level_emergency::before{
	background-color: #cc1741;
}
.fc-event.urgency_level_urgent::before{
	background-color: #ee9836;
}

.qq-upload-drop-area {
	position: absolute;
	background: #fcfcfc;
	width: 100%;
	height: 100%;
}

.qq-upload-button {
	float: right;
	margin: 20px 15px 0 0;
}

.qq-upload-list {
	position: relative;
	z-index: 3;
	margin: 60px 15px 0;
	padding: 0;
	list-style: none;
}

.qq-upload-list li {
	position: relative;
	display: inline-block;
	padding: 15px;
	margin: 15px;
	border: 1px solid #E6E6E6;
	text-align: center;
	font-size: 12px;
	background: rgba(245, 245, 245, 0.9);
}

.qq-upload-settings {
	opacity: 0;
	visibility: hidden;
	bottom: 0;
	position: absolute;
	width: 100%;
	left: 0;
	padding: 7px 0;
	background: #FFF;
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}

.qq-upload-list li:hover .qq-upload-settings {
	opacity: 1;
	visibility: visible;
}

.qq-upload-list li img {
	border: 1px solid #b4b4b4;
	margin-bottom: 5px;
}

.qq-upload-filename {
	display: block;
	overflow: hidden;
}

.qq-upload-file,
.qq-upload-size,
.qq-upload-status-text {
	display: block;
}

.qq-dropped-zone {
	position: absolute;
	top: 5%;
	left: 50%;
	margin-left: -71px;
	text-align: center;
	font-weight: bold;
}

.qq-dropped-zone i {
	font-size: 5em;
	display: block;
	color: #f5f5f5;
	text-shadow: 0 -1px 1px #d8d8d8;
}

#page-500 h1,
.page-404 h1 {
	font-size: 5em;
}

.page-404 .form-inline {
	margin: 40px auto;
	width: 60%;
	padding: 15px;
	background: #FAFAFA;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.page-404 .input-group-btn:last-child>.btn,
.page-404 .input-group-btn:last-child>.btn-group {
	margin-left: -1px;
	margin-bottom: 0;
	height: 39px;
}

#page-500 h3,
.page-404 h3 {
	margin: 5px 0 20px;
}

.preloader {
	position: absolute;
	padding-top: 15%;
	width: 100%;
	height: 100%;
	left: 0;
	background: #ebebeb;
	z-index: 2000;
}

.devoops-getdata {
	position: absolute;
	top: 25px;
	left: 15px;
	color: #ebebeb;
}

#page-500,
#page-login {
	position: absolute;
	height: 100%;
	width: 100%;
	background: #fff;
}

#page-500 {
	background: #ebebeb;
}

#page-500 img {
	display: block;
	margin: 30px auto;
}

#page-login .logo {
	position: absolute;
}

#page-login h3 {
	font-size: 20px;
	font-family: 'Righteous', cursive;
	padding-bottom: 18px;
}

#page-login .text-right {
	margin-top: 0px;
}

#page-login .box {
	margin: 54% auto;
	max-width: 420px;
}

.one-result {
	margin-top: 20px;
}

.one-result p {
	margin: 0;
}

.large {
	font-size: 1.25em;
}

.nav-search>li.active>a {
	background: #F0F0F0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: #525252;
	border-bottom: 1px solid #CECECE;
	font-weight: bold;
}

.page-feed .avatar {
	width: 60px;
	float: left;
	margin: 10px 15px;
	text-align: center;
	overflow: hidden;
}

.page-feed .avatar img {
	width: 60px;
	height: 60px;
	border: 1px solid #F8F8F8;
}

.page-feed-content {
	position: relative;
	padding: 3px 15px 5px;
	background: #FCFCFC;
	margin-left: 90px;
	min-height: 80px;
}

.page-feed-content small.time {
	font-style: italic;
}

.page-feed .page-feed-content:before {
	font-family: FontAwesome;
	content: "\f0d9";
	position: absolute;
	left: -10px;
	top: 15px;
	font-size: 30px;
	color: #fcfcfc;
}

.likebox {
	overflow: hidden;
}

.likebox .navbar-nav {
	margin: 0;
}

.likebox .navbar-nav li {
	margin-right: 15px;
	float: left;
}

.likebox .fa-thumbs-up {
	color: #6AA6D6;
}

.likebox .fa-thumbs-down {
	color: #D15E5E;
}

.modalbox,
#video_popup,
#share_popup {
	display: none;
	/* position: fixed; */
	overflow: auto;
	overflow-x: hidden;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 5000;
	background:none;
}

.modal .devoops-modal,
.modalbox .devoops-modal,
#video_popup .devoops-modal,
#share_popup .devoops-modal {
	position: absolute;
	top: 90px;
	margin-left: -300px;
	left: 44%;
	border: 1px solid #f8f8f8;
	box-shadow: 0 0 10px #aaa !important;
	background: transparent;
	margin-bottom: 20px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 10px;
	width: 832px;
	z-index: 6000;
	overflow:hidden;
}

#video_popup .devoops-modal {
	top: 20px;
}

#share_popup .devoops-modal {
	top: 20px;
}
.modal .devoops-modal-header,
.modalbox .devoops-modal-header,
#share_popup .devoops-modal-header,
#video_popup .devoops-modal-header{
	color: #363636;
	font-size: 18px;
	font-weight: bold;
	position: relative;
	overflow: hidden;
	background: #f5f5f5;
	border-bottom: 1px solid #E4E4E4;
	height: 50px;
}

.modal .devoops-modal-inner,
.modalbox .devoops-modal-inner,
#share_popup .devoops-modal-inner,
#video_popup .devoops-modal-inner {
	position: relative;
	overflow: hidden;
	padding: 15px;
	background: #FCFCFC;
	overflow-y: auto;
	max-height: calc(100vh - 150px);
}

.modal .devoops-modal-bottom,
.modalbox .devoops-modal-bottom,
#share_popup .devoops-modal-bottom,
#video_popup .devoops-modal-bottom{
	position: relative;
	overflow: hidden;
	padding: 15px;
	background: #d8d8d8;
}

.pagination>li>a,
.pagination>li>span {
	position: relative;
	float: left;
	padding: 4px 10px;
	margin-left: -1px;
	line-height: 1.428571429;
	color: #969696;
	text-decoration: none;
	background-color: #ffffff;
	border: 1px solid #efefef;
}

.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
	color: #8A8A8A;
	background-color: #eee;
}

.pagination>.disabled>span,
.pagination>.disabled>span:hover,
.pagination>.disabled>span:focus,
.pagination>.disabled>a,
.pagination>.disabled>a:hover,
.pagination>.disabled>a:focus {
	color: #979797;
	cursor: not-allowed;
	background-color: #ffffff;
	border-color: #efefef;
}

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

.fancybox-nav {
	position: fixed;
	width: 50%;
}

.fancybox-close {
	position: fixed;
	top: 20px;
	right: 36px;
	background: url(../img/times.png) 0 0 no-repeat;
}

.fancybox-prev span {
	left: 21px;
	background: url(../img/chevron-left.png) 0 0 no-repeat;
}

.fancybox-next span {
	right: 36px;
	background: url(../img/chevron-right.png) 0 0 no-repeat;
}

#social a {
	margin: 10px 3px;
	color: #666;
	display: block;
	float: left;
}

#event_delete {
	margin-left: 20px;
}

.astric {
	color: red;
}

.radio label,
.checkbox label,
.radio-inline label,
.checkbox-inline label {
	padding-left: 0;
	margin-right:19px;
}

.btn-small {
	margin-right: 5px;
	padding: 0 5px 0 1px !important;
	font-size: 12px !important;
}

.btn-small.btn-label-left span {
	left: 0;
	padding: 0;
}

#phoneItemsContainer .phone_item_group .drag_handle,
#phoneItemsContainer .phone_item_group .remove_phone_grp,
#emailItemsContainer .email_item_group .drag_handle,
#emailItemsContainer .email_item_group .remove_email_grp,
#addressItemsContainer .address_item_group .drag_handle,
#addressItemsContainer .address_item_group .remove_address_grp {
	/*line-height: 80px;*/
	font-size: 20px;
	text-decoration: none;
	padding-top: 33px;
}

.btn-addmore {
	margin-top: 10px;
}

#phoneItemsContainer .phone_item_group:first-child .remove_phone_grp,
#emailItemsContainer .email_item_group:first-child .remove_email_grp,
#addressItemsContainer .address_item_group:first-child .remove_address_grp {
	display: none;
}

.gallery_img {
	float: left;
	margin: 10px 5px;
	text-align: center;
}

.gallery_container {
	width: 100%;
	float: left;
	padding: 0;
	list-style-type: none;
}

.ingredients_facilities_datatable .dataTables_filter>label {
	font-size: 0;
}

.dataTables_filter>label {
	font-size: 0;
}

.tags , #company_form_group #company, #kashrus_organizations {
	margin-top: 2px;
}

.tags .tag , #company_form_group #company .company, #kashrus_organizations .kashrus_organization {
	display: inline-block;
	padding: 3px 7px;
	margin: 0 5px 5px 0;
	background: #fff;
	color: #777;
	border-radius: 15px;
	border: solid 2px #777;
	font-weight: bold;
}

.tags.tags-sm .tag {
	padding: 1px 5px;
	margin: 0 3px 3px 0;
	border-radius: 10px;
	border-width: 1px;
	font-size: 0.9em;
	font-weight: normal;
}

.tags .tag a, #company_form_group #company .company a, #kashrus_organizations .kashrus_organization a{
	color: #777;
	text-decoration: none !important;
}

.dataTables_wrapper .box-content {
	padding: 25px 0px;
}

#frmAddEditRecord button[type=submit], #frmAddEditRecord_advance button[type=submit], #frmAddEditRecord_basic button[type=submit]{
	padding: 10px 30px 11px 30px;
	background: #006afb;
	border-radius: 5px;
	margin: 8px;
	box-shadow: 2px 5px 9px 3px #006afb33;
	transition: 0.3s all;
	color: #fff;
}

#frmAddEditRecord button[type=submit]:hover, #frmAddEditRecord_advance button[type=submit]:hover, #frmAddEditRecord_basic button[type=submit]:hover{
	color:#fff;
	background-color:#cc1741 !important;
	border-color:rgba(0, 0, 0, 0.3) !important;
}

.btn-remove-custom-field:hover {
	background-color: #f00 !important;
}

/*#frmAddEditRecord{
	padding: 20px 30px;
	border-radius: 10px;
	border: 1px solid #f5f5f5;
	box-shadow: 0px 5px 14px 0px #0000000d;
}*/

.tox-tinymce-aux {
	z-index: 9999 !important;
}

.add_edit_modal #frmEditAccount .form-group .col-sm-4 {
    width: 50%;
}

.add_edit_modal #frmEditAccount .form-group .col-sm-2 {
    width: 32%;
}

.add_edit_modal #frmEditAccount .form-group .col-sm-1 {
    width: 13%;
}

#frmEditAccount .form-group.row {
    margin-right: -1px;
}

@media (min-width: 768px) {
	.form-horizontal .control-label {
		text-align: left;
	}


	#sidebar-left.col-sm-2 {
		opacity: 1;
		width: 12%;
		padding: 0 15px;
	}

	.sidebar-show #sidebar-left.col-sm-2 {
		opacity: 0;
		width: 0;
		padding: 0;
	}

	.sidebar-show #content.col-sm-10 {
		opacity: 1;
		width: 100%;
	}

	.page-404 .form-inline {
		width: 60%;
	}

	#frmWebsiteSettings .control-label{
		text-align: right;
		padding-top: 4px;
		font-weight: 600;
	}
}

@media (min-width: 992px) {

	.nav.main-menu>li>a,
	.nav.msg-menu>li>a {
		text-align: left;
	}

	.nav.main-menu>li>a>i,
	.nav.msg-menu>li>a>i {
		font-size: 18px;
		width: 40px;
		display: inline-block;
	}

	.main-menu .dropdown-menu {
		position: relative;
		z-index: inherit;
		left: 0;
		margin: 0;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		background: #f5f5f5;
		visibility: visible;
	}

	.main-menu .dropdown-menu>li>a {
		-webkit-border-radius: 0 !important;
		-moz-border-radius: 0 !important;
		border-radius: 0 !important;
	}

	.page-404 .form-inline {
		width: 40%;
	}
}

@media (max-width: 767px) {
	#main {
		margin-top: 100px;
	}

	#messages-menu {
		top: 140px;
	}

	.page-404 .form-inline {
		width: 100%;
	}

	#dashboard_links .nav {
		-webkit-border-radius: 4px 4px 0 0;
		-moz-border-radius: 4px 4px 0 0;
		border-radius: 4px 4px 0 0;
	}

	#dashboard_links .nav-stacked>li {
		float: left;
	}

	#dashboard_links .nav-pills>li>a {
		padding: 15px;
	}

	#dashboard_links .nav-pills>li.active>a:before {
		bottom: 0;
		left: 50%;
		margin-left: -9px;
	}
}

@media (max-width: 620px) {
	.user-mini {
		display: none;
	}
}

@media (max-width: 400px) {
	.panel-menu a.account {
		padding: 5px 0px 5px 0;
	}

	.avatar {
		margin: 0;
	}

	.panel-menu i.pull-right {
		margin-left: 0;
	}

	.nav .open>a,
	.nav .open>a:hover,
	.nav .open>a:focus {
		background: none;
	}

	#dashboard_links .nav-stacked>li {
		float: none;
	}

	#dashboard_links .nav-pills>li.active>a:before {
		display: none;
	}
}

label.error {
	font-weight: normal;
	color: #d30000;
}

.pageTitle {
	padding: 10px;
	margin-bottom: 20px;
	line-height: 40px;
	background: #525252;
	background: #5a8db6 url(../img/devoops_pattern_b10.png) 0 0 repeat;
	box-shadow: 0px 0px 3px #000;
	color: #FFF;
}

.pageTitle h3 {
	font-size: 17px;
}

/* Background colors */
.bg-red,
.bg-yellow,
.bg-aqua,
.bg-blue,
.bg-light-blue,
.bg-green,
.bg-navy,
.bg-teal,
.bg-olive,
.bg-lime,
.bg-orange,
.bg-fuchsia,
.bg-purple,
.bg-maroon,
.bg-black {
	color: #f9f9f9 !important;
}

.bg-gray {
	background-color: #eaeaec !important;
}

.bg-black {
	background-color: #222222 !important;
}

.bg-red {
	background-color: #f56954 !important;
}

.bg-yellow {
	background-color: #f39c12 !important;
}

.bg-aqua {
	background-color: #00c0ef !important;
}

.bg-blue {
	background-color: #0073b7 !important;
}

.bg-light-blue {
	background-color: #3c8dbc !important;
}

.bg-green {
	background-color: #00a65a !important;
}

.bg-navy {
	background-color: #001f3f !important;
}

.bg-teal {
	background-color: #39cccc !important;
}

.bg-olive {
	background-color: #3d9970 !important;
}

.bg-lime {
	background-color: #01ff70 !important;
}

.bg-orange {
	background-color: #ff851b !important;
}

.bg-fuchsia {
	background-color: #f012be !important;
}

.bg-purple {
	background-color: #932ab6 !important;
}

.bg-maroon {
	background-color: #85144b !important;
}

.small-box {
    position: relative;
    display: block;
	 min-height: 200px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 10px;
    background-color: #fff !important;
    border-radius: 10px;
    margin-bottom: 15px;
    padding: 20px;
    border: 1px solid #d6d8db;
    /* transition: 0.5s all; */
    box-shadow: 0 2px 12px 2px rgba(0,0,0,.13);
}

.small-box:hover {
	color: #fff;
	background: #e51646;
}

.small-box>.inner {
	padding: 10px 0 0 10px;
}

.small-box>.small-box-footer {
	position: absolute;
	bottom: 20px;
	text-align: center;
	padding: 8px 0;
	display: block;
	z-index: 10;
	text-decoration: none;
	border-radius: 5px;
	width: 110px;
	transition: 0.3s all;
	color: #fff;
	background: #e51646;
}

.small-box h3 {
	font-size: 38px;
	font-weight: bold;
	margin: 0 0 10px 0;
	white-space: unset;
	padding: 0;
	color: #36373a;
}

.small-box p {
	font-size: 15px;
}

.small-box p>small {
	display: block;
	color: #f9f9f9;
	font-size: 13px;
	margin-top: 5px;
}

.small-box h3,
.small-box p {
	z-index: 5px;
}

.small-box .icon {
	position: absolute;
	top: auto;
	bottom: 0px;
	right: 0px;
	border-bottom-right-radius: 5px;
	border-top-left-radius: 5px;
	z-index: 0;
	font-size: 40px;
	color: #35373a;
	background: #ffffff;
	padding: 10px 0;
    min-width: 90px;
    text-align: center;
}

.small-box:hover {
	text-decoration: none;
	color: #f9f9f9;
}

fieldset.questionnaires,
fieldset.groups,
fieldset.groups_questions {
	margin: 30px 0;
	border-top: solid 0px #999;
	border-bottom: solid 2px #999;
	padding-bottom: 10px;
}

fieldset.questionnaires legend,
fieldset.groups legend,
fieldset.groups_questions legend {
	width: auto;
	padding: 0 10px;
	margin: 0;
	border: none;
}

fieldset.questionnaires .questionnaire_items .form-group.questionnaire_item,
fieldset.groups .group_items .form-group.group_item,
fieldset.groups_questions .question_items .form-group.question_item {
	position: relative;
	margin: 5px 0px;
	border-bottom: solid 1px #ccc;
	background: #f4f4f4;
	border-radius: 5px;
	padding: 5px 10px;
	clear: both;
	display: flex;
	align-items: start;
}

.btn-remove_questionnaire,
.btn-remove_group {
	padding: 7px;
}

.btn-remove_question {
	padding: 0;
	line-height: 0;
}

.control-label {
	padding-bottom: 5px;
}

.question_items .form-group .form-control {
	background: #ffffff;
}

.questionnaire_items .control-label,
.group_items .control-label {
	padding: 5px !important;
}

fieldset.questionnaires .questionnaire_items .form-group.questionnaire_item:last-child,
fieldset.groups .group_items .form-group.group_item:last-child,
fieldset.groups_questions .question_items .form-group.question_item:last-child {
	margin-bottom: 5px;
}

fieldset.questionnaires .questionnaire_items .form-group.questionnaire_item a.btn-reorder_questionnaire,
fieldset.groups .group_items .form-group.group_item a.btn-reorder_group,
fieldset.groups_questions .question_items .form-group.question_item a.btn-reorder_question {
	position: absolute;
	width: auto;
	padding: 0;
	top: calc(50% - 14px);
	left: -20px;
	font-size: 16px;
	cursor: row-resize;
	z-index: 1;
	color:#e51646 !important;
}

.modal fieldset.groups_questions .question_items .form-group.question_item a.btn-reorder_question {
	padding: 0 2px !important;
}

fieldset.questionnaires .questionnaire_items .form-group.questionnaire_item a.btn-remove_questionnaire,
fieldset.groups .group_items .form-group.group_item a.btn-remove_group,
fieldset.groups_questions .question_items .form-group.question_item a.btn-remove_question {
	position: absolute;
	right: 10px;
	font-size: 20px;
	z-index: 1;
	width:unset;
	top:5px;
}

fieldset.questionnaires .questionnaire_items .form-group.questionnaire_item label.text-left,
fieldset.groups .group_items .form-group.group_item label.text-left,
fieldset.groups_questions .question_items .form-group.question_item label.text-left {
	text-align: left;
}

fieldset.questionnaires .questionnaire_items .form-group.questionnaire_item label.control-label.full-height,
fieldset.groups .group_items .form-group.group_item label.control-label.full-height
/* fieldset.groups_questions .question_items .form-group.question_item label.control-label.full-height */ {
	line-height: 30px;
	margin-bottom: 0;
}

fieldset.questionnaires .questionnaire_items .form-group.questionnaire_item .form-control,
fieldset.groups .group_items .form-group.group_item .form-control {
	margin: 5px 0;
}
fieldset.groups_questions .question_items .form-group.question_item label{
	margin: 0;
}
fieldset.groups_questions .question_items .form-group.question_item .options_wrapper{
	padding: 0;
}
fieldset.groups_questions .question_items .form-group.question_item .options_wrapper .options .option{
	display: flex;
	align-items: start;
}
fieldset.groups_questions .question_items .form-group.question_item .options_wrapper .options .option .btn{
	margin: 0;
}
fieldset.groups_questions .question_items .form-group.question_item .options_wrapper .options .option .btn-add_option,
fieldset.groups_questions .question_items .form-group.question_item .options_wrapper .options .option:first-child .btn-remove_option {
	display: none;
}

fieldset.groups_questions .question_items .form-group.question_item .options_wrapper .options .option:last-child .btn-add_option {
	display: inline-block;
}

.page-tags_management #tags_custom_fields .tags_custom_field .btn-remove-custom-field {
	margin: 0 !important;
	padding: 8px 10px !important;
}

/*.small-box:hover .icon {
  animation-name: tansformAnimation;
  animation-duration: .5s;
  animation-iteration-count: 1;
  animation-timing-function: ease;
  animation-fill-mode: forwards;
  -webkit-animation-name: tansformAnimation;
  -webkit-animation-duration: .5s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-name: tansformAnimation;
  -moz-animation-duration: .5s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: ease;
  -moz-animation-fill-mode: forwards;
}*/
@keyframes tansformAnimation {
	from {
		font-size: 90px;
	}

	to {
		font-size: 100px;
	}
}

@-webkit-keyframes tansformAnimation {
	from {
		font-size: 90px;
	}

	to {
		font-size: 100px;
	}
}

@media screen and (max-width: 768px) {
	.dataTables_info {
		text-align: center;
	}

	.dataTables_paginate {
		text-align: center;
	}

	.btnContainer {
		text-align: center;
	}
}

@media screen and (max-width: 480px) {

	/*.small-box {
	text-align: center;
  }
  .small-box .icon {
	display: none;
  }*/
	.small-box p {
		font-size: 12px;
	}
}

#ajax-content {
	min-height: calc(100vh - 106px);
}

span.requiredFieldMark {
	color: #F00;
	font-size: 16px;
}

.lblStatus {
	display: inline !important;
	padding: 3px 4px;
	border-radius: 3px;
}

.hidden_element {
	display: none !important;
	visibility: none !important;
	opacity: 0 !important;
}

.box-content form img {
	border-radius: 5px;
	box-shadow: 0 0 3px #777;
}

.box-content form .loader img {
	border-radius: 0;
	box-shadow: none;
}

.dataTables_wrapper .dataTables_processing {
	position: absolute !important;
	/*top: 0;
	right: 0 !important;
	bottom: 0 !important;
	margin-left: 0 !important;
	left: 0 !important;
	margin-top: 15px !important;*/
	/*background: rgba(255, 255, 255, 0.68);*/
	background: #ebebeb;
	z-index: 3;
}

.dataTables_wrapper .custom_dataTables_processing {
	height: 100vh !important;
}

.dataTables_wrapper .dataTables_processing .preloader {
	display: block !important;
	/*top: 50%;
	padding-top: 0;
	margin-top: -60px;
	background: none;*/
}

/* preloader css starts */
.bubblingG {
	text-align: center;
	width: 200px;
	height: 125px;
	margin: auto;
}

.bubblingG span {
	display: inline-block;
	vertical-align: middle;
	width: 25px;
	height: 25px;
	margin: 63px auto;
	background: #e51646;
	border-radius: 125px;
	-o-border-radius: 125px;
	-ms-border-radius: 125px;
	-webkit-border-radius: 125px;
	-moz-border-radius: 125px;
	animation: bubblingG 0.515s infinite alternate;
	-o-animation: bubblingG 0.515s infinite alternate;
	-ms-animation: bubblingG 0.515s infinite alternate;
	-webkit-animation: bubblingG 0.515s infinite alternate;
	-moz-animation: bubblingG 0.515s infinite alternate;
}

#bubblingG_1 {
	animation-delay: 0s;
	-o-animation-delay: 0s;
	-ms-animation-delay: 0s;
	-webkit-animation-delay: 0s;
	-moz-animation-delay: 0s;
}

#bubblingG_2 {
	animation-delay: 0.1595s;
	-o-animation-delay: 0.1595s;
	-ms-animation-delay: 0.1595s;
	-webkit-animation-delay: 0.1595s;
	-moz-animation-delay: 0.1595s;
}

#bubblingG_3 {
	animation-delay: 0.309s;
	-o-animation-delay: 0.309s;
	-ms-animation-delay: 0.309s;
	-webkit-animation-delay: 0.309s;
	-moz-animation-delay: 0.309s;
}

@keyframes bubblingG {
	0% {
		width: 25px;
		height: 25px;
		background-color: rgb(188, 101, 149);
		transform: translateY(0);
	}

	100% {
		width: 60px;
		height: 60px;
		background-color: rgb(235, 235, 235);
		transform: translateY(-53px);
	}
}

@-o-keyframes bubblingG {
	0% {
		width: 25px;
		height: 25px;
		background-color: rgb(188, 101, 149);
		-o-transform: translateY(0);
	}

	100% {
		width: 60px;
		height: 60px;
		background-color: rgb(235, 235, 235);
		-o-transform: translateY(-53px);
	}
}

@-ms-keyframes bubblingG {
	0% {
		width: 25px;
		height: 25px;
		background-color: rgb(188, 101, 149);
		-ms-transform: translateY(0);
	}

	100% {
		width: 60px;
		height: 60px;
		background-color: rgb(235, 235, 235);
		-ms-transform: translateY(-53px);
	}
}

@-webkit-keyframes bubblingG {
	0% {
		width: 25px;
		height: 25px;
		background-color: rgb(188, 101, 149);
		-webkit-transform: translateY(0);
	}

	100% {
		width: 60px;
		height: 60px;
		background-color: rgb(235, 235, 235);
		-webkit-transform: translateY(-53px);
	}
}

@-moz-keyframes bubblingG {
	0% {
		width: 25px;
		height: 25px;
		background-color: rgb(188, 101, 149);
		-moz-transform: translateY(0);
	}

	100% {
		width: 60px;
		height: 60px;
		background-color: rgb(235, 235, 235);
		-moz-transform: translateY(-53px);
	}
}

/* preloader css ends */
.ui-autocomplete {
	max-height: 300px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
}

/* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
 */
* html .ui-autocomplete {
	height: 300px;
}

form.contacts_add_edit #contact_emails .contact_email:first-child .btn.btn-remove-email-field,
form.contacts_add_edit #contact_emails_personal .contact_email_personal:first-child .btn.btn-remove-email-personal-field,
form.contacts_add_edit #contact_emails_business .contact_email_business:first-child .btn.btn-remove-email-business-field,
form.contacts_add_edit #contact_emails_company .contact_email_company:first-child .btn.btn-remove-email-company-field,
form.contacts_add_edit #contact_phones .contact_phone:first-child .btn.btn-remove-phone-field,
form.contacts_add_edit #contact_phones_mobile .contact_phone_mobile:first-child .btn.btn-remove-phone-mobile-field,
form.contacts_add_edit #contact_phones_business .contact_phone_business:first-child .btn.btn-remove-phone-business-field,
form.contacts_add_edit #contact_phones_company .contact_phone_company:first-child .btn.btn-remove-phone-company-field,
form.contacts_add_edit #contact_addresses .contact_address:first-child .btn.btn-remove-address-field,
form.contacts_add_edit #contact_addresses_home .contact_address_home:first-child .btn.btn-remove-address-home-field,
form.contacts_add_edit #contact_addresses_business .contact_address_business:first-child .btn.btn-remove-address-business-field,
form.contacts_add_edit #contact_addresses_company .contact_address_company:first-child .btn.btn-remove-address-company-field {
	display: none;
}

ul.gallery_container {
	width: 100%;
	float: left;
	padding: 0;
	list-style-type: none;
}

ul.gallery_container li .gallery_img {
	float: left;
	margin: 10px 5px;
	text-align: center;
}

form.form-horizontal .checkbox-group {
	display: inline-block;
}

form.form-horizontal .checkbox-group:not(:last-child) {
	border-right: solid 2px #eee;
	margin-top: 10px;
	padding-left:17px;
}

/*Start bug/request feature style*/
.bug-request-modal-btn{
	position: fixed;
	width: 134px;
	margin-top: -62.5px;
	right: -45px;
	top: 50%;
	z-index: 101;
	height: 40px;
	transform: rotate(-90deg);
}

.bug-request-modal-btn i{
	transform: rotate(90deg);
}
/*End bug/request feature style*/

.message_center_launcher {
	position: fixed;
	padding: 10px;
	right: 15px;
	bottom: 10px;
	display: inline-block;
	border-radius: 50%;
	border: solid 2px;
	background: #ffb6c1;
	z-index: 101;
}

.message_center_launcher i {
	font-size: 24px;
}

.message_center_launcher span[data-cnt_unread]:after {
	content: attr(data-cnt_unread);
	position: absolute;
	display: inline-block;
	top: -3px;
	right: -3px;
	padding: 5px;
	min-height: 20px;
	min-width: 20px;
	line-height: 12px;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	color: #fff;
	background-color: #a81d23;
	border-radius: 50%;
}

.message_center_launcher span[data-cnt_unread="0"]:after {
	display: none;
}

.message_center_launcher span.message-center-count {
	position: absolute;
	display: table-row;
	top: -8px;
	right: -12px;
	min-width: 8px;
	line-height: 8px;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	color: #fff;
	background-color: #1e3acc !important;
	border-radius: 50%;
	white-space: pre;
}
.message_center_launcher span.message-center-count i{
	font-size: 11px !important;
}
.message_center {
	position: fixed;
	right: -600px;
	top: 50px;
	padding: 10px;
	height: calc(100vh - 50px);
	width: 600px;
	max-width: 100%;
	background: #fff;
	box-shadow: 0px 0px 3px 2px #ddd;
	z-index: 102;
	transition: ease all 0.25s;
}

.message_center.visible {
	right: 0;
}

.message_center .close {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 17px;
	height: 17px;
	line-height: 16px;
	font-size: 12px;
	text-align: center;
	font-weight: normal;
	color: #fff;
	background: #999;
	border-radius: 50%;
	opacity: 1;
}

.message_center form#messages_filter {
	padding: 10px;
}

.message_center ul.messages {
	padding: 0;
	margin: 0;
	max-height: calc(100vh - 142px - 130px - 20px);
	/* 100vh - main_header_height - filter_height - some_offset */
	list-style: none;
	overflow-y: auto;
}

.message_center ul.messages li.message_item {
	float: left;
	padding: 7px 10px;
	margin: 5px 10px;
	width: calc(100% - 20px);
	border: solid 2px #ddd;
	border-radius: 5px;
	cursor: pointer;
	position: relative;
	overflow: hidden;
}

.message_center ul.messages li.message_item.unread {
	border-color: #525252;
}

.message_center ul.messages li.message_item label,
.message_center ul.messages li.message_item p {
	margin: 0;
	float: left;
}

.message_center ul.messages li.message_item label {
	min-width: 73px;
}

.message_center ul.messages li.message_item label:after {
	content: ':';
	margin-right: 5px;
}

.message_center ul.messages li.message_item p {
	width: 100%;
}

.message_center ul.messages li.message_item .field_item:not(label):not(span) {
	float: left;
	width: 100%;
}

.message_center ul.messages li.message_item .field_item.field_item_system_message,
.message_center ul.messages li.message_item .field_item.field_item_created_at {
	width: unset;
	font-style: italic;
	font-size: 0.9em;
	color: #999;
}

.message_center ul.messages li.message_item .field_item.field_item_system_message {
	float: left;
	font-weight: bold;
}

/*.message_center ul.messages li.message_item .field_item.field_item_system_message:before{
  content: '(';
}
.message_center ul.messages li.message_item .field_item.field_item_system_message:after{
  content: ')';
}*/
.message_center ul.messages li.message_item .field_item.field_item_created_at {
	float: right;
}

form#tasks_list_filter {
	margin-bottom: 10px;
}

.tasks_list_wrapper {
	text-align: center;
	box-shadow: 0px 7px 20px 1px #00000014;
	padding: 10px;
	border-radius: 5px;
}

.tasks_list_wrapper .headings {
	width: 100%;
	font-weight: bold;
	padding: 0px 0px 15px;
}

.tasks_list_wrapper .field_item {
	display: inline-block;
	padding: 0 5px;
	vertical-align: bottom;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-transform: capitalize;
	overflow: hidden;
}

.tasks_list_wrapper .field_item.field_item_type {
	width: 60px;
}

.tasks_list_wrapper .field_item.field_item_id {
	width: 60px;
}

.tasks_list_wrapper .field_item.field_item_mashgiach {
	width: 100px;
}

.tasks_list_wrapper .field_item.field_item_facility {
	width: 100px;
}

.tasks_list_wrapper .field_item.field_item_reason {
	width: 70px;
}

.tasks_list_wrapper .field_item.field_item_status {
	width: 130px;
}

.tasks_list_wrapper .headings .field_item.field_item_title {
	width: calc(100% - 20px - 627px);
	/* 100% - some_offsets - total_of_width_of_the_other_fields */
}

.tasks_list_wrapper ul li .field_item.field_item_title {
	width: calc(100% - 623px);
	/* 100% - total_of_width_of_the_other_fields */
}

.tasks_list_wrapper ul:not(.ui-autocomplete) {
	width: 100%;
	padding: 0;
	margin: 0;
	max-height: calc(100vh - 50px - 50px - 75px - 140px);
	/* 100vh - main_header_height - header - filter_height - some_offsets */
	overflow-y: auto;
	list-style: none;
}

.tasks_list_wrapper ul li {
	padding: 10px 0;
	margin: 3px 0;
	border: solid 1px #eee;
	border-radius: 3px;
	cursor: pointer;
}

.tasks_list_wrapper ul li:hover,
.tasks_list_wrapper ul li.selected {
	background: #f0f0f0;
}

.tasks_list_wrapper ul li:hover {
	border-color: #f0f0f0;
}

.tasks_list_wrapper ul li.selected {
	border-color: #000;
}

.task_info_wrapper h2 {
	padding: 7px 10px !important;
	background: #e8e8e8;
	font-size: 16px !important;
	font-weight: 700;
	color: #000;
	border-radius: 5px;
}

.task_info_wrapper h2,
.task_info_wrapper h3 {
	padding: 2px 0;
	border-style: solid;
	border-width: 2px 0;
	border-color: #eee;
}

.task_info_wrapper h2 {
	line-height: 30px;
	font-size: 20px;
}

.task_info_wrapper h3 {
	line-height: 20px;
	font-size: 16px;
	background: #e8e8e8;
	padding: 9px;
	border: 0;
	font-weight: 700;
	color: #000;
	border-radius: 5px;
}

.task_info_wrapper h4 {
	line-height: 24px;
	font-size: 14px;
	margin: 0;
}

.productions_wrapper {
	margin-top: 10px
}
.productions_wrapper .productions {
	margin-top: 5px
}

.questionnaire_wrapper {
	margin-top: 10px
}

.task_info_wrapper .field_item {
	margin: 3px 0;
	/* padding: 0px 20px; */
}

.task_info_wrapper .field_item label {
	margin: 0;
}

.task_info_wrapper .field_item .field_item_value {
	line-height: 22px;
}

.task_info_wrapper .field_item.field_item_reason .field_item_value,
.task_info_wrapper .field_item.field_item_status .field_item_value {
	text-transform: capitalize;
}

.task_info_wrapper .questionnaire_wrapper .questionnaire {
	padding: 10px 20px;
	max-height: 50vh;
	overflow-y: auto;
}

.task_info_wrapper .questionnaire_wrapper .questionnaire .questionnaire_group:not(:last-child) {
	padding-bottom: 3px;
	border-bottom: solid 1px #eee;
}

.task_info_wrapper .questionnaire_wrapper .questionnaire .questionnaire_group ul {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 16px;
}

.task_info_wrapper .questionnaire_wrapper .questionnaire .questionnaire_group ul li,
.parent-questionnaire-wrapper .group-wrapper ul li {
	padding: 3px 0;
}

.task_info_wrapper .questionnaire_wrapper .questionnaire .questionnaire_group ul li .question,
.task_info_wrapper .questionnaire_wrapper .questionnaire .questionnaire_group ul li .answer,
.task_info_wrapper .questionnaire_wrapper .questionnaire .questionnaire_group ul li .additional_notes,
.parent-questionnaire-wrapper .group-wrapper ul li .question,
.parent-questionnaire-wrapper .group-wrapper ul li .answer,
.parent-questionnaire-wrapper .group-wrapper ul li .additional_notes {
	position: relative;
	padding-left: 20px;
}

.task_info_wrapper .questionnaire_wrapper .questionnaire .questionnaire_group ul li .answer,
.parent-questionnaire-wrapper .group-wrapper ul li .answer {
	min-height: 16px;
}

.task_info_wrapper .questionnaire_wrapper .questionnaire .questionnaire_group ul li .question:before,
.task_info_wrapper .questionnaire_wrapper .questionnaire .questionnaire_group ul li .answer:before,
.parent-questionnaire-wrapper .group-wrapper ul li .question:before,
.parent-questionnaire-wrapper .group-wrapper ul li .answer:before {
	position: absolute;
	left: 0;
	color: #d4d8d4;
	font-weight: bold;
	padding-right: 5px;
}

.task_info_wrapper .questionnaire_wrapper .questionnaire .questionnaire_group ul li .question:before,
.parent-questionnaire-wrapper .group-wrapper ul li .question:before {
	content: 'Q.';
}

.task_info_wrapper .questionnaire_wrapper .questionnaire .questionnaire_group ul li .answer:before,
.parent-questionnaire-wrapper .group-wrapper ul li .answer:before {
	content: 'A.';
}

.task_info_wrapper .messages_wrapper {
	margin-top: 10px;
}

.task_info_wrapper .messages_wrapper .btn.btn-send {
	color: #ffffff !important;
	transition: 0.2s;
	background: #E51646;
	border-radius: 5px;
	box-shadow: 2px 5px 9px 3px #006afb33;
	transition: 0.3s all;
	border: 0px !important;
}

.task_info_wrapper .messages_wrapper .btn.btn-send:hover {
	box-shadow: 1px 1px 1px 1px #fff;
}

.task_info_wrapper .messages_wrapper ul.messages {
	padding: 10px 20px;
	margin: 0;
	list-style: none;
	line-height: 16px;
	overflow-y: auto;
	max-height: 260px;
}

.task_info_wrapper .messages_wrapper ul.messages>li {
	padding: 3px 0;
	border-bottom: solid 1px #eee;
}

.task_info_wrapper .messages_wrapper ul.messages>li .user_name {
	font-weight: bold;
	color: #159c20;
}

.task_info_wrapper .messages_wrapper ul.messages>li .user_name:after {
	content: ': ';
}

.task_info_wrapper .messages_wrapper ul.messages>li .system_message {
	width: 100%;
	display: inline-block;
	text-align: left;
	font-style: italic;
	font-size: 12px;
}

.task_info_wrapper .messages_wrapper ul.messages>li ul.media_files {
	margin: 0;
	padding: 0;
	list-style: none;
}

.task_info_wrapper .messages_wrapper ul.messages>li ul.media_files>li {
	display: inline-block;
	margin-right: 2px;
}

.task_info_wrapper .messages_wrapper ul.messages>li ul.media_files>li img {
	border-radius: 5px;
	border: solid 2px #ccc;
}

.task_info_wrapper .messages_wrapper ul.messages>li .date_time {
	width: 100%;
	display: inline-block;
	text-align: right;
	font-style: italic;
	font-size: 12px;
}

.task_info_wrapper .messages_wrapper textarea {
	width: calc(100% - 75px);
	height: 31px;
	margin: 5px 0px 5px 20px;
	padding: 3px 5px;
	border-radius: 3px;
	border: solid 1px #ccc;
	outline: none !important;
	resize: none;
}

.task_info_wrapper .messages_wrapper .btn.btn-send {
	position: absolute;
	bottom: 15px;
	right: 10px;
	margin: 5px 0;
	padding: 0;
	height: 30px;
	width: 35px;
	min-width: unset;
	text-align: center;
	border-radius: 3px;
	background:#E51646 !important;
	color:#fff !important;
}

form#tasks_facilities_filter {
	margin-bottom: 20px;
	padding-bottom: 5px;
	border-bottom: solid 1px #eee;
}

.facilities_list_wrapper {
	text-align: center;
	box-shadow: 0px 7px 20px 1px #00000014;
	padding: 20px;
	border-radius: 5px;
}

.facilities_list_wrapper .headings {
	width: 100%;
	font-weight: bold;
	padding: 0px 0px 15px;
}

.facilities_list_wrapper .field_item {
	display: inline-block;
	padding: 0 5px;
	vertical-align: bottom;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.facilities_list_wrapper .field_item.field_item_name_address {
	width: calc(100% - 16px - 500px);
}

.facilities_list_wrapper .field_item.field_item_company {
	width: 150px;
}

.facilities_list_wrapper .field_item.field_item_last_visit {
	width: 150px;
}

.facilities_list_wrapper .field_item.field_item_mashgiach {
	width: 100px;
}

.facilities_list_wrapper .field_item.field_item_type {
	width: 100px;
}

.facilities_list_wrapper ul li .field_item.field_item_address {
	width: calc(100% - 600px);
	/* 100% - total_of_width_of_the_other_fields */
}

.facilities_list_wrapper ul {
	width: 100%;
	padding: 0;
	margin: 0;
	/* max-height: calc(100vh - 50px - 50px - 40px - 140px); */
	/* 100vh - main_header_height - header - filter_height - some_offsets */
	overflow-y: auto;
	list-style: none;
}

.facilities_list_wrapper ul li {
	padding: 10px 0;
	margin: 3px 0;
	border: solid 1px #eee;
	border-radius: 3px;
	cursor: pointer;
}

.facilities_list_wrapper ul li:hover,
.facilities_list_wrapper ul li.selected {
	background: #f0f0f0;
}

.facilities_list_wrapper ul li:hover {
	border-color: #f1f7ff;
}

.facilities_list_wrapper ul li.selected {
	border-color: #000;
}

.association-owned{
	color: green;
	font-weight: bold;
}
.association-not_owned{
	color: red;
	font-weight: bold;
}

.association-unknown span{
	background-color: #6c757d;
	color: white;
	padding: 4px 8px;
	border-radius: 4px;
	font-weight: bold;
}

.task_form_wrapper h2,
.task_form_wrapper h3 {
	/*padding: 2px 0;*/
	border-style: solid;
	border-width: 0px 0;
	border-color: #eee;
	padding: 7px 10px !important;
	background: #e8e8e8;
	font-size: 16px !important;
	font-weight: 700;
	color: #000;
	border-radius: 5px;
}

.task_form_wrapper h2 {
	line-height: 30px;
	font-size: 20px;
}

.task_form_wrapper h3 {
	line-height: 20px;
	font-size: 16px;
}

.task_form_wrapper h4 {
	line-height: 24px;
	font-size: 14px;
	margin: 0;
}

.task_form_wrapper .field_item {
	position: relative;
	margin: 5px 0;
	float: left;
	padding: 0px 20px;
	width: 100%;
	height: auto;
	transition: ease all 0.5s;
}
.task_form_wrapper .field_item > div{
	position: relative;
}

.task_form_wrapper .field_item.disabled {
	height: 0;
	margin: 0;
	overflow: hidden;
}

.task_form_wrapper .field_item label {
	margin: 0;
}

/* .modal#customQuestionnaire .modal-dialog {
	margin-top: 70px;
	width: 1200px;
} */

.dataTables_wrapper .text-center .btn-danger i.fa{
	background-color: transparent!important;
	color: #e51646!important;
}

@media screen and (min-width: 1500px) {

	.dataTables_wrapper .text-center .btn-primary,
	.dataTables_wrapper .text-center .btn-danger {
		padding: 0px 8px 0px 12px;
		font-size: 12px;
	}

	.cont-mang tr td:nth-child(6) {
		min-width: 220px;
	}
}

.text-capitalize {
	text-transform: capitalize;
}

.modalmeta {
	font-style: italic;
	font-size: 10.5px;
	line-height: 1.5;
	display: block !important;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
}

.radio-inline+.radio-inline,
.checkbox-inline+.checkbox-inline:last-child {
	margin-left: 5px;
}

.message_center ul.messages li.message_item .field_item.field_item_task_id {
	position: absolute;
	left: 0;
	width: unset;
	top: 0;
	font-weight: bold;
	background: #ddd;
	border-bottom-right-radius: 7px;
	padding: 2px 4px;
	font-size: 14px;
}

.message_center ul.messages li.message_item .task_message_notify_wrapper {
	position: absolute;
	right: 0;
	top: 0;
	padding: 2px 4px;
	font-weight: 500;
	background: #fff;
	border-bottom-left-radius: 7px;
}

.message_center ul.messages li.message_item .field_item.field_item_system_message.issue:before {
	content: '\2022';
	font-size: large;
	vertical-align: middle;
	color: #ffff00;
}

.message_center ul.messages li.message_item .field_item.field_item_system_message.urgent:before {
	content: '\2022';
	font-size: large;
	vertical-align: middle;
	color: #ff9900;
}

.message_center ul.messages li.message_item .field_item.field_item_system_message.emergency:before {
	content: '\2022';
	font-size: large;
	vertical-align: middle;
	color: #e60000;
}

.groups-checkbox .checkbox-inline:last-child {
	margin-left: 10px;
}

.questionnaire.error-msg {
	color: red;
	font-size: 16px;
}

.calender_list_view {
	/* margin-top: -25px; */
	margin-bottom: 10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}

.mr-0 {
	margin-right: 0 !important;
}

.ml-1{
	margin-left: 0.5rem !important;
}

.fc-event-title-container {
	text-align: center;
}

.calender_list_view_wrapper.active,
.calender_list_view_wrapper:hover {
	/*background-color: #2c3e50 !important;
	border-color: #2c3e50 !important;*/
}

.calender_list_view_wrapper {
	padding: 5px 10px !important;
	border-top-left-radius: 0 !important;
	border-top-right-radius: 0 !important;
	background-color:#fff !important;
	color:#e51646;
	/*border-top: none !important;*/
}

.calender_list_action_input_wrapper{
	display: flex;
	align-items: center;
	justify-content: end;
}

.calender_list_action_input_wrapper .form-group{
	position: relative;
}

.calender_list_action_input_wrapper input{
	height: 28px !important;
	margin: 0 !important;
	width: 130px !important;
	padding: 0px 5px !important;
}

.calender_list_action_input_wrapper span.date_clear_btn,
#messages_filter span.date_clear_btn{
	top: 7px;
	right: 8px;
}

.calender_list_action_input_wrapper button{
	padding: 5px 10px;
}

.fc-event-title {
	padding: 1px 5px !important;
	text-overflow: ellipsis;
}

.colors-detail {
	text-align: left;
	margin-bottom: 10px;
	margin-left: 0px;
	display:block;
}

.color-detail-section {
	display: contents;
	margin-right: 5px;
}

.color-detail-section .blue {
	color: rgba(51, 142, 240, 0.3);
}

.color-detail-section .red {
	color: rgba(235, 64, 64, 0.3);
}

.color-detail-section .orange {
	color: rgba(238, 184, 46, 0.3);
}

.color-detail-section .yellow {
	color: rgba(255, 245, 10, 0.42)
}

.color-detail-section .purple {
	color: rgba(204, 0, 253, 0.3);
}

.color-detail-section .green {
	color: rgba(35, 193, 32, 0.3);
}

.color-detail-section .grey {
	color: rgba(119, 119, 119, 0.3);
}

.color-detail-section .dark_red {
	color:rgba(193, 60, 60,  0.82);
}

.fc-daygrid-day-frame.fc-scrollgrid-sync-inner {
	cursor: pointer;
}

.tasks_list_wrapper ul:not(:empty):not(.ui-autocomplete),
.facilities_list_wrapper ul:not(:empty) {
	min-height: 300px;
}

#tasks_list_filter .checkbox-inline+.checkbox-inline:last-child,
#tasks_list_filter .checkbox-inline+.checkbox-inline {
	margin-left: 8px;
}

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

.contact_images.gallery_container img {
	width: 100%;
	min-width: 40px;
	max-width: 40px;
	object-fit: cover;
}

.contact_images .icons i {
	font-size: 30px;
	padding: 5px 7px;
	box-shadow: 0 0 3px #777;
	border-radius: 5px;
	margin-top: 0px;
	color: #777;
}

.contact_images .image-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 5px 0;
	padding: 6px 0 7px 0;
	border-radius: 5px;
	box-shadow: 0 0 2px 0px;
}

.contact_images .delete-icon, .remove_attachment {
	font-size: 18px;
	padding-right: 15px;
	color: #e51646;
}

.contact_images .icons {
	margin-left: -7px;
}

.attachments-gallery .image-wrapper{
	padding-left: 0 !important;
	padding-right: 15px !important;
}

.contact_images .file-title {
	word-break: break-all;
}

.logo-file-error, .symbol-error{
	color: #e51646;
}

.tox-statusbar__branding, .tox-promotion{
	display: none !important;
}

.modal .devoops-modal,
.modalbox.contact_modal .devoops-modal,
#video_popup.contact_modal .devoops-modal{
	top: 20px;
	width: 950px!important;
	left: 0;
	right: 0;
	margin: auto;
	max-width: 95%;
}

.modalbox.contact_modal .tab-content,
#video_popup.contact_modal .tab-content {
	margin: 15px 0;
}

.parent-questionnaire-wrapper>.panel-body {
	padding: 0;
}

.panel.panel-wrapper {
	border: none;
	box-shadow: none;
}

.parent-questionnaire-wrapper .panel-group {
	margin: 0;
}

.panel-loader {
	width: 20px;
}

.parent-questionnaire-wrapper .group-wrapper ul {
	list-style: none;
	padding-left: 20px;
	margin-bottom: 0;
	padding-bottom: 0;
}

.panel-group-title {
	font-size: 16px;
}

.issue_raised_wrapper_company .messages, .issue_raised_wrapper .messages {
	list-style: none;
	padding: 0;
}

.issue_raised_wrapper_company .messages li.message_item, .issue_raised_wrapper .messages li.message_item {
	margin-bottom: 15px;
	border: 1px solid #ddd;
	border-radius: 5px;
	padding: 0;
}
.issue_raised_wrapper_company .messages li.message_item > a, .issue_raised_wrapper .messages li.message_item > a{
	display: inline-block;
	width: 100%;
	padding: 10px;
	cursor: pointer;
}
.issue_raised_wrapper_company .messages li.message_item > a label, .issue_raised_wrapper .messages li.message_item > a label {
	cursor: pointer;
}

.messages .message_item .issue-label-title {
	min-width: 75px;
	margin: 0;
}

.issue_raised_wrapper_company .messages li.message_item .field_item_message p, .issue_raised_wrapper .messages li.message_item .field_item_message p {
	margin: 0;
	margin-bottom: 5px;
	color: #000;
}

.issue_raised_wrapper_company .messages li.message_item, .issue_raised_wrapper .messages li.message_item {
	position: relative;
}

.issue_raised_wrapper_company .messages li.message_item p.issue_date, .issue_raised_wrapper .messages li.message_item p.issue_date {
	position: absolute;
	right: 10px;
	font-size: 12px;
	bottom: 5px;
	display: grid;
	text-align: right;
}

.issue_raised_wrapper_company ul.media_files, .issue_raised_wrapper ul.media_files,
ul.ingredients-wrapper {
	list-style: none;
	padding: 0;
}

.issue_raised_wrapper_company ul.media_files>li, .issue_raised_wrapper ul.media_files>li {
	display: inline-block;
	margin-right: 2px;
	width: 60px;
	height: 60px;
}

.issue_raised_wrapper_company ul.media_files>li img, .issue_raised_wrapper ul.media_files>li img {
	border-radius: 5px;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.issue_raised_wrapper_company span>label.issue-label-title, .issue_raised_wrapper span>label.issue-label-title {
	margin-right: 5px;
}
.issue_raised_wrapper_company .issue_raised_message_container .message_item{
	min-height: 60px;
    align-items: center;
    display: flex;
} 
ul.ingredients-wrapper {
	padding: 0 20px;
}
/* ul.ingredients-wrapper li{ */
	/* padding: 5px 0; */
/* } */

.files_images-wrapper img {
	width: 100%;
	border-radius: 5px;
}

.mr-1 {
	margin-right: 0.5rem !important;
}

.files_images-wrapper label,
.files_videos-wrapper label,
.files_others-wrapper label {
	margin-top: 2px;
	font-size: 10px;
	word-break: break-all;
	width: 100%;
	color: #333;
	cursor: pointer;
}

.files_videos-wrapper a,
.files_others-wrapper a {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-decoration: none;
}
.files_videos-wrapper a>i,
.files_others-wrapper a>i {
	width: 100%;
	font-size: 5rem;
	-webkit-text-stroke: 3px #fff;
	color: #000;
	opacity: 0.5;
	padding: 10px 0;
	text-align: center;
	box-shadow: 0 0 1px;
	border: 1px solid #cfcaca;
	border-radius: 5px;
}
.files_others-wrapper a>i.file-other {
	-webkit-text-stroke: 0px #fff;
}

#tabContent.nav-tabs>li>a {
	padding: 5px 10px;
	font-weight: 600;
}

label.error[for="files"] {
	width: 100%;
}

.mt-1 {
	margin-top: 1rem !important;
}

.mt-0 {
	margin-top: 0 !important;
}

.float-right {
	float: right !important;
}

.d-flex {
	display: flex !important;
}

.align-item-center {
	align-items: center !important;
}

.m-0 {
	margin: 0 !important;
}

.p-0 {
	padding: 0 !important;
}

.pl-0 {
	padding-left: 0 !important;
}

.pl-2 {
	padding-left: 2rem !important;
}

.fc .fc-more-popover .fc-popover-body {
	max-height: 310px;
	overflow-y: auto;
}

.fc-button.fc-button-primary{
	text-transform: capitalize!important;
}

.fc .fc-toolbar.fc-header-toolbar{
	margin-bottom: 10px!important;
}

.fc .fc-more-popover .fc-popover-body::-webkit-scrollbar {
	width: 8px;
}

.fc .fc-more-popover .fc-popover-body::-webkit-scrollbar-track {
	background: #f2f2f2;
}

.fc .fc-more-popover .fc-popover-body::-webkit-scrollbar-thumb {
	background-color: #cccccc;
	border-radius: 16px;
	border: 2px solid #f2f2f2;
}

.urgency_level {
	position: absolute;
	top: 0;
	right: 0;
	width: unset;
	padding: 2px 7px !important;
	border-radius: 0 0 0 5px;
	text-transform: capitalize;
}

.urgency_level.urgency_level_urgent {
	background-color: #FFBE1799;
}

.urgency_level.urgency_level_emergency {
	background-color: #F21A1A99;
}

.urgency_level img {
	display: inline;
	height: 20px;
	margin: 0 !important;
	vertical-align: middle;
}

.urgency_level span {
	line-height: 20px;
	vertical-align: text-top;
	font-weight: bold;
	color: #000;
}

.send_mail_btn_wrapper {
	float: right;
	margin-bottom: 0 !important;
}

.send_mail_modal_btn {
	height: 35px;
	display: flex;
	align-items: center;
}

.send_mail_modal_btn i {
	margin-right: 5px;
}

#ingredients_user_mail_modal .modal-dialog {
	width: 90%;
}

.ingredients_user_mail_modal div.mb-2 {
	margin-bottom: 20px;
}

textarea.mail_to {
	min-height: 30px;
	height: 40px;
}

.email_copy_btn {
	margin-top: 11px !important;
	height: 35px;
	border-radius: 5px;
	width: 180px;
}

.ucwords {
	text-transform: capitalize;
}


.date_field {
	position: relative;
}

.date_field .clear_dt_picker {
	position: absolute;
	right: 0px;
	top: 6px;
}

.ing_wrapper.row span:nth-child(1) {
	display: block;
}

.disabled {
	opacity: 1;
	cursor: not-allowed;
	pointer-events: none;
}

.expired_ingredient {
	color: #ff413d;
	font-weight: 600;
}

.icon_primary_btn,
.icon_primary_btn:hover,
.icon_primary_btn:focus {
	background: #E51646;
	color: #fff;
	margin: 0;
	margin-left: 5px;
}

.task_status {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: left;
}

.save_edit_task_btn {
	height: 30px;
}

.error-message {
	color: #ff413d;
	text-align: center;
}

.modal_auto_complete {
	z-index: 9999 !important;
}

.iframe_main_container {
	height: calc(100vh - 115px);
}

.iframe_main_container iframe {
	height: 100%;
	width: 100%;
}

.date_fields input {
	position: relative;
}

.date_clear_btn {
	position: absolute;
	top: 6px;
	right: 20px;
	width: 15px;
	height: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: gray;
	border-radius: 50%;
	text-align: center;
	color: #fff;
	padding-bottom: 2px;
	font-size: 12px;
	font-weight: 600;
	cursor: pointer;
}

.date_clear_btn:hover {
	background: #545050;
}

.pr-0 {
	padding-right: 0;
}

@media screen and (max-width: 650px) {
	.calender_list_view{
		flex-direction: column;
	}
}

.task_date_picker_field{
	position: relative;
}

.task_date_picker_field a.clear_dt_picker{
	right: 7px;
	top: 5px;
}

.task_info_back_btn_wrapper button{
	padding: 5px 10px;
}

.product_page .tasks_list_wrapper .headings .field_item.field_item_title{
	width: calc(100% - 570px);
}

.product_page .tasks_list_wrapper ul li .field_item.field_item_title{
	width: calc(100% - 570px);
}

.ingredients_facilities_name_wrapper .ingredients_facilities_name_field{
	padding-left:0px !important;
}

.task_info_wrapper .visited_task_title {
	width:100%;
}

.visited_task_title span {
	float:left;
}

.ingredient-current-status{
	background-color: #dae4ff;
	padding: 9px 21px;
	border-radius: 7px;
	font-size: 15px;
	color: #000;
	font-weight: 500;
	border: 1px solid #bac9f1;
	margin: 14px 0px;
}

.task_info_wrapper .visited_task_field {
	width:100% !important;
	display:block !important;
	text-align:left !important;
}

.col-sm-12 .visited_task_questionnaire {
	width:100%;
	text-align:left;
}

.questionnaire_group ul:not(:empty) {
	min-height:45px;
}

.messages_list .user_name {
   float:left;
}

.visited_task_questionnaire .question,.visited_task_questionnaire .answer {
	text-align:left !important;
	padding-left:20px;
}

.messages_list .message { 
	display:flex;
}

.task_info_back_btn_wrapper .task_info_back_btn{
	display:block;
}

body.modal-open {
	overflow-y: hidden;
}

.contact_modal{
	overflow-y: auto;
	/* height: 100vh; */
}

.search-container {
  float: left;
  padding-right:100px;
}

.search-container button {
	padding: 6px 10px;
	margin-top: 8px;
	margin-right: 16px;
	background: #ddd;
	font-size: 17px;
	border: none;
	cursor: pointer;
	position:absolute;
	right:60px;
	bottom:0px;
}

.search-container button:hover {
	background: #ccc;
  }

.tasks_list_wrapper .task_search_row {
	padding-bottom:20px;
}

.visited_task_form .task_search_input {
	width: 200px;
	height: 35px;
}

.ui-autocomplete {z-index:9999}

.list_wrapper .headings {
	text-align:center;
}

.tasks_list_wrapper .headings .prod_title_head,.tasks_list_wrapper .headings .prod_date_head,.tasks_list_wrapper .headings .prod_best_by_day_head{
	width: 120px !important;
}

.tasks_list_wrapper .headings .prod_lot_no_head {
	width: calc(100% - 742px)!important;
}

.tasks_list_wrapper ul li .prod_title_val,.tasks_list_wrapper ul li .prod_lot_no_val,.tasks_list_wrapper ul li .production_date_val,.tasks_list_wrapper ul li .prod_best_by_date_val {
    width: 120px !important;
}

.list_wrapper .prod_head .field_item {
	text-align:center;
}

.prod_head .prod_mashgiach_head {
	width:130px !important;
}

.prod_head .prod_facility_head {
	width:100px !important;
}
.prod_head .prod_best_by_date_head,.prod_head .prod_status {
	width:133px !important;
}

.production_info .prod_mashgiach_name_val {
	width:130px !important;
}

.production_info .prod_facility_val {
	width:110px !important;
}

.production_info .prod_date_val {
	width:128px !important;
}

.tasks_list_wrapper .field_item.prod_date_head {
    width: 120px !important;
}

.production_info .prod_best_by_date_val {
	width:142px !important;
}

.contact_modal .task_info_wrapper .btn,.contact_modal .task_info_wrapper textarea {
    display: none;
}

#production .tasks_list_wrapper .field_item {
	width: 105px;
	white-space: unset;
	vertical-align: middle;
}

.ingredients_facilities_name_wrapper .ingredients_facilities_name_field , .ingredients_facilities_name_wrapper .ingredients_facilities_brand_field {
	padding-left:0px !important;
	padding-right:15px;
	display:inline-block;
}

.ingredients_facilities_name_wrapper .ing_minus_wrapper,.ingredients_facilities_name_wrapper .ing_plus_wrapper,
.ingredients_facilities_name_wrapper .formula_ing_minus_wrapper, .ingredients_facilities_name_wrapper .formula_ing_plus_wrapper{
	display:inline;
}

.table-ingredient_facilities td.ingredient_facility_id{
	min-width: 25px;
}
.table-ingredient_facilities td.approval_note{
	word-break: break-word;
	max-width: 350px;
}

#frmAddEditRecord .btn-primary,#frmAddEditRecord_advance .btn-primary,#frmAddEditRecord_basic .btn-primary,#frmEditAccount  .btn-primary,#frmWebsiteSettings .btn-primary{
    padding: 8px 20px !important;
    margin-top: 8px;
    background: #fff;
    /* border: 0px; */
    /* font-size: 13px; */
	/* color:#000 !important; */
	/* border:	1px solid rgba(0, 0, 0, 0.3); */

}

#content, #sidebar-left {
    padding-bottom: unset!important;
    margin-bottom: unset!important;
}

.btn-danger, .btn-default, .nav.main-menu a.active-parent>i, .nav.msg-menu a.active-parent>i, .panel-menu .dropdown-menu>li>a:hover, .panel-menu i, .small-box .icon {
    color: #e51646;
}

.nav.main-menu .ajax-menu-link.active-parent.active, .select2-arrow b {
    background: unset!important;
}
.btn-danger, .btn-default, .nav.main-menu a.active-parent>i, .nav.msg-menu a.active-parent>i, .panel-menu .dropdown-menu>li>a:hover, .panel-menu i, .small-box .icon {
    color: #e51646 !important;
}

.nav.main-menu a.active i, .nav.msg-menu a.active {
    color: #e51646 !important;
}

.nav.main-menu a.active-parent, .nav.msg-menu a.active-parent {
    background: #323a59!important;
    color: #fff !important;
    opacity: 1;
}
.main-menu .dropdown-menu>li>a {
    color: #8e8e8e;
    height: 50px;
    padding-top: 14px;
}

.main-menu .dropdown-menu>li>a {
    padding-right: 8px;
    padding-left: 10px;
}

.small-box .icon, a.btn-danger, a.btn-danger:hover {
    background-color: rgba(229,22,70,.1);
	 color: #e51646;
}

.form-horizontal .control-label {
    text-align: left;
}
.col-sm-offset-2 {
	margin-left: 16.67%;
}
.col-sm-offset-3 {
    margin-left: 25%;
}
.col-sm-offset-4 {
    margin-left: 33.33%;
}
.btn-default {
	margin:8px;
    background: #fff;
    border: 1px solid #d4d4d4;
	color:#929292 !important;
	padding:8px 20px !important;
}

.btn-default:hover {
    color: #fff !important;
    background: #e51646 !important;
    border-color: #989898;
}

.btn-success {
    color: #2dba67 !important;
    border: 1px solid #2dba67 !important;
}

.btn-success, .btn-success:hover {
    background-color: rgba(45,186,103,.1) !important;
}

.icon-btn {
    border-radius: 5px!important;
    padding: 0!important;
    margin: 0;
    width: 30px;
    height: auto;
    font-size: 13px!important;
    -webkit-border-radius: 5px!important;
    -moz-border-radius: 5px!important;
    -ms-border-radius: 5px!important;
    -o-border-radius: 5px!important;
}

label {
	margin-bottom: 5px;
    font-weight: bold;
}

.dataTable th {
	background-color: #fff !important;
	border: 0px !important;
}
.table-striped.table-heading thead>tr>th {
	border-top: 0px !important;
}
.btn-primary {
	background-color:#fff !important;
	margin:5px;
	background-image: none;
	color:#e51646;
	border-color: #e51646;
}

/*.table-datatable .btn-primary {
	padding:2px 12px !important;
}*/

.open > .dropdown-menu {
    display: block;
}

.form-group .contact_type_filter {
	display:block;
}

.contact_type_filter .checkbox-inline {
	display:inline-block;
}

.contact_email .btn-remove-email-field,.contact_phone .btn-remove-phone-field,.contact_address .btn-remove-address-field {
	margin-top:0px !important;
}

.form-group .facility_type_radio_group,.form-group .approval_status_radio_group,.form-group .kosher_for_passover_radio_group,.form-group .insect_infection_radio_group,.form-group .dpm_status_radio_group,.form-group .status_radio_group,.form-group .product_status_radio_group,.form-group {
	padding-left:15px;
}

.ingredients_filter_container .ingredients_filter {
	display:block;
	padding-left:20px;
}

#frmAddEditRecord .btn-primary, #frmAddEditRecord_advance .btn-primary,#frmAddEditRecord_basic .btn-primary, #frmEditAccount .btn-primary, #frmWebsiteSettings .btn-primary, form .btn-primary{
	padding:2px 12px;
}

.task_filters .fa-square-o {
	padding-left:7px;
}
.task_filters{
	margin: 1px 0!important;
	padding: 5px 10px 5px 20px;
	background: #e8e8e8;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-ms-border-radius: 7px;
	-o-border-radius: 7px;
}
.task_filters .checkbox-inline {
	padding-left: 7px;
}
.task_filters .checkbox-inline label{
	margin-bottom:0;
	margin-right: 15px;
}
.task_filters .checkbox-inline:last-child label{
	margin-right: 0;
}

[data-toggle="buttons"] > .btn > input[type="radio"], [data-toggle="buttons"] > .btn > input[type="checkbox"] {
    display: none;
}

.contact_filter_row .contacts_type_filter {
	display:block;
}

.set-as-company-checkbox{
	left: 41% !important;
}
#modalbox .set-as-company-checkbox{
	left: 34% !important;
}

.contacts_type_filter .contact_type_checkbox_group {
	display:inline;
	padding-left:35px;
}

.contact_type_checkbox_group .checkbox-inline {
	padding-left:10px;
}

.contact_type_checkbox_group .fa-square-o{
	padding-left:7px;
}

.container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm {
    --bs-gutter-x: 1.5rem; 
     --bs-gutter-y: 0; 
	 width: 100%; 
     padding-right: calc(var(--bs-gutter-x) * 0.5); 
     padding-left: calc(var(--bs-gutter-x) * 0.5); 
     margin-right: auto; 
     margin-left: auto; 
}

.contact-field-item{
	border-style: solid;
	border-width: 0px 0;
	border-color: #eee;
	padding: 7px 10px !important;
	background: #e8e8e8;
	font-size: 16px !important;
	font-weight: 700;
	color: #000;
	border-radius: 5px;
	margin-bottom: 22px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
}

#page-login {
    height: 100vh;
}

.login-box-wrapper {
    margin: 0 !important;
    display: flex;
}
#page-login .box {
    max-width: 470px;
    margin: auto;
	padding-top:45px;
}
.box {
    display: block;
    z-index: 1999;
    border: 0 solid #f8f8f8;
    box-shadow: unset;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}
.box, .panel-menu>li>a:hover {
    background: 0 0;
}
.box-content {
    position: relative;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 25px;
    background: #fff;
    -webkit-box-shadow: 0 20px 40px 0 hsl(0deg 0% 42% / 10%);
    box-shadow: 0 20px 40px 0 hsl(0deg 0% 42% / 10%);
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.login-content:before {
    left: -70px;
    bottom: -60px;
}
.login-content:after, .login-content:before {
    z-index: -1;
    height: 250px;
    width: 250px;
    background-image: url("../img/dots.svg");
    background-repeat: no-repeat;
    position: absolute;
    content: "";
}
.login-content:after {
    right: -76px;
    top: -65px;
}
.login-content:after, .login-content:before {
    z-index: -1;
    height: 250px;
    width: 250px;
    background-image: url("../img/dots.svg");
    background-repeat: no-repeat;
    position: absolute;
    content: "";
}

#page-login h3 {
    font-family: Domine;
    padding-bottom: 18px;
    border-bottom: 0;
    font-weight: 600;
}

.login-content .form-group .control-label {
    color: #667182;
    font-size: .9rem;
}

.hidden {
    display: none !important;
    visibility: hidden !important;
}

.task_form_wrapper .radio-inline label,.task_form_wrapper .radio-inline .fa-circle-o{
	padding-left:20px;
}

.task_form_wrapper .notification_filter {
	padding-left:42px;
} 

hr {
	border:1px solid #eee !important;
}

.nav-tabs{
	margin-left:0px !important;
}

.nav-link {
	color:#E51646;
	font-weight:600;
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
	color:#000;
}

#add_popup_ingredient {
	margin-right: 5px;
	padding-left: 32px !important;
	padding-right: 20px !important;
	padding-top: 7px !important;
	margin-left: 5px;
}

#add_popup_ingredient .fa-plus {
	position: absolute;
	left: 15px;
	top: 8px;
}

.task_info_wrapper .field_item_title {
	width:100% !important;
}

.head_dropdown_right .dropdown-toggle {
	background-color:#f6f8ff!important;
	border:0px;
	box-shadow:none !important;
}

.panel-menu .dropdown-menu {
    position: absolute!important;
    background: #f5f5f5 !important;
    padding: 0;
    border: 0;
    right: 0px!important;
    min-width: 205px;
    top: 55px!important;
    transform: unset!important;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.manage_account_dropdown li {
	height:40px;
}

.fc-h-event .fc-event-title-container {
    text-align: left;
}

.calender_list_view_wrapper{
	background-color:#fff;
	/* color:#000; */
}

.btn-highlight {
	color:#fff !important;
	background-color:#E51646 !important;
}

.btn-light {
	color:#000 !important;
	background-color:#fff !important;
}

.row .mark_read_btn_container {
	padding-top:7px;
}

.mark_read_btn_container .mark_all_read {
	width:173px;
	margin-right:0;
	padding:6px;
}

.calender_list_view .calender_view_btn {
	border-top-left-radius:5px !important;

}

.calender_list_view .list_view_btn {
	border-top-right-radius:5px !important;

}

.msg_checkbox_filter .filter_threads_status {
	padding-left:20px;
}

.msg_filter_thread .filter_msg_status {
	position:relative;
	left:19px;
}

#logo.sidebar-show {
   width: 2.4%;
}
@media(min-width:768px){
	.sidebar-show #sidebar-left.col-sm-2 {
   	width: 2.4%;
    	padding: 0;
    	z-index: 11;
	}
}

.sidebar-show #content.col-sm-10 {
    opacity: 1;
   width: 97.6%;
}

.sidebar-show #sidebar-left.col-xs-2 {
    opacity: 1;
    
}

.sidebar-show #sidebar-left ul.nav.main-menu li ul.dropdown-menu {
    position: absolute;
    top: 0;
    left: 41px;
    display: none;
}

#logo img {
	padding-top:11px;
}

#logo.sidebar-show+#top-panel {
   width: 97.6% !important;
}

.dataTables_wrapper .box-content {
    display: flex;
}

.box-content .col-xs-6 {
	width:50%;
}

.containerPopup {
    display:block;
    overflow:hidden;
}

/* #customQuestionnaire .modal-content {
	width:1200px;
}

#customQuestionnaire .modal-body {
	padding:22px;
}

#customQuestionnaire .modal-dialog {
	margin-left:165px;
} */

.close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}

button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
}
.modal-header .close {
    margin-top: -2px;
    position: absolute;
    right: 11px;
}

.panel-default {
    border-color: #ddd;
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.panel-default > .panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}

.panel-title > a {
    color: #000;
	text-decoration: none;
	font-size:16px;
}

.panel-title > a:hover{
    color: #000;
    text-decoration: underline;
}


.panel-collapse {
	padding:11px;
}

.panel-default {
    border-color: #ddd;
}

.panel-default > .panel-heading {
	display: inline-block;
	width: 100%;
	color: #333;
	background-color: #f5f5f5;
	border-color: #ddd;
	text-decoration: none;
}
.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
}
.collapse.in {
    display: block;
}
.panel-default > .panel-heading + .panel-collapse .panel-body {
    border-top-color: #ddd;
}

.panel-default > .panel-heading + .panel-collapse .panel-body {
    border-top-color: #ddd;
}
.parent-questionnaire-wrapper{
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: solid 1px #ddd;
}
.parent-questionnaire-wrapper > .panel-body {
    padding: 0;
}
.parent-questionnaire-wrapper .panel-group {
    margin: 0;
}
.panel.panel-wrapper {
    border: none;
    box-shadow: none;
}
.panel-group .panel {
    margin-bottom: 0;
    overflow: hidden;
    border-radius: 4px;
}
.show {
    display: block !important;
}

.popover {
	position: fixed;
	top: -1000px;
	left: -1000px;
}
.popover:not(.show) {
	display: none;
}

.field_item_questionnaires .btn-add-custom-field {
	text-align: center;
	color: #000;
	margin: 5px 0;
	height: 30px;
	border-radius: 5px;
	background: #fff !important;
	border: 1px solid #ccc;
	font-weight: bold;
	font-size: 12px;
	width:100%;
}

.field_item_questionnaires .btn-add-custom-field:hover {
	background:#E51646 !important;
	color:#fff !important;
}

#frmAddEditRecord .btn-primary:hover, #frmAddEditRecord_advance .btn-primary:hover, #frmAddEditRecord_basic .btn-primary:hover{
	color:#fff !important;
	background:#cc1741 !important;
	border-color:rgba(0, 0, 0, 0.3);
}

#frmAddEditRecord button[type=submit], #frmAddEditRecord_advance button[type=submit], #frmAddEditRecord_basic button[type=submit] {
	background:#e51646 !important;
	color:#fff !important;
	border-color:rgba(0, 0, 0, 0.3);
}

.btn-danger .fa-trash-o {
	color:#bf173e !important;
}

header a.notification_icon {
	display: none;
	position: relative;
	float: right;
	margin: 10px;
	font-size: 1.5em;
	text-decoration: none;
}
header a.notification_icon i.fa {
	color: #000;
}
header a.notification_icon span {
	position: absolute;
	display: inline-block;
	top: -5px;
	right: -12px;
	font-size: 11px;
	font-weight: bold;
	border-radius: 50%;
	width: 20px;
	line-height: 20px;
	text-align: center;
	background-color: #e51646;
	color: #fff;
}

/* .ui-timepicker-div dl dd{
	margin-top: 20px;
} */
.ui-timepicker-div .ui-timepicker-select{
	font-family: unset;
	background: #fff;
	width: 52%;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
}

.table-striped.table-heading thead>tr>th {
	vertical-align: middle;
	font-weight: 600;
}

.table-datatable .sorting {
	padding-right: 16px !important;
}

.ingredients_facilities_name_wrapper span {
	display: flex !important;
}

.icon_btn{
	height: 35px;
	display: flex;
	align-items: center;
	width: fit-content;
}

.icon_btn i{
	margin-right: 5px;
}

.send_mail_btn_contacts_manage_page{
	height: 34px;
	margin-top: 0px !important;
	display: flex;
	align-items: center;
}

.questionnaire_container textarea,
.questionnaire_container input[type="text"],
.questionnaire_container input[type="number"],
.questionnaire_container select{
	height: 41px;
	min-height: 41px !important;
}
.questionnaire_container{
	margin-left: 15px;
}
.questionnaire_container #frmAddEditRecord{
	padding-left: 0 !important;
}

.audio_control{
	margin-left: 250px;
}

.facilityNoteShow{
	width:180px;
	padding:6px;
	border:none;
	height: 50px;
	margin-top: 6px;
}

/* Please have look this style */

@media screen and (max-width: 1545px){
	.main-menu .dropdown-menu>li>a {
		color: #f0f0f0;
		text-overflow: ellipsis;
		white-space: nowrap; 
		overflow: hidden; 
		width: 180px; 
	}
	.none_checkbox{
		margin-top: 7px;
		margin-left: 43px !important;
	}
}

@media screen and (max-width: 1315px){
	.main-menu .dropdown-menu>li>a {
		color: #f0f0f0;
		text-overflow: ellipsis;
		white-space: nowrap; 
		overflow: hidden; 
		width: 150px; 
	}
	.none_checkbox{
		margin-top: 7px;
		margin-left: 27px !important;
	}
}

.social_btn{
	width: 100px;
	padding: 5px;
}

.social_btn:hover{
	color: #fff !important;
}

.file-item-block{
	position: relative;
}

.file-item-block .remove-file-btn{
	display: none;
	position: absolute;
	right: -4px;
	top: -12px;

}

.file-item-block .remove-file-btn i{
	font-size: 19px;
	color: red;
	-webkit-text-stroke: inherit;
	opacity: 1;
	border: none;
	box-shadow: none;
	padding: 0;
}

.file-item-block:hover .remove-file-btn, .file-item-block:hover .edit-file-btn{
	display: inline-block;
}

.file-item-block:hover img, .file-item-block:hover .files_others-content{
	opacity: 0.7;
}

.edit-file-btn, .files_others-wrapper .edit-file-btn, .files_videos-wrapper .edit-file-btn{
	display: none;
	position: absolute;
	right: -10px;
	bottom: -1px;
}

.edit-file-btn i, .files_others-wrapper .edit-file-btn i, .files_videos-wrapper .edit-file-btn i{
	padding: 4px;
	border: 1px solid;
	border-radius: 50%;
	color: #3757f5;
	font-size: 15px;
	opacity: 1;
	-webkit-text-stroke: inherit;
}

@media screen and (max-width: 1920px){
	.none_checkbox{
		margin-top: 7px;
	}
}
@media screen and (max-width: 1760px){
	.none_checkbox{
		margin-top: 7px;
		margin-left: 63px;
	}
}
.grayed-out {
	opacity: 0.1 !important;
	cursor: not-allowed;
	background: gray !important;
	border: 1px solid black !important;
}

/* ----------- to here --------------- */

.load_question_check_wrapper {
	display: flex;
	flex-wrap: wrap;
	padding-left: 25px;
}

.load_question_check_wrapper span {
	margin-left: 5px;
}

.load_question_check_wrapper span,
.load_question_check_wrapper input {
	cursor: pointer;
}

.load_question_check_wrapper div {
	margin-right: 10px;
}

.load_question_check_wrapper label {
	display: flex;
	align-items: center;
}

/* steeven added css for bootstrap multi-select */
.bootstrap-select .dropdown-menu{
	width: 103.3% !important;
}
.bootstrap-select .bs-searchbox{
	background: #fff;
}
.bootstrap-select .dropdown-menu li {
	height: 25px;
	display: flex;
	align-items: center;
}
.bootstrap-select .dropdown-menu li:hover{
	background: #00000017;
}
.bootstrap-select a.dropdown-item:hover{
	color: #000;
}
.bootstrap-select a.dropdown-item{
	background: #fff !important;
	color: #000 !important;
}
.bootstrap-select a.dropdown-item span{
	font-size: 13px;
}
.bootstrap-select a.dropdown-item span.text{
	overflow: hidden;
    text-overflow: ellipsis;
    max-width: 93%;
}
.bootstrap-select .dropdown-menu{
	border: 1px solid #dfe3e8;
	/* height: 95%; */
} 
.bootstrap-select ul.dropdown-menu li.selected a.dropdown-item span.check-mark{
	color: #e51646!important;
	right: 30px;
	top: 2px;
}
.bootstrap-select button.dropdown-toggle{
	padding: 2px 12px !important;
	height: 33px;
	font-size: .8rem;
	font-weight: 100;
	color: #212529;
	border: 1px solid #dfe3e8;
	box-shadow: none !important;
	width: 103.3%;
}
.bootstrap-select button.dropdown-toggle:focus{
	outline: none !important;
}
.bootstrap-select button.dropdown-toggle .filter-option{
	display: flex;
	align-items: center;
}
.bootstrap-select button.dropdown-toggle::after{
	display: none !important;
}
.bootstrap-select #bs-select-1{
	max-height: 146.2px !important;
}


/* css for sidebar */
@media screen and (max-width: 1545px){
	.main-menu .dropdown-menu>li>a {
		color: #8e8e8e;
	}
}
.sidebar-show #sidebar-left ul li:hover ul {
	display: block !important;
}
.sidebar-show #sidebar-left ul li ul{
	display: none !important;
}
.sidebar-show #sidebar-left ul.nav.main-menu li ul.dropdown-menu {
	left: 37px;
}
.dataTables_wrapper {
	overflow: auto !important;
}
@media (max-width: 767px){
	#logo.sidebar-show{
		width: 100%;
	}
	.sidebar-show #content.col-sm-10 {
		width: 88%;
	}
	.sidebar-show #sidebar-left.col-xs-2 {
		opacity: 1;
		width: 12%;
		padding: 0 15px;
	}
}
.sidebar-show #sidebar-left li span.hidden-xs {
	display: none !important;
}
#sidebar-left li .ajax-menu-link{
	text-overflow: ellipsis;
	width: 100%;
}

.facilityNoteShow{
	overflow: auto;
	width: unset !important;
}

.customQuestionnaire .modal-dialog {
	max-width: calc(100% - 400px);
	margin-top: 5%;
}

.customQuestionnaire .modal-body {
	padding: 35px 35px 0px 35px;
}

.customQuestionnaire .groups_questions {
	border: none;
}

@media screen and (max-width: 768px) {

	.customQuestionnaire .modal-dialog {
		max-width: calc(100% - 10px);
		margin-top: 25%;
	}
}

.ingredientFieldSet {
	border: 1px solid #eee;
	border-radius: 5px;
	padding: 5px 0px;
}


.modalbox .devoops-modal span.txt_site_name{
	max-width: calc(100% - 100px);
	overflow: hidden;
	text-overflow: ellipsis;
	max-height: 100px;
	line-height: 25px;
	white-space: pre;
}
.modalbox .devoops-modal-header{
	min-height: 50px;
	height: fit-content;
	align-items: center;
}
.modalbox .modal-header-name{
	min-height: 62px;
	padding-top: 9px;
	padding-bottom: 9px;
}

.disabled.btn {
	color: #e51646;
	opacity: 0.3;
	cursor: not-allowed;
	font-weight: 600;
	padding: 2px 12px;
}


@media (min-width: 983px) and (max-width: 1258px) {

	#logo>a,
	#sidebar-left .nav.main-menu li a {
		width: 80% !important;
	}
}

.drag_handle_icon {
	position: relative;
	top: 3px !important;
}

.field_item_value {
	/* max-width: 80%; */
	display: inline-block;
	padding-right: 10px;
	line-height: 18px;
	word-wrap: break-word;
}

.btn-edit {
	width: 20%;
	display: inline-block;
}

.url-container {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.contact_type_head {
	width: 20%;
}

.contact_name_head {
	min-width: 23.2%;
	max-width: 42.1%;
}

.product_desc_head {
	width: 205px;
}

.admin_user_action_head {
	min-width: 200px !important;
}

.emailField {
	width: 10rem !important;
	max-width: 10rem;
	overflow: hidden;
	text-overflow: ellipsis;
}

.nameField {
	max-width: 173px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ingredients_name_head {
	min-width: 15%;
}

.admin_user_email_head td {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

@media (min-width:1546px) and (max-width: 1906px) {
	#sidebar-left ul.nav.main-menu li a {
		margin-bottom: 2px;
	}
}

#removeImg:checked {
	accent-color: #e51646;
	color: #fff;
	border-radius: 3px;
}

.field_item_note {
	display: grid;
	grid-template-columns: 1fr;
}	

#send_mail_modal_btn {
	width: 111px;
	display: flex;
	justify-content: center;
	align-items: center;
}

@media (min-width : 160px) and (max-width : 1100px) {
	.contact_btn_wrapper {
		flex-direction: column;
		flex-wrap: wrap;
		padding-left: 0;
	}

	#send_mail_modal_btn,
	.addContactBtn,
	.contact_export_btn {
		width: 123px;
	}
}

.send_mail_btn_contacts_manage_page i {
	display: flex !important;
	position: relative !important;
	right: 84% !important;
	margin-bottom: 3px !important;
}

.send_mail_btn_contacts_manage_page{
	margin-bottom: 3px !important;
}

.contact_btn_wrapper {
	justify-content: end;
}

.contact_export_btn {
	margin:0px !important;
	margin-left:5px !important;
	height:34px !important;
	white-space:nowrap !important;
	margin-bottom: 3px !important;
}

.addContactBtn {
	margin: 0px !important;
	margin-left: 5px !important;
	height: 34px !important;
	display: flex !important;
	align-items: center !important;
	white-space: nowrap !important;
	margin-bottom: 3px !important;
}

.contactNameField {
	max-width: 140px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.dataTables_scrollBody .contactNameField {
	max-width: inherit;
}

.mt-5x{
	margin-top: 5px;
}

.table-datatable .btn.btn-primary.icon-btn{
	color: #2dba67 !important;
	border: 1px solid #2dba67;
	background: rgba(45,186,103,.05) !important;
}

.table-datatable .btn-primary.icon-btn:hover,
.table-datatable .btn-danger.icon-btn:hover ,
.table-datatable .btn-success.icon-btn:hover {
	background: #fff !important;
	border-color: rgba(0,0,0,.3) !important;
}

input:disabled, 
textarea:disabled{
	cursor: not-allowed !important;
	background-color: #e9ecef;
}
.groups_questions .form-control[readonly]{
	cursor: text !important;
}
.hide{
	display: none;
}

.btn.btn-primary:focus,
.btn.btn-primary:active {
	background-color: #fff !important;
	color: #e51646 !important;
	border-color: #e51646 !important;
}

#popup_container {
	min-width: 400px;
	max-width: 400px;
}

.questionnaires_select .dropdown-menu.inner.show {
	max-height: 150px !important;
}

.align-item-start {
	align-items: start;
}

@media only screen and (max-width: 640px) {
	.ingredients_manage_page_box_content .ingredients_manage_btn_parent_div{
		display: block !important;
	}
}

/* css for facility remove modal ingredients manage */
.remove_facility_modal{
	height: 100vh;
}
.remove_facility_modal .devoops-modal{
	width: 650px !important;
	max-width: 65%;
	margin: auto;
	top: 20px !important;
	left: 50% !important;
}
.remove_facility_modal .facility_row{
	margin-bottom: 10px;
}
.remove_facility_modal .facility_row .fa-trash{
	margin-bottom: 1px;
}
.remove_facility_modal .facility_row {
	padding-top: 7px;
	padding-right: 7px;
	padding-bottom: 7px;
}
.remove_facility_modal .facility_row .delete-icon{
	padding-right: 0px;
}
.table-datatable tr td a.btn-danger:active{
	background-color: #fff;
}
.contact_ingredients-wrapper {
	height: 340px !important;
	overflow-y: auto;
	padding: 0;
}

.less_content {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 50ch !important;
	display: block;
}

.contact_ingredient_name_data {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 25ch !important;
	display: block;
}

.send_sms_wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.sms_sendNow_wrapper {
	width: calc(100% - 100px) !important;
}

.sms_setReminders_wrapper {
	width: calc(100% - 600px) !important;
}

.field_item_task_id .field_item_value {
	max-width: none;
}

.contact_ingredient_source_content,
.contact_ingredient_certification_content {
	width: 15% !important;
}

.contact_ingredient_brand_content {
	width: 15% !important;
}

.contact_ingredient_name_content {
	max-width: 20ch !important;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.contact_ingredient_table tr:hover {
	box-shadow: 2px 2px 6px 0 rgb(60 64 67 / 30%);
}

.contact_ingredient_table tr:hover td {
	background-color: rgba(0, 0, 0, 0.075) !important
}

.contact_ingredient_table tr:nth-child(1) {
	box-shadow: none !important;
	border: 1px solid #f3f6f9;
	border-top: 1px solid #f3f6f9 !important;
	border-color: #f3f6f9 !important;
}

.contact_ingredient_table tr:nth-child(1) th {
	font-weight: 800;
}

.contact_ingredient_table tr:nth-child(even) {
	background-color: #0000000d;
}

.contact_ingredient_table tr td {
	color: black;
}

.contact_ingredient_table tr {
	height: 57px;
	vertical-align: top;
}

.field_item_message .field_item_value {
	max-width: none;
	display: contents;
}

.field_item_system_issue_wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.ingredient_datatable_wrapper {
	overflow-y: scroll;
	max-height: 50vh;
}

.ingredient_datatable_wrapper .ingredient_datatable thead {
	top: 0;
	z-index: 2;
	position: sticky;
	background-color: white;
}

.ingredient_datatable_wrapper .ingredient_datatable tbody {
	position: relative;
	z-index: 1;
}


.gallery_img .ingredients-files {
	width: 90px;
	object-fit: cover;
	aspect-ratio: 1/1;
}

.ingredient_file_image {
	width: 40px;
	object-fit: cover;
	aspect-ratio: 1/1;
}

.ingredient_modal_details{
	margin-top: 10px !important;
}

.ingredient_pdf_data {
	font-size: 12px;
	max-width: 330px;
	/* inline-size: 50px !important; */
	word-wrap: break-word;
}
.ingredient_pdf_tbody tr{
	width: 100% !important;
}

/* .contact_ingredient_notes_head {
	width: 100% !important;
} */
@media screen and (max-width:1700px) {
	.ingredientProField {
		max-width: 151px;
	}
	/* .ingredients_brand_head {
		width: 93% !important;
	} */
}

.modalbox .contact_questionnaires_head {
	max-height: 300px !important;
}
@media screen and (max-height: 720px) {
	.modalbox .contact_questionnaires_head #questionnaireAccordion{
		max-height: 60vh;
	}
	.modalbox .contact_questionnaires_head {
		max-height: unset !important;
	}
}
@media screen and (min-height: 721px) and (max-height:900px) {
	.modalbox .contact_questionnaires_head #questionnaireAccordion{
		max-height: 69vh;
	}
	.modalbox .contact_questionnaires_head {
		max-height: unset !important;
	}
}
@media screen and (min-height: 901px) and (max-height:1368px) {
	.modalbox .contact_questionnaires_head #questionnaireAccordion{
		max-height: 78vh;
	}
	.modalbox .contact_questionnaires_head {
		max-height: unset !important;
	}
}
.contact_questionnaires_head {
	overflow-y: auto !important;
}
.issue_raised_ul_wrapper{
	/* max-height: 380px !important; */
	overflow-y: auto;
}
.issue_raised_message_container {
	max-height: calc(100vh - 490px) !important;
	overflow-y: auto;
}
@media screen and (max-height: 720px) {
	.issue_raised_message_container {
		max-height: 43vh !important;
		height: 43vh !important;
	}
}
@media screen and (min-height: 721px) and (max-height:900px) {
	.issue_raised_message_container {
		max-height: 55vh !important;
		height: 55vh !important;
	}
}
@media screen and (min-height: 901px) and (max-height:1368px) {
	.issue_raised_message_container {
		max-height: 65vh !important;
		height: 65vh !important;
	}
}

@media screen and (max-height: 720px) {
	.contact_ingredients-wrapper {
		height: 54vh !important;
	}
	.contact_ingredient_table_wrapper {
		max-height: 45vh !important;
	}
}
@media screen and (min-height: 721px) and (max-height:900px) {
	.contact_ingredients-wrapper {
		height: 65vh !important;
	}
	.contact_ingredient_table_wrapper {
		max-height: 58vh !important;
	}
}
@media screen and (min-height: 901px) and (max-height:1368px) {
	.contact_ingredients-wrapper {
		height: 65vh !important;
	}
	.contact_ingredient_table_wrapper {
		max-height: 54vh !important;
	}
}

.show_full_note {
	display: block;
	width: 360px;
}

.task_info_wrapper .field_item_title {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.task_info_wrapper .field_item_title a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 2.2px 12px;
	width: unset;
}

.account_btn_container button,
.settings_btn_container button{
	background: #e51646 !important;
	color: #fff !important;
	border-color: rgba(0, 0, 0, 0.3);
}

.admin_capability_checkbox {
	margin-left: 15px !important;
}

.record_label_text{
	font-size: 0.7em;
	color: #999;
}
/* toast css */
.confirm_toast_container,
.alert_toast_container {
	position: fixed;
	z-index: 99999;
	padding-right: 0px !important;
}

.toast .toast-body {
	backdrop-filter: blur(5px);
}

.toast {
	z-index: 99;
	border-radius: 0.375rem;
	overflow: hidden;
}

/* alert toast css */
#live_err_toast .toast-header i,
#live_err_toast .toast-header strong {
	color: #E51646;
	text-transform: capitalize;
}

#live_success_toast .toast-header i,
#live_success_toast .toast-header strong {
	color: #108e12;
	text-transform: capitalize;
}

#live_success_toast .toast-body,
#live_err_toast .toast-body {
	color: #000;
}


/* confirm toast css */
.confirm_toast_overlay {
	position: absolute;
	z-index: 99998;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

.confirm_live_alert .toast-header,
.confirm_live_alert .toast-body {
	padding: 10px;
}

.confirm-toast-btn {
	margin-top: 10px;
}

.confirm_toast_container .confirm-toast-btn .btn {
	margin-right: 5px !important;
}

#live_success_toast .toast-header {
	padding: 10px 15px !important;
}

#live_success_toast .toast-header,
#live_success_toast .toast-body {
	padding: 10px 15px !important;
}

#live_success_toast .toast-header button {
	font-size: 12px;
	margin: 0 !important;
}

.confirm_live_alert .toast-header i,
.confirm_live_alert .toast-header strong {
	color: #E51646;
}

.confirm_live_alert .toast-header .btn-close {
	height: 7px;
	width: 7px;
	margin-right: 0;
}

.confirm_toast_container .confirm-toast-msg {
	color: #000;
}

.confirm_toast_container .confirm-toast-btn button {
	background: transparent;
	margin: 0;
	padding: 5px;
	width: auto;
	min-width: 70px;
}

.confirm_toast_container .confirm-toast-btn .cancel-btn {
	color: #000;
	border: 0.5px solid #000;
}

.confirm_toast_container .confirm-toast-btn button:hover {
	border: 0.5px solid #E51646;
	background: #E51646;
	color: #fff;
}

.confirm_toast_container .confirm-toast-btn .btn-ok {
	border: 0.5px solid #E51646;
	color: #E51646;
}

/* Custom animation classes for toast rendering */
.slide-in-right {
	animation: slideInRight .25s ease-in-out;
	-webkit-animation: slideInRight .25s ease-in-out;
}

.slide-out-right {
	animation: slideOutRight .25s ease-in-out;
	-webkit-animation: slideOutRight .25s ease-in-out;
}

/* Custom keyframe animations */
@keyframes slideInRight {
	from {
		transform: translateX(100%);
		opacity: 0;
	}

	to {
		transform: translateX(0);
		opacity: 1;
	}
}

@keyframes slideOutRight {
	from {
		transform: translateX(0);
		opacity: 1;
	}

	to {
		transform: translateX(100%);
		opacity: 0;
	}
}

.emailLog_content_head {
	width: 50% !important;
}

.emailLog_content {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 40vw;
}

.emailLog_meta_content {
	font-size: 12px;
}

.emailLog_action_head {
	max-width: 15% !important;
}

.emailLog_date_head {
	max-width: 35% !important;
	width: 20% !important;
}

.emailLogDate ,.emailLogContent{
	margin-top: 3px !important;
}

.admin_user_heading {
	display: inline-grid !important;
}

.task_disable_btn {
	display: none !important;
}

.table_list_wrapper tbody tr:hover {
	cursor: pointer;
}

.table_list_wrapper thead th {
	font-weight: 700;
}


/* css start for company module */
.companies_page .box .main_div, .kashrus_organization_page .main_div{
	background: #fff;
	padding: 10px;
	position: absolute;
	width: 100%;
}
.companies_page .box .main_div .box-content, .kashrus_organization_page .box .main_div .box-content{
	background: #fff;
}
.companies_page .box .tab-content, #kashrus_main_div .tab-content{
	margin: 15px 0;
}
body .companies_page .box .nav-tabs .nav-link, body .companies_page .box button#basic-tab, #kashrus_main_div .nav-tabs .nav-link{
	border: 1px solid #1e2b6d1c !important;
}
#contactTabContent .box-header, #brands-manage-content .box-header, #facilities-manage-content .box-header, #facilities-manage-content .box-name {
	display: none;
}
body .add_edit_modal .box-content, body .add_edit_modal .box-content form{
	background: #FCFCFC !important;
}
body .add_edit_modal .box-name span{
	display: inline-block;
}
body .add_edit_modal .box-name span .meta{
	display: block;
	margin: 0;
	line-height: 12px;
	width: 80%;
}
body .add_edit_modal #Save{
	margin-top: 5px !important;
}
body #modalbox .facilities_list_wrapper .headings{
	display: flex;
	justify-content: space-between;
}
body #modalbox .facilities_list_wrapper .headings .field_item{
	/* width: unset; */
}
body #modalbox .facilities_list_wrapper ul .field_item {
	/* width: 20%; */
}
.companies_manage_page #add_company_btn{
	right: 0px;
	top: 0px;
}

.companies_manage_page .filter_input{
	margin-left: 15px;
}
.companies_page .box-name a{
	text-decoration: none;
	color:#363636;
}
.companies_page .box-name a:hover{
	color:#3757f5;
}
.redirect_to_company_frm #company_form_group{
	display: none;
}
.companies_page .addContactBtn{
	min-height: 40px !important;
}
html body .box-header a.btn.btn-default.btn-label-left.back-button{
    margin-top: -3px !important;
    margin-bottom: 0px !important;
	margin-left: 0px !important;
	margin-right: 15px !important;
    padding: 0px 10px !important;
    font-size: 20px;
}
.ui-autocomplete{
	padding: 0px;
	cursor: pointer;
}
.ui-autocomplete li.ui-menu-item{
	border-bottom: 0.1px solid #00000036 !important;
}
.ui-autocomplete li:last-child{
	border-bottom: 0px !important;
}
.ui-autocomplete li.ui-menu-item:hover{
	background: #EFF3FD;
}
.ui-autocomplete li.ui-menu-item a{
	background: #fff;
	border: none;
	margin: unset !important;
	font-size: 11px !important;
    font-weight: bold !important;
	color: #000 !important;
}
.ui-autocomplete li.ui-menu-item a:hover{
	background: #EFF3FD;
}
.ui-autocomplete li.ui-menu-item a div.child-label, .child-label{
	font-size: 10px;
	color: #0009;
	font-weight: normal;
}
/* css end for company module */

.required-fields-content{
	background: #fff;
	padding: 16px 10px;
}

.fields_according{
	margin: 10px 0;
}

.fields-ckeckbox-content .form-check-input {
	width: 1.2em;
	height: 1.2em;
}

.fields_accordion_btn{
	color: var(--bs-accordion-active-color) !important;
	background-color: var(--bs-accordion-active-bg) !important;
	box-shadow: inset 0 calc(var(--bs-accordion-border-width)* -1) 0 var(--bs-accordion-border-color) !important;
}

.fields-ckeckbox-content .form-check-label {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 250px;
	font-size: 15px;
	font-weight: 500;
	padding-left: 5px;
}

.required-field-checkbox:disabled{
	pointer-events: inherit !important;
	cursor: not-allowed !important;
}

.reset-default-block{
	position:absolute;
	right: 0;
	top: -12px;
}

#ui-datepicker-div{
	z-index: 99999 !important;
}

.delete_edit_Btn_Wrapper {
	display: flex;
	align-items: center;
}

.icon_btn span{
	font-size: 16px;
	padding: 0 !important;
}

.table-text-btn{
	width: fit-content;
	padding: 0px 5px !important;
}
.heading-inside-form{
	font-size: 15px;
	font-weight: 500;
}
.btn-danger span{
	color: #bf173e !important;
}
tr td:not(.no_pointer):hover{
	cursor: pointer;
} 

.contacts_loc_expiration_date {
	color: #ff413d;
	font-weight: 600;
}


/* css to highlight record in datatable */
body .table > tbody > .highlight-dt-row td,
body .table > tbody > .highlight-dt-row td:hover,
body .table > tbody > .highlight-dt-row td:first-child,
body .table > tbody > .highlight-dt-row td:last-child{
	background-color: #EFF3FD !important;
	--bs-table-accent-bg: #EFF3FD !important;
	border-top: 1px solid #006afb !important;
	border-bottom: 1px solid #006afb !important;
}
body .table > tbody > .highlight-dt-row td:first-child{
	border-left: 1px solid #006afb !important;
}
body .table > tbody > .highlight-dt-row td:last-child{
	border-right: 1px solid #006afb !important;
}
/* css end to highlight record in datatable */

.nav .nav-item button:focus-visible{
	outline: none;
}
.request_formula_btn_wrapper {
	display: flex;
	justify-content: end;
	align-items: baseline;
	position: relative;
	bottom: 15px;
}
.facility_box_name {
	display: flex !important;
	justify-content: space-between !important;
}

#request_formula_form {	
	background: #FCFCFC !important;
}

#formulaAutocomplate .ui-autocomplete, #appendIngredientsAutocomplate .ui-autocomplete{
	position: inherit;
	width: 288px;
}

.companies_edit_btn {
	margin: 5px !important;
}

.companies_markAll_checkbox,
.brands_markAll_checkbox {
	width: 15px !important;
}

/* Css added for company login v2.0 */

.dashboard-header-element {
	padding: 15px;
	background: #fff;
	text-align: center;
	font-weight: bold;
	color: #000;
	display: flex;
	border: 1px solid #d6d8db;
	box-shadow: 0 2px 12px 2px rgba(0,0,0,.13);
	border-radius: 10px;
}

.heading-text {
	margin: 16px;
	font-weight: bold;
	color: #000;
}

.card-head {
	display: flex;
	justify-content: space-between;
	background: #3757F5 !important;
	padding: 10px 30px;
	border-radius: 5px;
	align-items: center;
	flex-wrap: wrap;
}

.card-head-btn {
	background: #e9ecfa !important;
	padding: 15px 70px;
	border-radius: 5px;
	margin: 0;
}

.no_visible{
	opacity: 0.8;
}

.card-heading {
	color: #fff;
}

.ingredient-card {
	/* height: 67px; */
	min-height: 67px;
}

.card-body {
	height: 500px;
	background: #fff;
	overflow-y: auto;
}

.card-dropdown-head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0px 30px;
	border: 1px solid #d3d0d0;
	border-radius: 10px;
	flex-wrap: wrap;
}

.dashboard_view_btn{
	background: #fff;
	border: 1px solid #d6d8db;
	border-radius: 5px;
}

.dashboard_generate_loc_btn {
	background: #e9ecfa !important;
}

.card-dropdown {
	padding: 10px;
}

.card-inner-dropdown-list {
	display: flex;
	justify-content: space-between;
	padding: 0px 30px;
	background: #e9ecfa !important;
	border: 1px solid  #d6d8db;
	border-radius: 5px;
	margin-top: 5px;
	align-items: center;
	flex-wrap: wrap;
}

.card-detail {
	width: 80px !important;
}

.brand_facility_data_li,
.formula_data_li,
.ingredient_data_li,
.card_body_li
{
	margin-bottom: 10px !important;
}

.ingredient-card-header ,
.dashboard-card-container,
.dashboard-counter-container
{
	padding: 20px;
}

.ingredient-card-details {
	margin-left: 20px;
}

.ingredient-card-heading-element {
	display: flex;
	justify-content: start;
	align-items: center;
	gap: 30px;
}

.company_user {
	display: none;
}

.company_user_site_logo#logo {
	background: #fff !important;
}

.company_user_site_logo .txt_site_name:hover {
	color: #000 !important;
}
.company_user_site_logo .txt_site_name {
	color: #000 !important;
}

.company_user_company_name {
	font-weight: bold;
	color: #000;
}

.company_user_head {
	display: flex !important;
	align-items: center;
	margin-left: 1.3%;
}

.detail-dropdown-toggle:hover {
	cursor: pointer;
}

.export_formula-card-header,
.formula-card-header ,
.ingredient-card-header {
	padding: 11px;
	display: flex;
	gap: 10px;
}

.card_header_li .card-dropdown-head{
	min-height: 40px;
	border: none;
}

.card-inner-btn-container {
	width: 160px;
}
.ingredient-inner-btn-container {
	width: 50px;
}

.card-dropdown-brand,
.card-dropdown-detail
{
	font-weight: bold;
	color: #000;
}

.formula_heading,
.ingredient-heading {
	font-weight: bold;
}

.dashboard-body {
	margin-top: -15px;
	height: calc(100vh - 100px);
	overflow-y: scroll;
}

.admin_info_model {
	z-index: 5000;
}
/* css for company dashboard by steeven */ 
.brand_facility_card , .formulas_card, .ingredients_card, .ingredients_card .card-body, .formulas_card .card-body, .export_formulas_card, .export_formulas_card .card-body{
	/* overflow: hidden; */
}

.brand_facility_card .card-body,.ingredients_card .card-body,.formulas_card .card-body, .export_formulas_card .card-body{
	height: 90%;
	max-height: 90% !important;
}

.event_card .card-body,
.submission_card .card-body {
	height: 75%;
	max-height: 75% !important;
}
.submission-basic-information-title{
	margin-top: 36px !important;
}

.brand_facility_card .card-dropdown.drop_down {
	padding-bottom: 30px;
}

.formulas_card .card-body .formula-card-body, .ingredients_card .card-body .formula-card-body, .export_formulas_card .card-body .formula-card-body, .event_card .events_list, .submission_card .submissions_list{
	/* max-height: 70% !important; */
	overflow: hidden;
	margin-bottom: 10px;
}
/* .event_card .events_list {
	height: 95% !important;
} */
.ing-list-block, .formula-list-block{
	position: relative;
}

.formulas_card .card-body .formula_list, .ingredients_card .card-body .ing_list, .export_formulas_card .card-body .formula_list, .event_card .events_list, .submission_card .submissions_list{
	max-height: 100% !important;
	overflow: auto;
	padding-bottom: 30px;
}
.export_formulas_card .card-body .formula_list li:first-child {
	position: sticky;
	top: -10px;
	background-color: #fff;
	z-index: 10;
	margin-top: -10px;
}

.company_dashboard_body .brand_facility_card .brand_facility_data_li .brand_col_1{
	width: 60% !important;
}
.company_dashboard_body .brand_facility_card .brand_facility_data_li .brand_col_2,
.company_dashboard_body .brand_facility_card .brand_facility_data_li .loc_col_3,
.company_dashboard_body .ingredients_card .ing_col_3{
	width: 15% !important;
}
.company_dashboard_body .brand_facility_card .brand_facility_data_li .loc_col_2,
.company_dashboard_body .formulas_card .formula_col_5,
.export_formulas_card .formula_col_5,
.company_dashboard_body .ingredients_card .ing_col_2{
	width: 25% !important;
}
.company_dashboard_body .formulas_card .formula_col_2,
.company_dashboard_body .formulas_card .formula_col_3,
.export_formulas_card .formula_col_2,
.export_formulas_card .formula_col_3,
.company_dashboard_body .brand_facility_card .brand_facility_data_li .brand_col_3,
.company_dashboard_body .brand_facility_card .brand_facility_data_li .loc_col_4,
.company_dashboard_body .formulas_card .formula_col_4,
.export_formulas_card .formula_col_4{
	width: 20% !important;
}
.company_dashboard_body .brand_facility_card .brand_facility_data_li .brand_col_4,
.company_dashboard_body .formulas_card .formula_col_1,
.export_formulas_card .formula_col_1{
	width: 5% !important;
}
.company_dashboard_body .brand_facility_card .brand_facility_data_li .loc_col_1,
.company_dashboard_body .ingredients_card .ing_col_1{
	width: 40% !important;
}

.company_dashboard_body .brand_facility_card .brand_facility_data_li .loc_col_4{
	text-align: end;
}
.company_dashboard_body .dashboard-header-element {
	padding: 5px;
}
.company_dashboard_body .dashboard-header-element .heading-text{
	margin: 5px;
}
.company_dashboard_body .dashboard-header-element .heading-text{
	font-size: 1.5rem;
}
.company_dashboard_body .formula_list li .inputBatchOperations{
	margin-right: 5px;
}

.company_dashboard_body .formula_list li .inputBatchOperations:disabled{
	pointer-events: initial !important;
}

.task-product-ingredients-list{
	background: #eff3fd !important;
	border-radius: 10px;
}
.task-product-ingredients-list .ingredient-item{
	/* display: flex; */
	/* align-items: center; */
	padding: 5px 9px;
}
.task-product-ingredients-list .ingredient-item:not(:last-child){
	border-bottom: 1px solid #fff;
}
.task-product-ingredients-list .ingredient-item .form-check-input{
	margin-right: 10px;
	width: 14px;
}
.task-product-ingredients-list .ingredient-item label{
	font-size: 11px;
}
.task-product-ingredients-list .ingredient-item .alt_ing_row{
	width: 95%;
    margin-left: 20px;
}

.company_dashboard_body .card-dropdown-head, .company_dashboard_body .card-inner-dropdown-list, .export_formulas_card .card-dropdown-head, .export_formulas_card .card-inner-dropdown-list{
	padding: 7px 15px !important;
}

#selected_company{
	background: #fff;
	border: 1px solid #ced4da;
	appearance: auto;
	-webkit-appearance: auto;
	-moz-appearance: auto;
}
.company_dashboard_body .dashboard-card-container .card-head h5.card-heading{
	margin: 0px;
}
.company_dashboard_body .record_btn{
	padding: 2px 5px !important;
}
.company_login_logo{
	margin-left: -21.5%;
}

.admin_type_checkbox_group {
	margin-left: 18px;
}

.tag-view-btn {
	margin-right: 3px !important;
}

.admin-head-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.admin_btnContainer {
	display: flex;
	justify-content: center;
	align-items: center;
}

.add_user_btn {
	height: 40px;
}

.users-table-content #datatable-1_filter{
	display: none;
}

.users-table-content .user-filter-block{
	position: absolute;
	z-index: 999;
	margin-top: 7px;
}

.tags_datatable .dataTables_wrapper {
	overflow: hidden !important;
}

.urgency_level_indicator {
	font-weight: 600 !important;
}

.urgency_level_indicator.emergency {
	color: #e60000 !important;
}

.urgency_level_indicator.urgent {
	color: #ff9900 !important;
}

.pr-0-i {
	padding-right: 0 !important;
}

.tag_action_head {
	width:150px !important;
}

.contact_btn_container {
	flex-wrap: wrap;
}

.contact_btn_container button#btnDelete {
	margin-right: 0;
}

#contactTabContent .questionnaire_filter_row{
	width: 100%;
}
.companies_page #contactTabContent .contact_questionnaires_head {
	overflow: hidden;
}
.companies_page #contactTabContent .contact_questionnaires_head .parent_questionnaires_div{
	overflow: auto;
	/* max-height: inherit; */
}

.table-datatable .checkbox_th{
	width: 17px !important;
}

.checkbox_wrapper_pl_3 {
	padding-left: 22px !important;
}

.event_card, .submission_card {
	margin-top: 20px;
}

.checkbox_wrapper_ml_3 {
	margin-left: 22px !important;
}

.mr_0_5 {
	margin-right: 5px;
}

.event_checkbox .checkbox-inline {
	margin-right: 10px;
}

.event_card .event_col_30 {
	width: 30% !important;
	word-wrap: break-word;
	padding-right: 8px;
}

.event_card .event_col_20 {
	width: 20% !important;
	word-wrap: break-word;
	padding-right: 8px;
}

.submissions_list li {
	word-wrap: break-word;
	/* padding-right: 8px; */
}

.event_card .event_col_10 {
	width: 10% !important;
}

#event_form div.radio-inline {
	margin-right: 10px !important;
	margin-left: 0px !important;
}

#event_form div.radio-inline i {
	left: -17px;
}

.meal_classification_check_wrapper .checkbox-inline{
	min-width: 60px;
}

.associated-contacts-item.ml-5{
	margin-left: 20px;
}

/*New Formula css*/
.brand-items label.form-check-label, .facility-items label.form-check-label{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 250px;
}
.files-container label.btn{
	background: #3757F5 !important;
	color: #fff !important;
	border-color: #3757F5 !important;
	margin: 0 !important;
}
.ingredientFieldSet{
	padding: 13px 0px !important;
	position: relative;
}
.ingredientFieldSet .ing_minus_wrapper, .ingredientFieldSet .formula_ing_minus_wrapper{
	position: absolute;
	top: 5px;
	right: 10px;
}
.br_pending .card-dropdown-head{
	border: 1px solid #ffc107 !important;
}

.br_red .card-dropdown-head{
	border: 1px solid red !important;
}

.formula-facility-content{
	background-color: #f3f3f3;
	border-radius: 7px;
}

.formula-wrap-title{
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 7px;
}

.formula-facility-content .form-check-input{
	width: 1.2em;
	height: 1.2em;
}

.formula-facility-content .form-check-label{
	font-size: 15px;
	font-weight: 500;
}
.modalbox #btnDeleteTask{
	display: none !important;
}

.task_add_edit_modal {
	justify-content: center !important;
	display: flex !important;
	align-items: center !important;
	background: transparent !important;
}

.task_add_edit_modal .devoops-modal {
	width: 1200px !important;
	left: unset !important;
	margin-left: 0 !important;
	max-width: 90% !important;
}

.filter_select {
	appearance: auto !important;
	-webkit-appearance: auto !important;
}

.w-33 {
	width: 33.33%;
}

.submission_status { 
	position: relative;
	display: block;
}

.submission_status::before {
	content: '';
	position: absolute;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	top: 7px;
	left: -10px;
	background-color: #000;
}

.submission_status.pending::before { 
	background-color: #ffc107;
}

.submission_status.rejected::before { 
	background-color: #e10808;
}

.submission_status.approved::before { 
	background-color: #388f0a;
}

.submissions_page .main_div { 
	background: #fff;
	padding: 10px;
	width: 100%;
}

#edit_submission_formula{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #3757F5 !important;
	color: #fff !important;
	border-color: #3757F5 !important;
	font-size: 14px;
	font-weight: 400;
	gap: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	vertical-align: middle;
	margin-top: 5px !important;
	margin-bottom: 5px !important;
}

#edit_submission_formula:hover{
	background: #011c9e !important;
	border-color: #011c9e !important;
	color: #fff !important;
}

.event_submissions_page_content {
	padding-top: 25px;
}

.event_submissions_page_content #frmBatchOperations{
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.popover.bs-popover-auto.show {
	z-index: 9999;
}

/*Ingredients and Products new design*/
.ingredients-content, .products-content{
	margin: 0 auto;
	width: 72%;
}
.fieldset{
	background: #fff;
	border-radius: 10px;
	padding: 10px;
	margin-bottom: 20px;
}
.fieldset-title{
	padding: 5px 10px 15px;
	font-size: 18px;
	font-weight: 600;
	color: #1E2B6D;
	line-height: 24px;
}
.fieldset .control-label{
	padding-bottom: 0;
}
.fieldset-sub-content{
	padding: 0 15px;
	border-left: 4px solid #D2D5E2;
	margin: 0 12px 15px;
}
.fieldset input::placeholder{
	color: #bfbfbf;
	font-weight: 300 !important;
	font-size: 13px;
}
.fieldset .mb-1{
	margin-bottom: 10px !important;
}
.products-content form, .ingredients-content form{
	background: initial !important;
}
.fieldset .control-label{
	font-weight: bold !important;
}
.add-ingredient-btn{
	height: 43px;
	background: #fff;
	border: 1px solid #dfe3e8;
	width: 100%;
	text-align: left;
	padding: 0px 11px;
	filter: drop-shadow(4px 4px 40px rgba(0, 0, 0, 0.06));
	border-radius: 6px !important;
	font-size: 16px;
	color: #2E48CC;
}
.add-ingredient-btn:hover{
	box-shadow: 0px 0px 9px 0px #ddd;
}
#modal_box_container .products-content, #modal_box_container .ingredients-content{
	margin: 0;
	width: 100%;
}
.products-content .date_field .clear_dt_picker {
	position: absolute;
	right: 19px;
	top: 10px;
}
.products-images-form-group,
.products-files-form-group,
.images_form_group, .loc_form_group{
	padding-right: calc(var(--bs-gutter-x)* 0.5) !important;
	padding-left: calc(var(--bs-gutter-x)* 0.5) !important;
}
.products-images-form-group .control-label,
.products-files-form-group .control-label,
.images_form_group .control-label,
.loc_form_group .control-label{
	padding-left: 0;
}
.products-images-wrap, .ingredients-files-wrap{
	justify-content: center;
	display: flex;
	background: #F5F5F5;
	border: 1px dashed #B4B8CE;
	border-radius: 6px;
	padding: 20px;
}
.products-images-wrap .products-images-content,
.products-images-wrap .products-files-content,
.images_form_group .ingredients-images-content,
.loc_form_group .ingredients-loc-content,
.files_form_group .ingredients-files-content{
	width: 50%;
	text-align: center;
}
#modal_box_container .products-content .fieldset .col-sm-7, #modal_box_container .ingredients-content .fieldset .col-sm-7{
	width: 80% !important;
}
.form-check-group{
	padding-left: 12px;
}
.product-ing-content{
	padding: 0 11px;
}
.product-ing-content button.nav-link{
	border: 1px solid #1e2b6d1c !important;
}
.products-ing-tab-content{
	position: relative;
}
.products-ing-tab-content .ingredient_loc_tab_content{
	padding-top: 12px;
}
.products-ing-tab-content .ingredient_loc_tab_content thead{
	z-index: 9999;
}
.product-ingredient-wrap{
	padding-left: 4px;
}

#ingredients_facility_table_wrapper .dataTables_scrollBody #ingredients_facility_table thead{
	display: none;
}
#ingredients_facility_table_wrapper .box-content:first-child{
	padding: 0px;
	position: static;
}
#ingredients_facility_table_wrapper .box-content:last-child{
	padding: 5px 0px;
}
#ingredients_facility_table_wrapper .box-content:first-child .col-xs-6:first-child{
	position: absolute;
	top: 70px;
	right: 0px;
	width: 25%;
	z-index: 0;
}
#ingredients_facility_table_wrapper .box-content:first-child .col-xs-6:nth-child(2){
	position: absolute;
	top: 70px;
	right: 20px;
	width: 65px;
}
#ingredients_facility_table tr td, #ingredients_facility_table tr th{
	padding: 5px 8px !important;
}
#frm_assign_ing_to_loc_table {
	padding: 0px 10px;
}
#frm_assign_ing_to_loc_table tbody .form-check-input{
	margin-top: 3px;
}
#ingredient_loc_tab_content{
	margin-bottom: 0px;
}
.li_clickable {
	transition: ease-in-out .1s;
	cursor: pointer;
	border-radius: 10px;
}

.li_clickable:hover {
	box-shadow: none !important;
	background: #DFE8FF !important;
	opacity: 1;
}

.dashboard-card-container .dashboard_card {
	min-height: 600px;
	height: 600px !important;
	overflow-y: hidden;
}

.view_modal .submission_status {
	padding-left: 20px;
}

.view_modal .submission_status::before {
	left: 10px;
}

.ingredients_facility_column, .ingredient_products_column, .contacts_company_column, .products_facility_column{
	color:#ff413d;
	padding: 5px 10px;
}
.contact_images .facility-wrapper, .contact_images .product-wrapper{
    padding-left: 10px !important;
    font-weight: 500;
    box-shadow: none;
    border: 1px solid #1e2b6d24;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 5px 0;
    padding: 6px 0 7px 0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.ingredients_manage_page_box_content .ingredients_filter_container .brand_filter{
	z-index: 2;
	position: relative;
}
.ingredients_manage_page_box_content .ingredients_filter_container .facility_filter{
	z-index: 3;
	position: relative;
	margin-right: 15px;
}
#ingredient_facilities_modal .contact_images .row.facility_row, #ingredient_products_modal .contact_images .row.product_row{
	cursor: pointer;
}
.ingredient_table_wrapper{
	max-height: 50vh;
	overflow: auto;
}
.ingredient_table_wrapper thead, .contact_ingredient_table_wrapper thead{
	position: sticky;
}
.ingredient_table_wrapper thead{
	top: 0px;
}
.contact_ingredient_table_wrapper thead{
	top: 45px;
}
.contact_ingredient_table_wrapper{
	max-height: 285px;
}
.facility_contact_ingredients_table_wrapper .box-content:first-child{
	/* display: none; */
	padding: 0px;
}
body .modalbox.contact_modal .devoops-modal{
	width: 1200px !important;
}

.contact_images .facility-wrapper{
	padding-left: 10px !important;
	font-weight: 500;
	box-shadow: none;
	border: 1px solid #1e2b6d24;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 5px 0;
	padding: 6px 0 7px 0;
	border-radius: 5px;
}

#submissionsTabContent .nav-link.active #pending_event_counter,
#submissionsTabContent .nav-link.active #pending_ingredient_counter,
#submissionsTabContent .nav-link.active #pending_formula_counter{
	background-color: #fff;
	color: #3756F3;
}

#submissionsTabContent .nav-link #pending_event_counter,
#submissionsTabContent .nav-link #pending_ingredient_counter,
#submissionsTabContent .nav-link #pending_formula_counter{
	background-color: #3756F3;
	color: #fff;
}

.submission_counter {
	width: 33px;
	height: 23px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-left: 5px;
	font-size: 10px;
}

.attachments_wrapper .checkbox-inline label {
	padding-left: 20px;
}

.attachments_wrapper .checkbox-inline .fa.fa-square-o.small {
	left: 0;
}

.attachments_wrapper .fa.fa-play-circle-o,
.attachments_wrapper img,
.attachments_wrapper .fa.fa-file-text-o.file-other {
	max-height: 54px;
	font-size: 2.2rem;
}

.attachments_wrapper .col-sm-3 {
	margin-top: 5px;
}

.attachments_wrapper .checkbox-inline {
	margin-left: 0px !important;
}

.field_item.field_item_attachments {
	display: block;
}

.view_attachments_link {
	color: #3757f5;
	text-decoration: underline;
	cursor: pointer;
}

.view_attachments_link:hover {
	text-decoration: none;
}

.modal_attachments_wrapper img {
	max-height: 102px;
}

.main_task_products_wrapper .product_item,
.main_contact_wrapper .contact_item {
	display: flex;
}

.main_task_products_wrapper .contact_input_wrapper, 
.main_contact_wrapper .contact_input_wrapper {
	padding: 0 3px;
}

.main_task_products_wrapper .task_product_btn_wrapper ,
.main_contact_wrapper .contact_button_wrapper {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.event_contact_info {
	display: block;
}

.contact_view_wrapper hr {
	margin: 3px 0;
	border: 1px solid #dfdddd !important;
}

#main_task_products_wrapper .control-label,
#main_contact_wrapper .control-label {
	font-weight: 600;
}

#main_task_products_wrapper .product_item, 
#main_contact_wrapper .contact_item {
	flex-wrap: wrap;
	margin-bottom: 10px;
	border: 1px solid #eee;
	padding: 3px 0px;
	padding-bottom: 10px;
	border-radius: 5px;
}

#main_task_products_wrapper .product_item .task_product_btn_wrapper.col-sm-2,
#main_contact_wrapper .contact_item .contact_button_wrapper.col-sm-2 {
	padding-right: 3px;
}

.ingredient_modal_loc_section .contact_images .image-wrapper {
	justify-content: unset !important;
}
.ingredient_modal_loc_section .gallery_container .image-wrapper{
	min-height: 55px;
}

#meal_classification_accordion .font-bold {
	font-weight: 500;
}

.field_item.field_item_meal_classification.info_page .field_item_value {
	width: 100%;
}

.field_item.field_item_meal_classification.info_page .accordion-header {
	line-height: 15px;
	padding: 3px !important;
}

.field_item.field_item_meal_classification.info_page button {
	font-size: 0.8rem !important;
	padding: 5px !important;
}

.field_item.field_item_meal_classification.info_page .accordion-body {
	padding: 3px !important;
	padding-left: 20px !important;
}

.link {
	font-weight: normal;
	color: #3756f2;
	cursor: pointer;
	text-decoration: underline;
}

.link:hover {
	text-decoration: none;
}

.secondary_btn {
	min-height: 40px;
	background: #ffffff !important;
	color: #525252 !important;
	border-color: #525252 !important;
	font-size: 14px;
	margin-top: 0 !important;
	margin-bottom: 5px !important;
}

.secondary_btn:hover {
	background: #ffffff !important;
	color: #525252 !important;
	border-color: #525252 !important;
}
#ingredient_rejection_cnf_modal .devoops-modal-bottom, #make_products_pending_modal .devoops-modal-bottom{
	background: #FCFCFC;
}
#rejection_table tbody tr:hover{
	background-color: #DFE8FF !important;
}
.field_item.field_item_event_contact_info {
	display: inline-flex;
	flex-direction: column;
}
.facility_contact_ingredients_table_wrapper .box-content:last-child{
	display: none;
}
.assign_ing_to_facility_frm_wrapper .form-group textarea.form-control:not(.questionnaire_container textarea){
	height: 40px;
}
.tooltip {
    z-index: 100000000; 
}
.form-control-select {
	appearance: auto !important;
}
.arrow {
	font-weight: 600;
	transform: rotate(90deg);
	display: inline-block;
}

.task_info_according .accordion-header {
	background: #fff;
	padding: 0 !important;
}

.task_info_according .accordion-header button {
	padding: 0;
	font-size: 13px;
}

.task_info_according .accordion-header button table {
	width: 100%;
}

.product_accordion_btn {
	position: relative;
}
.task_info_according .accordion-header button table td {
	padding: 8px 12px !important;
	text-align: center;
}

.main_task_products_wrapper {
	position: relative;
}

.facility_not_selected.main_task_products_wrapper::after {
	position: absolute;
	content: "Please select a facility to choose the product.";
	z-index: 99;
	top: 0;
	left: 0;
	background-color: #FFFFFFAA;
	height: 100%;
	width: 100%;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	border-radius: 5px;
	font-size: 14px;
}

.disable_dates_selection::after {
	content: "Please select a facility to set date.";
	position: absolute;
	z-index: 99;
	top: 0;
	left: 0;
	background-color: #FFFFFFAA;
	height: 100%;
	width: 100%;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	border-radius: 5px;
	font-size: 14px;
}
.disable_dates_selection.event_dates::after {
	content: "Please select task address to select dates.";
}

#ingredient_rejection_cnf_modal .contact_images .product-wrapper:hover{
	background-color: #DFE8FF !important;
	cursor: pointer;
}
.contact_modal .txt_site_name{
	text-transform: capitalize;
}

.unseen_event {
	font-weight: 600;
	color: #3756f3;
}
.contact_page_box_content .radio-inline:first-child:not(.classification_option) {
    margin-left: 20px;
}
.tags_ui_autocomplete_contacts {
	max-height: 125px;
}
.tags_ui_autocomplete_ingredients, .companies_ui_autocomplete_ingredients{
	max-height: 145px;
}
.company_autocomplete_ingredients{
	max-height: 115px;
}
.tags_ui_autocomplete {
	min-width: 50px;
}

.language_ui_autocomplete li{
	text-transform: capitalize !important;
}

/* child window hide other elements */
body.child_window header.navbar,
body.child_window #sidebar-left,
body.child_window footer,
body.child_window .message_center_launcher {
	display: none;
}

body.child_window #main {
	padding: 0 !important;
	box-shadow: none !important;
	height: 100% !important;
	overflow-y: auto !important;
}

body.child_window .row.main_wrapper {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #eff3fd !important;
	padding: 20px;
	overflow: hidden;
	width: 100% !important;
	margin-left: 0;
	overflow-y: auto !important;
	height: 100%;
}

body.child_window #content {
	width: 100% !important;
}

.ml-0-i {
	margin-left: 0 !important;
}

.child_window_radio {
	padding-left: 25px !important;
}

.child_window_radio .radio-inline {
	margin-right: 10px !important;
	margin-left: 0 !important;
}
body .modalbox{
	top: 0px;
}
body .modalbox .devoops-modal,body .modalbox.contact_modal .devoops-modal,body #video_popup.contact_modal .devoops-modal{
	top: 70px;
}

.modalbox .view_modal_edit_btn {
	position: absolute;
	right: 55px;
	color: #3757F5;
    padding: 12px !important;
    border: 1px solid #3757F5;
	background: #fff;
    width: 40px !important;
	box-shadow: none !important;
	top: 2px;
}
.modalbox .view_modal_edit_btn i {
	font-size: 15px;
}
.modalbox .view_modal_edit_btn:hover {
	color: #011c9e !important;
    border: 1px solid #011c9e;
}
.modalbox .view_modal_copy_btn {
	position: absolute;
	right: 104px;
	color: #3757F5;
	padding: 12px !important;
	border: 1px solid #3757F5;
	background: #fff;
	width: 40px !important;
	box-shadow: none !important;
	top: 2px;
}
.modalbox .view_modal_copy_btn i {
	font-size: 15px;
}
.modalbox .view_modal_copy_btn:hover {
	color: #011c9e !important;
	border: 1px solid #011c9e;
}
#contacts_table .assoc_contact_col,
.contacts_table .assoc_contact_col {
	min-width: 180px !important;
	width: 180px !important;
	text-align: center !important;
}
#contacts_table .type_contact_col,
.contacts_table .type_contact_col {
	min-width: 115px !important;
	width: 115px !important;
	/* text-align: center !important; */
}

.list_sub_heading.card_body_li {
	background: #e9ecfa;
	padding: 10px;
	border-radius: 10px;
	font-weight: 600;
	text-transform: capitalize;
	color: #000;
}
.type_picker_parent .bs-actionsbox{
	background: #fff;
	padding: 2px 7px;
}
.type_picker_parent .bs-actionsbox .bs-select-all, .type_picker_parent .bs-actionsbox .bs-deselect-all{
	min-height: 30px;
}
.type_picker_parent .dropdown-menu{
	background: #fff !important;
}
.type_picker_parent{
	margin: 5px 0px;
}

.table-datatable tbody td.text-center-important {
	text-align: center !important;
}
.image-wrapper .file-title { 
	padding: 0px 5px !important;
}
/*#kashrus_organizations_table .contacts_symbols_col{
	max-width: 15px !important;
	width: 15px !important;
}
#kashrus_organizations_table .kashrus_id_col, #kashrus_organizations_table .kashrus_cbx_col{
	max-width: 0px !important;
	width: 0px !important;
}*/

.facility_contact_ingredients_table_wrapper .box-content{
	z-index: 1;
	position: sticky;
	top: 0px;
}

.contact_images .image-wrapper .logo_checkbox {
	width: 14px;
	height: 14px;
}

.p-relative {
	position: relative;
}

.ul-text-align-left ul {
	text-align: left !important;
}

.ul-max-height_150 ul {
	max-height: 150px !important;
}

.contact_alias {
	margin-left: 12px !important;
}

#frmAddEditRecord .btn-primary.btn-alias-field {
	margin-top:1px !important ;
}

.btn_approve_certification {
	width: fit-content;
	padding: 5px 10px !important;
	box-shadow: none;
	margin-left: 5px;
}

.btn_approve_certification.icon-btn {
	margin-top: -5px !important;
}

.spinner-border {
	display: inline-block;
	box-shadow: none;
	width: 1rem;
	height: 1rem;
	vertical-align: text-bottom;
	border: .25em solid currentColor;
	border-right-color: transparent;
	border-radius: 50%;
	animation: spinner-border .75s linear infinite;
}

@keyframes spinner-border {
	to { transform: rotate(360deg); }
}

.btn_success.btn_approve_certification {
	background-color: rgb(65 157 4 / 13%) !important;
	color: #33a704 !important;
	border: 1px solid #2fa904 !important;
}
.company_dashboard_body .formula-card-header,
.company_dashboard_body .ingredient-card-header {
	position: sticky;
	top: 0;
	background: #fff;
	z-index: 999;
}
.company-created-info{
	display: block;
	margin-left: 0 !important;
	line-height: 8px;
}

.formula-card-heading,
.ing-card-heading,
.submission-card-heading,
.event-card-heading {
	position: sticky;
	top: 3.8rem;
	background: #fff;
	z-index: 200;
}

.event-card-heading {
	top: 0 !important;
}

.formula-card-heading .card-dropdown-head,
.submission-card-heading .card-dropdown-head {
	padding: 8px 24px !important;
}

.event_card .events_list {
	height: unset !important;
	max-height: unset !important;
}
.ingredients_facilities_name_wrapper .ing_minus_wrapper {
	min-width: 70px;
}

.task_product_ingredients_selected .accordion-item .accordion-button {
	height: 5px;
	font-size: 13px;
	box-shadow: none;
}
.task_product_ingredients_selected .accordion-item .accordion-body{
	padding: 5px;
}
html body #frmAddEditRecord .task_product_ingredients_selected .accordion-item .btn-remove-ingredient-tag{
	position: absolute !important;
	right: 2.5% !important;
	padding: 3px 5px !important;
	min-height: unset !important;
	height: unset !important;
	margin: 0px !important;
}
.task_product_ingredients_selected .accordion-item  .accordion-button::after, .task_product_ingredients_selected .accordion-item .accordion-button:not(.collapsed)::after {
	content: unset;
}
#frmAddEditRecord .task-product-ingredients-list .ingredient-item{
	position: relative;
}

.btn-padding {
	padding: 8px 20px !important;
}

.add_more_input_wrapper {
	display: flex;
}

.move_icon_container i {
	font-size: 20px;
}

.add_more_input_wrapper input {
	margin-right: 5px;
	width: calc(100% - 135px) !important;
	min-width: calc(100% - 135px) !important;
}

.show_in_loc_container,
.classification_option_container span.error_container label {
	margin-left: 45px;
}

.add_more_input_wrapper button {
	margin: 0 !important;
	width: 40px;
	margin-top: 2px !important;
}

.input_groups {
	border: 1px solid #eee;
	border-radius: 5px;
	padding: 5px !important;
	padding-top: 10px !important;
	background: #eeeeee2e;
}

.custom_check_box {
	padding-left: 20px;
}

.custom_check_box i,
.custom_check_box i::before {
	left: 0 !important;
}

.classification_option_container {
	list-style: none;
	padding-left: 0 !important;
}

.classification_option_container ul {
	list-style: none;
}

.classification_option_container li,
.classification_option_container ul li {
	cursor: move;
}

.draggable-item {
	padding: 10px;
	margin-bottom: 5px;
	background-color: #f0f0f0;
	border: 1px solid #ccc;
	cursor: move;
}

.nested-item {
	margin-left: 20px;
}

.ui-sortable-helper {
	background-color: #e0e0e0;
}

.placeholder {
	border: 1px dashed #ccc;
	background-color: #f0f0f0;
	height: 40px;
	margin-bottom: 5px;
}

.highlight-drop {
	border: 2px dashed #007bff;
	background-color: #e9f5ff;
	min-height: 40px;
}

.highlight-drop-exceed {
	border: 2px dashed #df3030;
	background-color: #ffe6e6;
	min-height: 40px;
}

.classification_option_item .move {
	width: 100%;
	cursor: move;
}

.classification_tree_container {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}

.classification_tree_container .tree ul {
	margin: 0 0 0 5em;
	padding: 0;
	list-style: none;
	color: #369;
	position: relative;
}

.classification_tree_container .tree:before, 
.classification_tree_container .tree ul:before {
	content: "";
	display: block;
	width: 0px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	border-left: 2px solid #ababab; /* vertical connectors */
	background: white; /* same with body background */
	/* z-index: -1; */
}

.classification_tree_container .tree li {
	font-weight: bold;
	line-height: 3em;
	margin: 0;
	padding: 1.5em 0 0 2em; /* indentation + .5em */
	position: relative;
	/* z-index: -1; */
}

.classification_tree_container .tree li:before {
	border-top: 2px solid #ababab;
	content: "";
	display: block;
	height: 100%;
	left: 0;
	margin-top: 1em; /* border top width */
	position: absolute;
	top: 7px; /* (line-height/2) */
	width: 2em; /* same with indentation */
}

.classification_tree_container .show_in_loc {
	position: relative;
}

.classification_tree_container .show_in_loc::before {
	position: absolute;
	top: -17px;
	right: -2px;
	content: 'Show in LOC';
	background: #dfdfdf;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	padding: 1px 5px;
	font-size: 10px;
	color: #2a2a2b;
}

.classification_tree_container .tree li:last-child:before {
	background: #fcfcfc; /* same with body background */
	bottom: 0;
	height: auto;
}

.classification_tree_container ul:nth-child(1)::before {
	border-left: none !important;
}

.classification_tree_container ul:nth-child(1) {
	padding-left: 0px;
}

.classification_tree_container .tree li div {
	border: 2px solid #ababab;
	max-width: fit-content;
	margin: 0;
	min-width: 90px;
	padding: 0.25em 0.5em;
	background: white;
	color: #2a2a2b;
	font-weight: bold;
	line-height: 15px;
}

/* Espasially for root level ul */
.classification_tree_container ul.tree {
	margin-left: 0px; /* Set ident for the root ul (whole tree ident) */
	list-style: none;
}

html body #frmAddEditRecord .task-product-ingredients-list .btn-add-alternate-ingredient{
	padding: 3px 3px !important;
	min-height: unset !important;
	height: unset !important;
	position: absolute !important;
	right: 5px !important;
	bottom: 5px !important;
	margin: 0px !important;
}
.task_product_ingredients_selected .accordion-item .alternate_ingredient{
	min-height: unset;
}
html body #frmAddEditRecord .task_product_ingredients_selected .accordion-item .btn-remove-alternate-ingredient{
	padding: 4px 7px !important;
	margin: 2px 5px !important;
	min-height: unset !important;
	height: unset !important;
}
.task_product_ingredients_selected .accordion-item .accordion-body .alternate-ingredient-row, .task_product_ingredients_selected .accordion-item{
	margin: 1px 0px;
}
body #frmAddEditRecord .task-product-ingredients-list .btn-accordion {
	color: #3757F5 !important;
    border: 1px solid #3757F5 !important;
	background: #fff !important;
}
html body #frmAddEditRecord .task-product-ingredients-list .btn-accordion:hover {
	color: #011c9e !important;
    border: 1px solid #011c9e !important;
}

.ingredientFieldSet .alternate_ingredient_label::before{
	content: '';
	width: 40%;
}

body .tab-content .contact_self_edit_btn{
	box-shadow: none !important;
	margin-top:0px !important;
}
body .tab-content .contact_self_edit_btn:hover {
	background: #fff !important;
    border-color: rgba(0, 0, 0, .3) !important;
}
body .add_alternative_ing_btn_parent .add_alternative_ing_btn{
	margin-top: 0px !important;
}
.assign_ing_to_facility_frm_wrapper .ingredientFieldSet{
	border-color: #0000002e;
}
.assign_ing_to_facility_frm_wrapper .ingredientFieldSet .alt_ing_container{
	border: 1px solid #00000021;
    max-width: 95%;
    margin: auto;
    padding: 20px 0px !important;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    position: relative;
}
.assign_ing_to_facility_frm_wrapper .ingredientFieldSet .alt_ing_container .alt_ing_corner_badge{
	position: absolute;
    top: 0px;
    font-weight: bold;
    padding: 0 5px;
    background: #EFF3FD;
}

.task_info_according .accordion-item .accordion-body .table_lists_wrapper tbody .accordion-collapse.show{
	display: table-row !important;
}
body .task_info_according .accordion-item .accordion-body .table > tbody > tr td:last-child.table_td {
	border-left: 1px solid #1e2b6d24 !important;
}

.researched_ingredient_form_group_ingredient .checkbox-inline label{
	position: relative;
    margin-left: 15px;
    margin-top: 5px;
}

.modalbox #ingredient_table.table_lists_wrapper tbody tr td .accordion_btn{
	float: inline-end;
}

.modalbox #ingredient_table.table_lists_wrapper tbody .accordion-collapse.show {
	display: table-row !important;
}
.modalbox #ingredient_table.table_lists_wrapper tbody .accordion-collapse > td {
	border-top: 0px !important;
	border-left: 1px solid #1e2b6d24 !important;
	border-top-right-radius: 0px !important;
	border-top-left-radius: 0px !important;
}
.modalbox #ingredient_table.table_lists_wrapper .alternative_ing_count_col {
	max-width: 100px !important;
}
.modalbox #ingredient_table.table_lists_wrapper .alternative_ing_count_col button.accordion-button {
	display: block;
	text-align: center;
	font-size: 13px;
	font-weight: 400;
	color: #ff413d;
}
.modalbox #ingredient_table.table_lists_wrapper tbody tr.merge_row td{
	border-bottom: none !important;
	background-color: #e7f1ff !important;
}
.modalbox #ingredient_table.table_lists_wrapper tbody tr.merge_row td:first-child {
    border-bottom-left-radius: 0px !important;
}
.modalbox #ingredient_table.table_lists_wrapper tbody tr.merge_row td:last-child {
    border-bottom-right-radius: 0px !important;
}

.alternative-ingredients-block{
	background: #e7f1ff !important;
	border-radius: 12px;
	padding: 15px !important;
}

.ingredients_manage_page_box_content #ingredients_table_wrapper .dataTables_scroll .dataTables_scrollBody #ingredients_table thead{
	display: none;
}
.ingredients_manage_page_box_content #ingredients_table_wrapper .dataTables_scroll .dataTables_scrollHead{
	position: sticky !important;
	top: -21px;
	z-index: 1;
	box-shadow: 0 0px 2px 0 rgba(0, 0, 0, 0.1), 0 0px 0px 0 rgba(0, 0, 0, 0.1);
}
.ingredients_manage_page_box_content #ingredients_table_wrapper {
	overflow: unset !important;
}
/*.ingredients_manage_page_box_content .ingredient_datatable_1 {
	overflow-x: unset !important;
}*/
.dataTables_scrollBody {
  overflow-x: auto !important;
}
.dataTables_wrapper .dataTables_scrollHeadInner {
    min-width: unset !important;
    box-sizing: content-box;
    padding-right: 0px;
}
.ingredients_manage_page_box_content .ingredients_filter_container{
	z-index: 999;
}

#secondary_type_tags_container .btn-remove-tag {
	position: relative;
}
#secondary_type_tags_container .btn-remove-tag i {
	position: unset;
    left: 0px;
    top: 0px;
	font: normal normal normal 13px / 1 FontAwesome;
}
.secondary-type-parent-div {
	overflow: hidden;
	width: 100%;
}
#secondary_type_modal .devoops-modal{
	width: 450px;
	left: 56.5% !important;
}
.no_task_selected_wrapper {
	display: block;
	background: rgb(255, 255, 255);
	border-radius: 10px;
	text-align: center;
	font-weight: 600;
	height: 100%;
	padding: 5px;
}

/* css for questionnaire add edit modal */
.ques_add_edit_modal .devoops-modal{
	width: 1200px !important;
    left: unset !important;
    margin-left: 0 !important;
    max-width: 90% !important;
}
.ques_add_edit_modal{
	justify-content: center !important;
	display: flex !important;
	align-items: center !important;
	background: transparent !important;
}

.classification_according .accordion-button::after{
	content: unset;
}
.classification_according .accordion-button{
	font-family: 'Inter', sans-serif !important;
	font-weight: normal;
	font-size: 13px;
	padding: 5px 10px;
}
.classification_according .accordion-button .btn-remove-tag{
	right: 10px;
	position: absolute;
}
.classification_according .accordion-body .classification_option_label{
	margin-right: calc(-0.5* var(--bs-gutter-x));
	word-break: break-word;
}
.classification_according .accordion-body .child_classification_option {
	display: grid;
	/* justify-content: end; */
	padding-left: 15px;
}
.classification_according .accordion-body .classification_options_div {
	display: inline-grid;
	margin: 0px 10px;
}

.ingredients_user_mail_modal > .devoops-modal {
	top: 70px;
}
body.logged_in_company .edit_account_page_company#content {
	max-height:103%;
	padding: 0px 3% !important;
}
body.logged_in_company #content, body.logged_in_mashgiach #content {
	max-height:unset;
	padding-left:0 !important;
}

#event_form .date_picker_parent_div{
	position: relative;
}
#event_form .date_picker_parent_div .clear_dt_picker{
	padding: inherit;
    position: absolute;
    right: 10px;
    top: 10px;
    color: #555;
    cursor: pointer;
}

.customQuestionnaire .box-icons button {
	color: #3757F5 !important;
	padding: 11px;
	border: 1px solid #3757F5;
	width: 40px;
	cursor: pointer;
	text-decoration: none !important;
	line-height: 10px;
	display: block;
	transition: .3s;
	border-radius: 5px;
	opacity: 1;
	top: 10px;
}

.classification_div{
    background-color: #D8D8D8;
    line-height: 23px;
    margin-bottom: 5px;
    margin-right: 3px;
    padding: 2px 5px;
    display: inline;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before {
	display: none !important;
}
.facilities_list_wrapper .field_select_all_cb{
	position: absolute;
	left: 3%;
}

.auto_complete_max-h-150 ul.ui-autocomplete{
	max-height: 150px !important;
}

.questionnaires_tag_container {
	padding: 5px !important;
}

.questionnaires_tag_container .tag {
	width: 100% !important;
	justify-content: space-between !important;
	display: flex !important;
	align-items: center !important;
	font-size: 13px !important;
	box-shadow: none;
	border: 1px solid #1e2b6d24;
	margin: 5px 0 !important;
	padding: 7px 10px !important;
	border-radius: 5px !important;
	color: #525252 !important;
}

.questionnaires_tag_container .tag:hover span {
	text-decoration: underline !important;
}

.questionnaires_tag_container .tag i {
	color: #000 !important;
	font-size: 17px !important;
}

.is_alternate_ingredient {
	position: relative;
}

.is_alternate_ingredient td {
	height: 50px;
}

.is_alternate_ingredient::after {
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 40px;
	content: "Alt Ing";
	font-size: 10px;
	background: #eee;
	border-radius: 5px;
	text-align: center;
	border: 1px solid #dfe1ea;
	border-bottom-left-radius: 0;
	border-top-right-radius: 0;
}

.ingredients_facilities_name_wrapper span.astric {
	display: inline-block !important;
}
.ingredients_manage_page_box_content .ingredient_datatable_1 {
    overflow-x: unset !important;
}

@media screen and (max-width: 575px) {
	body .ingredientFieldSet span.ingredients_facilities_name_wrapper span{
		display: inline !important;
	}
}

label.approval_note_label{
	width: 110%;
}

.autocomplete-ui-state-highlight{
	background: #EFF3FD !important;
}

.production_ing_row:hover {
	background: #e7f1ff !important;
}

.production_ing_row:hover td {
	background: #e7f1ff !important;
	--bs-table-accent-bg: #e7f1ff !important;
}

#ingredients_table .ingredients_pro_name_head_manage{
	word-wrap: break-word;
}

.side_drawer {
	position: fixed;
	right: -600px;
	top: 50px;
	padding: 10px;
	height: calc(100vh - 50px);
	width: 600px;
	max-width: 100%;
	background: #fff;
	box-shadow: 0px 0px 3px 2px #ddd;
	z-index: 102;
	transition: ease all 0.25s;
	outline: 0;
}

.side_drawer.visible {
	right: 0;
}

.side_drawer .close {
	position: absolute;
	top: 15px;
	right: 5px;
	width: 17px;
	height: 17px;
	line-height: 16px;
	font-size: 12px;
	text-align: center;
	font-weight: normal;
	color: #fff;
	background: #999;
	border-radius: 50%;
	opacity: 1;
}

.side_drawer form#messages_filter {
	padding: 10px;
}

.m-style ul.messages {
	padding: 0;
	margin: 0;
	max-height: calc(100vh - 50px - 130px - 20px);
	/* 100vh - main_header_height - filter_height - some_offset */
	list-style: none;
	overflow-y: auto;
	margin-top: 40px;
}

.m-style ul.messages li.item {
	float: left;
	padding: 7px 10px;
	margin: 5px 10px;
	width: calc(100% - 20px);
	border: solid 2px #ddd;
	border-radius: 5px;
	cursor: pointer;
	position: relative;
	overflow: hidden;
	border: solid 1px #1e2b6d12 !important;
	background: #EFF3FD;
}

.m-style ul.messages li.item.unread {
	border-color: #525252 !important;
}

.m-style ul.messages li.item label,
.m-style ul.messages li.item p {
	margin: 0;
	float: left;
}

.m-style ul.messages li.item label {
	min-width: 73px;
}

.m-style ul.messages li.item label:after {
	content: ':';
	margin-right: 5px;
}

.m-style ul.messages li.item p {
	width: 100%;
}

.m-style ul.messages li.item .field_item:not(label):not(span) {
	float: left;
	width: 100%;
}

.m-style ul.messages li.item .field_item.field_item_system_message,
.m-style ul.messages li.item .field_item.field_item_created_at {
	width: unset;
	font-style: italic;
	font-size: 0.9em;
	color: #999;
}

.m-style ul.messages li.item .field_item.field_item_system_message {
	float: left;
	font-weight: bold;
}

.m-style ul.messages li.item .field_item.field_item_created_at {
	float: right;
}

.change_history_launcher{
	border-radius: 8px;
	padding: 17px 20px;
	margin: 0px;
	display: flex !important;
	align-items: center;
	justify-content: center;
	order: -1;
	width: 75px;
	height: 42px;
	flex: 0 0 37px;
	background: #3757F5 !important;
	color: #fff !important;
	border-color: #3757F5 !important;
	text-decoration: none;
	text-align: center;
}

.change_history_launcher:hover{
	color: #fff !important;
}

.change_history_launcher:focus{
	color: #fff !important;
}

.m-style ul.messages li.item .field_item.field_item_task_id {
	position: absolute;
	left: 0;
	width: unset;
	top: 0;
	font-weight: bold;
	background: #ddd;
	border-bottom-right-radius: 7px;
	padding: 2px 4px;
	font-size: 14px;
	font-weight: 500;
	background: #fff;
}

.m-style ul.messages li.item .task_message_wrapper {
	position: absolute;
	right: 0;
	top: 0;
	padding: 2px 4px;
	font-weight: 500;
	background: #fff;
	border-bottom-left-radius: 7px;
}

/* css for access control list table */

.access_control_list_table .acl_table_cell{
	width: fit-content;
}

.access_control_list_box-content .table_wrapper {
	overflow-x: auto;
	width: 100%;
	margin: 0 auto;
	max-height: 75vh;
}

.access_control_list_table {
	width: 100%;
}

.access_control_list_table thead {
	position: sticky;
    top: 0;
    z-index: 2;
    background: #fff;
}

.access_control_list_table th, .access_control_list_table td {
	white-space: nowrap;
}

.access_control_list_table .fixed-column {
	position: -webkit-sticky;
	position: sticky;
	left: 0;
	background-color: #fff;
	z-index: 1;
	max-width: 100px;
}
.access_control_list_table .default-column {
	position: -webkit-sticky;
	position: sticky;
	left: 94.5px;
	background-color: #fff;
	z-index: 1;
	text-align: center;
	min-width: 65px;
}
@media screen and (max-width: 575px) {
	body .ingredientFieldSet span.ingredients_facilities_name_wrapper span{
		display: inline !important;
	}
}

label.approval_note_label{
	width: 110%;
}

.autocomplete-ui-state-highlight{
	background: #EFF3FD !important;
}

.mx-h-70 {
	max-height: 70vh;
}

.modalbox .modal-header-name {
	font-weight: 500;
	min-height: 55px;
}

.pl-30 {
	padding-left: 30px !important;
}

#make_products_pending_modal .devoops-modal-inner .contact_images{
	max-height: 355px;
	overflow: auto;
}

.page_content_viewer_container h3 {
	font-size: 15px;
}

.page_content_viewer_container {
	padding: 5px;
	border-radius: 5px;
	border: 1px solid #9b9b9b;
	margin: 5px 0px;
}

.term_and_conditions_page_popup .devoops-modal {
	z-index: 10000;
}

.terms-box {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	background: #f8f9fa; /* Light gray background */
	border-top: 2px solid #3757F5; /* Blue border on top */
	padding: 15px 20px;
	box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
	display: flex;
	align-items: center;
	justify-content: space-between;
	z-index: 9999; /* Ensure it appears above other elements */
	animation: slideUp 0.5s ease-out; /* Slide-up animation */
}

.terms-box p {
	margin: 0;
	font-size: 14px;
	color: #333;
	flex-grow: 1;
}

.terms-box a {
	color: #3757F5; /* Blue link color */
	text-decoration: none;
}

.terms-box a:hover {
	text-decoration: underline;
}

@keyframes slideUp {
	from {
		transform: translateY(100%);
	}
	to {
		transform: translateY(0);
	}
}

.task_confirmation_required_wrapper i {
	left: 0 !important;
}

.text-normal{
	text-decoration: none;
	color: unset;
}
.unseen_eye_icon{
	font-size: 15px;
    margin-left: 4px;
    position: relative;
    top: 1px !important;
}

/* .classification_option_container i.fa-arrows{
	padding-left: 0px;
	margin-left: -40px;
}
.classification_option_container .show_in_loc_container{
	margin-left: 0px;
} */

.contact_drp_dwn{
	z-index: 99999999999;
	position: relative;
}
.contact_drp_dwn .bootstrap-select button{
	max-width: 100%;
	margin-bottom: 0px;
}
.contact_drp_dwn .dropdown-menu{
	max-width: 100% !important;
	max-height: 100px !important;
}

.companies_page .header-span, .companies_page #contactTabContent div.info_company_name, .companies_page #contactTabContent .info_company{
	word-break: break-all;
}
.companies_page .request_formula_btn_wrapper{
	min-width: 215px;
}
.companies_page .box-header {
	height: auto;
}
.companies_page .facility_box_name div{
	display: inline-flex;
}
#back-button{
	max-height: 40px;
	margin-top: 0px !important;
	margin-right: 3px !important;
}
.companies_page .facility_box_name i.fa-building{
	padding: 8px;
}
.companies_page .facility_box_name .request_formula_btn_wrapper{
	bottom: 0;
	margin-left: 4px !important;
}
.dropdown.bootstrap-select li.no-results{
	font-size: 13px;
}
.dropdown.bootstrap-select li.selected.active a.selected.active{
	background: #fff !important;
}

.alert_toast_container .toast-body{
	max-height: 500px;
    overflow: auto;
}

.contacts_profile_picture_col{
	width: 60px !important;
	max-width: 60px !important;
}

.dt-button {
	font-size: 14px !important;
	border-radius: 4px !important;
	box-shadow: none !important;
}
.dt-button.active {
	background: #3757F5 !important;
	color: #fff !important;
}
.dt-button.buttons-colvis {
    background: #3757F5 !important;
    color: #fff !important;
}

div.dt-buttons {
	float: right !important;
}

.dt-button-background{
	background: none !important;
	z-index: auto !important;
	left: auto !important;
	top: auto !important;
}

.dataTables_scrollBody table tbody td{
    word-break: break-word;
    word-wrap: break-word;
}

.dataTables_scrollBody table thead {
    display: none;
}
.yoo{
color: red;
}

div#datatable-1_wrapper .dt-button {
	margin-top: 15px;
}

div#datatable-1_wrapper .dataTables_filter{
	margin-top: 15px;
}

#kashrus_organizations_table_wrapper .dataTables_filter input {
	margin-left: 6px;
}

.ui-autocomplete .group_li .child-label{
	overflow: hidden;
    text-overflow: ellipsis;
	white-space: nowrap;
}

html body .ingredient_rejection_modal .confirm_reject_ingredient,html body .ingredient_rejection_modal .delete_ing_conf_btn{
	margin-top: 0px !important;
}

.mb-0-75-rem{
	margin-bottom: 0.75rem !important;
}

.form {
	background: #fff;
	border-radius: 10px;
	padding: 10px;
}
.formulas_card .disabled_btn:hover,
.formulas_card .disabled_btn:active,
.formulas_card .disabled_btn:focus {
	border-color: rgba(0, 0, 0, 0.3) !important;
}

.acl_manage_box .acl_category_anchors{
	color: unset;
	text-decoration: none;
}
.acl_box .category_delete_btn{
	min-height: 40px;
	font-size: 14px;
	font-weight: 400;
	padding: 8px 20px !important;
	margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.ui-autocomplete li.parent-item a.ui-corner-all{
	font-weight: 800 !important;
}
.ui-autocomplete li.child-item a.ui-corner-all{
	font-weight: 500 !important;
}
.ui-autocomplete li.child-item{
	padding-left: 20px;
	}


.password_change_popup a#close-link_modalbox {
		display: none;
}

button#cancelButton {
    height: 38px;
    background: #ffffff !important;
    color: #525252 !important;
    border-color: #525252 !important;
    font-size: 14px;
    font-weight: 400;
    margin-top: 6px !important;
    margin-bottom: 0 !important;

}

.dt-button-collection:empty {
	display: none !important;
}
.calender_view_wrapper #calender_view{
	max-width: 110px;
	min-width: 110px;
}

.ing-back-cont-btn{
	left:20px;
	position:absolute;
	height:40px;
}
@media screen and (max-width:768px) {
	.ing-back-cont-btn{
		left:0px;
		position:relative;
	}
}

.pdf_settings_popup .devoops-modal {
	height: 400px;
}

.pdf_settings_popup .devoops-modal .devoops-modal-inner {
	height: 400px;
}
@media (max-width: 1440px) {
	.margin-25 {
		margin-left: 25px !important;
	}
}

.modal_header_buttons{
	position: absolute;
	right: 55px;
	z-index: 10;
	top: 4px;
}

.modal_header_buttons .view_modal_copy_btn {
	position: relative;
	right: 3px;
	color: #3757F5;
	padding: 12px !important;
	border: 1px solid #3757F5;
	background: #fff;
	width: 40px !important;
	box-shadow: none !important;
	top: -2px;
	margin-left: 5px;
}

.save_header_btn_popup{
	top: -1px;
}
.dt-button-collection .form-check input[type="checkbox"].form-check-input {
	position: unset;
}

div.dt-button-collection {
	width: 200px !important;
	max-height: 350px;
	overflow-y: auto !important;
}

.companies_manage_page .dt-button-collection {
	margin-top: 16px !important;
}

@media (max-width: 600px) {
	.txt_site_name {
		display: none !important;
	}
	#logo:not(.sidebar-show) .txt_site_name {
		display: inline-block !important;

	}
}
/*@media (max-width: 600px) {*/
/*	.sidebar-show #logo .txt_site_name .navbar,*/
/*	.sidebar-show #logo .txt_site_name #top-panel {*/
/*		height: 45px !important;*/
/*	}*/

/*	.sidebar-show #logo .txt_site_name #main {*/
/*		margin-top: 100px !important;*/
/*	}*/
/*}*/
@media (max-width: 600px) {
	.sidebar-show #logo .txt_site_name {
		display: none !important;
	}

	.sidebar-show #logo img {
		display: inline-block !important;
	}
	#logo:not(.sidebar-show) .txt_site_name {
		display: inline-block !important;
	}

	#logo:not(.sidebar-show) img {
		display: none !important;
	}

	height: 50px !important;
}
@media (max-width: 600px) {
	#main {
		margin-top: 58px !important;
	}
}