@font-face {
    font-family: "Roboto";
    src: url('../fonts/ROBOTO-REGULAR.TTF');
}

body{
    font-family: 'Roboto', sans-serif !important;
}
h1, h2, h3, h4, h5, h6 {
    font-family: inherit;
    font-family: 'Roboto', sans-serif !important;
}
a, a:hover{
    font-family: 'Roboto', sans-serif !important;
}
table td, table th{
	font-family: 'Roboto', sans-serif !important;
}
span, div, label{
	font-family: 'Roboto', sans-serif !important;
}

.form-group.has-error input{
	border: 1px solid red;
}
.form-group.has-error .error{
	color: red;
}
table.tbl-calendar{
	width: 100%;
	color: black;
}
table.tbl-calendar td{
	padding: 5px;
	border: 1px solid black;
}
table.tbl-calendar th{
	padding: 5px;
	border: 1px solid black;
	background: #fff2cc;
	font-weight: bold;
}
table.event-type-info{
	color: black;
}
table.event-type-info td:first-child{
	color:white;
	font-weight: bold;
	padding: 5px;
	cursor: pointer; 
} 
table span.provisional-status-evt{
	border: 1px solid gray;
	padding: 5px 17px;
	background: #c5e0b4;
}
table span.confirmed-status-evt{
	border: 1px solid gray;
	padding: 5px 17px;
	background: #8faadc;
}
table.mco-calendar td{
	padding: 5px 0;
}
table td.event-data-block{
	cursor: pointer;
}
table.mobile-calendar-overview table.event-type-info td:first-child{
	color: black;
	font-weight: unset;
	padding: 5px;
	cursor: unset;
}
.sp-header{
	background-color: #f8f8f8;
	border: 1px solid #e7e7e7;
}
.sp-logo-wrap{
	padding-top: 0px;
}
a.toggle-left-nav-btn{
	display: none !important;
}
.wrapper.theme-1-active .fixed-sidebar-left{
	display: none !important;
}
.page-wrapper{
	margin-left:0;
}
.navbar.navbar-inverse.navbar-fixed-top .nav-header{
	width:unset;
}
.btn.btn-blue{
	background: #0067c7 !important;
	border: solid 1px #0067c7 !important;
	border-radius: 5px;
	color: white;
	font-weight: bold;
	text-transform: uppercase;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current{
	background: #0067c7 !important;
	border: solid 1px #0067c7 !important;
	border-radius: 5px;
	color: white;
	font-weight: bold;
}
table.dataTable.table > tbody > tr > td{
	padding: 7px !important;
	border-right: 1px solid #dedede !important;	
}
table.dataTable.table > thead > tr > th{
	text-transform: unset !important;
	font-weight: bold !important;
	padding: 10px !important;
	border-right: 1px solid #dedede !important;

}
table.dataTable.table {
	border: 1px solid #dedede !important;	
}
.text-theme-blue{
	color: #5c91b4;
	font-weight: bold;
}
table span.weekend-day-red{
	left: -16px;
	position: absolute;
	background: #DAD7D0;
	width: 31px;
	height: 33px;
	margin-top: -6px;
}
table#engineerTable thead tr, table#companyTable thead tr{
	background: #fff2cc;
}
img.ajax-loading{
	left: 41%;
	position: relative;	
}
h1.planner-txt{
	font-weight: 900;
}

.serach-result-primary-postcode label.form-control span, .serach-result-secondary-postcode label.form-control span{
	/*position: relative;
	top: -7px;*/
	margin-left: 5px;
}
.serach-result-primary-postcode label.form-control input, .serach-result-secondary-postcode label.form-control input{
	float: left;
	margin-top: 2px;
}
.selected-primary-postcode span, .selected-secondary-postcode span{
	padding: 5px;
	border: 1px solid gray;
	border-radius: 5px;
	margin-right: 5px;
	float: left;
	margin-top: 5px;
}
.skills-drdn span{
	/*position: relative;
    top: -1px;*/
	margin-left: 5px;	
}
.skills-drdn input{
	float: left;
	margin-top: 2px;
}

.serach-result-primary-postcode, .serach-result-secondary-postcode{
	max-height: 350px;
	overflow: auto;
	margin-bottom: 10px;
}
.tooltip-main {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  font-weight: 700;
  background: #f3f3f3;
  border: 1px solid #737373;
  color: #737373;
  margin: 4px 121px 0 5px;
  float: right;
  text-align: left !important;
}

.tooltip-qm {
  float: left;
  margin: -2px 0px 3px 4px;
  font-size: 12px;
}

.tooltip-inner {
  max-width: 500px !important;
  width: 500px; 
  /*height: 76px;*/
  font-size: 12px;
  padding: 10px 15px 10px 20px;
  background: #FFFFFF;
  color: black;
  border: 1px solid #737373;
  text-align: left;
  
}
.tooltip-inner .tooltip-ttl{
	color: #5c91b4;
	font-weight: bold !important;
}
.tooltip-inner .tooltip-row{
	margin-top:8px;
	float:left;
	width: 100%;
}
.tooltip-inner .tooltip-row div{
	word-wrap: break-word;
}
.tooltip.show {
  opacity: 1;
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before {
  border-bottom-color: #f00;
  /* Red */
}
.table-responsive {
    overflow-x: unset !important;
}
.radio label::after{
	width: 10px;
	height: 10px;
	left: 4px;
	top: 3px;
}
span.evt-cat-span{
	/*float: left;*/
	width: 46%;
	display: inline-block;
	color: #fff;
	text-shadow: 1px 0 0 #000, 0 -1px 0 #000, 0 1px 0 #000, -1px 0 0 #000;
}
@media (min-width: 481px) and (max-width: 1024px) {
	.navbar.navbar-inverse.navbar-fixed-top .mobile-only-nav{
		display: none;
	}
	a.toggle-left-nav-btn{
		display: block !important;
	}
	.wrapper.theme-1-active .fixed-sidebar-left{
		display: block !important;
	}
}
@media (min-width: 320px) and (max-width: 480px) {
  .calendar-contains{
		overflow-x:auto;
	}
	.calendar-inner-contains{
		width: 800px;
	}
	table.mobile-calendar-daily-calendar td, table.mobile-calendar-overview td{
		font-size: 8px;
	}
	table.mobile-calendar-daily-calendar th, table.mobile-calendar-overview th{
		font-size: 9px;
	}
	table span.provisional-status-evt{
		padding: 5px;
	}
	.mobile-calendar-overview-section{
		padding: 0;
	}
	.navbar.navbar-inverse.navbar-fixed-top .mobile-only-nav{
		display: none;
	}
	a.toggle-left-nav-btn{
		display: block !important;
	}
	.wrapper.theme-1-active .fixed-sidebar-left{
		display: block !important;
	}
	.engineer-cal-header-btn a.btn-blue{
		width: 99%;
		margin: 8px;
	}

	/* sticky header footer */
	/*td.sticky-col, th.sticky-col {
	  position: -webkit-sticky;
	  position: sticky;
	  padding: 0px !important;
	  background-color: white;
	  border: none !important;
	}
	.sticky-col.first-col {
	  left: 0px;
	}
	.sticky-col.second-col {
	  left: 120px;
	}
	.sticky-col div.td-evt-inner{
		border: 1px solid black;
		width: 100%;
        padding: 5px;
	}
	tr.sticky-row.first-row {
		top: 0px;
	}
	tr.sticky-row.second-row {
		top: 30px;
	}
	tr.sticky-row{
		position: sticky;
		z-index: 999;
	}
	tr.sticky-row th{
		padding: 0px !important;
	}
	.calendar-contains .calendar-inner-contains{
		height: 500px;
		overflow-y:
	}
	.sticky-row div.tr-evt-inner{
		border: 1px solid black;
		width: 100%;
		padding: 5px;
	}*/
}