/* LAYOUT */

.container_12 .width-max {
	width:98%;
}

.container_12 .change_4 {
	width:31.333%;
}

.container_12 .change_8 {
	width:64.667%;
}

.container_12 .change_12 {
	width:100%;
}

#main-container {
	padding:0 2%;
	width:96%;
	overflow:hidden;
	min-width:740px;
	position: relative;
}


/* HEADER */

#service-menu {
	display:none;
}

#login-container {
	float:left;
	margin:0 0 0 1em;
}

#login-container .login-box .gradient-bg-2 
{
	width:50%;
}
#search-container .input-wrapper {
	float:left;
}

#search-container  {
	padding-top:0.6875em ;
	position:relative;
	margin:-2em 0 0 0 ;
}

/* main menu */

#menu ul li.link-6 {
	border:none;
}

#menu ul li a {
	padding-right:0.9em;
	padding-left:0.9em;
}


/* CONTENT */

.advert-wrap {
	margin: 0.9375em 0 0;
}

.change_12 .advert-box {
	float:left;
	width:28%;
	margin:0 1%;
}

.box-content .yellow-text-header {
	
	max-width:65%;

}

.box-content .job-stat
{
	border-top:1px dotted #4d442a;
	padding:0.75em  0 0 0;
}

.box-content .job-stat ul
{
	width:50%;
	float: left;
}



.box-content .job-stat ul li {
	background:none;
	border-bottom:none;
	border-right:1px dotted #4d442a;
	float:left;
	width:46%;
	text-align:center;
	min-height:2em;
	padding:0 2em 0 2em 0 !important;
}

.box-content .job-stat ul li.first,
.box-content .job-stat ul li:first-child 
{
	border-top:none;
}

.box-content .job-stat ul.column-2 li:last-child
{
	border:none;
}

.yellow-bg .box-content .job-stat-button {
	display:inline-block;
	padding-left:0.625em;
	float:right;
	position:relative;
	margin:-6.5em 0 0 0;
}

.yellow-bg .box-content .job-stat-button .button {
	padding:0.85em 0.95em;
}

.yellow-bg .box-content .job-stat-button span {
	font-size:14px !important;
}

#maintenance .maintenance-close 
{
	padding-left:15px;
	padding-right:15px;
}
	
/*Menu FIX */

#menu
{
	width:100%;
}

#menu ul li 
{
	width:16.5%;
	max-width:none!important;
}

#menu ul li.link-6
{
	margin-right:0px;
	float:right;
	margin-left:-13px;
	width:17%;
}

#menu ul.dropdown-menu-6
{
	position:absolute;
	z-index:200;
	min-width:15em;
	max-width:30em;	
	padding:0.2em;
	text-align:left;
	top:5em;
	display:none;
	left:-1px;
	width:100%;
	margin-left:-6.75em;
}

.horizontal-nav
{
	width:33.5em !important;	
}

.horizontal-nav li
{
	min-width:8.125em !important;
	letter-spacing:-1px !important;
}

#menu ul.dropdown-menu-1 li a,
#menu ul.dropdown-menu-2 li a,
#menu ul.dropdown-menu-3 li a,
#menu ul.dropdown-menu-4 li a,
#menu ul.dropdown-menu-5 li a,
#menu ul.dropdown-menu-6 li a
{
	padding:0.4em 0.3em 0.4em 0.4em !important;
}

/*Pagination*/
.grid_1 .pagination-container, 
.grid_2 .pagination-container, 
.grid_3 .pagination-container, 
.grid_4 .pagination-container 
{
	text-align:center;
	padding:0.2em 0 0.4em 0;
}
	
	.grid_1 .pagination-container ul.pagination,
	.grid_2 .pagination-container ul.pagination,
	.grid_3 .pagination-container ul.pagination,
	.grid_4 .pagination-container ul.pagination
	{
		position:absolute;
		margin:-2em;
		
	}
	
	.grid_1 .pagination-container .next,
	.grid_2 .pagination-container .next,
	.grid_3 .pagination-container .next,
	.grid_4 .pagination-container .next
	{
		float:left;
	}
	
	
.events-bar, .events-bar-2 
{
    padding: 1em 0.9em 2.5em 1em;
}



/* FOOTER*/

#footer .social-media-footer
{
	text-align:center;
}

#footer .social-media-footer ul
{
	margin:0 auto;
	width:auto;
	display:table;
	width:96%
}

#footer .social-media-footer ul li,
#footer .social-media-footer ul li.newsletter
{
    width:8em !important;
	padding:0 1em 0 1em;
	text-align:left;
}

#footer .social-media-footer ul li a
{
    font-size:10px;
	padding-left: 3em;
}

#footer .footer-menu
{
	padding-left:2em;
	padding-right:1em;
}


.dotted-container .input-field 
{
    max-width: 80%;
}


.dotted-container .input-label {
    max-width: 7em;
    padding: 0 0.5em 0 0;
}


.dotted-container .input-label-space {
    max-width: 7em;
    padding: 0 0.5em 0 0;
}


.dotted-container .input-content, 
.dotted-container .form-field 
{
    max-width: 22em;
}

.dotted-container .input-field select.column, 
.dotted-container .input-field input.column-2, 
.dotted-container .input-field .column-last,
.input-to-clone select.column, 
.input-to-clone input.column-2,
.input-to-clone .column-last
{
	float:none!important;
	clear:both!important;
	/*max-width:none!important;*/
	width:100%!important;
	margin-bottom:0.5em!important;
}

.dotted-container .form-field .element,
.dotted-container .form-field .element-2,
.dotted-container .form-field .element-3
{
	clear:both;
	float:none;
	margin-bottom:0.3em;
	max-width: 100%;
	width:100%;
	min-width:0;
}

.dotted-container .driving-licence .element
{
	display: block;
    float: left!important;
	clear:none !important;
    max-width: 27%;
    min-width: 27%;
    padding-right: 0.5em;
}

.gradient-bg-1,
.gradient-bg-2
{
	width:100%;
	max-width:500px;
	margin:0 auto;
	left:15%;
}

.button
{
	padding:0.5em;
}	
	
	
/*BUTTONS ICON*/
.button .default-icon-a, .button .default-icon-b,
.button .delete-2-icon-a, .button .delete-2-icon-b,
.button .exclamation-icon-a, .button .exclamation-icon-b,
.button .save-icon-a, .button .save-icon-b,
.button .send-icon-a, .button .send-icon-b,
.button .preview-icon-a, .button .preview-icon-b,
.button .publish-icon-a, .button .publish-icon-b,
.button .unpublish-icon-a, .button .unpublish-icon-b,
.button .language-icon-a, .button .language-icon-b,
.button .export-icon-a, .button .export-icon-b,
.button .print-icon-a, .button .print-icon-b,
.button .delete-icon-a, .button .delete-icon-b,
.button .search-icon-a, .button .search-icon-b,
.button .advert-icon-a, .button .advert-icon-b,
.button .contact-icon-a, .button .contact-icon-b,
.button .events-icon-a, .button .events-icon-b,
.button .cv-icon-a, .button .cv-icon-b,
.button .topics-icon-a, .button .topics-icon-b,
.button .links-icon-a, .button .links-icon-b,
.button .access-icon-a, .button .access-icon-b,
.button .help-icon-2-a, .button .help-icon-2-b,
.button .search-doc-icon-a, .button .search-doc-icon-b,
.button .rss-icon-a, .button .rss-icon-b,
.button .portal-icon-a, .button .portal-icon-b,
.button .newsletter-icon-a, .button .newsletter-icon-b,
.button .phone-icon-a, .button .phone-icon-b,
.button .focus-icon-a, .button .focus-icon-b,
.button .multimedia-icon-a, .button .multimedia-icon-b,
.button .account-icon-a, .button .account-icon-b,
.button .graduate-icon-a, .button .graduate-icon-b,
.button .public-icon-a, .button .public-icon-b,
.button .advisers-icon-a, .button .advisers-icon-b,
.button .what-icon-a, .button .what-icon-b,
.button .abroad-icon-a, .button .abroad-icon-b,
.button .questionnaire-icon-a, .button .questionnaire-icon-b,
.button .clone-icon-b,
.button .pencil-icon-b,
.button .reports-icon-a, .button .reports-icon-b,
.button .statistics-icon-a, .button .statistics-icon-b,
.button .summary-icon-a, .button .summary-icon-b,
.button .wheel-icon, 
.button .external-link-icon-a, .button .external-link-icon-b
{
	padding:0.1em 0 0em 0em;
	margin:-0.1em 0 -0.1em -0.1em;
	display:inline-block;
	text-indent:-100000px;
	background-position:center center;
}	


.dotted-container .user-data-container ul.first-list li.first-list {
    margin: 0 0 0.5em;
}

.dotted-container .user-data-container ul.first-list li.first-list li {
    float:none;
	max-width:100%;
	padding:0;
}

.dotted-container .user-data-container ul.second-list li.approved-icon, 
.dotted-container .user-data-container ul.second-list li.declined-icon, 
.dotted-container .user-data-container ul.second-list li.visible-icon, 
.dotted-container .user-data-container ul.second-list li.invisible-icon {
    margin: -2.2em 0 0 20.5em;
    position: absolute;
}



.dotted-container .input-field input.column {
    max-width: 8.725em;
}

.news-container .news-content .news-text
{
	width:auto;
	float:none;
}

.js-carousel {
    height: auto;
    max-height: none;
    padding: 1em 0.9735em 1em 4em !important;
}


.em-carousel
{
	height: auto;
    max-height: none;
    padding: 1em 4em  1em 0.9735em!important;
}

.js-carousel h1, 
.js-carousel h2 {
    text-align:center;
	display:block;
	padding:0;
}

.js-carousel .float-right,
.em-carousel .float-right
{
	float:none!important;
	clear:none!important;
	margin: 0 auto;
	text-align:center;
}

.js-carousel .position-name .label-arrow-1,
.em-carousel .position-name .label-arrow-2
{
	font-size:0.9em  !important;
}

.advice-left {
    background: url("../gfx/box_advice_bg.jpg") no-repeat scroll -7em top !important;
}

.advice-left h2 
{
    font-size: 1.5em;
    margin-left: 1em;
}


.advice-right h2 
{
    font-size: 1.5em;
    margin-right: 1em;
}

.advice-left p 
{
	padding-left:1.5em;
}


.advice-right p {
    padding-right:1.5em;
}

.m-level-0 h3.country
{
	clear:both!important;
	float:none!important;
	display:block!important;
	margin-bottom:0.5em;
}

.margin-add
{
	margin-left:7em!important;
}

.ui-dialog .dialog-container .input-label {
	max-width:none!important;
}

/*
Used to align fields that belongs to a same description-2 label but are spread on multiple lines.
*/
.multiline-field {
	margin-left: 7.5em!important;
}

.visible-320,
.visible-920,
.hidden-767 {
  	display: none;
}

.hidden-320,
.hidden-920,
.visible-767 {
 	display : block;
}



