/* PALLETE */

	.highlight {background-color: #FFE84B}
	.white {color:#FFFFFF !important;}
	.bg_white {background-color:#FFFFFF !important;}
	.black {color:#000000 !important;}
	.yalert {color: #FFF298}
	.bg_yalert {background-color: #FFF298}
	

	/* MAIN */
	.c_primary {color:#1F1B1C;}
	.c_secondary {color:#A7A9AC;}		
	.bg_primary {background-color:#1F1B1C !important;}
	.bg_secondary {background-color:#A7A9AC !important;}

	/* FEEDBACK */
	.blue {color:#86AEDD !important;}
	.grey {color:#A7A9AC;}
	.grey_light {color:#f1f1f1;}
	.red, .error {color:#FF1F1F !important;}
	.green, .success {color:#1ED760 !important;}
	.yellow, .warning {color:#F5CB20 !important;}
	.transparent {opacity:0}

	.bg_blue {background-color:#86AEDD !important;}
	.bg_grey {background-color:#A7A9AC;}
	.bg_grey_light {background-color:#f1f1f1;}
	.bg_red {background-color:#FF1F1F !important;}
	.bg_green, .success {background-color:#1ED760 !important;}
	.bg_yellow, .warning {background-color:#F5CB20 !important;}

	
/* FONTS */

	body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
		font-family: 'Montserrat', sans-serif !important; font-weight:400;
		color:#1F1B1C;
	}

	body {font-size:14px; }

	.container-fluid {min-height:800px;}

	.h1, h1 {font-size:30px}
	.h2, h2 {font-size:26px}
	.h3, h3 {font-size:22px}
	.h4, h4 {font-size:18px}
	.h5, h5 {font-size:16px}
	.h6, h6 {font-size:12px}

	strong {font-weight: bold !important;}
	.strong {font-weight: bold !important;}
	.notstrong {font-weight: normal !important;}

	.stack-top {
		vertical-align: top !important;
	}
	.fa-stack-3x,
	.fa-stack-4x {
	  position: absolute;
	  left: 0;
	  width: 100%;
	  text-align: center;
	}
	.fa-stack-1x {
	  line-height: inherit;
	}
	.fa-stack-2x {
	  font-size: 2em;
	}
	.fa-stack-3x {
	  font-size: 3em;
	}
	.fa-stack-4x {
	  font-size: 4em;
	}

	/*
	.modal {
	  text-align: center;
	  padding: 0 !important;

	}

	.modal:before {
	  content: '';
	  display: inline-block;
	  height: 100%;
	  vertical-align: middle;
	  margin-right: -4px;
	}

	.modal-dialog {
	  display: inline-block;
	  text-align: left;
	  vertical-align: middle;
	  margin:0 auto;
	}*/

	.modal-dialog {
	  height: 100vh !important;
	  display: flex;
	}

	.modal-content {
	  margin: auto !important;
	  height: fit-content !important;
	}



/* LINKS */

	a {color:#86AEDD;}
	a:hover {color:#A7A9AC;}

	
/* HEADER */

	.header_title { 
		font-size: 10px !important; 
		line-height:12px !important; 
		padding-top:8px;
		padding-right:20px;
	}

	.header_day { 
		padding-top:7px; font-weight:700; color:#ffffff; padding-right:5px;margin:0 auto; text-align: center;
		min-width:50px;

	}

	.header_device {font-weight: 300; font-size:12px;}


/* STRUCTURE */

	.container-fluid {padding-bottom:40px;}

	.contents {padding-top:70px;}

	.breadcrumb {margin:20px 0px 20px 0px;}


/* HOME */

	.home_btn_container {width:auto; margin:0 auto; padding-top: 30px;}

	.btn_home {
		background-color: #86AEDD;
		color:#ffffff;
		margin:10px 10px 10px 10px;
	}


/* LOGIN STUFF */

	.login_box {
		width:400px;
		padding: 30px 45px 30px 45px;
		border-radius: 5px 5px 5px 5px;
		-moz-border-radius: 5px 5px 5px 5px;
		-webkit-border-radius: 5px 5px 5px 5px;
		border: 0px solid #ffffff;
		background-color:#ffffff;
		margin:50px auto 0px;
	}

	.login_footer {
		width:400px;
		padding: 10px 0px 0px 0px;
		margin:0 auto;
		color:#ffffff;
		font-size:10px;
	}

	.login_logo {max-width: 200px; padding-top: 15px; padding-bottom: 15px;}

	.login_box_text  {
		font-weight: 300;
		font-size:12px;	
		color:#1F1B1C;
	}

	form.login_form {padding-top: 15px;}

	.btn_f, #btn_register, #btn_login, #btn_recover, #btn_setpassword {width: 100%; margin:5px 0px 10px 0px;}

	a.login {font-size:12px !important;}

/* FOOTER */

	.footer {font-size: 10px; padding-top: 3px; padding-bottom: 3px;
		width: 100%; min-height:300px;} 

	.footer {font-size: 10px; padding-top: 3px; padding-bottom: 40px;
		width: 100%; color:#ffffff;}

	.es_logo {max-width: 100px;}
	.es_logo_footer {max-width: 150px;}

	.arrow_up {
		position: fixed;
		bottom:10px;
		right:10px;
		z-index: 100;
	}


/* FORMS / GENERIC */

	#errplace {
		margin-top:5px;
		margin-bottom:5px;
		margin-left:-45px;
		margin-right: -45px;
		padding:15px 45px 15px 45px;
		color:#ed1c34;
		font-size:12px;
		display:none;
		border-radius: 5px 5px 5px 5px;
		-moz-border-radius: 5px 5px 5px 5px;
		-webkit-border-radius: 5px 5px 5px 5px;
		border: 0px solid #ffffff;
	}

	.errplace_form {
		margin-left:0px !important;
		margin-right:0px !important;
	}



/* TABLES */

	.table {margin-bottom: 0px !important;}


	td, .fix_height {
	  height: 1px;
	}

	@-moz-document url-prefix() {
	   .fix_height {
	        height: 100%;
	    }
	}

	.search {margin-right:5px; min-width:200px;}

	.strong {font-weight: bold !important;}

	.cell_lg { font-size:16px; }

	.cell_md { font-size:12px; }

	.cell_sm { font-size:10px; }

	.cell30 { font-size:30px !important; }

	.cell22 { font-size:22px !important; }

	.cell20 { font-size:20px !important; }

	.cell18 { font-size:18px !important; }

	.cell16 { font-size:16px !important; }

	.cell14 { font-size:14px !important; }

	.cell12 { font-size:12px !important; }

	.cell10 { font-size:10px !important; }

	.operators {padding:10px 10px 10px 10px;}
	.inline {display: inline;}

	.photo {image-orientation: from-image;}

	.nocursor {cursor: default !important}

/* SEARCH */

	.search_box {
		height:40px;
		width:100%;
	}

	#search {
		background-color:#ffffff;
		font-size:20px;
		height:40px;
	}

	.search {display:none !important;}

    .btn-search {
      font-size: 14px;
      color: #000000;
      background-color: #86AEDD;
      border: #1F1B1C 1px solid;
      height:40px;
    }


    .btn-search:focus, .btn-search.focus {
        color: #FFFFFF;
        background-color: #A7A9AC;
        border:  #1F1B1C 1px solid;
    }

    .btn-search:hover {
        color: #FFFFFF;
        background-color: #A7A9AC;
        border:  #1F1B1C 1px solid;
    }

	.fixed-table-toolbar .columns {display:none !important;}

/* QRREADER */

	.result {
		display:none;
	}

	#qrcode {
		background-color:#ffffff;
		font-size:40px;
		height:60px;
		max-width: 350px;
	}

	.p_label {padding-top: 20px;}

	.p_notes {margin-left:30px;}

	#participant_status,.participant_status  {
		margin-top: 30px;
		margin-bottom: 30px;
		padding: 10px 10px 10px 10px; background-color:#00a79d; max-width: 350px;}

	.scanoperators {margin:0px 10px 20px 10px;display: inline}
	.scanoperators-stack {margin:0px 20px 20px 20px;display: inline}


/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
	
	
}

/* Medium devices (desktops, 992px and up) */ 
@media (min-width: 992px) { 


	
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	

	
}