@font-face{ 
	font-family: 'Roboto';
	src: url('../fonts/roboto/web fonts/roboto_thin/Roboto-Thin-webfont.eot');
	src: url('../fonts/roboto/web fonts/roboto_thin/Roboto-Thin-webfont.eot?iefix') format('embedded-opentype'),
	     url('../fonts/roboto/web fonts/roboto_thin/Roboto-Thin-webfont.woff') format('woff'),
	     url('../fonts/roboto/web fonts/roboto_thin/Roboto-Thin-webfont.ttf') format('truetype'),
	     url('../fonts/roboto/web fonts/roboto_thin/Roboto-Thin-webfont.svg#robotolight') format('svg');
	font-style: normal;
	font-weight: 200;
}

@font-face{ 
	font-family: 'Roboto';
	src: url('../fonts/roboto/web fonts/roboto_light/Roboto-Light-webfont.eot');
	src: url('../fonts/roboto/web fonts/roboto_light/Roboto-Light-webfont.eot?iefix') format('embedded-opentype'),
	     url('../fonts/roboto/web fonts/roboto_light/Roboto-Light-webfont.woff') format('woff'),
	     url('../fonts/roboto/web fonts/roboto_light/Roboto-Light-webfont.ttf') format('truetype'),
	     url('../fonts/roboto/web fonts/roboto_light/Roboto-Light-webfont.svg#robotolight') format('svg');
	font-style: normal;
	font-weight: 300;
}

@font-face{ 
	font-family: 'Roboto';
	src: url('../fonts/roboto/web fonts/roboto_regular/Roboto-Regular-webfont.eot');
	src: url('../fonts/roboto/web fonts/roboto_regular/Roboto-Regular-webfont.eot?iefix') format('embedded-opentype'),
	     url('../fonts/roboto/web fonts/roboto_regular/Roboto-Regular-webfont.woff') format('woff'),
	     url('../fonts/roboto/web fonts/roboto_regular/Roboto-Regular-webfont.ttf') format('truetype'),
	     url('../fonts/roboto/web fonts/roboto_regular/Roboto-Regular-webfont.svg#robotoregular') format('svg');
	font-style: normal;
	font-weight: 400;
}

@font-face{ 
	font-family: 'Roboto';
	src: url('../fonts/roboto/web fonts/roboto_medium/Roboto-Medium-webfont.eot');
	src: url('../fonts/roboto/web fonts/roboto_medium/Roboto-Medium-webfont.eot?iefix') format('embedded-opentype'),
	     url('../fonts/roboto/web fonts/roboto_medium/Roboto-Medium-webfont.woff') format('woff'),
	     url('../fonts/roboto/web fonts/roboto_medium/Roboto-Medium-webfont.ttf') format('truetype'),
	     url('../fonts/roboto/web fonts/roboto_medium/Roboto-Medium-webfont.svg#robotomedium') format('svg');
	font-style: normal;
	font-weight: 500;
}

@font-face{ 
	font-family: 'Roboto';
	src: url('../fonts/roboto/web fonts/roboto_bold/Roboto-Bold-webfont.eot');
	src: url('../fonts/roboto/web fonts/roboto_bold/Roboto-Bold-webfont.eot?iefix') format('embedded-opentype'),
	     url('../fonts/roboto/web fonts/roboto_bold/Roboto-Bold-webfont.woff') format('woff'),
	     url('../fonts/roboto/web fonts/roboto_bold/Roboto-Bold-webfont.ttf') format('truetype'),
	     url('../fonts/roboto/web fonts/roboto_bold/Roboto-Bold-webfont.svg#robotobold') format('svg');
	font-style: normal;
	font-weight: 700;
}

@media print {
	body {padding-left: 12mm; padding-top: 11mm; padding-right: 15mm; padding-bottom: 15mm;}
	header, main, .modalm, .modal-backdrop, .modal * {display: none;}
	#print-section {display: block !important;}
}

@media screen {
	#print-section {display: none;}
}

.fa, .fas, .far, .fal, .fab {
	color: inherit;
}

*{
	font-family: 'Roboto', Arial, 'Times New Roman', sans-serif;

}

html{
	font-size: 14px;
}

body {
	font-weight: 300;
	overflow: hidden;
	-wwebkit-touch-callout: none; /* iOS Safari */
	-wwebkit-user-select: none;   /* Chrome/Safari/Opera */
	-kkhtml-user-select: none;    /* Konqueror */
	-mmoz-user-select: none;      /* Firefox */
	-mms-user-select: none;       /* Internet Explorer/Edge */
	user-select: none;
}

.srw-bg-primary {
	background-color: #C41A44;
	/*background-color: #9E3147;*/
}

.srw-bg-secondary {
	background-color: #E28996;
}
	  
.srw-bg-light {
	background-color: #FBE2D9;
}

.srw-text-primary {
	color: #C41A44;
}


.btnNavbar {
	border: 0;
}

@media (min-width: 768px) {
	.btnNavbar {
		border: 1px solid #C57580;
		padding: 0.6rem !important;
		padding-left: 1rem !important;
		padding-right: 1rem !important;
		border-radius: 4px;
		background-color: #9E3347;
		background-color: #FAFAFA;
		color: #C41A44 !important;
		
		box-shadow: 1px 1px 2px rgba(0, 0, 0, .2);
	}
}
/******************************
bootstrap
******************************/

.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
  background-color: #FBE2D9;
}
th {
    color: white;
} 
.table td, .table th{
  border-color: #C41A44;
}

.btn:focus {
 box-shadow: none;
}

a:hover { 
	text-decoration: none !important;
}

.tooltip{
	background: #fff;
}

.tooltip.show {
  opacity: 1;
}

.tooltip-inner {
	text-align: left;
	max-width: none;
	color: #222;
	background-color: #fff;
	border: 1px solid #bbb;
	box-shadow: 0px 0px 6px #ccc; 
	-webkit-box-shadow: 0px 0px 6px #ccc; 
	-moz-box-shadow: 0px 0px 6px #ccc;
}



.modal-backdrop {
	background-color: #fff;
}

.modal-backdrop.show {
  opacity: 0.8;
}

/*****************************************
bootstrap
*****************************************/

.form-control-sm,  .form-control-sm option {
	font-weight: 300;
}

.form-sm legend {
	font-size: 1.1rem;
	font-weight: 400;
}


.navbar-brand {
  background-color: rgba(255, 255, 255, 1);
  box-shadow: inset -1px 0 0 rgba(0, 0, 0, .25);
  height: 70px;
}

.navbar {
	font-size: 1.2rem;
}

main {
	margin-top: 70px;
}


.sidebar {
	/*
	background-color: #fff;
	*/
	background-image: url("../img/bg-sidebar.jpg");
	background-color: #FBE2D9;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border-bottom: 1px solid #E28996;
	margin-bottom: 5px;
}
.sidebar-sticky {
	  padding-top: 0.5rem;
	}

@media (min-width: 768px) {
	.sidebar {
	  position: fixed;
	  top: 70;
	  bottom: 0;
	  left: 0;
	  z-index: 100;
	  padding: 0 0 0;
	  box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
	  /*
	  background-image: url("../img/bg-sidebar.jpg");
	  background-color: #FBE2D9;
	  background-position: center;
	  background-repeat: no-repeat;
	  background-size: cover;
	  */
	  border-bottom: 0;
	  margin-bottom: 0;
	}

	.sidebar-sticky {
	  position: relative;
	  top: 0;
	  height: calc(100vh - 70px);
	  padding: .75rem;
	  padding-top: 3rem;
	  overflow-x: hidden;
	  overflow-y: auto; 
	}
}



@supports ((position: -webkit-sticky) or (position: sticky)) {
  .sidebar-sticky {
    position: -webkit-sticky;
    position: sticky;
  }
}


 #mpReaderDriverLabel {	
    position: fixed;
	top: 70px;
	left: 50%;
	z-index: 1000;
    background: #fcfcfc;
    border: 1px solid #ddd;
    pointer-events: none;
  }
  
#mpChartTime {	
    position: fixed;
	z-index: 100;
    text-align: center;
	left: 5px;
	top: 5px;					
    padding: 2px;				
    font-size: 12px;		
    background: #fcfcfc;
    border: 1px solid #ddd;
    pointer-events: none;
	width: 140px;
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
  #mpChartTime {
    position: -webkit-sticky;
    position: sticky;
	top: 2px;
	margin-left: 4px;
  }
  
 
}


.dropdown-menu li:hover > ul.dropdown-menu {
    display: block;
}
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top:0;
    left:100%;
    margin-top:-6px;
}


.opacity9 {
	opacity: 0.9;
}

.pointer {
	cursor: pointer;
}


.mpReaderGeneralLabel{
	display: inline-block;
	width: 180px;
}

.mpReaderGeneralText{
	display: inline-block;
	font-weight: 500;
}

.mpReaderGeneralText span {
	font-weight: 500;
}




.VuFileContentLegendTooltip p{
	font-size: 12px;
}
.VuFileContentLegendTooltip span{
	display: inline-block;
	width: 20px;
	height: 20px;
	border: 1px solid #ddd;
	vertical-align: middle;
	text-align: center;
	font-size: 11px;
	padding-top: 2px;
}


.fa-refresh {
	-webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
}

.rotate {
	-webkit-animation: spin 1s linear infinite;
	animation: spin 1s linear infinite;
}


.regulations {
	line-height: 1.7;
}

.regulations li {
	margin-top: 15px;
	margin-bottom: 15px;
}


/********************************
           Loader
********************************/

.modalm {
    position:   fixed;
    z-index:    1100;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, 0.8 );
}
.loaderm {
	border: 12px solid #f0f0f0;
	border-radius: 50%;
	border-top: 12px solid #2c2c2c;
	width: 80px;
	height: 80px;
	-webkit-animation: spin 1s linear infinite;
	animation: spin 1s linear infinite;
	left: 50%;
	top: 50%;
	position: absolute;
}
@-webkit-keyframes spin {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

/**************************************************** 
* VU Calendar
****************************************************/
  
.mpVuCalendarTable{
	border-spacing: 0;
    border-collapse: collapse;
	vertical-align: middle;
	text-align: center;
	overflow: hidden;

	border: 0;
}
.mpVuCalendarTable .mpVuCalendarDayNameTd{
	
}
.mpVuCalendarTable td{
	min-width: 20px;
	width: 25px;
	height: 25px;
	border: 0;
	font-size: 12px;
}

.mpVuCalendarTable .mpVuCalendarTd {
	border: 1px solid #ddd;
}

.mpVuCalendarTable .mpVuCalendarMonthTd {
	min-width: 130px;
	text-align: left;
}

/**************************************************** 
* Tiles
****************************************************/
.tile {
	max-width: 100px;
	max-height: 100px;
}

.tile path{
	fill: #fff;
}

.active:not(.disabled) .tile rect {
	fill: #FBE2D9;
}

.active:not(.disabled) .tile text, .active:not(.disabled) .tile path{
	fill: #666;
}

.disabled .tile{
	opacity: .6;
}

.tile text{
	fill: #fff;
	text-anchor: middle;
	text-transform: uppercase;
	font-size: 1.2rem;
	font-weight: 400;
}

.tile rect{
	fill: #C41A44;
}


/**************************************************** 
* Print
****************************************************/

#attestationPrint table	{width: 100%; border: 0px solid #000; border-spacing: 9px; border-collapse: separate;}
#attestationPrint table	td {vertical-align: top;}
#attestationPrint table .data {font-weight: normal;}
#attestationPrint * {padding: 0; margin: 0;}