:root {
	--white: #ffffff;
	--main-txt-color: #232323;
	--main-padding: 15px;
	--primary-color :#0073b7;
  }
body {
    font-family: Source Sans Pro;
}
.user-panel > .info > p{
	line-height: 35px;
}
.custom-table-header th{
	background: #222D32;
	color: white;
	text-transform: uppercase;
	vertical-align: middle !important;
}
.custom-table-header th a{
	color: white;
}
table a[href$="&direction=desc"]::before{
	content: " ";
}
table a[href$="&direction=asc"]::after{
	content: " ";
}
.pagination li.ellipsis{
	display: none;
}
.error-message{
	color: red;
	background: rgba(0,0,0,.04);
	padding: 5px;
}
.align-middle{
	vertical-align: middle !important;
}
#Actions .checkbox label{
	display: block;
	background: rgba(0,0,0,.04);
	padding: 5px;
}
#Actions .checkbox label input{
	position: relative;
	float: right;
	margin: 1px;
}
/*SIDEBAR ACTIVE/FOCUS*/
.childActive{
	background: #3c8dbc;
}
.childActive a{
	color: white !important;
}
/*Select 2 Dropdowns*/
.select2-container--default .select2-selection--single{
	border-radius: 0px;
}
.select2-container .select2-selection--single{
	height: 34px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
	height: 32px;
}
.select2-container--default .select2-selection--multiple{border-radius: 0px;}
.select2-container--default .select2-selection--multiple .select2-selection__choice{
	background: #3C8DBC;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
	color: white;
}
/*Select 2 Multiselect*/
.select2-container--default.select2-container--focus .select2-selection--multiple{
	border-color: #d2d6de;
}
#CreateOrRecover{
	margin-top: 10px;
}
/*Service Tree View*/
.service-treeview-menu{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.service-treeview-menu li{
	position: relative;
}
.service-treeview-menu label{
	padding: 8px;
	padding-left: 30px;
	position: relative;
}
.service-treeview-menu label input{
	top: 6px;
}
.service-treeview-menu .service-treeview-menu{
	display: none;
}
.service-sub-treeview-menu .service-treeview-menu{
	margin-left: 15px;
}
.service-treeview-menu .form-group{
	background: #ECF0F5;
	margin: 2px;
}
.service-treeview-menu .ControlNavigation{
	position: relative;
}
.service-treeview-menu .ToggleList{
	position: absolute;
	cursor: pointer;
	background: #3C8DBC;
	color: white;
	top: 0px;
	right: 0px;
	bottom: 0px;
	padding: 0px 30px;
}
.service-treeview-menu .ToggleList i.fa{
	margin-top: 10px;
}
.ControlNavigation .number{
	position: absolute;
	width: 125px;
	top: -1px;
	right: 76px;
	background: red;
	z-index: 10000;
}
.MultipleSelectOptions option{
	padding: 8px;
	margin-bottom: 1px;
	background: #ECF0F5;
}
.middle-align{
	vertical-align: middle !important;
}
#WorkshopAddForm .ControlNavigation .number input{
	display: none;
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header{
	height: auto;
	min-height: auto;
}
.navbar-nav > .user-menu > .dropdown-menu > .user-footer{
	background: navy;
}
.widget-user .widget-user-header{
	position: relative;
}
.ViewDetails{
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	width: 100%;
	display: none;
	z-index: 99;
	border: none;
}
.widget-user:hover .ViewDetails{
	display: block;
}
/*DATEPICKER CALENDAR 100% WIDTH*/
.datepicker-inline {
    width: 100% !important;
}
.datepicker table {
    width: 100% !important;
}
.DashboardMenus .info-box-content span.info-box-text{
	line-height: 40px;
	font-size: 12px;
}
.UsersDashboard .small-box{
	margin-bottom: 10px;
}
.UsersDashboard .small-box h3{
	font-size: 20px;
}
.UsersDashboard .info-box{
	min-height: 50px;
}
.UsersDashboard .info-box-icon{
	height: 50px;
	line-height: 50px;
	font-size: 30px;
}
.UsersDashboard .small-box > .inner{
	padding: 5px 10px;
}
.UsersDashboard .small-box > .icon{
	font-size: 60px;
}
#homeServiceApplications .checkbox label{
	display: block;
	background: rgba(0,0,0,0.03);
	padding: 10px;
}
#homeServiceApplications .checkbox label input{
	margin: 3px;
	position: relative;
	float: left;
}
.ForRemovingCSS input[type="checkbox"]{
	display: inline;
	position: relative !important;
	margin: 0px !important;
}
.AdvancedSearchDivArea {
	min-height: 100px;
}
.NoMarginNoPadding > div{
	margin:0px;
	padding: 3px;
}
.NoMarginNoPadding .input-group-btn{
	width: 100%;
}
.NoMarginNoPadding .select2-container .select2-selection__rendered {
	font-size: 14px;
}

.setFontsize .select2-container .select2-selection__rendered {
	font-size: 14px;
}

.bg-products{background: #b72624 !important;color: white;}
.bg-workshops{background: #68b7bc !important;color: white;}
.bg-storelocator{background: #ffd31c !important;color: white;}
.bg-productverify{background: #54c0eb !important;color: white;}

.highcharts-credits{display: none !important;}
#link-click-loader{
	background: rgba(0,0,0,0.7);
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	width: 100%;
	z-index: 999999999;
	text-align: center;
}
#link-click-loader img{
	position: fixed;
	top: 45%;
	height: 50px;
	padding: 10px;
	border-radius: 5px;
	background: #000;
	transform: scale(1) translate(-50%, -50%);
}
#footer-ajax-flash-msg{
	display: none;
	position: fixed;
	bottom: 10px;
	right: 10px;
	padding: 10px;
	z-index: 9999999;
}
.UsersDashboard .with-expand-collapse{
	cursor: pointer;
}
.toggle-expand-icon{
	position: absolute;
	top: 20px;
	right: 20px;
}
.sidebar-menu > li{
	background-color: #1e282c;
}
.skin-blue .sidebar-menu > li > a{
	border-left: none;
}
.skin-blue .sidebar-menu > li:hover > a{
	background: #2c3d44;
}
.sidebar-menu > li.header{
	margin: 0px;
	padding: 5px;
}
@media print{
	.noprint{display: none !important;}
}
.bg-omera-red{background-color: #ed1c24 !important;}
.bg-omera-blue{background-color: #283682 !important;}
.text-omera-red{color: #ed1c24 !important;}
.text-omera-blue{color: #283682 !important;}
.text-white{color: white !important;}
.text-black{color: black !important;}
.w30h30{width:30px;height:30px;border-radius:15px;}
.w20h20{width:20px;height:20px;border-radius:10px;}
.project-users-list{padding: 6px;min-width:auto;height:auto;margin:5px;}
.mr10{margin-right:10px;}
.m10{margin:10px;}
.logo-small-text{font-size:10px;text-transform:uppercase;}
.fs11px{font-size: 11px;}
#timer{
	background: white;
	color: black;
	margin: 5px;
	padding: 5px;
	border-radius: 5px;
}
#timer-button{
	position: absolute;
	left: 10px;
	right: 10px;
	bottom: 10px;
}
.CustomCSS:hover{
	box-shadow: none;
	border-color: #ddd;
}
.content-header>.breadcrumb>li+li:before{color: black;}
.task-count-label{position: absolute !important;top:5px !important;right:5px !important;}
.table-bordered > tbody > tr > th{font-size:12px !important;}
.table-bordered > tbody > tr > td{font-size:14px !important; text-align: left;}
.table-bordered .text-center{text-align: center !important;}
.table-bordered .text-right{text-align: right !important;}
.table-bordered .text-left{text-align: left !important;}

.login-page, .register-page {
	background-image: url('../img/login_bg.jpg');
	background-size: cover;
}
.login-box-body, .register-box-body {
    background: #fff;
    padding: 20px;
    border-top: 0;
    color: #666;
    border-radius: 10px;
    box-shadow: 0px 5px 10px 10px #00000024;
}
.txt-white{
	color: #fff;
}
.login-logo, .register-logo {
    font-size: 30px;
    text-align: center;
    margin-bottom: 25px;
    font-weight: 300;
}
.widget-user-2 .widget-user-username, .widget-user-2 .widget-user-desc {
    margin-left: 0;
}
.label {
    font-size: 80%;
    text-transform: uppercase;
}
/* fab */

* {
	box-sizing: border-box;
  }
  
  .action-button {
    position: fixed;
    bottom: 40px;
    right: 40px;
    text-align: center;
    font-size: 32px;
    line-height: 50px;
    width: 50px;
    height: 50px;
    background-color: #283682;
    color: #FFF;
    border-radius: 50%;
    cursor: pointer;
    overflow: hidden;
}
  
  .action-list {
	color: initial;
	font-size: initial;
	text-align: initial;
	line-height: initial;
	position: absolute;
	bottom: 0;
	right: 0;
	opacity: 0;
  }
  
  .action-list-item {
	padding: 20px;
	white-space: nowrap;
	list-style: none;
	background: white;
  }
  .action-list-item:hover {
	background-color:var(--primary-color);
	cursor: pointer;
	color: var(--white);
  }
  .action-list-item:hover a{
	color: var(--white);
  }
  .action-list-item i, .action-list-item span {
	display: inline-block;
	vertical-align: middle;
  }
  .action-list-item i {
	margin-right: 5px;
  }
/* fab  */
.widget-user-2 .widget-user-username, .widget-user-2 .widget-user-desc {
    margin-left: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 320px;
    white-space: nowrap;
}
.hide-live-search{display: none;}
.mouseover-to-display{
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	vertical-align: middle;
	text-align: center;
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
}
.live-data-task-search:hover > .mouseover-to-display{
	display:block;
	background: rgba(0,0,0,.7);
}
.text-left{text-align: left !important;}

@media (max-width: 768px){
	.project-dashboard-menu .m10{
		display: block;
		width: 43%;
	}
}