/*:target:before {
   content: '';
   display: block;
   margin-top: 95px;  50px for the header, another 25 for aesthetic reasons 
   height: 95px;

   }*/
   .clear{ clear: both; }
   .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, 
   .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, 
   .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, 
   .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{
   	padding-left: 10px;
   	padding-right: 10px;
   }

   spinner_css { 
   	opacity: .5; 
   	display: none; 
   	position: absolute; 
   	top: 0; 
   	left: 0; 
   	z-index = 99999; 
   	background: grey url(../images/loadingn.gif) center center no-repeat; 
   	width: 100%; 
   	height: 100%; 
   	color: red 
   } 

   body {
   	/* 	background: url('../img/textura-dilofar2.jpg') repeat; */
   	font-family: 'ratio', sans-serif; 
   	background: #fafafa;
   }
   .btn{
   	border-radius: 5px;
   }
   /* NAVBAR */
   .navbar-default {
   	background-color: #f5fbf6;
   }

   .navbar-default .navbar-brand {
   	color: #000000;
   }
   .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus
   {
   	color: #000000;
   }

   /* SORT */
   .sort, .sort_asc, .sort_desc, .photo{
   	cursor: pointer;
   }
   table thead tr th.sort{
/*   	background-image: url("../img/sort.png");
   	background-position: 5px center;
   	background-repeat: no-repeat;*/
   }
   table thead tr th.sort:hover{
   	background-image: url("../img/sort.png");
   	background-position: 0 center;
   	background-repeat: no-repeat;
   }
   table thead tr th.sort_desc{
   	background-image: url("../img/sort_des.png");
   	background-position: 0px center;
   	background-repeat: no-repeat;
   	padding: 5px 15px;
   	color: #4496e0;
   }
   table thead tr th.sort_asc {
   	background-image: url("../img/sort_asc.png");
   	background-position: 0px center;
   	background-repeat: no-repeat;
   	padding: 5px 15px;
   	color: #4496e0;
   }

   /* NAVBAR */
   .navbar-default {
   	background-color: #f5fbf6;
   }

   .navbar-default .navbar-brand {
   	color: #000000;
   }

   .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus
   {
   	color: #000000;
   }

   .navbar-default .navbar-text {
   	color: #000000;
   }

   .navbar-default .navbar-nav>li>a, ul.nav-dilofar li a {
   	margin: 22px 30px 0 0;
   	color: #4496e0;
   	font-family: 'ratio', sans-serif;
   	font-weight: 500;
   }

   .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus, ul.nav-dilofar li a:hover, ul.nav-dilofar li a:focus, ul.nav-dilofar li a.active
   {
   	color: #024da1;
   	text-decoration: none;
   }

   .navbar-default .navbar-nav > .dropdown > a .caret{
   	border-top-color: #4496e0;
   	border-bottom-color: #4496e0;
   }

   .navbar-default .navbar-nav > .dropdown > a:hover .caret, .navbar-default .navbar-nav > .dropdown > a:focus .caret{
   	border-top-color: #024da1;
   	border-bottom-color: #024da1;
   }

   



   .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover,
   .navbar-default .navbar-nav>.active>a:focus {
   	background-color: transparent;
   	margin-top: 22px;
   	color: #024da1;
   	font-family: 'ratio', sans-serif;
   }
   .navbar-nav > li > a{padding: 0;}
   .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover,
   .navbar-default .navbar-nav>.open>a:focus {
   	color: #20435b;
   	background-color: transparent;
   }

   .navbar-default .navbar-toggle {
   	border-color: transparent;
   }

   .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus
   {
   	background-color: transparent;

   }

   .navbar-default .navbar-toggle .icon-bar {
   	background-color: #000000;
   }

/*.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	border-color: #000000;
	}*/

	.navbar-default .navbar-link {
		color: #000000;
	}

	.navbar-default .navbar-link:hover {
		color: #000000;
	}

	@media ( max-width : 767px) {
		.navbar-default .navbar-nav .open .dropdown-menu>li>a {
			color: #000000;
		}
		.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
		.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
			color: #000000;
		}
		.navbar-default .navbar-nav .open .dropdown-menu>.active>a,
		.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,
		.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus {
			color: #000000;
			background-color: #1cab5a;
		}
	}

	ul.dropdown-menu li.active a, ul.dropdown-menu li.active a:hover, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
		background-color: #4496e0;
		color: #fff;
	}
	ul.dropdown-menu li.active a:hover{
		background-color: #4788bf;
	}
	.navbar-right .dropdown-toggle{
		text-align: right;
	}
	.navbar-default .navbar-right>li>a{
		margin: 22px 0 0 0;
	}
	.navbar-right .dropdown-toggle .caret{
		margin: 0 8px;
	}
	/* END OF NAVBAR */
	.background-dilofar {
		background-color: #F5FBF6;
	}
	.wrapper{
		padding: 120px 15px;
	}
	.container-dilofar{
		font-family: 'ratio', sans-serif;
		padding: 0;
	}

	.container-dilofar h1 {
		padding-bottom: 10px;
		text-align: right;
	}

	.container-dilofar .left{
		text-align: left;
	}

	.navbar-brand-dilofar {
		font-size: 15px;
		text-decoration: underline;
		color: black;
		padding: 0;
	}
	.navbar-header h1{
		float: left;
		margin-right: 40px;
	}
	.navbar-header h1 img{
		width: 100px;
	}
	.navbar-header p{ 
		margin: 21px 40px 0 0;
		float: left;
		color: #00a550;
	}
	.dropdown-menu{
		position: relative;
		top: 18px;
		-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.175);
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.175);
	}
	.dropdown-menu .divider{
		margin: 0 20px;
	}
	.b {
		font-weight: 700;
	}

	.wrap {
		width: 1200px;
		overflow: hidden;
		margin: 0 auto;
	}

	.header-dilofar {
		height: 95px;
		background: url('../files/textura-dilofar.jpg') repeat;
		position: fixed;
		right: 0;
		left: 0;
		z-index: 1030;
		margin-bottom: 0;
	}
	.header-dilofar.navbar{
		height: 60px;
		background: #eee;
	}
	p {
		color: #363a37;
		line-height: 22px;
	}

	img.logo {
		float: left;
	}

	ul.nav-dilofar, ul.nav-udifar {
		list-style-type: none;
		float: right;
	}

	ul.nav-dilofar li, ul.nav-udifar li {
		float: left;
		line-height: 90px;
	}

	

	ul.nav-dilofar li:last-child, ul.nav-udifar li:last-child {
		margin-right: 0;
	}


	ul.nav-udifar li a {
		color: #5F3168;
		text-transform: uppercase;
		font-family: 'ratio', sans-serif;
	}

	ul.nav-udifar li a:hover, ul.nav-udifar li a:focus, ul.nav-udifar li a:active
	{
		color: #8a3b99;
		text-decoration: none;
	}

	.main {
		height: 500px;
		border-bottom: 1px solid #e0e0e0;
		padding-top: 95px;
	}

	h1 {
		color: #45484a;
		font-family: 'ratio', sans-serif;
		margin: 10px 0;
		font-size: 30px;
		font-weight: 600;
	}

	h1.title-dilofar {
		margin-top: 40px;
		margin-bottom: 15px;
		color: #244c34;
	}

	h1.title-udifar {
		color: #6d3678;
		margin-top: 40px;
		margin-bottom: 15px;
	}

	h1.general {
		font-size: 2.4em;
		margin-top: 50px;
		color: #45484a;
	}

	h1.general.udi {
		color: #7f3e8e;
		font-size: 2.6em;
	}

	h2 {
		display: block;
		padding-bottom: 10px;
	}

	h2.log {
		color: #244c34;
		font-size: 1.2em;
		text-align: right;
		margin: 50px 50px 5px 0;
	}

	h2.log.udi {
		color: #6d3678;
	}

	h2.subtitulo {
		color: #6f4678;
		font-size: 1.5em;
		font-weight: 300;
		padding: 0 0 0 30px;
		margin: 20px 0 0 0;
		background: url('../img/bullet.png') left center no-repeat;
	}

	a{color: #4496e0}
	a:hover{color: #024da1;}

	.welcome {
		width: 500px;
		float: left;
	}

	.login-dilofar {
		width: 500px;
		float: right;
	}

	.form-pass {
		margin-top: 10px;
	}

	.form-user, .form-pass{
		position: relative;
	}
	.form-user .add-on, .form-pass .add-on{
		position: absolute;
		top: 0;
		left: 0;
		z-index: 10;
		border: 2px solid transparent;
		background: none;
	}

	.input-prepend input {
		font-size: 12px;
		border: solid 2px #e7e8e9;
		box-shadow: none;
		padding: 4px 6px 4px 32px;
		border-radius: 4px;
	}
	.input-prepend input:focus {
	outline: none;
	box-shadow: none;
	}
	
	span.forgot a, span.register a {
		font-size: 12px;
		color: #888;
		text-align: right;
		display: block;
	}

	span.forgot{
		float: right;
		clear: both;
	}

	span.forgot a{
		display: inline-block;
	}

	span.forgot a:hover, span.register a:hover {
		color: #666;
		text-decoration: underline;
	}

	.phone {
		background: url('../img/tel.png') left 1px no-repeat;
		color: #614767;
		padding-left: 20px;
	}

	.email {
		background: url('../img/email.png') left 1px no-repeat;
		color: #614767;
		padding-left: 20px;
	}

	.fax {
		background: url('../img/fax.png') left 1px no-repeat;
		color: #614767;
		padding-left: 20px;
	}

	.f {
		font-size: 13px;
		margin-right: 5px;
	}

	.f a {
		cursor: pointer;
	}

}

.select2-dynamic .select2-container-multi .select2-choices .select2-search-choice {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 6px 6px 6px 22px;
	background: #B2BABE;
	border: 0;
	box-shadow: none;
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	line-height: 1;
}

.select2-container-multi .select2-search-choice-close{
	right: 3px;
	left:auto;
	background: url(../img/select2.png) right top no-repeat;
}

.file-uploadlabel {
	padding-top: 7px;
	overflow: hidden;
}

.img-circle {
	margin: 0 12px 15px 18px;
	border-radius: 100%;

	width: 100px;
	height: 100px;
}

.top32 {
	top: 32px;
}

/* -------- Botão e form -------- */
.input-prepend .btn {
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

.btn.large {
	padding: 6px 104px;
	margin-bottom: 10px;
	margin-top: 10px;
	font-size: 14px;
	font-weight: normal;
	line-height: 20px;
	*line-height: 20px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	color: white;
	text-shadow: 0 1px 0 #4e2a57;
	background: #9865a4; /* Old browsers */
	background: -moz-linear-gradient(top, #9865a4 0%, #5b3065 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9865a4),
		color-stop(100%, #5b3065)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #9865a4 0%, #5b3065 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #9865a4 0%, #5b3065 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #9865a4 0%, #5b3065 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #9865a4 0%, #5b3065 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9865a4',
		endColorstr='#5b3065', GradientType=0); /* IE6-9 */
	*background-color: #9865a4;
	/* Darken IE7 buttons by default so they stand out more given they won't have borders */
	filter: progid:DXImageTransform.Microsoft.gradient(enabled= false);
	border: 1px solid #60396a;
	*border: 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	*margin-left: .3em;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.btn.large:active, .btn.large.active {
	background-color: #60396a;
}

.btn.large:first-child {
	*margin-left: 0;
}

.btn.large:hover {
	color: #fff;
	text-decoration: none;
	background-color: #60396a;
	*background-color: #d9d9d9;
	/* Buttons in IE7 don't get borders, so darken on hover */
	background-position: none;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}

.btn.large:focus {
	outline: thin dotted #333;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}

.btn.large.active, .btn.large:active {
	background-color: #60396a;
	background-color: #d9d9d9 \9;
	background-image: none;
	outline: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.btn.submit.large:hover {
	background: #60396a;
}

.table-btn, table .btn-default{
	position: relative;
}

.last-col{
	text-align: right;
}

.table-btn button, table .btn-default{
	-webkit-appearance: none;
	-moz-appearance: none;
	border: 0;
	background: none;
	color: #4496e0;
	padding: 4px 14px;
	margin:0;
	font-weight: 500;
}

table tr .table-btn button:hover, table tr .btn-default:hover{
	border-radius: 5px;
	background: #024da1;
	color: #fff;
	-webkit-transition: background 0.5s, color 0.5s;
	transition: background 0.5s, color 0.5s;
	margin: 0;
}

.btn-active, .btn-inactive{
	border-radius: 5px;
	background: #007e3b;
	color: #fff;
	margin: 0;
	padding: 4px 12px;
}

.btn-active:hover, .btn-active:focus{
	border-radius: 5px;
	background: #006732;
	color: #fff;
	margin: 0;
	padding: 4px 12px;
}

.btn-inactive{
	background: #45484a;
	color: #fff;
}

.btn-inactive:hover, .btn-inactive:focus{
	background: #26292b; 
	color: #fff;
}

table tr:hover .table-btn button:hover, table tr:hover .btn-default:hover{
	background: #00306c;
}

table .btn-default, table .btn-default:hover{
	padding: 4px 12px 4px 30px;
}

table .btn-default:before{
	content: "\f021";
	display: inline-block;
	font-family: 'FontAwesome';
	top: 7px;
	left: 12px;
	position: absolute;
	font-size: 13px;
}

/* ------ Localização ------ */
.tabbable {
	padding-bottom: 80px;
}

.nav-tabs {
	padding-bottom: 10px;
	border-bottom: 1px solid #d5c2db;
}

.nav>li>a:hover {
	text-decoration: none;
	background-color: transparent;
}

.nav-tabs>li {
	padding: 8px 0 0 20px;
}

.nav-tabs>li>a {
	color: #88369b;
	padding-top: 8px;
	padding-bottom: 0;
	line-height: 20px;
	border: none;
}

.nav-tabs>li.no-padd {
	padding-left: 0;
}

.nav-tabs>li>a:hover {
	border-color: none;
	text-decoration: underline;
}

.nav-tabs>.active>a, .nav-tabs>.active>a:hover {
	color: #bb8cc6;
	cursor: pointer;
	text-decoration: none;
	background-color: transparent;
	border: none;
	border-bottom-color: transparent;
}

.tab-content {
	margin-bottom: 100px;
}

.map-frame {
	width: 100%;
}

.localizacao {
	width: 500px;
	height: 400px;
}

.map-info {
	margin-top: 20px;
	padding-bottom: 15px;
}

.map-info h4 {
	color: #7f3e8e;
	text-shadow: 0 1px 0 #fff;
}

.map-address {
	background: url('../img/adress.png') left 1px no-repeat;
	height: 20px;
	margin-bottom: 5px;
}

.map-geo {
	background: url('../img/geo.png') left 1px no-repeat;
}

.map-geo span.map, .map-address span.map {
	color: #614767;
	padding-left: 20px;
}

.table-filters .form-group{
	margin-left: 0;
	margin-right: 0;
}

.table-filters .form-group div:first-child{
	padding-left: 0;
}
.table-filters .form-group div:last-child{
	padding-right: 0;
}
.table-filters .form-group .control-label{
	padding-top: 0;
}

.no-padding{padding-left: 0;padding-right: 0;}

.date-container{
	border: 2px solid #e7e8e9;
	background: #fff;
	display: inline-block;
	border-radius: 5px;
	height: 34px;
}

.date-container:hover{
	border: 2px solid #4496e0;
}

.date-container div{
	height: 100%;
}

.date-container .input-prepend{
	padding: 0;
}

.date-container .input-prepend:before{
	content: "\f073";
	display: inline-block;
	font-family: 'FontAwesome';
	font-style: normal;
	font-weight: 400;
	top: 7px;
	left: -4px;
	position: absolute;
	color: #c9c9c9;
	font-size: 12px;
}
.date-container p{
	padding: 4px; 
	color: #67696c;

}

.date-container .form-control, .date-container .form-control:hover{
	border: 0!important;
	height: 100%;
	padding: 0 0 0 14px;
	font-size: 14px;
}

.table tbody tr{
	background: #fafafa;
}
.table tbody tr td, .table thead tr th {
	border-bottom: 1px solid #ddd;
	vertical-align: middle;
	color: #696a6c;
	padding: 8px 15px;
	font-weight: 400;
}
.table thead tr th{
	padding:5px 15px;
	font-weight: 500;
	border-bottom: 2px solid #bfc1c4;
}
table.crudifier tbody tr.hover:hover{
	background: #e7e8e9;
	cursor: pointer;
}
.btn-default{
	color: #f2f2f3;
	background: #4d4e51;
	padding: 6px 20px;
}
.btn-default:hover{
	color: #f2f2f3;
	background: #393a3c;
	padding: 6px 20px;
}
.form-control, .select2-container-multi .select2-choices, .select2-container .select2-choice{
	.webkit-box-shadow: none;
	box-shadow: none;
	border-radius: 5px;
	background-image: none;
	border: 2px solid #e7e8e9;
	color: #67696c;
	background: #fff;
	height: 34px;
	line-height: normal;
	padding: 6px 12px;
}
.select2-container .select2-choice:hover{
	border: 2px solid #4496e0;
}
.select2-container.select2-container-disabled .select2-choice, .select2-container.select2-container-disabled .select2-choice:hover {
	background-color: #f4f4f4;
	background-image: none;
	border: 2px solid #ddd;
	cursor: default;
}
.select2-container-multi .select2-choices .select2-search-choice{
	background-image: none;
	border: 0;
	background: #6e6f74;
	color: #fff;
	padding: 5px 20px 5px 8px;
	border-radius: 8px;
	box-shadow: none;
	font-weight: 300;
	line-height: 1;
	font-size: 12px;
}
.select2-container-multi .select2-choices .select2-search-choice + .select2-search-field{
	margin: 4px 0 4px 5px;
}
.select2-container .select2-choice div{
	background: none;
	border:0;
	height: 34px;
}
.select2-container .select2-choice div b{
	background-position: 0 3px;
}
form label{
	color: #7a7b7f;
	font-weight: 400;
}
form p{
	padding-top: 6px;
	margin: 0;
}
.form-control:hover, .form-control:focus, .select2-container-multi.select2-container-active .select2-choices, .select2-container-active .select2-choice, .select2-container-multi .select2-choices:hover{
	border: 2px solid #4496e0;
	box-shadow: none;
	-webkit-box-shadow: none;
}
.select2-drop{
	border: 2px solid #4496e0;
	border-top: 0;
	margin-top: -4px;
}
.select2-container-multi .select2-choices{
	padding: 7px 12px;
}
.select2-container-multi .select2-choices .select2-search-field input{
	padding: 0 5px; 
	margin: 0;
}

.search{
	position: relative;
}

.search:before{
	content: "\e003";
	display: inline-block;
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: 400;
	top: 9px;
	left: 10px;
	position: absolute;
	color: #c9c9c9;
	font-size: 12px
}

.search input{
/*	border-bottom: 2px solid #e7e8e9;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	background: none;
	border-radius: 0;*/
	padding: 8px 8px 8px 26px;
}

.search input:hover, .search input:focus{
/*	border-bottom: 2px solid #4496e0;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	background: none;*/
	padding: 8px 8px 8px 26px;
}
.search input:focus .search:before{
	color: #4496e0;
}
/* --------- */
.historia {
	background: #f9f9f9 url('../files/bg-hist-dilofar.png') no-repeat 930px top;
	height: 470px;
	border-bottom: 1px solid #e0e0e0;
}
.historia.udi {
	background: transparent;
	height: 470px;
	border-bottom: 1px solid #e0e0e0;
}

/*placeholder de imagem generica a aplicação*/
.profile-img{
	float: right;
	position: relative;
	overflow: hidden;
	width: 100px;
	height: 100px;
	border-radius: 50px;
	border: 2px solid #e7e8e9;
	margin: 10px 0 20px 0;
}
.placeholder-image {
	background-image: url(../../img/placeholder.jpg);
	background-size: 100% 100%;
	width: 100px;
	height: 100px;
	margin: 0;
	position: relative;
	top: -1px;
	left: -1px;
	display: inline-block;
}
.profile-img img{
	height: 100px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	position: relative;
}
.placeholder {
	height: 93px;
	background: transparent;
}

h2.dil-contact {
	color: #244c34;
	font-size: 1.1em;
	margin: 0;
	padding-bottom: 0;
}

ul.dados {
	list-style-type: none;
	margin-left: 0;
	color: #363a37;
}

ul.dados.udi li {
	margin-bottom: 5px;
	font-size: 1.1em;
}

.col, .col2 {
	width: 400px;
	float: left;
}

.col {
	margin-right: 50px;
}

.box {
	margin: 30px 0;
}

.contactos {
	height: 720px;
}

.localizacao-udi {
	border-bottom: 1px solid #e0e0e0;
	height: 100%;
}

/* -------------------------------------------------- */


.btn.dilofar {
	background: #024da1;
}

.btn.dilofar, .btn-default, .btn-default:hover {
	margin-bottom: 4px;
	margin-top: 4px;
	padding: 6px 30px;
	font-size: 16px;
	font-family: 'ratio', sans-serif;
	font-weight: 500;
	cursor: pointer;
	color: #fff;
	border: 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-shadow:none;
	float: left;
}
.pull-right .btn.dilofar{
	float: right;
}
.btn.small {
	padding: 4px 14px;
}
.btn.dilofar:first-child {
	*margin-left: 0;
}
.modal .btn{
	float: none; 
	margin: 0;
}

.btn.dilofar:hover, .btn.dilofar:focus, .btn.dilofar-small:focus {
	color: #fff;
	text-decoration: none;
	background-color: #00306c;
	outline: none;
}

.btn.dilofar.active, .btn.dilofar:active, .btn.dilofar-small.active,
.btn.dilofar-small:active {
	background-color: #142653;
	background-image: none;
	outline: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.btn.submit.dilofar:hover, .btn.dilofar-small:hover {
	background: #023e88;
}

.btn.btn-udifar {
	padding: 6px 104px;
	margin-bottom: 10px;
	margin-top: 10px;
	font-size: 14px;
	font-weight: normal;
	line-height: 20px;
	*line-height: 20px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	color: white;
	text-shadow: 0 1px 0 #4e2a57;
	background: #82608c; /* Old browsers */
	background: -moz-linear-gradient(top, #82608c 0%, #65446e 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #82608c),
		color-stop(100%, #65446e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #82608c 0%, #65446e 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #82608c 0%, #65446e 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #82608c 0%, #65446e 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #82608c 0%, #65446e 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82608c',
		endColorstr='#65446e', GradientType=0); /* IE6-9 */
	border: 1px solid #65446e;
	*border: 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	*margin-left: .3em;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.new-user{
	position: relative;
	top: 18px;
}

.btn.btn-udifar:hover {
	background: #65446e;
}

.btn.btn-udifar.form-reg {
	padding: 6px 94px;
}

.btn.btn-udifar.form-reg:hover {
	background: #65446e;
}

h1.h1-reg-udifar {
	color: #7f3e8e;
	font-size: 2.2em;
	margin-top: 10px;
}

h1.h1-reg-dilofar {
	color: #117F3D;
	font-size: 2.2em;
	margin-top: 10px;
}

legend.legend-first {
	padding-top: 0;
}

label.label-reg.dil {
	color: #244c34;
}

legend.dilo {
	color: #244c34;
}

.forgot a{clear:both;}

.btn-search{
	position: relative;
	top: 16px;
}

.modal-header, .modal-footer{
	border: 0;
}
.modal-body{
	padding: 15px;
	color: #696a6c;
	font-size: 16px;
	font-weight: 400;
}
.modal-title{
	font-size: 25px;
	color: #45484a;
	font-family: 'ratio', sans-serif;
	font-weight: 600;
}
/***file upload***/
.fileUpload, .fileUpload.dilofar-small {
	position: relative;
	overflow: hidden;
	margin: 10px;
	float: left;
	color: #f2f2f3;
	background: #4d4e51;
	font-size: 12px;
	font-family: 'ratio', sans-serif;
	font-weight: 600;
	cursor: pointer;
	color: #fff;
	padding: 5px 15px;
}
.fileUpload:hover, .fileUpload.dilofar-small:hover{
	color: #f2f2f3;
	background: #393a3c;
}
.file-upload-label {
	padding-top: 30px;
}

.no-font-weight {
	font-weight: normal !important;	
}

.fileUpload input.upload {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity = 0);
}

.file-uploadlabel {
	padding-top: 7px;
	overflow: hidden;
	margin-top: 43px;
}

.fileUpload.btn-flat {
	width: 100%;
	padding-left: 0;
	padding-right: 0;
	margin: 0;
	text-align: center;
}

.dilofar-link {
	color: #9D7F47 !important;
	cursor: pointer;
	position: relative;
	margin-right:20px;
}
.select2-container{
	width: 100%;
}
.profile-btn{
	margin: 45px 0 0 0;
}
select, option{
	background: #fff;
	border: 2px solid #e7e8e9;
	height: 34px!important;
	color: #696a6c;
}
.table-select{
	width: 100%;
}
.clear-filters{
	float: left;
	position: relative;
	top: 38px;
	margin: 0 20px 0 0;
}
.datepicker.dropdown-menu{
	margin: 32px 0;
}

.datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover{
	background-color: #4496e0;
	background-image: none;
}
.datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active[disabled], .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active.disabled:hover[disabled]{
	background-color: #024da1;
}
.datepicker table tr td.day:hover, .datepicker table tr td.day.focused{
	background-color: #4496e0;
	color: #fff;
}
/*==========================================================
============================================================
		ERRORS		
============================================================
========================================================= */
.error-box {
	text-align: left;
	margin-bottom: 5px;
}

.error-box.hidden, .error-box-hor.hidden {
	display: none;
}

input.error, input.registo.error {
	border: 1px solid #d87171;
	margin-bottom: 5px;
}

span.b {
	font-weight: 600;
}

span.alert-error2 {
	font-size: 13px;
	color: #d84545;
	line-height: 20px;
	margin-top: 10px;
	background-color: #f2dede;
	border-color: #eed3d7;
	padding: 4px 35px 6px 14px;
}

.control-group .first {
	margin-bottom: 40px;
	display: block;
}


/* PAGINATION */
.pagination {
	float: right;
}
.pagination ul{
	border: 2px solid #e7e8e9;
	border-radius: 5px;
	list-style: none;
	padding: 0px;
	display: inline-block;
	font-weight: 400; 
}
.pagination ul li{
	float: left;
	cursor: pointer;
	border-right: 2px solid #e7e8e9;
	background: #fff;
}
.pagination ul li:last-child{
	border-right: 0;
}
.pagination ul li:first-child{
	border-top-left-radius: 5px; 
	border-bottom-left-radius: 5px; 
}
.pagination ul li:last-child{
	border-top-right-radius: 5px; 
	border-bottom-right-radius: 5px; 
}
.pagination ul li:hover{
	background: #eee;
}
.pagination ul li.active{
	background: #eee;
}
.pagination ul li a, .pagination ul li em{
	color: #696a6c;
	font-style: normal;
	padding: 5px 15px;
	display: inline-block;
}
.pagination ul li a:hover{
	text-decoration: none;
}
.table-config{
	margin: 25px 10px 0 0;
	float: left;
}
.table-config .statusPhrase{
	padding: 6px 0;
	color: #696a6c
}
/* LOADING */

.loading{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 9999;
	height: 100%;
	background: rgba(126, 127, 130, 0.7);
	display: none;
}


/*==========================================================
============================================================*/

/*==========================================================
============================================================
		NOVO REGISTO		
============================================================
========================================================= */
.main.reg {
	border-bottom: none;
	border-top: none;
}

legend {
	font-size: 1.5em;
	padding-top: 15px;
	font-weight: 600;
	color: #65446e;
	border-bottom: 1px solid #e0e0e0;
}

input.registo {
	width: 220px;
	border: 1px solid #e0e0e0;
	margin-bottom: 15px;
	border-radius: 3px;
	moz-border-radius: 3px;
	webkit-border-radius: 3px;
	display: block;
}

label.label-reg {
	color: #6f5776;
	font-size: 15px;
	font-family: 'ratio', sans-serif;
}

label.label-reg.ult {
	margin-top: 10px;
}

/*==========================================================
============================================================*/

/*==========================================================
============================================================
		MEDIA QUERIES		
============================================================
========================================================= */
@media ( max-width : 1200px) and (min-width: 700px) {
	.wrap {
		width: 95%;
	}
	.login-dilofar {
		width: 41.666666666%;
	}
	.welcome {
		width: 41.666666666%;
	}
}
@media (min-width: 768px){
	.navbar > .container .navbar-brand{
		margin-left: 0;
	}
}