#Firefox has some awkward fieldset styling involving width that interferes with the responsive table. 
#This cannot be overriden without a Firefox-specific hack not provided in Bootstrap
@-moz-document url-prefix() {
    fieldset {
        display: table-cell;
    }
}



@media all /* HTML RESET */
{

/* 	.bootbox-body {
		font-size: 140%;
	} */
	
	
	body.font-size-1{
		font-size: 140%;
	}
	
	body.font-size-2{
		font-size: 160%;
	}
	
	body.font-size-3{
		font-size: 180%;
	}
	
	.container {
		width: auto;
	}
	
	#additional-tools{
		position: relative;
		top: 15px;
		display:table-row;
		line-height: 12px;
	}
	
	#additional-tools li {
		margin: 0 2px;
		float:left;
		/*vertical-align: top;
		display: table-cell;*/
	}
	
	.right-module {
		border-radius: 4px;
		padding: 15px;
		margin-left: -15px;
		border-color: #ddd;
		border-width: 1px;
		border-style: solid;
	}
	
	.right-module h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6{
		color: #333;
		font-weight: normal;
		margin-top: 0;
	}
	
	.right-module.inset {
		background-color: #f5f5f5;
   		border-radius: 4px;
   		padding: 15px;
   		margin-left: -15px;
   		border: none;
	}
	
	.right-module ul, 
	.right-module ol {
		margin-left: -15px;
	}
	
	
	
	
	/*show up or down labels for accordion buttons or links*/
	.js #collapseLatestReg span.glyphicon-chevron-down,
	.js #collapseLatestReg span.glyphicon-chevron-down + span	{display:none;}
	
	.js #collapseLatestReg.collapsed span.glyphicon-chevron-up,
	.js #collapseLatestReg.collapsed span.glyphicon-chevron-up + span	{display:none;}
	.js #collapseLatestReg.collapsed span.glyphicon-chevron-down,
	.js #collapseLatestReg.collapsed span.glyphicon-chevron-down + span{display:inline;}
	
	.js #colapseStatistics button span.glyphicon-plus {display:none;	}	
	.js #colapseStatistics button.collapsed span.glyphicon-minus {display:none;}	
	.js #colapseStatistics button.collapsed span.glyphicon-plus {display:inline;top:0;color: grey;}
	.js #colapseStatistics button span.glyphicon-minus {top:0;color: grey;}
	
	
	.table-nowrap {
		table-layout:fixed;
		width: 100%;
	}
	
	.table-nowrap td.overflow {
	    overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	}
	

	
	.truncate {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		display:block;
	}
	
	
	
	.error {
		color: #B94A48;/*red;*/
		font-weight: bold;
		vertical-align: top;
	}
	
	.readonly{
		cursor: not-allowed;
	}
	.container-top { position:relative; display: flex; width: 100%; flex-direction: row; align-items: center; justify-content: center; padding:0.5em 0; }
	.logo{ width:376px; display: flex; justify-content: flex-end; background: url("../images/logo/eu-institutions.svg") no-repeat; height: 70px; background-size: auto 70px; margin:0; }
	.container-top #additional-tools { top:37px; right: 0; position: absolute; }

	.register-buttons { display: flex; justify-content: center; align-items: stretch; margin: 0 -0.5em; }
	.register-buttons .btn-lg { display: flex; margin: 0 .5em; justify-content: center; align-items: center; }
	.register-buttons .btn-lg strong { white-space: break-spaces; word-break: break-word; justify-content: flex-start; align-items: center; }
/*	
	.has-error .help-block, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline {
		color: red;
	}
	.has-error .form-control  {
		border-color: red;
		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
		box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	}
	.has-error .form-control:focus{
		border-color: red;
		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
		box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
	}
*/
	
	
	
/*BOOTSTRAP*/
	.panel .container {padding-left: 0;padding-right: 0;}
	/*.form-control {width: auto;}*/
	/*remove focus around buttons on click*/
	.btn-default:focus {outline: none;box-shadow: none;background-color: #FFFFFF;border-color: #CCCCCC;}
	.help-block {margin: 0;}
	
	.panel div.panel-body div.panel div.panel-body {padding-bottom:0;padding-top: 10px;}
	.list-group .list-group-item div.panel-footer {background-color: transparent;}
	/*Reset the padding for lists*/
	.form-group ul.form-control-static.reset-padding {padding-left:inherit;}
	
	.tooltip.top .tooltip-arrow {bottom: 1px;}
	.btn-lg, .btn-group-lg > .btn {font-size: 15px; line-height: 1.33;overflow: hidden;}
	.well > h3,.well dl dt h3  {font-size: 18px; }

	.pagination .glyphicon {top:0;}
	.form-control {padding-top:2px;padding-bottom:2px;}
	.input-group .input-group-btn, .input-group .input-group-btn .btn {
		height: 27px;
	}
	
	.form-control-static {
		word-wrap:break-word;
	}
	
	
	
	.modal-header {
	   background:#0480be;
	   border-top-left-radius: 5px;
	   border-top-right-radius: 5px;
	}
	.modal-header h1, .modal-header h2, .modal-header h3, .modal-header h4, .modal-header h5, .modal-header h6,
	.modal-header .h1, .modal-header .h2, .modal-header .h3, .modal-header .h4, .modal-header .h5, .modal-header .h6 {
	   color:#fff;
	}
	.modal-body {
    	padding: 10px;
    }
    .modal-footer {
    	text-align: center;
    	padding: 10px;
    }
    .modal-footer .btn {
    	margin: 0 10px;
    	padding: 4px 15px;
    	outline: 0;
    }
    
   /*  .bootbox.modal.in .modal-dialog {
	     transform: translate(0, 70%) !important;
		  -ms-transform: translate(0, 70%) !important; IE 9
		  -webkit-transform: translate(0, 70%) !important; Safari and Chrome
	} */
	
	/*used to center the bootstrap modal -->>*/
	.modal {
	  text-align: center;
	}
	
	.modal:before {
	  display: inline-block;
	  vertical-align: middle;
	  content: " ";
	  height: 100%;
	}
	
	.modal-dialog {
	  display: inline-block;
	  text-align: left;
	  vertical-align: middle;
	}
	
	.modal-draggable .modal-backdrop {
	  position: fixed;
	}
	
	.modal.modal-draggable, 
	.popover.popover-draggable {
	    overflow: overflow-y;
	}
	
	.modal-draggable .modal-header:hover,
	.popover-draggable .popover-title:hover {
	  cursor: move;
	}
	
	.popover {
	  z-index: 1030;
	  background-color : #cc9900 !important/*#FFEF9F*/
	}
	
	.popover-title {
		border-bottom: 1px solid #cc9900 !important;
		background-color : #cc9900 !important;
		font-weight: bold;
		color: black

	}
	
	.popover.right .arrow:after{border-right-color:#cc9900 !important}
	.popover.left .arrow:after{border-left-color:#cc9900 !important}
	.popover.top .arrow:after{border-top-color:#cc9900 !important}
	.popover.bottom .arrow:after{border-bottom-color:#cc9900 !important}
	
	.popover.quality-check button.close {padding-right: 10px;}
	
	.popover.quality-check {opacity: 0.9;max-width:320px; }
	
	
	.qcError:not(.panel) {
	    border-color: #cc9900;
	    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(204, 153, 0, 0.6);
	    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(204, 153, 0, 0.6);
	}
	
	
	/*<<-- used to center the bootstrap modal*/
	
/*Font-Awesome*/
	.form-group .input-group button.btn i {font-size: 17px;}
	
	
	
/*SELECT2 css*/
	.select2-container .select2-choice {
		background-image: none;
	}
	
	.select2-drop-active, .select2-dropdown-open {
		border-color: #66afe9;
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
		outline: 0 none;
	}

	/* hide elements when js is enabled*/
	.js .js-hidden {
	  display: none !important;
	  visibility: hidden !important;
	}
	
/*Bootstrap pannel buttons*/
	
	.panel .panel-heading span.pull-right .btn {
		vertical-align: inherit;
	}
	
	.btn-hover {
		font-weight: normal;
		color: inherit;
		cursor: pointer;
		background-color: inherit;
		border-color: transparent;
		padding: 1px 3px;
	}
	
	.btn-hover .fa{
		font-size: 15px;
		vertical-align: middle;
	}

	.btn-hover-alt {
		font-weight: normal;
		color: #ffffff;
		cursor: pointer;
		background-color: inherit;
		border-color: transparent;
	}
	
	.btn-file {
		position: relative;
		overflow: hidden;
	}
	.btn-file input[type=file] {
		position: absolute;
		top: 0; 
 		right: 0; 
/* 		min-width: 100%; */
/* 		min-height: 100%; */
/* 		font-size: 100px; */
		text-align: right;
		filter: alpha(opacity=0);
		opacity: 0;
		background: red;
		cursor: inherit;
/* 		display: block; */
	}
	
	.table.table-striped tr.odd {background-color: #f9f9f9;}	
	.table th.sortable a:before {content: "\f0dc\00a0";font-family: FontAwesome;}
	.table th.order2 a:before {content: "\f0de\00a0";font-family: FontAwesome;}
	.table th.order1 a:before {content: "\f0dd\00a0";font-family: FontAwesome;}
	.table tr td a.btn.btn-default {color: #347c98;}
	.table tr td a .fa {padding-right:4px;}
	
	
	.required:before {
	    content: '* ';
	    position: absolute; 
		margin: 0px 0px 0px -20px;
	}
	
	blockquote.required:before {
		margin: 0px 0px 0px -35px;
		top: 40%;
	}
	
	.panel blockquote {
		border-left: 5px solid #ccc;
	}
	
	
	
	/*HTML5 Placeholders for troublesome browsers (ie. IE9)*/ 
	.hasPlaceholder {
		color: #999;
	}

	.wrap-100{
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		width: 100%;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		-o-line-clamp: 2;
		-o-box-orient: vertical;
		-moz-line-clamp: 2;
		-moz-box-orient: vertical;
	}
	.modalOpen{
		overflow: hidden;
	}
	.u-modal{
		position: fixed;
		background: rgba(51,51,51,.5);
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 999999;
		display: none;
	}
	.modalOpen .u-modal{
		display: block;
	}
	.u-modal_container{		
		position: absolute;		
		top: 20%;
		width: 23%;
		left: 40%;
		border-radius: 5px;
		background: #fff;
	}
	
	.u-modal_header{
		background: #0480be;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		padding: 10px;
		border-bottom: 1px solid #e5e5e5;
		color:#fff;
		font-weight: bold;
	}
	.u-modal_body{
		padding: 20px 10px;
        min-height: 70px;
        text-align:center;
	}
	.u-modal_footer{
		text-align: center;
		padding: 10px;
		border-top: 1px solid #e5e5e5;
	}
	.partition-top{
		position: relative;
		padding-top: 15px;
	}
	.partition-top:before{
		position: absolute;
		top: 0;
		left: 10%;
		width: 80%;
		height: 1px;
		background:#dddddd;
		content:'';
	}
	.u-border{
		border: 1px solid #dddddd;
	}
	.graph-code { width:12px; height: 12px; float:left; position: absolute; top: 5px; left: 0; }
	.graph-color1 { background: #5bc0de;}
	.graph-color2 { background: #f0ad4e;}
	.progress { display: block; width: 100%; height: 30px; border-radius: 10px; overflow: hidden; margin-bottom: 20px; }
	.progress-bar { float: left; color: #fff; height: 30px; line-height: 30px; font-weight: bold; }
	.progress-bar1 { background: #5bc0de; text-align: left;}
	.progress-bar2 { background: #f0ad4e; text-align: right;  border-radius: 0 10px 10px 0;}

}

@media all and (max-width:768px) /* TABLET */
{
	
	.table-nowrap th.overflow {
	    overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	}
	
}

@media print {
	
  	body {
		font-size: 100%;
	}

  a[href]:after {
    content: "" !important;
  }
  
  abbr[title]:after {
	content: "" !important;
  }

}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    cursor: not-allowed;
}

.mb-0{
	margin-bottom: 0;
}