@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');


html {
	background: #f4f6f9;
}

aside.main-sidebar.sidebar-dark-primary ul li a, aside.main-sidebar.sidebar-light-primary ul li a  { font-size:14px;  }

aside.main-sidebar.sidebar-light-primary ul li a  {
	color: #555;
}

[class*=sidebar-light-] .nav-treeview>.nav-item>.nav-link, [class*=sidebar-light-] .nav-treeview>.nav-item>.nav-link:hover {
	color: #333;
}

.header-search-input {
	height: 32px;
	margin: 3px 0 3px 0;
}

.nav-link {
	padding: 0.3em;
}

.menuColor { background: #FFC7A2; color: #212529;}

.menuColor .mainMenu{ background: #FFC7A2; color: #212529;}
.content-wrapper>.content {
	padding: 0 0.5rem;
}

.content-wrapper{
	background: #ffffff;
	padding-top: 70px;
}

.tabScrollWrapper {
	position: relative;
	margin: 5px auto;
	overflow: hidden;
	padding: 5px;
	height: 50px;
	overflow-x: scroll;
}

.tabScrollWrapper > .nav-tabs {
	min-width: max-content;
	flex-wrap: nowrap;
}

.btn  {
	font-family: 'Roboto', sans-serif !important;
	font-size: 85% !important;
	letter-spacing: 0.03em;
}

.btn-status {
	border-radius: 12px;
	padding: 2px 6px;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	box-shadow: rgb(50 50 93 / 25%) 0px 2px 5px -1px, rgb(0 0 0 / 30%) 0px 1px 3px -1px;
	vertical-align: baseline;
	white-space: nowrap;
}

.btn-leave {
	border-radius: 12px;
	padding: 2px 6px;
	font-size: 11px;
	letter-spacing: 0.05em;
	box-shadow: rgb(50 50 93 / 25%) 0px 2px 5px -1px, rgb(0 0 0 / 30%) 0px 1px 3px -1px;
	vertical-align: baseline;
	white-space: nowrap;
	color:white;
}

.card-footer {
	background-color: inherit;
	border-top: 1px solid rgba(0,0,0,.125);
}
.btn-substatus {
	border-radius: 12px;
	padding: 2px 6px;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	vertical-align: baseline;
	white-space: nowrap;
}

.btn-circle {
	width: 20px;
	height: 20px;
	padding: 1px 0px 0px 1px;
	border-radius: 16px;
	text-align: center;
	margin: -4px 2px 0;
}

td a .fa, td a .fas, td button .fa, td button .fas {
	font-size: 14px;
}

.btn-circle .fa, .btn-circle .fas {
	font-size: 10px;
}

.popover { width: 100% !important; }

#topnav .topbar-main {
	background-color: #f4f3f3 !important;
	border-bottom: 1px #e0e0e0 solid;
}
.form-padding input {
	border-radius: 0px !important;
	height: 50px;
}
.bs-callout {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: #eee;
	border-image: none;
	border-radius: 3px;
	border-style: solid;
	border-width: 0px 1px 1px 1px;
	margin-bottom: 5px;
	padding: 10px;
}
.font-10
{
	font-size: 10px;
}
.textareaheight { height: 37px !important; overflow: hidden;  }
.partner_background { background:#f5f5f5 !important; }
.partner_background .brand-favicons { padding: 20px 0px; background:none !important; }
.partner_background .error { font-size: 14px; }
.partner_background .login-box { margin: auto; }
.partner_background ul li {
	font-size: 15px;
	color: gray;
	padding: 3px;
}
.editOrder .select2-selection {     width: 100%; padding: 7px !important; margin: 0px !important; height: 30px; border-radius: 3px; }
.editOrder .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 25px;
	right: 6px;
}
.searchImage { width: 20px; position: absolute; top: 12px; right: 12px; border: none; background: none; cursor:pointer; }
.bgFont { font-size: 20px; font-weight: 900; }
.bgFontSize { font-size: 16px; font-weight: 600; }
.normalFont { font-size: 14px !important; color: #000 !important; font-weight: 400 !important; }

.select2-results__options {
	overflow-x: hidden !important;
}
.select2-results__options li { font-size: 14px !important; }

.select2-results__options::-webkit-resizer { border-width: 8px; border-style: solid; border-color: transparent #dee2e6 #dee2e6 transparent; }
.select2-results__options::-webkit-scrollbar { width: 8px !important; }
.select2-results__options::-webkit-scrollbar-track { background:#163434; border-radius: 0px; }
.select2-results__options::-webkit-scrollbar-thumb { background:#e65f0f; border-radius: 0px; }
.select2-results__options::-webkit-scrollbar-thumb:hover { background:#e65f0f; }


.editOrder .select2-container .select2-results ul li { font-size: 12px !important; }
.partner_background .logo img {  width: 200px;  margin: auto; }
.partner_background .logo {text-align: center;  padding: 20px 0px; }

.form_container{ padding:30px; background: #FFF; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.13);
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.13); -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.13);
}
.form_container .inner-wrap{
	padding: 30px;
	background: #F8F8F8;
}
.form_container h1{
	background:#163434;
	padding: 20px 30px 15px 30px;
	margin: -30px -30px 30px -30px;
	color: #fff;
	text-align: center;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
	-webkit-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
	box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
	border: 1px solid #257C9E;
}
.partner_background .heading_label { background: #e65e0f; }
.partner_background .heading_label {
	padding: 10px 20px;
	margin: 0;
	font-size: 17px;
	color: #fff;
	border-radius: 0 50px 50px 0;
	background: #e65e0f;
	text-align: center;
	position: relative;
	margin-left: -52px;
}
.partner_background .heading_label:before {
	border-top-color: #163434;
}
.partner_background .heading_label:before {
	content: "";
	border-top: 21px solid #163434;
	border-left: 21px solid transparent;
	position: absolute;
	bottom: -21px;
	left: 0;
}
.viewCompanies .nav-link.active {
	color: #495057;
	background-color: #fff;
	border-color: #dee2e6 #dee2e6 #fff;
	border: 1px gray solid;
	border-bottom: none;
	border-top-left-radius: 0.25rem !important;
	border-top-right-radius: 0.25rem !important;
}

.form-padding select {
	border-radius: 0px !important;
	height: 50px;
}
.formdesign input {
	border-radius: 0px !important;
	height: 50px;
}
.custom-color{background: #003334 !important;}
.delete {
	position: absolute;
	right: 17px;
	bottom: 20px;
}
.delete-custom {
	position: absolute;
	right: 15px;
	bottom: 16px;
	border-radius: 0px;
	padding: 8px;
}
.deleteRow {

	right: -5px;
	bottom: 23px;
}
img.logo {
	width: 175px;
	margin: auto;
}

.logo-color{color: #fe6602;}
.logo-background{background: #fe6602;}
.bg-orange { background:#fe6500; color:#fff !important; }
.bg-tpm { background:#013333; color:#fff !important; }
.bg-orange a { color:#fff !important; }
textarea {resize:none}
.inputnoborder {
	border: 1px solid #ced4da;
}
.fs-10 { font-size:10px !important;  }
.fs-11 { font-size:11px !important;  }
.fs-12 { font-size:12px;  }
.fs-13 { font-size:13px !important;  }
.fs-14 { font-size:14px;  }
.fs-15 { font-size:15px;  }
.fs-18 { font-size:18px;  }
.fs-22 { font-size:22px;  }
.fs-16 { font-size:16px;  }
.fs-20 { font-size:20px;  }
.fs-24 { font-size:24px;  }
.fs-30 { font-size:30px;  }

.notification-menu { left: inherit; right: 0px; }

.custom-container {
	display: flex;
	align-items: center;
}

.custom-container input {
	margin-right: 10px;
}

.contact-border{

	background: white;
	padding: 15px;
	border-radius: 5px;
	margin-bottom: 10px;
}
.pull-right {
	float: right;
}
.pull-left {
	float: left;
}
.position-relative { position:relative;  }
.position-clock { top: 7px; right: 8px; color: white; font-size: 17px; position: absolute; }
.loader {
	border: 16px solid #f3f3f3;
	border-radius: 50%;
	border-top: 16px solid blue;
	border-bottom: 16px solid blue;
	display:block !important;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
	position: absolute;
	z-index: 2002;
	width: 100px;
	height: 100px;
	left: 33%;
	right: 0px;
	top: 13%;
	bottom: 0px;
	background: #5a6875;
	border-radius: 50%;
	content: "run";
}
.page_loader {
	border: 16px solid #163434;
	border-radius: 50%;
	border-top: 16px solid #e65e0f;
	border-bottom: 16px solid #e65e0f;
	display: block !important;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
	position: absolute;
	z-index: 2001;
	width: 100px;
	height: 100px;
	left: 50%;
	right: 0px;
	top: 40%;
	bottom: 0px;
	background: rgb(255 255 255 / 20%);
	border-radius: 50%;
}
.shadow-back {
	position: fixed;
	background-color: #0e0d0d;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2000;
	opacity: 0.6;
	pointer-events: none;
	transition: all 0.3s;
}
.max-height1200 { max-height:1200px !important; overflow: auto;  }
.max-height200 { max-height:200px !important; overflow: auto; min-height: 50px; }
.min-height600 { min-height: 600px !important; }

.max-height200::-webkit-scrollbar {
	width: 3px;
}

.max-height200::-webkit-scrollbar-track {
	background:#163434;
}

.max-height200::-webkit-scrollbar-thumb {
	background:#e65f0f;
}
.widthheight15px { width: 15px; height:15px;  }
.max-height200::-webkit-scrollbar-thumb:hover {
	background:#e65f0f;
}

@-webkit-keyframes spin {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

.margin12 { margin:12px;  }
.formdesign select {
	border-radius: 0px !important;
	height: 50px;
}
.fontsize13px { font-size:13px;  }
ul.nav.nav-pills.nav-sidebar.flex-column li a i.fas.fa-angle-left.right:before {
	content: "\f105";
}
li.nav-item.has-treeview.menu-open a p i {
	transform: rotate(90deg) !important;
}
.col-devide .form-group label { width:50%; float: left;  }

.create-leads .input-group-prepend { display: none; }
.brand-favicons {
	width: 128px;
	background: white;
	padding: 0px;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.height20px { height:20px;  }
.height-25 { height:25px !important;}
.height-30 { height:30px;}
.search-button { margin-top: -5px; margin-left: -7px; position: absolute;  }

.admin-list + .admin-list {
	margin-top: 10px;
}
.admin-list ul {
	list-style: none;
	background-color: #fafafa;
	padding: 5px;
	margin: 0;
	width: 100%;
	border-radius: 4px;
}
.admin-list ul > li {
	padding: 8px 0;
	margin: auto;
}
.admin-list ul > li .switch-button {
	float: right;
	margin-left: 5px;
}
.admin-list ul > li .name {
	user-select: none;
}

.switch-button {
	display: inline-block;
	border-radius: 50px;
	background-color: #b3b3b3;
	width: 60px;
	height: 27px;
	padding: 4px;
	position: relative;
	overflow: hidden;
	vertical-align: middle;
}
.chartStyle {min-height: 350px; height: 350px; max-height: 350px; max-width: 100%;}
.switch-button input[type="checkbox"] {
	display: none;
}
.switch-button label {
	border-radius: 50%;
	-webkit-box-shadow: 0 0 1px 1px #fff inset;
	box-shadow: 0 0 1px 1px #FFF inset;
	background-color: #ffffff;
	margin: 0;
	height: 19px;
	width: 19px;
	z-index: 1;
	display: inline-block;
	cursor: pointer;
	background-clip: padding-box;
}
.switch-button label:before {
	position: absolute;
	font-size: .8462rem;
	font-weight: 600;
	z-index: 0;
	content: "OFF";
	right: 0;
	display: block;
	width: 100%;
	height: 100%;
	line-height: 27px;
	top: 0;
	text-align: right;
	padding-right: 10px;
	color: #ffffff;
}
.switch-button input[type="checkbox"]:checked + span {
	background-color:#fe6500;

	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 4px;
}
.switch-button input[type="checkbox"]:checked + span label {
	float: right;
	border-color: #fe4d8e;
}
.switch-button input[type="checkbox"]:checked + span label:before {
	position: absolute;
	font-size: .8462rem;
	font-weight: 600;
	z-index: 0;
	content: "ON";
	color: #ffffff;
	left: 0;
	text-align: left;
	padding-left: 10px;
}
.switch-button.switch-button-yesno label:before {
	content: "NO";
}
.switch-button.switch-button-yesno input[type="checkbox"]:checked + span label:before {
	content: "YES";
}
.md-text-1 {  padding: 4px 5px !important; max-width: fit-content !important; }
.switch-button.switch-button-xs {
	height: 20px;
	width: 53px;
	line-height: 16px;
	width: 50px;
}
.switch-button.switch-button-xs label {
	height: 12px;
	width: 12px;
}
.switch-button.switch-button-xs label:before {
	line-height: 21px;
}
.switch-button.switch-button-sm {
	height: 24px;
	width: 57px;
	line-height: 20px;
}
.switch-button.switch-button-sm label {
	height: 16px;
	width: 16px;
}
.switch-button.switch-button-sm label:before {
	line-height: 25px;
}
.switch-button.switch-button-lg {
	height: 30px;
	width: 63px;
	line-height: 26px;
	width: 65px;
	float:right;
}
.switch-button.switch-button-lg label {
	height: 22px;
	width: 22px;
}
.switch-button.switch-button-lg label:before {
	line-height: 31px;
}
.switch-button.switch-button-success {
	background-color: #b3b3b3;
}
.switch-button.switch-button-success label {
	border-color: #ababab;
}
.switch-button.switch-button-success input[type="checkbox"]:checked + span {
	background-color: #34a853;
}
.switch-button.switch-button-success input[type="checkbox"]:checked + span label {
	border-color: #2e9549;
}
.switch-button.switch-button-warning {
	background-color: #b3b3b3;
}
.switch-button.switch-button-warning label {
	border-color: #ababab;
}
.switch-button.switch-button-warning input[type="checkbox"]:checked + span {
	background-color: #fbbc05;
}
.switch-button.switch-button-warning input[type="checkbox"]:checked + span label {
	border-color: #e3aa04;
}
.switch-button.switch-button-danger {
	background-color: #b3b3b3;
}
.switch-button.switch-button-danger label {
	border-color: #ababab;
}
.switch-button.switch-button-danger input[type="checkbox"]:checked + span {
	background-color: #ea4335;
}
.switch-button.switch-button-danger input[type="checkbox"]:checked + span label {
	border-color: #e82e1e;
}
.footer-changes { padding: 19px;  border-top: 2px #e8e8e8 solid;  background: white;  }

.asign-pull-right {
	float: right;
	margin: 6px 10px;
}
.emptySpace2 { width:74px; overflow: hidden; display: block; height: 30px;  }
.heightfixed { min-height:460px; }
.maxheightfixed { max-height: 450px; overflow:auto;  }


.scroll-design::-webkit-scrollbar {
	width: 3px;
}

.scroll-design::-webkit-scrollbar-track {
	background:#163434;
}

.scroll-design::-webkit-scrollbar-thumb {
	background:#e65f0f;
}

.scroll-design::-webkit-scrollbar-thumb:hover {
	background:#e65f0f;
}

.modal-confirm .modal-content {
	padding: 20px;
	font-size: 16px;
	border-radius: 5px;
	border: none;
}
.modal-confirm .modal-header {
	background: #47c9a2;
	border-bottom: none;
	position: relative;
	text-align: center;
	margin: -20px -20px 0;
	border-radius: 5px 5px 0 0;
	padding: 35px;
}
.modal-confirm-custom .modal-header {
	background: #47c9a2;
	border-bottom: none;
	position: relative;
	text-align: center;
	margin: -20px -20px 0;
	border-radius: 5px 5px 0 0;
	padding: 15px;
}
.modal-confirm h4 {
	text-align: center;
	font-size: 36px;
	margin: 10px 0;
}
.modal-confirm .form-control, .modal-confirm .btn {
	min-height: 40px;
	border-radius: 3px;
}
.modal-confirm .close {
	position: absolute;
	top: 15px;
	right: 15px;
	color: #fff;
	text-shadow: none;
	opacity:100;
}
.modal-confirm .close:hover {
	opacity: 0.8;
}
.modal-confirm .icon-box {
	color: #fff;
	width: 95px;
	height: 95px;
	display: inline-block;
	border-radius: 50%;
	z-index: 9;
	border: 5px solid #fff;
	padding: 15px;
	text-align: center;
}

.white-space-pre { white-space: pre-line;  }

.modal-confirm .icon-box i {
	font-size: 64px;
	margin: -4px 0 0 -4px;
}

.modal-confirm .btn, .modal-confirm .btn:active {
	color: #fff;
	border-radius: 4px;
	background: #eeb711 !important;
	text-decoration: none;
	transition: all 0.4s;
	line-height: normal;
	border-radius: 30px;
	margin-top: 10px;
	padding: 6px 20px;
	border: none;
}
.modal-confirm .btn:hover, .modal-confirm .btn:focus {
	background: #eda645 !important;
	outline: none;
}
.modal-confirm .btn span {
	margin: 1px 3px 0;
	float: left;
}
.modal-confirm .btn i {
	margin-left: 1px;
	font-size: 20px;
	float: right;
}
tr.inactive {
	opacity: 0.4;
}
.trigger-btn {
	display: inline-block;
	margin: 100px auto;
}
.header-favicons { display: none;padding-left: 20px;  }
.px20space { padding:0px 10px; }
.quote-items { min-width: 160px !important; padding: 0; }
.dropdown-menu.dropdown-menu-right.quote-items.show a:hover { background: #d0d0d0;}
.ticket_button { background: #ddd; color: black; display: block; float: left; border-radius: 4px; margin: 1px 5px 10px 5px; padding: 2px 15px; }
.error{
	color:#ff0000;
	width: 100%;
	font-size: 14px;
}

ul.nav.nav-treeview.header-favicons {
	padding-left: 20px;
}
.user-profile-box {
	max-width: 244px !important;
	min-width: 160px !important;
	padding: 0;
}

.dropdown-menu.dropdown-menu-right.user-profile-box.show a:hover {
	background: #d0d0d0;
}
span.badge.badge-danger.navbar-badge { font-weight: 700 !important;  }

.input-group-text { width: 26px !important; text-align: center;  display: grid;}
#copyBtn { width: auto !important; text-align: center;  display: grid;}
.hideonclick { display: none;  }
.error-text-color-red .error { color:red; font-weight: 400 !important;  }
.create-leads .error { font-size:13px !important; width:100% !important;  }
.delete-icons-set p  { position:relative;   }
.delete-icons-set p i { position:absolute; right: 0px; top:0px; padding: 5px; background: white; border-radius: 59px; }
.iconssets { margin: 2px;  padding: 7px;  }
.timeline-footer span { font-size:13px !important; padding:0px 10px; }
.timeline-footer  {  overflow: hidden; border-top: 1px #e0e0e0 solid; }
.min-heightset { min-height:unset !important;  }
.disabled { background: #f5f5f5 !important; }
button.cutButtonPullRight.btn.btn-tool {
	float: right;
	position: absolute;
	right: 6px;
	z-index: 2;
	color: white;
	top: 23px;
	font-size: 4px;
}
div#DataTables_Table_0_length {
	float: left;
}
div#DataTables_Table_1_length {
	float: left;
}
div#DataTables_Table_2_length {
	float: left;
}

div#DataTables_Table_3_length {
	float: left;
}

div#DataTables_Table_4_length {
	float: left;
}

div#DataTables_Table_5_length {
	float: left;
}

div#DataTables_Table_6_length {
	float: left;
}

div#DataTables_Table_7_length {
	float: left;
}

div#DataTables_Table_8_length {
	float: left;
}

div#DataTables_Table_9_length {
	float: left;
}

body.layout-footer-fixed.sidebar-collapse img.hideonclick-main-logo.brand-favicons {
	display: none;
}
.showhidebackground { background-image: none !important;  }

body.layout-footer-fixed a.brand-link {
	height: 68px;
	padding: 2px;
	position: relative;
}
body.layout-footer-fixed.sidebar-collapse a.brand-link {
	background-position: 17px !important;
	background-size: 40px !important;
}
.Body-action-button button {
	float: left;
	width: 75px;
	margin: 11px 6px;
}
.input-design-change input {
	height: 35px !important;
}
.width20px {
	width:20px !important;
}
.width24px {
	width:24px !important;
}
.width30px {
	width:30px !important;
}
.width40px {
	width:40px !important;
}
.width50px {
	width:50px !important;
}
.width60px {
	width:60px !important;
}
.width70px {
	width:70px !important;
}
.width80px {
	width:80px !important;
}
.width90px {
	width:90px !important;
}
.width95px {
	width:95px !important;
}
.width100px {
	width:100px !important;
}
.width110px {
	width:110px !important;
}
.width120px {
	width:120px !important;
}
.width125px {
	width:125px !important;
}
.width130px {
	width:130px !important;
}
.width135px {
	width:135px !important;
}
.width140px {
	width:140px !important;
	max-width: 140px;
}
.width150px {
	width:150px !important;
}
.width170px {
	width:170px !important;
}
.width180px {
	width:180px !important;
}
.width190px {
	width:190px !important;
}
.width200px {
	width:200px !important;
}
.width220px {
	width:220px !important;
}
.width230px {
	width:230px !important;
}
.width250px {
	width:250px !important;
}
.width300px {
	width:300px !important;
}
.width350px {
	width:350px !important;
}
.width410px {
	width:410px !important;
}
.width450px {
	width:450px !important;
}
.width500px {
	width:500px !important;
	min-width:500px !important;
}

.width500px {
	width:520px !important;
	min-width:520px !important;
}

.width600px {
	width:600px !important;
	min-width:600px !important;
}
.width700px {
	width:700px !important;
	min-width:700px !important;
}
.width900px {
	width:900px !important;
	min-width:900px !important;
}

.warning-text{
	background-color: yellow; padding: 2px; border-radius: 4px; color: red;
}
.verticle-align-middle {
	vertical-align: middle !important;
}
.labels-btn {
	display: inline;
	padding: 5px;
	font-size: 75%;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	border-radius: .25em;
	margin-left: 5px;
}
.font-size-message{font-size: 20px !important; margin-right: 11px;}

.showDiv {
	display:block !important;
}
.hideDiv {
	display:none !important;
}
.padding15px {
	padding: 15px;
}
.profile-panel { float:left; width: 300px;}
.mt--10 { margin-top: -34px; font-size: 13px; width: 100%; position: absolute;  }
.profile-panel .dropdown-menu { margin: 2px !important; float:left; }
.profile-panel .dropdown-item { padding: 4px 15px 5px 10px !important; border-bottom: 1px #d6d5d5 solid !important; }
.bottom-4 { bottom: 4px !important;  }
span.select2.select2-container.select2-container--default.select2-container--above:focus {
	outline: none !important
}
.error_design .error {
	width:100%; font-size:13px;
}
.no-background {
	background: none !important;
	box-shadow: none !important;
	border: 0px !important;
	padding: 0px !important;
	margin: 0px !important;
}
.timeline-header {
	font-size: 17px !important;
	font-weight: 600;
}
.form-group label {
	font-size: 14px !important;
	color:#464646;
	width: 100%;
}
input[type="text"],input[type="number"],input[type="email"],select,textarea{
	font-size: 14px;
	color: #171515 !important;
}
.closebar-button { position: absolute; right: 0px; top: 6px;  }
.bg-black{ background: #000 !important; }
.top-10{top:10px!important;}
.top-15{top:15px!important;}
.top-20{top:20px!important;}
.margin-top-20{margin-top:20px!important;}
.padding-top30{padding-top: 30px!important;}
.ml-73{margin-left:73px!important;}
.ml-80{margin-left:80px!important;}

.fullwidth { width:100%!important; }

.gradient-form {
	background-color: #eee;
}

.gradient-custom-2 {
	/* fallback for old browsers */
	background: #fccb90;
	/* Chrome 10-25, Safari 5.1-6 */
	background: -webkit-linear-gradient(to right, #ee7724, #d8363a, #dd3675, #b44593);
	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	background: linear-gradient(to right, #ee7724, #d8363a, #dd3675, #b44593);
}

.wave {
	animation-name: wave-animation;  /* Refers to the name of your @keyframes element below */
	animation-duration: 2.5s;        /* Change to speed up or slow down */
	animation-iteration-count: infinite;  /* Never stop waving :) */
	transform-origin: 70% 70%;       /* Pivot around the bottom-left palm */
	display: inline-block;
}

.floating-label-group {
	position: relative;
}

.floating-label {
	font-size: 14px;
	font-weight: 500 !important;
	color: #cccccc;
	position: absolute;
	pointer-events: none;
	top: 9px;
	left: 12px;
	transition: all 0.1s ease;
}

input:focus ~ .floating-label,
input:not(:focus):valid ~ .floating-label {
	top: -16px;
	bottom: 0px;
	left: 0px;
	font-size: 12px;
	opacity: 1;
	color: #6c757d;
}

@keyframes wave-animation {
	0% { transform: rotate( 0.0deg) }
	10% { transform: rotate(14.0deg) }  /* The following five values can be played with to make the waving more or less extreme */
	20% { transform: rotate(-8.0deg) }
	30% { transform: rotate(14.0deg) }
	40% { transform: rotate(-4.0deg) }
	50% { transform: rotate(10.0deg) }
	60% { transform: rotate( 0.0deg) }  /* Reset for the last half to pause */
	100% { transform: rotate( 0.0deg) }
}

.required { color:red !important;  font-size: 14px !important; }
.postition-set {
	position: absolute;
	right: 0px;
	padding: 10px 1px 10px 16px;
	width: 66px;
	cursor: pointer;
	border-left: 1px gray solid;
	height: 45px;
	color: white;
	background: #e75e0e;
}
table#example {
	border: 1px #d2d2d2 solid;
}
.alert-rapper{
	margin-left: 251px;
	text-align: center;
}
.table-design .table td, .table-design .table th {
	padding: 5px !important;
	text-align: center;
}
.dataTables_filter {
	float: right !important;
}
.card-button-setting button {
	margin:5px 0px;
}
.iFontsize20px i { font-size: 20px !important;  }
table tr {
	font-size:13px !important;
}
table td {
	font-size:13px !important;
}

table th {
	font-size:13px !important;
}

.icons-size-md i {
	font-size: 17px !important;
	padding: 1px;
	margin: 0px 2px;
}
tr:nth-child(odd) {background-color:white;}
tr:nth-child(even) {background-color: #f2f2f2;}
a.ui-datepicker-prev.ui-corner-all:after {
	content: "\f137";
	margin: 5px;
	font-family: Font Awesome\ 5 Free;
}
a.ui-datepicker-next.ui-corner-all:after {
	content: "\f138";
	margin: 15px;
	font-family: Font Awesome\ 5 Free;
}
.readonly-design-remove input { background-color: #ffffff !important;  }

.fieldset-design{
	border: 1px solid #ced4da;
	border-radius:4px;
	padding: 0px 10px;
	margin-bottom: 10px;
}

.legend-design{
	width:auto;
	background-color: gray;
	color: white;
	padding: 2px 8px;
	font-size: 1em;
	border-radius: 3px;
}

.tablethcolor{
	background: #a0aab3; color:#fff; width: 25%;
}
.lable-text label:nth-child(2){
	color: grey;
	font-weight: 500;
}
.border-2 {
	border-width:2px !important;
}
.tableBorder td { border: 1px #dee2e6 solid;  }
.tableBorder th { border: 1px #dee2e6 solid;  }


.search-icons {  position: absolute;  margin-left: -29px; margin-top: 6px;  }
.div-box-center { width:70%; margin:auto;  }
.piechart-box {
	position: relative;
	left: -16px;
	width: 912px;
	max-width: 912px;
	height: 550px;
	overflow: hidden;
}
div#piechart {
	position: absolute;
	left: -127px;
	top: -120px;
}
.odd-event-div .row:nth-child(even) { margin: 5px 0px; font-size:14px; border-bottom: 1px #7cb6c3 dotted; }
.odd-event-div .row:nth-child(odd) { margin: 5px 0px;  font-size:14px; border-bottom: 1px #7cb6c3 dotted; }
.odd-event-div .row:last-child { border:none !important; }
.odd-event-div .row .col-md-4 {
	font-weight: 600;
	background: #eef7f9;
	border-radius: 0px 10px 0px 0px;
	padding: 5px 15px;
}
.odd-event-div .row .col-md-6:first-child {
	font-weight: 600;
	background: #eef7f9;
	border-radius: 0px 10px 0px 0px;
	padding: 5px 15px;
}

.odd-event-ticket-design .row:nth-child(even) { margin: 5px 0px; font-size:14px; border-bottom: 1px #e75e0e dotted; }
.odd-event-ticket-design .row:nth-child(odd) { margin: 5px 0px;  font-size:14px; border-bottom: 1px #163434 dotted; }
.odd-event-ticket-design .row:last-child { border:none !important; }
.odd-event-ticket-design .row .col-md-4 {
	font-weight: 600;
	background: #eef7f9;
	border-radius: 0px 10px 0px 0px;
	padding: 5px 15px;
}
.odd-event-ticket-design .row .col-md-6:first-child {
	font-weight: 600;
	color: #0f3763;
	padding: 5px 15px;
	text-transform: capitalize;
}
.odd-event-ticket-design .row .col-md-6:first-child:after { content: "\f30b"; position:absolute; right:0px; color: #343a40; float:right; display: inline-block; font-family: Font Awesome\ 5 Free; text-transform: capitalize;  }

.col12line .col-md-12:after { content: "\f178"; position:absolute; right:0px; color: #343a40; float:right; display: inline-block; font-family: Font Awesome\ 5 Free; text-transform: capitalize;  }

.odd-event-ticket-design-0 label {
	font-weight: 600;
	color: #0f3763;
	font-size:14px;
}
.odd-event-ticket-design-0 .col-md-4 {
	font-weight: 400;
	color: #0f3763;
	font-size:14px;
}

.light-gray { background: #efeded; }
.odd-event-company-design .row:nth-child(odd) {
	margin: 5px 0px;
	font-size: 14px;
}
.odd-event-company-design .row:nth-child(even) {
	margin: 5px 0px;
	font-size: 14px;
}
.odd-event-company-design .row .col-md-6:nth-child(1) {
	background: #e1dfdf;
	font-size: 14px;
}

.odd-event-company-design .row .col-md-6:first-child {
	font-weight: 600;
	color: #0f3763;
	font-size: 14px;
	padding: 10px 15px;
	text-transform: capitalize;
}
.odd-event-company-design .row .col-md-6:nth-child(2) {
	background: white;
	padding: 11px;
	font-size: 14px;
}
.legend-design-company{
	width:auto;
	background-color: #e65f0f;
	color: white;
	padding: 5px 10px;
	font-size:17px;
}

.fieldset-design-company:before {
	border-top: 2px solid #e65f0f;
	margin-bottom: 10px;
	width: 100%;
	height: 2px;
	content: "";
	display: block;
	margin-top: -9px;
}
.overflowScroll { overflow-y: scroll; }


.title-label-capitalcase strong { text-transform: capitalize;  }
.title-label-capitalcase label { text-transform: capitalize;  }
.message-item {
	margin-bottom: 30px;
	margin-left: 40px;
	position: relative;
}
.form-error .error { border:1px red solid;  }
.noborder { border:0px !important;  }
.borderIp { border: 1px #dee2e6 solid !important; }
.message-item .message-inner {
	background: #fff;
	border: 1px solid #343a40;
	border-radius: 3px;
	padding: 10px;
	position: relative;
}

.editOrder .approved .select2-container { border:2px solid #4a8201 !important; display: block; border-radius: 3px; }
.editOrder .inactive .select2-container { border:2px solid #ffff00 !important; display: block;  border-radius: 3px; }
.editOrder .inactive { border:2px solid #ffff00 !important; display: block;  border-radius: 3px; }
.editOrder .unknown .select2-container {  border:2px solid Red !important; display: block;  border-radius: 3px; }

.message-item:before {
	background:#163434;
	border-radius: 2px;
	bottom: -30px;
	box-shadow: 0 0 3px rgba(0,0,0,0.2);
	content: "";
	height: 100%;
	left: -30px;
	position: absolute;
	width: 3px;
}
.message-item:after {
	background:#e86e23;
	border: 2px solid #e86e23;
	border-radius: 50%;
	content: "";
	height: 15px;
	left: -36px;
	position: absolute;
	top: 10px;
	width: 15px;
}

.message-item-close:before { content: unset !important; }
.message-item-close:after { content: unset !important; }
.message-item-close { margin: 0px !important; padding: 0px 15px !important; }
.clearfix:before, .clearfix:after {
	content: " ";
	display: table;
}
.message-item .message-head {
	margin-bottom: 8px;
}
.message-item .message-head .avatar {
	margin-right: 20px;
}
.message-item .message-head .user-detail {
	overflow: hidden;
}
.message-item .message-head .user-detail h5 {
	font-size: 16px;
	font-weight: bold;
	margin: 5px 0px 0px 0px;
}
.br-5 { border-radius:5px;  }
.a-font-size14px a { font-size:14px;  }
input[type='file'] { overflow:hidden; padding: 2px !important; }
.accordion-design .card { border-radius:5px !important;  }
.accordion-design div[aria-expanded=true]:after { color:#e75e0e; font-family: Font Awesome\ 5 Free; color:#e75e0e; content: "\f146"; position: absolute; right: 22px; top: 14px;}
.accordion-design div[aria-expanded=false]:after { content:"\f0fe"; font-family: Font Awesome\ 5 Free; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; position: absolute; right: 22px; top: 14px;}
.accordion-design div[aria-expanded=true] strong { color:#e75e0e; }
.accordion-design strong i { width:15px; }
table thead tr { background: #f1f1f1 !important;  }
.emptyText .row .col-md-6 .row .col-md-6:last-child:empty:after {
	content: "NA"; color:#ffc107;
}
.emptycell-null td:empty:after {content: "NA"; color:#ffc107;}
.emptycellTable-null td:empty:after {content: "NA"; color:#ffc107;}
.remove-space { bottom: 12px !important; margin: 0px; padding: 0px 2px; }
i .btn {
	border-radius:0px !important;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.border-radius { border-radius: 0px;  }
.table-responsive-large-table { overflow: auto; }
.na-print-table tr td:empty:after {
	content: "NA";
	right: 0px;
	color: #ffc107;
	display: inline-block;
	font-family: Font Awesome\ 5 Free;
	text-transform: capitalize;
}
.position-absolute { position: absolute; left: 0; right: 0; top: 0px; bottom: 0px; width: 100%; }
.positionButton { text-align: right; margin: 10px 0px 0px -21px; width: 420px !important; left: unset !important; right: 19px; }
.emptyTextNullFill .col-md-6:last-child:empty:after  { content: "NA"; color: #ffc107; }

.escalation-box div { border: 1px #ced4da solid; margin: 4px 2px; padding:5px; border-radius: 3px; }
.escalation-box div:nth-child(1) { width:100% !important; }
.escalation-box div:nth-child(2) { width:100% !important; }
.escalation-box div:nth-child(3) { width:100% !important;  }
.escalation-box div span { margin-right:10px;  }
.buttonright-fieldset { position: absolute; top: 0px; right: 29px;  }
.top45px { top:-40px; right: 5px;  }
.pobuttonright-fieldset { position: absolute; top: -40px; right: 29px;  }
.odd-even-table-r tr:nth-child(odd)  { background:none !important;  }
.odd-even-table-r tr:nth-child(even)  { background:none !important;  }

.message-item .message-inner:before {
	border-right: 10px solid #343a40;
	border-style: solid; border-width: 10px; color: rgba(0,0,0,0); content: ""; display: block;
	height: 0; position: absolute; left: -20px; top: 6px; width: 0;
}
.message-item .message-inner:after {
	border-right: 10px solid white;
	border-style: solid; border-width: 10px; color: rgba(0,0,0,0); content: ""; display: block;
	height: 0; 	position: absolute; left: -18px; top: 6px; 	width: 0;
}
.text-danger{color: #ff0018!important;}
.bg-warning-icons:after { border-right: 10px solid #ffc107 !important; }
.bg-orange-icons:after { border-right: 10px solid #fd7e14 !important; }
.bg-danger-icons:after { border-right: 10px solid #dc3545 !important; }
.bg-light-icons:after { border-right: 10px solid #f8f9fa !important; }

.bg-warning-icons:before { border-right: 10px solid #ffc107 !important; }
.bg-orange-icons:before { border-right: 10px solid #fd7e14 !important; }
.bg-danger-icons:before { border-right: 10px solid #dc3545 !important; }
.bg-light-icons:before { border-right: 10px solid #f8f9fa !important; }

.bg-warning-icons { border: 1px solid #ffc107 !important; }
.bg-orange-icons { border: 1px solid #fd7e14 !important; }
.bg-danger-icons { border: 1px solid #dc3545 !important; }
.bg-light-icons { border: 1px solid #f8f9fa !important; }

.bg-orange h5 { color:#ffffff !important; }
.bg-danger h5 { color:#ffffff !important; }

.fontsize11 { font-size: 10px; white-space: nowrap;  cursor: pointer; padding: 2px 0px;}

.qa-icons-odd-even .qa-message-list:nth-child(odd) .message-item:before { background:#163434 !important;  }
.qa-icons-odd-even .qa-message-list:nth-child(even) .message-item:before {  background:#e65e0f !important; }
.qa-icons-odd-even .qa-message-list:nth-child(even) .message-item:after { background:#e65e0f !important;  border: 2px solid #e65e0f; }
.qa-icons-odd-even .qa-message-list:nth-child(odd) .message-item:after {  background:#163434 !important; border: 2px solid #163434; }

.addsorting.sorting_asc:after { content:"\f0dd"; color:gray; font-family: Font Awesome\ 5 Free; position: absolute; right: 5px;  }
.addsorting.sorting_desc:after { content:"\f0dd"; color:gray; transform: rotate(180deg); font-family: Font Awesome\ 5 Free; position: absolute; right: 5px; }
.addsorting.sorting:before { content:"\f0dd"; color:gray; font-family: Font Awesome\ 5 Free; position: absolute; right: 5px; }
.addsorting.sorting:after { content:"\f0dd"; color:gray; transform: rotate(180deg); font-family: Font Awesome\ 5 Free; position: absolute; right: 5px; }

table th.sorting { position: relative;  }
table th.sorting_asc { position: relative;  }
table th.sorting_desc { position: relative;  }
.height28px { height: 28px; }
.height100px { height: 100px; overflow: auto; }
.height150px { height: 150px; overflow: auto; }
.height100px::-webkit-scrollbar { width: 3px; }
.height100px::-webkit-scrollbar-track { background:#163434; border-radius: 0px; }
.height100px::-webkit-scrollbar-thumb { background:#e65f0f; border-radius: 0px; }
.height100px::-webkit-scrollbar-thumb:hover { background:#163434; }

.max-height60px { max-height: 60px; display: inline-flex; overflow: auto;  }
.max-height100px { max-height: 100px; display: inline-flex; overflow: auto;  }
.max-height100px::-webkit-scrollbar { width: 3px; }
.max-height100px::-webkit-scrollbar-track { background:#163434; border-radius: 0px; }
.max-height100px::-webkit-scrollbar-thumb { background:#e65f0f; border-radius: 0px; }
.max-height100px::-webkit-scrollbar-thumb:hover { background:#163434; }

.max-height150px { max-height: 150px; display: inline-flex; overflow: auto;  }
.max-height150px::-webkit-scrollbar { width: 3px; }
.max-height150px::-webkit-scrollbar-track { background:#163434; border-radius: 0px; }
.max-height150px::-webkit-scrollbar-thumb { background:#e65f0f; border-radius: 0px; }
.max-height150px::-webkit-scrollbar-thumb:hover { background:#163434; }

.max-height200px { max-height: 200px; display: inline-flex; overflow: auto;  }
.max-height200px::-webkit-scrollbar { width: 3px; }
.max-height200px::-webkit-scrollbar-track { background:#163434; border-radius: 0px; }
.max-height200px::-webkit-scrollbar-thumb { background:#e65f0f; border-radius: 0px; }
.max-height200px::-webkit-scrollbar-thumb:hover { background:#163434; }

body::-webkit-scrollbar { width: 6px; }
body::-webkit-scrollbar-track { background:#163434; border-radius: 0px; }
body::-webkit-scrollbar-thumb { background:#e65f0f; border-radius: 0px; }
body::-webkit-scrollbar-thumb:hover { background:#e65f0f; }

pre { overflow-x: hidden !important; }
.dataTables_paginate.paging_simple_numbers {
	table-layout: unset;
	width: fit-content;
	margin:2px auto 0px auto;
}
.scrollarea::-webkit-scrollbar { width: 3px; }
.scrollarea::-webkit-scrollbar-track { background:#163434; border-radius: 0px; }
.scrollarea::-webkit-scrollbar-thumb { background:#e65f0f; border-radius: 0px; }
.scrollarea::-webkit-scrollbar-thumb:hover { background:#e65f0f; }

.part_master_color select option:nth-child(2){ color: white; background: #017bff; }
.select2.select2-container span { color:black !important; }
.form-control[readonly] {  background:white; color:black !important; }
.form-control[disabled] {  background: #fbfbfb;  }
.bg-warning-border .border {  border: 1px solid #343a40!important; }
.bg-warning-border .border-bottom {  border-bottom: 1px solid #343a40!important; }
.top-fixed{ position: absolute;
	top: 0px;
	z-index: -1; }
	.custom-readonly { pointer-events: none;  }
	.alarm {
		animation: blinker 3s linear infinite;
		display: inline-block;
		font-weight: bold;
	}
	.customInput {
		width: 100%;
		height: calc(2.25rem + 2px);
		padding: 0.375rem 0.75rem;
		font-size: 1rem;
		font-weight: 400;
		border: 1px solid #ced4da;
		border-radius: 0px;
		background: whitesmoke;
		box-shadow: inset 0 0 0 transparent;
		transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; }

/******************Employee Roster CSS******************/

.calHeader {
	list-style-type: none;
	width: 100%;
	background: #1abc9c;
	color: white;
	text-transform: capitalize;
	font-size: 20px;
	letter-spacing: 3px;
	text-align: center;
	padding: 15px 20px;
	margin-top: 10px;
	margin-bottom: 0px;
}

.prev {
	float: left;
}

.next {
	float: right;
}

.calDays {
	list-style-type: none;
	margin: 0px;
	padding: 10px 0px;
	background-color: #ddd;
}

.calDays li {
	display: inline-block;
	width: 14%;
	text-align: center;
	font-weight: 600;
}

.calDates {
	list-style-type: none;
	padding-bottom: 20px;
	padding-left: 0px;
	background: #eee;
}

.calDates li {
	display: inline-block;
	width: 14%;
	text-align: center;
	margin-top: 3px;
	font-size: 13px;
}

.rosterDate {
	padding: 10px;
	color: white !important;
}

.rosterWorkingDay
{
	background: #228B22;
}

.rosterWeekOff
{
	background: #FF6347;
}

.rosterLeave
{
	background: #008B8B;
}

.rosterUnpaid
{
	background: #FF0000;
}

.rosterSick
{
	background: #900C3F;
}

.rosterCompoff
{
	background: #6E06AE;
}

.rosterEmergencyoff
{
	background: #d35400;
}
.rosterBereavementoff
{
	background: #36454F;
}

.leave-height
{
	min-height: 77px;
}

.rosterHoliday
{
	background: #FF8C00;
}


.colorIndicator
{
	width: 20px;
	height: 20px;
	border-radius: 10px;
	display: inline-block;
}

.definitionIndicator {
	margin-left: 5px;
	top: -5px;
	position: inherit;
	display: inline-block;
}

.message-conversation {
	max-height: 150px !important;
	overflow-y: auto;
	margin: auto;
}

.message {
	margin-bottom: 5px;
	clear: both;
}

.sent {
	margin-left:10%;
	border: 1px solid #4caf50;
	padding: 5px;
	border-radius: 5px;
	float: right;
}

.received {
	margin-right:10%;
	border: 1px solid #bc4f5e;
	padding: 5px;
	border-radius: 5px;
	float: left;
}

.parentMessage{
	margin-bottom: 5px;
	clear: both;
	background-color: #4caf50;
	color: white;
	padding: 5px;
	border-radius: 5px;
}

.custom-inline {
	display: flex;
	align-items: center;
	margin-bottom: 3px;
}
.custom-inline .form-control {
	width: 45px;
	height:25px;
	padding-left:5px;
	padding-right:0px;
	margin-right: 10px;
}
.custom-inline .form-check-input {
	margin-right: 3px !important;
}

.calCardHeight{
	height:235px;
}

.calMonthWidth{
	width:70px;
}

.bomPending{
	border: 2px solid #ffc300 !important;
}

.bomAccordian{
	background-color: #ffeeba !important;
}



/*************************** Attendance System *****************************/

.attendance {
	display: flex;
	gap: 20px;
	margin-bottom: 30px;
}

.attendance-card {
	flex: 1;
	background: #fff;
	padding: 10px 5px 5px 5px;
	border: 1px solid #ddd;
	border-radius: 8px;
	text-align: center;
	margin-bottom: 1rem;
	height: 290px;
}

.attendance-card h2 {
	font-size: 16.93px;
	color: #000;
	margin-bottom: 5px;
	width: 102%;
}

.attendance-card p {
	font-size: 14.93px;
	color: #333;
	margin: 0;
}

.attendance-card h4 {
	font-size: 14.93px;
	color: #333;
	margin: 3px;
	font-weight: lighter;
}

.attendance-card h3 {
	font-size: 17.93px;
	margin: 0;
}

.attendance-card .progress {
	margin: 20px auto;
	width: 80px;
	height: 80px;
	background: conic-gradient(#ff6b00 0% 98%, #ddd 98%);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	color: #333;
}

.production-hours {
	padding: 5px 10px;
	border-radius: 4px;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
}

.production-hours.green {
	background-color: #28a745;
}

.production-hours.yellow {
	background-color: #ffc107;
	color: #5a3e00;
}

.production-hours.red {
	background-color: #dc3545;
}

.pie-chart {
	background:
	radial-gradient(
		circle closest-side,
		white 0,
		white 85%,
		transparent 85%,
		transparent 100%,
		white 0
	),
	conic-gradient(
		#FE6500 0,
		#FE6500 10%,
		#dedede 0,
		#EDEDED 100%
	);
	position: relative;
	width: 200px;
	min-height: 200px;
	margin: 0;
	padding-left: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.pie-chart figcaption {
	position: absolute;
	font-size: 1.5em;
	font-weight: bold;
	color: #FE6500;
	text-align: center;
}

.progress-container {
	text-align: center;
}

.circular-progress {
	position: relative;
	width: 120px;
	height: 120px;
	margin: 0 auto;
	transform: rotate(-90deg);
}

.circular-progress svg {
	position: absolute;
	top: 0;
	left: 0;
}

.circular-progress .percentage {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(90deg);
	font-size: 1.5em;
	font-weight: bold;
	color: #ff6a00;
	text-align: center;
}

.circular-progress circle {
	transition: stroke-dasharray 0.1ms;
}
.percentage {
	margin-bottom: 22px;
	margin-top: -78px;
	font-size: 24.03px;
	color: #FE6500;
}

.time-display {
	font-size: 35px;
	margin-top: 100px;
}
.custom-size {
	width: 90px !important;
	height: 90px !important;
}

.total-hours {
	font-size: 16px;
}

.radiating-circle {
	width: 10px;
	height: 10px;
	background-color: green;
	border-radius: 50%;
	position: relative;
	animation: pulse 1.5s infinite;
	display: inline-block;
	vertical-align: top;
	margin-left: 7px;
}

.radiating-circle::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 18px;
	height: 18px;
	border: 2px solid green;
	border-radius: 50%;
	transform: translate(-50%, -50%);
	opacity: 0.5;
	animation: rays 1.5s infinite;
}

@keyframes rays {
	0% {
		transform: translate(-50%, -50%) scale(1);
		opacity: 0.5;
	}
	100% {
		transform: translate(-50%, -50%) scale(1.3);
		opacity: 0;
	}
}

@keyframes pulse {
	0%, 100% {
		box-shadow: 0 0 8px lawngreen, 0 0 15px lawngreen, 0 0 25px lawngreen, 0 0 40px lawngreen;
	}
	50% {
		box-shadow: 0 0 4px lawngreen, 0 0 10px lawngreen, 0 0 20px lawngreen, 0 0 35px lawngreen;
	}
}

.pointer {
	cursor: pointer !important;
}





/******************************************************/




/*******************************************************/

.height220{height: 220px;}
.height270{height: 270px;}
.height280{height: 280px;}
.height323{height: 323px;}
.quickTicketDiv { position: absolute; top:0px; bottom: 0px; left: 0px; right: 0px; width: 100%; background: padding: 1px; }
.height260px { height: 260px !important;  }

.positionset { position: absolute;  right: 17px;  bottom: 20px; }
@keyframes blinker { 50% {  opacity: 0; } }
.alarm-engagement { animation: blinker1 3s linear infinite; }
@keyframes blinker1 { 0% {  background:#ffff00; } 50% {  background:#e89c10; } 100% {  background:#ef8383; } }
.pp-0 p { padding: 0px !important; margin: 0px !important  }

.bar {  background-color: #819FF7;  width:0%; height:20px; border-radius: 0px; }
.noinputorder { border: none;  outline: none; padding: 0px; margin: 0px; height: 30px; text-align: right; }

.textareaExpand textarea::-webkit-resizer { border-width: 8px; border-style: solid; border-color: transparent #dee2e6 #dee2e6 transparent; }
.textareaExpand textarea { resize:vertical; min-height:auto !important;  }
.textareaExpand textarea::-webkit-scrollbar { width: 8px !important; }
.textareaExpand textarea::-webkit-scrollbar-track { background:#163434; border-radius: 0px; }
.textareaExpand textarea::-webkit-scrollbar-thumb { background:#e65f0f; border-radius: 0px; }
.textareaExpand textarea::-webkit-scrollbar-thumb:hover { background:#e65f0f; }
.display_inline { text-align:left;display: inline; width: 111px; }
.card-body .table-responsive-xs svg, .card-body .table-responsive svg {
	width: 20px;
}
.card-body .table-responsive-xs nav[role='navigation'] div.flex {
	display: none;
}
.card-body .table-responsive-xs nav[role='navigation'] div.hidden {
	display: table;
	margin: auto;
	padding: 19px;
}
.card-body .table-responsive-xs nav[role='navigation'] div.hidden div:first-child {
	display: none;
}
.card-body .table-responsive-xs nav[role='navigation'] div.hidden span[aria-current='page'] span {
	background:#017bff !important;
	color: white !important;
}
.card-body .table-responsive-xs nav[role='navigation'] div.hidden span.relative .relative {
	padding: 10px !important;
}
.half_day_color { background: linear-gradient(to right, #008b8b 0%, #008b8b 50%, #228b22 50%, #228b22 100%); }
.half_day_emergencyLeave { background: linear-gradient(to right, #d35400 0%, #d35400 50%, #228b22 50%, #228b22 100%); }
.half_day_unpaid_color { background: linear-gradient(to right, #228b22 0%, #228b22 50%, #FF0000 50%, #FF0000 100%); }
.half_day_sickLeave { background: linear-gradient(to right, #228b22 0%, #228b22 50%, #900C3F 50%, #900C3F 100%); }
.half_day_compoff { background: linear-gradient(to right, #228b22 0%, #228b22 50%, #6E06AE 50%, #6E06AE 100%); }
.buttonSetting {
	border: 1px solid #ced4da;
	border-radius: 0.25rem;
	width: 60px;
	min-width: auto;
	height: 38px;
}
.searchButtonSetting {
	border: 1px solid #ced4da;
	border-radius: 0.25rem;
	width: 60px;
	min-width: auto;
	height: 30px;
}
.buttonSettingDropdown a { font-size: 13px; width: 60px; padding: 1px 7px !important; }
.buttonSettingDropdown { font-size: 13px; width: 60px; min-width: auto; border-radius: 0px; top: -2px !important; }
.buttonSetting::after { margin-left: 13px !important; }
.buttonSettingDropdown a:hover {
	background: none !important;
}
.rangeLength select option { font-size: 14px; }
.rangeLength select { font-size: 14px; border-radius: 0px; }

.fieldsetScroll ul { padding: 0px; }
.fieldsetScroll ul li {
	display: inline-block;
	padding: 8px;
	width: 100%;
	font-size: 14px;
	border-bottom: 1px #eaedf1 solid;
	text-transform: capitalize;
}
.fieldsetScroll ul li input { margin-right: 9px !important; }
.fieldsetScrollShare ul { padding: 0px; }
.fieldsetScrollShare ul li { display: inline-block; width: 100%; font-size: 14px; border-bottom: 1px #eaedf1 solid; text-transform: capitalize; }
.fieldsetScrollShare ul li a { line-height: 40px; }
.logoColor { background:#e7640f; color: white; }
.overflowAuto { height: 261px; overflow: auto; }
.iconsBig { font-size: 15px; padding: 10px; }
.teamRosterEdit .prev { float: left; }
.teamRosterEdit h4 { font-size: 20px; }
.teamRosterEdit .next { float: right;  }
.removeLineFromTimeLine.timeline::before { display: none; }

.disableCustomDiv { pointer-events: none; opacity: 0.6; background: #ccc; }
.disableDiv { pointer-events: none; opacity: 0.5; }
.bomDisable { pointer-events: none; background: white; }
.btn-delete { position:inherit; right:3px; font-size:12px; color:red; top: -18px; padding:5px; }
.discount { padding: 1px 3px 0px 0px; }
.customTax:before { content: unset !important; }
.customTax:after { content: unset !important; }
.customTax { margin: 0px !important; padding: 0px 0px !important; }
.widthCustomField { width: 100%; height: 24px; font-size: 13px; padding: 10px; border: 1px #dfdfdf solid; }
.addition-container .delete-custom { padding: 3px;  margin: 0px -10px 22px 0px; }
.substitution-container .delete-custom { padding: 3px;  margin: 0px -10px 22px 0px; }
.addition-container .delete-custom i:before { color:#dd4d44;}
.substitution-container .delete-custom i:before { color:#dd4d44;}
div#d_none_remove_addition a i:before { color: #dd4d44;}
.addition-container .delete-custom i:before { color:#dd4d44;}
.substitution-container .delete-custom i:before { color:#dd4d44;}
div#d_none_remove_addition a i:before { color: #dd4d44; }
div#d_none_remove_subtraction a i:before { color: #dd4d44; }
.customFieldCard { background: #efefef; border-radius: 0px; padding:0px 0px 0px 10px; border:0px;  }
.labelSmall label { font-size: 13px !important }
.table_no_background tr { background:white; }
.notifyAreaExpand { border-width: 8px; border-style: solid; border-color: transparent #dee2e6 #dee2e6 transparent; }
.notifyAreaExpand  {  overflow: auto; max-height:250px !important;  }
.tandc_area_expand  {  overflow: auto; max-height:350px !important;min-height: 100px;}
.notifyAreaExpand::-webkit-scrollbar { width: 8px !important; }
.notifyAreaExpand::-webkit-scrollbar-track { background:#163434; border-radius: 0px; }
.notifyAreaExpand::-webkit-scrollbar-thumb { background:#e65f0f; border-radius: 0px; }
.notifyAreaExpand::-webkit-scrollbar-thumb:hover { background:#e65f0f; }
.delete_invoice_icon {  width: 20px;  height: 20px;  position: absolute;  top: 0px; right: 0px; }
.fc-toolbar-chunk button { text-transform: capitalize; }
.tandc_area_expand { padding: 10px; }
.tandc_area_expand h4 { padding-top: 30px; padding-bottom: 10px; }
.font-size-24 { font-size: 24px; }
.checkbox_center { text-align: center; margin: auto; display: block; }
.appendTransferAssetRow div#dataTableList_length { float: left; }
.assetTransferTotal { position: absolute; top: 30px; left: 24px; }
.roster_first_half_leave { background: linear-gradient(to right, #008b8b 0%, #008b8b 50%, #228b22 50%, #228b22 100%); }
.roster_second_half_leave { background: linear-gradient(to right, #228b22 0%, #228b22 50%, #008b8b 50%, #008b8b 100%); }
.roster_first_half_unpaid { background: linear-gradient(to right, #FF0000 0%, #FF0000 50%, #228b22 50%, #228b22 100%); }
.roster_second_half_unpaid { background: linear-gradient(to right, #228b22 0%, #228b22 50%, #FF0000 50%, #FF0000 100%); }
.roster_first_half_sickLeave { background: linear-gradient(to right, #900C3F 0%, #900C3F 50%, #228b22 50%, #228b22 100%); }
.roster_second_half_sickLeave { background: linear-gradient(to right, #228b22 0%, #228b22 50%, #900C3F 50%, #900C3F 100%); }
.roster_first_half_compoff { background: linear-gradient(to right, #6E06AE 0%, #6E06AE 50%, #228b22 50%, #228b22 100%); }
.roster_second_half_compoff { background: linear-gradient(to right, #228b22 0%, #228b22 50%, #6E06AE 50%, #6E06AE 100%); }
.roster_first_half_emergencyLeave { background: linear-gradient(to right, #d35400 0%, #d35400 50%, #228b22 50%, #228b22 100%); }
.roster_second_half_emergencyLeave { background: linear-gradient(to right, #228b22 0%, #228b22 50%, #d35400 50%, #d35400 100%); }
.roster_first_half_emergency_pto_sep_second_half_unpaid { background: linear-gradient(to right, #d35400 0%, #d35400 50%, #FF0000 50%, #FF0000 100%); }
.roster_first_half_unpaid_sep_second_half_emergency_pto { background: linear-gradient(to right, #FF0000 0%, #FF0000 50%, #d35400 50%, #d35400 100%); }
.roster_first_half_sick_sep_second_half_unpaid { background: linear-gradient(to right, #900C3F 0%, #900C3F 50%, #FF0000 50%, #FF0000 100%); }
.roster_first_half_unpaid_sep_second_half_sick { background: linear-gradient(to right, #FF0000 0%, #FF0000 50%, #900C3F 50%, #900C3F 100%); }
.roster_first_half_pto_sep_second_half_unpaid { background: linear-gradient(to right, #008b8b 0%, #008b8b 50%, #FF0000 50%, #FF0000 100%); }
.roster_first_half_unpaid_sep_second_half_pto { background: linear-gradient(to right, #FF0000 0%, #FF0000 50%, #008b8b 50%, #008b8b 100%); }
.roster_first_half_compoff_sep_second_half_unpaid { background: linear-gradient(to right, #6E06AE 0%, #6E06AE 50%, #FF0000 50%, #FF0000 100%); }
.roster_first_half_unpaid_sep_second_half_compoff { background: linear-gradient(to right, #FF0000 0%, #FF0000 50%, #6E06AE 50%, #6E06AE 100%); }


.editButtonContract { position: absolute; top: -37px;  right: 14px;}
.pt-4px { padding-top:4px }
.profile-photo { height:30px; margin-top:-5px; }
#importErrorMessage p { padding:0px; margin:4px 0px; }
.list-heading { font-size:15px !important; }
.table-no-background tr:nth-child(even) {background-color: #fff; }
table .th-sort-asc { position:relative; }
table .th-sort-desc { position:relative; }
table .th-sort-asc:after { content:"\f106"; font-family: Font Awesome\ 5 Free; position: absolute; right: 3px; color: #7e7979; }
table .th-sort-desc:after { content:"\f107"; font-family: Font Awesome\ 5 Free; position: absolute; right: 3px; color: #7e7979; }
.page-shorting th a { color: #212529; }
.page-shorting th { position:relative; }
.page-shorting th i.fa-sort { color: #c3c3c3; }
.page-shorting th i.fa-sort-desc:before { content: "\f0d8"; color: #c3c3c3; position: relative; top: -3px; }
.page-shorting th i.fa-sort-desc:after { content: "\f0d7"; color: #333; right: 8px; top: 3px; position: relative; }
.page-shorting th i.fa-sort-asc:before { content: "\f0d8"; color: #333; position: relative; top: -3px; }
.page-shorting th i.fa-sort-asc:after { content: "\f0d7"; color: #c3c3c3; right: 8px; top: 3px; position: relative; }
.page-shorting th i.fa-sort-numeric-desc:before { content: "\f0d8"; color: #c3c3c3; position: relative; top: -3px; }
.page-shorting th i.fa-sort-numeric-desc:after { content: "\f0d7"; color: #333; right: 8px; top: 3px; position: relative; }
.page-shorting th i.fa-sort-numeric-asc:before { content: "\f0d8"; color: #333; position: relative; top: -3px; }
.page-shorting th i.fa-sort-numeric-asc:after { content: "\f0d7"; color: #c3c3c3; right: 8px; top: 3px; position: relative; }
.form-excel-design th { padding:10px; margin:0px; border:1px #dee2e6 solid }
.form-excel-design td { padding:0px; margin:0px; border:1px #dee2e6 solid }
.form-excel-design input { margin:0px; border-bottom:0px; border:0px; height: calc(2.25rem + -1px); }
.form-excel-design textarea { margin:0px; border-bottom:0px; border:0px; font-size: 14px; }
.form-excel-design select { margin:0px; border-bottom:0px; border:0px; height: calc(2.25rem + -1px); }
.form-excel-design .select2-container--default .select2-selection--single { border:unset; }
.img-thumbnail
{
	padding: 0.25rem; background-color: #f5f6f8; border-radius: 0.50rem; height: 250px; width: 250px;
	object-fit: cover;
}
.img-thumbnail-md
{
	padding: 0.25rem; background-color: #f5f6f8; border-radius: 0.50rem; height: 100px; width: 100px;
	object-fit: cover;
}
.inputcontainer {	position: relative; }
.icon-container { position: absolute; right: 10px; top: calc(50% - 10px); }
.loader-indicator { position: relative; height: 20px; width: 20px; display: inline-block; animation: around 5.4s infinite; }
@keyframes around {
	0% {
		transform: rotate(0deg)
	}
	100% {
		transform: rotate(360deg)
	}
}
.loader-indicator::after, .loader-indicator::before { content: ""; background: white;	position: absolute;	display: inline-block;	width: 100%;	height: 100%; border-width: 2px;	border-color: #333 #333 transparent transparent;	border-style: solid;	border-radius: 20px;	box-sizing: border-box;	top: 0;	left: 0;	animation: around 0.7s ease-in-out infinite;
}
.loader-indicator::after { animation: around 0.7s ease-in-out 0.1s infinite; background: transparent; }
.lds-spinner { color: official;	display: inline-block;	position: relative;	width: 30px;	height: 30px;}
.lds-spinner div { transform-origin: 40px 40px; animation: lds-spinner 1.2s linear infinite; }
.lds-spinner div:after { content: " ";	display: block;	position: absolute;	top: 1px;	left: 37px;	width: 6px;	height: 18px;	border-radius: 20%;	background: #454545;}
.lds-spinner div:nth-child(1) { transform: rotate(0deg); animation-delay: -1.1s; }
.lds-spinner div:nth-child(2) { transform: rotate(30deg); animation-delay: -1s; }
.lds-spinner div:nth-child(3) { transform: rotate(60deg); animation-delay: -0.9s; }
.lds-spinner div:nth-child(4) { transform: rotate(90deg); animation-delay: -0.8s; }
.lds-spinner div:nth-child(5) { transform: rotate(120deg); animation-delay: -0.7s; }
.lds-spinner div:nth-child(6) { transform: rotate(150deg); animation-delay: -0.6s; }
.lds-spinner div:nth-child(7) { transform: rotate(180deg); animation-delay: -0.5s; }
.lds-spinner div:nth-child(8) {	transform: rotate(210deg);	animation-delay: -0.4s; }
.lds-spinner div:nth-child(9) {	transform: rotate(240deg);	animation-delay: -0.3s; }
.lds-spinner div:nth-child(10) {	transform: rotate(270deg);	animation-delay: -0.2s; }
.lds-spinner div:nth-child(11) {	transform: rotate(300deg);	animation-delay: -0.1s; }
.lds-spinner div:nth-child(12) {	transform: rotate(330deg);	animation-delay: 0s; }
@keyframes lds-spinner {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
.excelDesign td input[type='text'] { padding:2px 7px; margin:0px; max-width: 85px; }
.excelDesign td input[type='number'] { padding:2px 7px; margin:0px; max-width: 85px; }
.excelDesign td input[type='text'] { padding:2px 7px; margin:0px; max-width: 85px; }
.excelDesign table td { padding:2px 7px; margin:0px; }
.small-checkbox { width:13px !important; }
.form-control-xs { border: 1px #dddcdc solid; padding: 3px 7px; }


.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { background-color: #6c757d; }
.text-capitalize{text-transform: capitalize;}
.employee-info { display: flex; justify-content: space-between; }
.employee-name { flex-grow: 1; }
.leave-info {  display: flex; flex-direction: column; align-items: flex-end; }

.btn-delete { position:inherit; right:3px; font-size:12px; color:red; top: -18px; padding:5px; }
.discount { padding: 1px 3px 0px 0px; }
.customTax:before { content: unset !important; }
.customTax:after { content: unset !important; }
.customTax { margin: 0px !important; padding: 0px 0px !important; }
.widthCustomField { width: 100%; height: 24px; font-size: 13px; padding: 10px; border: 1px #dfdfdf solid; }
.addition-container .delete-custom { padding: 3px;  margin: 0px -10px 22px 0px; }
.substitution-container .delete-custom { padding: 3px;  margin: 0px -10px 22px 0px; }
.addition-container .delete-custom i:before { color:#dd4d44;}
.substitution-container .delete-custom i:before { color:#dd4d44;}
div#d_none_remove_addition a i:before { color: #dd4d44;}
.addition-container .delete-custom i:before { color:#dd4d44;}
.substitution-container .delete-custom i:before { color:#dd4d44;}
div#d_none_remove_addition a i:before { color: #dd4d44; }
div#d_none_remove_subtraction a i:before { color: #dd4d44; }
.customFieldCard { background: #efefef; border-radius: 0px; padding:0px 0px 0px 10px; border:0px;  }
.labelSmall label { font-size: 13px !important }
.table_no_background tr { background:white; }
.notifyAreaExpand { border-width: 0px; border-style: solid; border-color: transparent #dee2e6 #dee2e6 transparent; }
.notifyAreaExpand  {  overflow: auto; max-height:250px !important;  }
.tandc_area_expand  {  overflow: auto; max-height:350px !important;min-height: 100px;}
.notifyAreaExpand::-webkit-scrollbar { width: 8px !important; }
.notifyAreaExpand::-webkit-scrollbar-track { background:#163434; border-radius: 0px; }
.notifyAreaExpand::-webkit-scrollbar-thumb { background:#e65f0f; border-radius: 0px; }
.notifyAreaExpand::-webkit-scrollbar-thumb:hover { background:#e65f0f; }

.delete_invoice_icon {  width: 20px;  height: 20px;  position: absolute;  top: 0px; right: 0px; }

.fc-toolbar-chunk button { text-transform: capitalize; }

.tandc_area_expand { padding: 10px; }
.tandc_area_expand h4 { padding-top: 30px; padding-bottom: 10px; }
.font-size-24 { font-size: 24px; }
.checkbox_center { text-align: center; margin: auto; display: block; }
.appendTransferAssetRow div#dataTableList_length { float: left; }

.assetTransferTotal { position: absolute; top: 30px; left: 24px; }

.roster_first_half_leave { background: linear-gradient(to right, #008b8b 0%, #008b8b 50%, #228b22 50%, #228b22 100%); }
.roster_second_half_leave { background: linear-gradient(to right, #228b22 0%, #228b22 50%, #008b8b 50%, #008b8b 100%); }
.roster_first_half_unpaid { background: linear-gradient(to right, #FF0000 0%, #FF0000 50%, #228b22 50%, #228b22 100%); }
.roster_second_half_unpaid { background: linear-gradient(to right, #228b22 0%, #228b22 50%, #FF0000 50%, #FF0000 100%); }
.roster_first_half_sickLeave { background: linear-gradient(to right, #900C3F 0%, #900C3F 50%, #228b22 50%, #228b22 100%); }
.roster_second_half_sickLeave { background: linear-gradient(to right, #228b22 0%, #228b22 50%, #900C3F 50%, #900C3F 100%); }
.roster_first_half_compoff { background: linear-gradient(to right, #6E06AE 0%, #6E06AE 50%, #228b22 50%, #228b22 100%); }
.roster_second_half_compoff { background: linear-gradient(to right, #228b22 0%, #228b22 50%, #6E06AE 50%, #6E06AE 100%); }
.roster_first_half_emergencyLeave { background: linear-gradient(to right, #d35400 0%, #d35400 50%, #228b22 50%, #228b22 100%); }
.roster_second_half_emergencyLeave { background: linear-gradient(to right, #228b22 0%, #228b22 50%, #d35400 50%, #d35400 100%); }
.roster_2_half_emergencyLeave_sickLeave { background: linear-gradient(to right, #d35400 0%, #d35400 50%, #900C3F 50%, #900C3F 100%); }

.editButtonContract { position: absolute; top: -37px;  right: 14px;}
.pt-4px { padding-top:4px }
.profile-photo { height:30px; margin-top:-5px; }
#importErrorMessage p { padding:0px; margin:4px 0px; }
.list-heading { font-size:15px !important; }
.table-no-background tr:nth-child(even) {background-color: #fff; }

table .th-sort-asc { position:relative; }
table .th-sort-desc { position:relative; }
table .th-sort-asc:after { content:"\f106"; font-family: Font Awesome\ 5 Free; position: absolute; right: 3px; color: #7e7979; }
table .th-sort-desc:after { content:"\f107"; font-family: Font Awesome\ 5 Free; position: absolute; right: 3px; color: #7e7979; }

.page-shorting th a { color: #212529; }
.page-shorting th { position:relative; }
.page-shorting th i.fa-sort { color: #c3c3c3; }

.page-shorting th i.fa-sort-desc:before { content: "\f0d8"; color: #c3c3c3; position: relative; top: -3px; }
.page-shorting th i.fa-sort-desc:after { content: "\f0d7"; color: #333; right: 8px; top: 3px; position: relative; }

.page-shorting th i.fa-sort-asc:before { content: "\f0d8"; color: #333; position: relative; top: -3px; }
.page-shorting th i.fa-sort-asc:after { content: "\f0d7"; color: #c3c3c3; right: 8px; top: 3px; position: relative; }

.page-shorting th i.fa-sort-numeric-desc:before { content: "\f0d8"; color: #c3c3c3; position: relative; top: -3px; }
.page-shorting th i.fa-sort-numeric-desc:after { content: "\f0d7"; color: #333; right: 8px; top: 3px; position: relative; }

.page-shorting th i.fa-sort-numeric-asc:before { content: "\f0d8"; color: #333; position: relative; top: -3px; }
.page-shorting th i.fa-sort-numeric-asc:after { content: "\f0d7"; color: #c3c3c3; right: 8px; top: 3px; position: relative; }

.form-excel-design th { padding:10px; margin:0px; border:1px #dee2e6 solid }
.form-excel-design td { padding:0px; margin:0px; border:1px #dee2e6 solid }
.form-excel-design input { margin:0px; border-bottom:0px; border:0px; height: calc(2.25rem + -1px); }
.form-excel-design textarea { margin:0px; border-bottom:0px; border:0px; font-size: 14px; }
.form-excel-design select { margin:0px; border-bottom:0px; border:0px; height: calc(2.25rem + -1px); }
.form-excel-design .select2-container--default .select2-selection--single { border:unset; }
.img-thumbnail { padding: 0.25rem; background-color: #f5f6f8; border-radius: 0.50rem; height: 250px; width: 250px; object-fit: cover; }
.img-thumbnail-md { padding: 0.25rem; background-color: #f5f6f8; border-radius: 0.50rem; height: 100px; width: 100px; object-fit: cover; }
.inputcontainer {	position: relative; }
.icon-container { position: absolute; right: 10px; top: calc(50% - 10px); }
.loader-indicator { position: relative; height: 20px; width: 20px; display: inline-block; animation: around 5.4s infinite; }
@keyframes around {
	0% {
		transform: rotate(0deg)
	}
	100% {
		transform: rotate(360deg)
	}
}
.loader-indicator::after, .loader-indicator::before { content: ""; background: white;	position: absolute;	display: inline-block;	width: 100%;	height: 100%; border-width: 2px;	border-color: #333 #333 transparent transparent;	border-style: solid;	border-radius: 20px;	box-sizing: border-box;	top: 0;	left: 0;	animation: around 0.7s ease-in-out infinite;
}
.loader-indicator::after { animation: around 0.7s ease-in-out 0.1s infinite; background: transparent; }
.lds-spinner { color: official;	display: inline-block;	position: relative;	width: 30px;	height: 30px;}
.lds-spinner div { transform-origin: 40px 40px; animation: lds-spinner 1.2s linear infinite; }
.lds-spinner div:after { content: " ";	display: block;	position: absolute;	top: 1px;	left: 37px;	width: 6px;	height: 18px;	border-radius: 20%;	background: #454545;}
.lds-spinner div:nth-child(1) { transform: rotate(0deg); animation-delay: -1.1s; }
.lds-spinner div:nth-child(2) { transform: rotate(30deg); animation-delay: -1s; }
.lds-spinner div:nth-child(3) { transform: rotate(60deg); animation-delay: -0.9s; }
.lds-spinner div:nth-child(4) { transform: rotate(90deg); animation-delay: -0.8s; }
.lds-spinner div:nth-child(5) { transform: rotate(120deg); animation-delay: -0.7s; }
.lds-spinner div:nth-child(6) { transform: rotate(150deg); animation-delay: -0.6s; }
.lds-spinner div:nth-child(7) { transform: rotate(180deg); animation-delay: -0.5s; }
.lds-spinner div:nth-child(8) {	transform: rotate(210deg);	animation-delay: -0.4s; }
.lds-spinner div:nth-child(9) {	transform: rotate(240deg);	animation-delay: -0.3s; }
.lds-spinner div:nth-child(10) {	transform: rotate(270deg);	animation-delay: -0.2s; }
.lds-spinner div:nth-child(11) {	transform: rotate(300deg);	animation-delay: -0.1s; }
.lds-spinner div:nth-child(12) {	transform: rotate(330deg);	animation-delay: 0s; }
@keyframes lds-spinner {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
.excelDesign td input[type='text'] { padding:2px 7px; margin:0px; max-width: 85px; }
.excelDesign td input[type='number'] { padding:2px 7px; margin:0px; max-width: 85px; }
.excelDesign td input[type='text'] { padding:2px 7px; margin:0px; max-width: 85px; }
.excelDesign table td { padding:2px 7px; margin:0px; }
.small-checkbox { width:13px !important; }
.form-control-xs { border: 1px #dddcdc solid; padding: 3px 7px; }

.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[aria-selected]:hover { background-color: #6c757d; }
.text-capitalize{text-transform: capitalize;}

.employee-info { display: flex; justify-content: space-between; }
.employee-name { flex-grow: 1; }
.leave-info {  display: flex; flex-direction: column; align-items: flex-end; }

.horizontalScroll::-webkit-scrollbar{  height: 10px; width: 4px; background: gray; }
.horizontalScroll::-webkit-scrollbar-track { background:#003334;  }
.horizontalScroll::-webkit-scrollbar-thumb { background:red;  }
.horizontalScroll::-webkit-scrollbar-thumb:hover { background:green; }
.horizontalScroll::-webkit-scrollbar-thumb:horizontal{ background:#fe6500; border-radius: 0px; }
.maxContent { width: max-content !important; min-width:100%; }
.dataTableRemoveExtra .dataTables_length { display: none; }
.dataTableRemoveExtra label{ font-weight: 400; font-size: 14px; }
.rightSideBar {
	bottom: 0; float: none; height: 100vh; right: 0; position: fixed; top: 0; background:white; width: 600px; overflow-y: hidden; z-index: 1038; box-shadow: 0 14px 28px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .22) !important;
}
.main-footer {
	background: #ffffff;
	border-top: none;
}
.height70px { height:70px; }
.custom-padding { padding: 10px !important; }
.flex-design { display: flex !important; justify-content: center !important; align-items: center !important; }
.flex-design input { border: none; padding: 0.5em; outline: none; font-size: 15px; }
.width32px { width: 32px !important; }
.width60px { width: 60px !important; }
.custom-border { border: 1px #dddcdc solid !important; }
.form-control-full { width:100% !important;  max-width:100% !important; }
.excel-design-exclude input { border: 1px #d4cccc solid; }
.excel-design-exclude textarea { border: 1px #d4cccc solid; }
.excel-design-exclude select { border: 1px #d4cccc solid; }
.zone-header, .location-header { cursor: pointer; padding: 10px; border: 1px solid #ccc; margin-bottom: 8px; background-color: #ccc;}
.product-header { cursor: pointer; padding: 10px; border: 1px solid #ccc; margin-bottom: 8px; }
.zone-expanded, .location-expanded { background-color: #e3f9be; border: 1px solid #e3f9be;}
.zone-collapsed, .location-collapsed { background-color: #ccc; }
.zone-locations { padding-left: 10px; padding-right: 10px; }
.location-products { padding-left: 17px; padding-right: 17px; }
.pull-right { float: right; }
.border-inner { border-top: 1px solid #ccc !important; border-right: 1px solid #ccc !important; border-left: 1px solid #ccc !important; border-bottom: none !important; }
.btn-normal { font-weight: normal !important; }
.newtons-cradle { --uib-speed: 1.2s; --uib-color: #474554; position: relative; display: flex; align-items: center; padding: 0px 0px 50px 0px; justify-content: center; margin: auto; text-align: center; }
.newtons-cradle__dot { position: relative; display: flex; align-items: center; margin: 10px; height:10px; width: 10px; transform-origin: center top; }
.newtons-cradle__dot::after { content: ''; display: block; width: 10px; height: 10px; border-radius: 50%; background-color: var(--uib-color); }
.newtons-cradle__dot:first-child { animation: loader var(--uib-speed) linear infinite; }
.newtons-cradle__dot:last-child {  animation: loader2 var(--uib-speed) linear infinite; }
.loaderBox { position: fixed; z-index: 60000; height: 8000px; top: 0px; left: 0px; width: 100%; background-color: #0e0d0d; opacity:0.6;  }
.loaderBoxAdvance { top:40%; left:40%; z-index:60001; }
@keyframes loader { 0% { transform: rotate(0deg); animation-timing-function: ease-out; }
	25% {
		transform: rotate(70deg);
		animation-timing-function: ease-in;
	}
	50% {
		transform: rotate(0deg);
		animation-timing-function: linear;
	}
}
@keyframes loader2 {
	0% {
		transform: rotate(0deg);
		animation-timing-function: linear;
	}
	50% {
		transform: rotate(0deg);
		animation-timing-function: ease-out;
	}
	75% {
		transform: rotate(-70deg);
		animation-timing-function: ease-in;
	}
}
@media screen and (max-width: 500px) {
	.newtons-cradle {
		--uib-size: 10px;
	}
}
#passwordValidationMessage ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
#passwordValidationMessage ul li {
	margin-bottom: 5px;
	font-size: 14px;
}
.text-dark {
	color: #343a40;
	font-size: 14px;
}
.btn-link
{
	text-decoration: none;
	color: inherit;
}
.btn-link:hover
{
	color: inherit;
}
.boc-chart-menu
{
	min-width:150px;
}
element.style
{
	left: 400.497px;
	top: 516.999px;
	opacity: 1;
}
.padding7px { padding: 0px 7px; }
.timeline::before { display:none; }
.target-budget-lable { position: absolute; right: 0; top: 0px; bottom: 0px; }
#passwordValidationMessage ul { padding: 0; margin: 0; list-style-type: none; }
#passwordValidationMessage ul li { 	margin-bottom: 5px; font-size: 14px; }
.text-dark { color: #343a40; font-size: 14px; }
.maxContent { width: max-content !important; min-width:100%; }
.btn-link { text-decoration: none; color: inherit; }
.btn-link:hover { color: inherit; }
.boc-chart-menu { min-width:150px; }
element.style { left: 400.497px; top: 516.999px; opacity: 1; }
.suggestion-dropdown li { padding: 8px; cursor: pointer; border-bottom: 1px solid #f0f0f0; list-style:none; }
.suggestions-list { border: 1px solid #ccc; max-height: 120px; overflow-y: auto; position: absolute; background: white; width: 95%; z-index: 1000; }
.suggestion-item { padding: 8px; cursor: pointer; }
.username { color: blue; }
#followup_message {overflow: auto; min-height: 150px; max-height: 150px; resize: none; white-space: pre-wrap; word-wrap: break-word; display: inline-block; }
#followup_message.is-invalid { border: 1px solid red;}
.suggestion-dropdown { position: absolute; left: 13px; right: 11px;max-height: 200px; overflow-y: auto; z-index: 9999; background:white; border: 1px solid rgba(0, 0, 0, .125); }
.tooltip-custom {
	position: relative;
}

.tooltip-custom .tooltiptext {
	visibility: hidden;
	width: 155px;
	background-color: #555;
	color: #fff;
	text-align: center;
	position: absolute;
	z-index: 1;
	bottom: 100%;
	left: 100%;
	margin-left: -60px;
}

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

.tooltip-custom:hover .tooltiptext {
	visibility: visible;
	opacity: 1;
}

.popover-wrapper {
	position: relative;
	display: inline-block;
	cursor: pointer;
}

.popover-text {
	visibility: hidden;
	opacity: 0;
	background-color: #333;
	color: #fff;
	text-align: left;
	border-radius: 4px;
	padding: 6px 8px;
	position: absolute;
	z-index: 999;
	top: 130%;
	left: 50%;
	transform: translateX(-50%);
	transition: opacity 0.3s ease, visibility 0.3s ease;
	font-size: 11px;
	width: max-content;
	max-width: 280px;
	white-space: normal;
	word-wrap: break-word;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}


.popover-wrapper:hover .popover-text {
	visibility: visible;
	opacity: 1;
}


.btn-link
{
	text-decoration: none;
	color: inherit;
}

.btn-link:hover
{
	color: inherit;
}

.boc-chart-menu
{
	min-width:150px;
}

element.style
{
	left: 400.497px;
	top: 516.999px;
	opacity: 1;
}

.suggestions-list {
	border: 1px solid #ccc;
	max-height: 120px;
	overflow-y: auto;
	position: absolute;
	background: white;
	width: 95%;
	z-index: 1000;
}
.suggestion-item {
	padding: 8px;
	cursor: pointer;
}
.username {
	color: blue;
}

#followup_message {
	overflow: auto;
	min-height: 150px;
	max-height: 150px;
	resize: none;
	white-space: pre-wrap;
	word-wrap: break-word;
	display: inline-block;
}
#followup_message.is-invalid {
	border: 1px solid red;
}

.resize {
	resize: horizontal;
	max-height: 400px;
	overflow: auto;
}
.disableInput input { pointer-events: none; opacity: 0.4; color:gray; }

.top-actions{
	padding: 4px;
	background-color: #ebe3e3;
	border-radius: 28px;
	height: 42px;
	width: 340px;
}

.topbar {
	background: white;
	padding: 8px 0px 10px 0px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	border-radius: 11px;
	height: 60px;
	width:100%;
	margin-left:10px;
	margin-right:10px;
}
.user-info {
	display: flex;
	align-items: center;
	position: relative;
	cursor: pointer;
	color:#525B69;
}
.user-info-structure{ border: 1px solid #C7C7C7; border-radius: 9px; padding: 5px;
	min-width: 150px; display: inline-block;}
	.user-info-img {
		width: 30px;
		height: 30px;
		border: 1px solid #ddd;
		border-radius: 20px;
	}
	.fa-chevron-right { float:right;margin: 7px 0px 0px 5px; }
	.user-dropdown {
		position: absolute;
		top: 100%;
		left: 0;
		background: white;
		border: 1px solid #ccc;
		border-radius: 0px 0px 10px 10px;
		display: none;
		flex-direction: column;
	}
	.user-info.active .user-dropdown {
		display: flex;
	}
	.user-dropdown a {
		padding: 10px;
		text-decoration: none;
		color: black;
		display: block;
	}

	.select-btn{
		border: none;
		background-color: #f6b78e;
		color: #000;
		padding: 5px 10px;
		border-radius: 19px;
	}

	.select-btn span{
		margin-left: 10px;
		font-size: 14px;
	}

	.select-container {
		position: relative;
	}

	.select-dropdown {
		position: absolute;
		padding: 5px 15px;
		top: 100%;
		left: 0;
		background: white;
		border: 1px solid #ccc;
		border-radius: 0px 0px 10px 10px;
		display: none;
		flex-direction: column;
		gap: 10px;
	}
	.select-container.active .select-dropdown {
		display: flex;
	}
	.main-header {border: none !important;}
	ul.header-navbar { padding: 0px 10px 0px 0px; }
	.search-ticket{border:none; width: 230px; padding: 7px 20px 5px 10px; border-radius: 18px;background-color: #ebe3e3;}
	.outboard-img{ width:40px; }
	.bell-img{ width:40px; }
	.fa-search {position: absolute;top: 10px; right: 5px; color: #9295ab;}
	.select-dropdown a {text-decoration-line: none;color:#000}
	.brandingtoggle {padding: 0px 10px 0px 10px; margin-top: 12px;}
	.fa-bars{color: rgba(0, 0, 0, .5);}
	.navbar-nav .nav-link {color: rgba(0, 0, 0, .5);}
	.header-navbar li { display: inline-flex; list-style:none; }
	.menu li {
		padding: 2px;

	}
	.menu .active  {
		background: #FFC7A2;
		color: #003334;
		border-radius: 5px;
		margin-bottom: 10px;
	}
	[class*="sidebar-light-"] .nav-treeview > .nav-item > .nav-link.active, [class*="sidebar-light-"] .nav-treeview > .nav-item > .nav-link.active:hover {
		background-color:#ffc7a2;
	}
	ul.nav.nav-treeview.header-favicons li a:before {
		content: "\f111" !important;
		float: left;
		font-family: Font Awesome\ 5 Free;
		padding: 0px 5px 0px 5px;
		font-size: 10px;
		margin: 4px 0px 0px 0px;
	}

	.menu-icon-left {
		width: 24px;
		height: 24px;
		margin: 0 5px;
	}
	[class*=sidebar-light-] .nav-treeview>.nav-item>.nav-link.active { background:#FFC7A2; }
	.menu-icon-right {
		width: 7px;
		height: auto;
		margin-left: 10px;
	}
	.menu-text { flex-grow: 1;text-align: left;padding-left: 0px; font-size: 15px;}
	.header-favicons .nav-link p {
		display:flex;
	}
	.display-content { display:contents; }
	.position-required {
		color: red !important;
		font-size: 14px !important;
		position: absolute;
		left: 1px;
		top: 12px;
	}
	.editorDisabled { background:#fbfbfb; pointer-events:none; }
	.bg-tender-color { background: #8af3b6 !important; }
	.default-color { background:#8af3b6 !important; }
	.default-color table { margin:0px; }



/*-----This class control pdf design ignore becouse we can't send pdf only tender module ---*/
.innerSection { background:gray; padding:0px !important; margin:0px; }
.innerSection table { margin:0px !important; }
.tenderPreview .innerSection h1 { font-size:20px !important; }
.tenderPreview .innerSection h2 { font-size:20px !important; }
.tenderPreview .innerSection h3 { font-size:16px !important; }
.tenderPreview .innerSection h4 { font-size:16px !important; }
.tenderPreview .innerSection h5 { font-size:16px !important; }
.tenderPreview .innerSection h6 { font-size:16px !important; }
.tenderPreview .innerSection table tr td { color:black !important; }
.tenderPreview .innerSection table { border:1px #dee2e6 solid !important }
/*-----Tender module exit ---*/
.deleteButtonFromInput { position: absolute; right: 22px; top: 36px;  }

.or-design:before { content: ""; width: 20px; height: 1px; position: relative; border: 1px dashed gray;    margin: 5px 10px; display: inline-block; }
.or-design:after { content: ""; width: 20px; height: 1px; position: relative; border: 1px dashed gray;    margin: 5px 10px; display: inline-block; }

#merge_company_form .card-radio input[type="radio"] {
	display: none;
}

#merge_company_form .card-radio label {
	display: block;
	cursor: pointer;
	border: 2px solid #ccc;
	border-radius: 0.25rem;
	padding: 0rem;
	transition: border-color 0.3s, background-color 0.3s;
}

#merge_company_form .card-radio input[type="radio"]:checked + label {
	border-color: #007bff;
	background-color: #e9f5ff;
}

#merge_company_form .selectable-card.selected {
        border: 2px solid #0d6efd;
        background-color: #e9f5ff;
    }

#merge_company_form .card-radio .card-heading {
	font-weight: bold;
	font-size: 1.1rem;
}

#merge_company_form .card-radio .card-content {
	font-size: 1rem;
	color: #555;
}
.accordion-icon {
	float: right;
	font-weight: bold;
	font-size:18px;
	transition: transform 0.3s ease;
}
.collapsed .accordion-icon::before {
	content: '+';
}
.accordion-icon::before {
	content: '−';
}
.zone-controls {
	margin-bottom: 15px;
}
.current-assignments {
	background-color: #f8f9fa;
	padding: 15px;
	border-radius: 5px;
	border-left: 3px solid #007bff;
}

.assigned-users-list .badge {
	font-size: 0.85em;
}

.select2-container .select2-selection--multiple {
	min-height: 10px;
}



/*--------------------any css query you can add before this commend---*/
@media screen and (max-width: 500px) {
	.newtons-cradle {
		--uib-size: 10px;
	}
}

@media (min-width: 0px) and (max-width:767px)
{
	.hidden-xs { display:none; }
	.div-box-center { width:100% !important; margin:auto;  }
	.mobile-responsive-piechart { overflow: auto;  }
	.form-padding { padding:20px; }
	.loop-items { margin-right:0px !important;  }
	.devider-xs6 { width:50%; float: left;  }
	.timeline-footer span { width:100%; float:left !important; font-size:13px !important; padding:0px 10px; }
	.position-fixed-remove-xs-sm { position: relative !important;  }
	div#example_wrapper .col-sm-12 { overflow: auto !important; width: 100% !important; }
	.devider-xs12 { width:100%;  }
	.logo-small { height: 12px !important; }
	.menu-extras.topbar-custom a.navbar-toggle span { color: black !important; background: black !important; }
	.modal-confirm.modal-dialog { margin: 80px auto 0px auto; }
	.xs-order-1 { order:1;  }
	.xs-order-2 { order:2;  }
	.modal-confirm { color: #434e65; width:300px; }
	.permissionset li {   width: 97%;  margin: 1%;  padding: 11px;  border: 1px #e8e8e8 solid; }
	.error404 { background-size:155% !important; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; background: url(../images/404.jpg) no-repeat -117px 0px;  }
	.table-responsive table#example {  width: 245% !important; }
	.table-responsive-xs {  width: 100% !important; overflow: auto; }
	.table-responsive-all {  width: 100% !important; overflow: auto; }
	.login-box,.register-box .card.form-padding {  width:330px;  background-color: #fff; }

	.form_container h1 { font-size: 18px; }
	.partner_background .heading_label { border-radius: unset !important; margin: -7px !important; position: relative; display: block;}
	.partner_background .heading_label:before { content: none !important; }
	.navbar-fixed-menu img { width: 131px;}
	.top-15{top:15px!important;}
	.navbar-fixed-menu .user-info-img { width: 30px; border-radius: 20px;}
	.user-info{width: 7px; float: right; border: none; right: 30px; padding-top: 5px;}
	.bell-img{width: 30px !important; margin-top: 5px;}
	.outboard-img{width: 30px !important; margin-top: 5px;}
	.topbar { padding:10px; margin-left:0px; margin-right: 0px; width:100%; margin-top: 6px;}
	.mobile-in-out-button span { display:none; }
	.mobile-in-out-button i { font-size:24px }
	.mobile-in-out-button { background: none !important; color:#003334 !important; border:none !important; padding: 7px 0px; }
	.user-info-structure{ min-width: 25px; border: 0px;}
	.hidden-search { display:none !important; }
	.profile-panel { float:right; width: 30px;}
	.content-wrapper{ padding-top:0px; }
}

@media (min-width: 768px)
{
	.gradient-form {
		height: 100vh !important;
	}
	div#d_none_remove_subtraction a i:before {
		color: #dd4d44;
	}
	.customFieldCard { background: #efefef; border-radius: 0px; padding:0px 0px 0px 10px; border:0px;  }
	.labelSmall label { font-size: 13px !important }
	.table_no_background tr { background:white; }
	.delete_invoice_icon {  width: 20px;  height: 20px;  position: absolute;  top: 0px; right: 0px; }

	.fc-toolbar-chunk button { text-transform: capitalize; }

	.tandc_area_expand { padding: 10px; }
	.tandc_area_expand h4 { padding-top: 30px; padding-bottom: 10px; }
	.font-size-24 { font-size: 24px; }
	.checkbox_center { text-align: center; margin: auto; display: block; }
	.appendTransferAssetRow div#dataTableList_length { float: left; }

	.assetTransferTotal { position: absolute; top: 30px; left: 24px; }

	.roster_secound_half_leave { background: linear-gradient(to right, #228b22 0%, #228b22 50%, #008b8b 50%, #008b8b 100%); }
	.roster_first_half_leave { background: linear-gradient(to right, #008b8b 0%, #008b8b 50%, #228b22 50%, #228b22 100%); }
	.roster_secound_half_unpaid { background: linear-gradient(to right, #228b22 0%, #228b22 50%, #FF0000 50%, #FF0000 100%); }
	.roster_first_half_unpaid { background: linear-gradient(to right, #FF0000 0%, #FF0000 50%, #228b22 50%, #228b22 100%); }
	.divHeight { min-height:150px; }


	.editButtonContract { position: absolute; top: -37px;  right: 14px;}
	.pt-4px { padding-top:4px }
	.profile-photo { height:30px; margin-top:-5px; }
	#importErrorMessage p { padding:0px; margin:4px 0px; }
	.list-heading { font-size:15px !important; }
	.table-no-background tr:nth-child(even) {background-color: #fff; }

	table .th-sort-asc { position:relative; }
	table .th-sort-desc { position:relative; }
	table .th-sort-asc:after { content:"\f106"; font-family: Font Awesome\ 5 Free; position: absolute; right: 3px; color: #7e7979; }
	table .th-sort-desc:after { content:"\f107"; font-family: Font Awesome\ 5 Free; position: absolute; right: 3px; color: #7e7979; }

	.page-shorting th a { color: #212529; }
	.page-shorting th { position:relative; }
	.page-shorting th i.fa-sort { color: #c3c3c3; }

	.page-shorting th i.fa-sort-desc:before { content: "\f0d8"; color: #c3c3c3; position: relative; top: -3px; }
	.page-shorting th i.fa-sort-desc:after { content: "\f0d7"; color: #333; right: 8px; top: 3px; position: relative; }

	.page-shorting th i.fa-sort-asc:before { content: "\f0d8"; color: #333; position: relative; top: -3px; }
	.page-shorting th i.fa-sort-asc:after { content: "\f0d7"; color: #c3c3c3; right: 8px; top: 3px; position: relative; }

	.page-shorting th i.fa-sort-numeric-desc:before { content: "\f0d8"; color: #c3c3c3; position: relative; top: -3px; }
	.page-shorting th i.fa-sort-numeric-desc:after { content: "\f0d7"; color: #333; right: 8px; top: 3px; position: relative; }

	.page-shorting th i.fa-sort-numeric-asc:before { content: "\f0d8"; color: #333; position: relative; top: -3px; }
	.page-shorting th i.fa-sort-numeric-asc:after { content: "\f0d7"; color: #c3c3c3; right: 8px; top: 3px; position: relative; }
}

@media (min-width: 0px) and (max-width:767px)
{
	.hidden-xs { display:none; }
	.div-box-center { width:100% !important; margin:auto;  }
	.mobile-responsive-piechart { overflow: auto;  }
	.form-padding { padding:20px; }
	.loop-items { margin-right:0px !important;  }
	.devider-xs6 { width:50%; float: left;  }
	.timeline-footer span { width:100%; float:left !important; font-size:13px !important; padding:0px 10px; }
	.position-fixed-remove-xs-sm { position: relative !important;  }
	div#example_wrapper .col-sm-12 { overflow: auto !important; width: 100% !important; }
	.devider-xs12 { width:100%;  }
	.logo-small { height: 12px !important; }
	.menu-extras.topbar-custom a.navbar-toggle span { color: black !important; background: black !important; }
	.modal-confirm.modal-dialog { margin: 80px auto 0px auto; }
	.xs-order-1 { order:1;  }
	.xs-order-2 { order:2;  }
	.modal-confirm { color: #434e65; width:300px; }
	.permissionset li {   width: 97%;  margin: 1%;  padding: 11px;  border: 1px #e8e8e8 solid; }
	.error404 { background-size:155% !important; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; background: url(../images/404.jpg) no-repeat -117px 0px;  }
	.table-responsive table#example {  width: 245% !important; }
	.table-responsive-xs {  width: 100% !important; overflow: auto; }
	.table-responsive-all {  width: 100% !important; overflow: auto; }
	.login-box,.register-box .card.form-padding {  width:330px;  background-color: #fff; }

	.form_container h1 { font-size: 18px; }
	.partner_background .heading_label { border-radius: unset !important; margin: -7px !important; position: relative; display: block;}
	.partner_background .heading_label:before { content: none !important; }
	.navbar-fixed-menu img { width: 125px;}
	.top-15{top:15px!important;}
	.mobile-in-out-button span { display:none; }
	.mobile-in-out-button i { font-size:24px }
	.mobile-in-out-button { background: none !important; color:#003334 !important; border:none !important; padding: 7px 0px; }
	.user-dropdown { top: 50px; left: -62px; }
	.brandingtoggle {padding: 0px 5px 0px 0px;}

}

@media (min-width: 768px)
{
	.gradient-form { height: 100vh !important; }
}

@media (min-width: 769px)
{
	.gradient-custom-2 { border-top-right-radius: .3rem; border-bottom-right-radius: .3rem; }
}

@media (min-width: 768px) and (max-width: 991px)
{
	.hidden-sm { display:none; }
	.menu-extras.topbar-custom a.navbar-toggle span { color: black !important; background: black !important; }
	div#example_wrapper .col-sm-12 { overflow: auto !important; width: 100% !important; }
	.timeline-footer span { font-size:13px !important; padding:0px 10px; }
	.modal-confirm.modal-dialog { margin-top: 80px; }
	.table-responsive-all {  width: 100% !important; overflow: auto; }
	.modal-confirm { color: #434e65; width: 525px; }
	.permissionset li {   width: 47%;  margin: 1%;  padding: 11px;  border: 1px #e8e8e8 solid;  }
	.error404 { background-size:100% !important; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; background:url('../images/404.jpg') no-repeat 0px -120px;  }
	.login-box,.register-box .card.form-padding {  width:450px; background-color: #fff; }

	.form_container h1 { font-size: 20px; }
	.partner_background .heading_label { border-radius: unset !important; margin: -7px !important; position: relative; display: block; }
	.partner_background .heading_label:before { content: none !important; }
}

@media (min-width: 992px) and (max-width: 200000000px)
{
	.hidden-md { display:none; }
	.width300 { width:300px !important;  }
	.modal-confirm { color: #434e65; width: 525px; }
	.table-responsive-all {  width: 100% !important; overflow: auto; }
	.modal-confirm.modal-dialog { margin-top: 80px; }
	.user-Name { position: relative;  top: -3px;  padding: 0px 5px;  font-size: 14px; }
	.login-box,.register-box .card.form-padding {  width:500px; padding:20px; background-color: #fff; box-shadow: rgb(50 50 93 / 25%) 0px 2px 5px -1px, rgb(0 0 0 / 30%) 0px 1px 3px -1px; border: 1px solid #ddd; border-radius: 5px;}
	.permissionset li {     width: 23%;  margin: 1%;  padding: 11px;  border: 1px #e8e8e8 solid;  }
	.navbar-fixed-menu { position: fixed; left:0px; right: 0px;  }
	.top-15{top:15px!important;}
/*	.paddingTop { padding-top:4.5em;}*/
.content-header {padding: 10px .5rem;}
.height550 { height: 550px;  }
.error404 { background-size:100% !important; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; background:url('../images/404.jpg') no-repeat 0px -120px;  }
.modal-md-custom { width:45% !important; max-width: 100% !important;  }
.modal-extralg {  width: 100% !important;  max-width: 100%;  padding: 0px 54px; }
.modal-extralg1 {  width: 100% !important;  max-width: 100%;  padding: 0px 100px; }


.form_container h1 { font-size: 25px; }


}

.btn-link
{
	text-decoration: none;
	color: inherit;
}

.btn-link:hover
{
	color: inherit;
}

.boc-chart-menu
{
	min-width:150px;
}

element.style
{
	left: 400.497px;
	top: 516.999px;
	opacity: 1;
}

.lead-design .row:nth-child(even) { margin: 5px 0px; font-size:16px; }
.lead-design .row:nth-child(odd) { margin: 5px 0px;  font-size:16px; }
.lead-design .row:last-child { border:none !important; }
.lead-design .row .col-md-4 {
	font-weight: 600;
	background: #eef7f9;
	border-radius: 0px 10px 0px 0px;
	padding: 5px 15px;
}
.lead-design .row .col-md-6:first-child {
	font-weight: 600;
	color: #0f3763;
	padding: 4px 15px;
	text-transform: capitalize;
}
.lead-design .row .col-md-6:first-child:after { content: "-"; position:absolute; right:0px; color: #343a40; float:right; display: inline-block; font-family: Font Awesome\ 5 Free; text-transform: capitalize;  }

.custom-list-group-leads .list-group-item {
	border: none; /* Remove the border (horizontal rule) */
	padding: 5px 15px; /* Adjust padding for spacing inside the items */
}

.custom-list-group-leads .list-group-item:not(:last-child) {
	margin-bottom: 15px; /* Add space between list items */
}

.bg-deepteal { background:#003334; color:#fff !important; }
.bg-pale-blue { background:#f7f7f7; color:#000000 !important; }
.bg-peach { background:#ffdfca; color:#003334; border-color:#003334 !important; }

.suggestions-list {
	border: 1px solid #ccc;
	max-height: 120px;
	overflow-y: auto;
	position: absolute;
	background: white;
	width: 95%;
	z-index: 1000;
}
.suggestion-item {
	padding: 8px;
	cursor: pointer;
}
.username {
	color: blue;
}

#followup_message {
	overflow: auto;
	min-height: 150px;
	max-height: 150px;
	resize: none;
	white-space: pre-wrap;
	word-wrap: break-word;
	display: inline-block;
}
#followup_message.is-invalid {
	border: 1px solid red;
}

.form_container h1 { font-size: 25px; }

}
.custom-label {
	font-size: 14px !important;
	color: #464646;
	width: 100%;
}

.tooltip-custom {
	position: relative;
	display: inline-block;
	cursor: pointer;
}

.tooltip-custom .tooltip-text {
	visibility: hidden;
	width: 300px;
	background-color: #333;
	color: #fff;
	text-align: left;
	padding: 8px;
	border-radius: 6px;
	position: absolute;
	z-index: 100;
	bottom: 125%;
	left: 50%;
	transform: translateX(-50%);
	opacity: 0;
	transition: opacity 0.3s;
	font-size: 12px;
	line-height: 1.4;
}

.tooltip-custom:hover .tooltip-text {
	visibility: visible;
	opacity: 1;
}

.minutesOfMeeting .mom-title {
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
	color: #555;
	margin-bottom: 10px;
}
.minutesOfMeeting th, .minutesOfMeeting td {
	border: 1px solid #ccc;
	padding: 6px 10px;
	vertical-align: top;
}
.minutesOfMeeting th {
	background-color: #f0f0f0;
	text-align: left;
}
.minutesOfMeeting .sub-header {
	background-color: #eaeaea;
}
.custom-card {
	min-height: 230px !important;
	max-height: 230px;
	overflow-y: auto;
}
.multiselect-container
{
	width:100%;
}
.multiselect.selected .multiselect-selected-text
{
	font-weight: bold;
}
.btn-group .multiselect
{
	text-align: left;
	color: black;
}
.multiselect .multiselect-selected-text
{
	text-align: left;
	display: inline-block;
	width: 100%;
}
#po_sub_type + .btn-group > .multiselect
{
	height: 32px;
	border-radius: 0;
	display: flex;
	font
	align-items: center;
	padding-top: 0;
	padding-bottom: 0;
	color: black;
}
trix-editor[contenteditable] {
	resize: vertical;
	overflow: auto;
	min-height: 150px;
}
.custom-scrollbar::-webkit-scrollbar {
	height: 3px;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
	background-color: #888;
	border-radius: 1px;
}

.custom-scrollbar::-webkit-scrollbar-track {
	background-color: #FF5F15;
}
.input_tag { margin:6px 0px 6px 7px !important; float:left; line-height: normal; }
#categoryInput { float: left; width: 250px; border: 0px; margin: -2px 5px; padding: 0px; box-shadow: none; background: none !important; }
#categorySuggestions { min-height: 1px; padding: 0px; margin-top: 5px; border: 0px; }
#categorySuggestions:not(.show) { display:none; }
.category-container { background-color: #fff;
    background-clip: padding-box;
    display: flow-root;
    cursor: text;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    box-shadow: inset 0 0 0 transparent;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
 }
 .select2-results__option[aria-selected="true"] input[type="checkbox"]:after {
 	content: "✓";
 	font-weight: bold;
 	font-size: 12px;
 	font-family: 'Segoe UI', Arial, sans-serif;
 	color: black;
 	background: white;
 	width: 14px;
 	height: 14px;
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	border-radius: 3px;
 	padding: 0;
 }

 .falling {
 	position: fixed;
 	top: -30px;
 	font-size: 30px;
 	user-select: none;
 	pointer-events: none;
 	animation-name: fallDown;
 	animation-timing-function: linear;
 	animation-fill-mode: forwards;
 }

 @keyframes fallDown {
 	0% {
 		top: -30px;
 		opacity: 1;
 		transform: translateX(0);
 	}
 	100% {
 		top: 100vh;
 		opacity: 0;
 		transform: translateX(20px);
 	}
 }

 .today-birthday {
 	background-color: #a3d9a5 !important;
 	color: #2a5d2a !important;
 	font-weight: 700;
 }

 .table-container-fixed-height {
 	min-height: 550px;
 	max-height: 550px;
 	overflow-y: auto;
 }

 .accordion-scroll {
 	max-height: 550px;
 	overflow-y: auto;
 }
 .tableFooter tr th {
    background: #c7bfbf;
    font-weight: 900;
}