/* CSS Document */


@media screen and (max-width: 1520px){
	main{
		padding: 10px;
		padding-left: 250px;
	}
	.messages-page main{
		padding-left: 20px;
	}
	#welcome{
		padding: 0 20px;
		padding-left: 270px;
	}
	.home,
	#last-events{
		padding: 20px;
	}

	a.see-all-list{
		top: 20px;
		right: 20px;
	}
	.min-height a.see-all-list{
		top: 0px;
		right: 20px;
	}
	.notices ul li{
		border: 5px solid #fff
	}
	header#main-header h1,
	header#main-header a.logo{
		left: 270px;
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
	}
	#messages .current-conversation-container ul{
		padding-top: 180px;
	}

	.home{
		padding: 20px;
		 border: 4px solid #f4f4f4;
	}
	.notices ul li{
		border: 2px solid #fff;
	}

}
@media screen and (max-width: 1400px){
	#notices.notices ul li{
		width: 25%;
	}
}
@media screen and (max-width: 1300px){
	form.common fieldset.bt-actions.fixed-position{
		width: auto;
		right: 20px;
		left: 20px;
		display: block;
	}
}
@media screen and (max-width: 1250px){
	#messages header,
	#messages form.message-sender,
	#messages .contacts.no-conversations{
		left: 20px;
		right: 20px;
		width: auto;
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
	}

	#messages .contacts,
	#messages .contacts .header,
	#messages a.create-conversation{
		width: 280px
	}
	#messages .contacts .header{
		padding: 10px 20px;
	}
	.manager .contacts form.common input[type=text]{
		width: 200px;
	}
	.manager .contacts form input.bt-search{
		right: 20px;
	}
	#messages .contacts ul li{
		padding: 0 20px;
	}
	#messages .contacts ul li figure{
		left: 20px
	}
	#messages .contacts ul li a strong{
		left: 85px;
		font-size: 18px;
	}
	#messages .current-conversation-container{
		padding-left: 280px;
	}
	#messages form.message-sender{
		padding-left: 320px;
	}
	#messages .contacts ul li span.notification{
		left: 8px;
	}
	.calendar-display ul li{
		height: 120px;

	}
	.calendar-page main{
		padding: 0px;
	}
	.calendar-page .header-calendar{
		padding: 10px;
	}
	 #main-nav.nav-header{
		height: 60px;
		overflow: hidden;

	}
	#main-nav.nav-header:hover{
		height: 100%;
		overflow-y: scroll;
	}
	main{
		padding: 20px;
	}
}
@media screen and (max-width: 1050px){
	.manager header,
	#notices .edit-text fieldset,
	#notices .edit-imgs form,
	#notices.manager ul{
		padding: 20px;
	}
	form.common fieldset.images-input,
	form.common fieldset.archives-input{
		top: 71px;
		padding: 20px !important;
	}
	#notices.manager .edit-archives ul li{
		padding: 20px
	}
	#notices .edit-archives ul li form{
		right: 20px;
	}
	#notices .edit-archives h4, #notices .edit-imgs h4{
		padding: 10px 20px;
	}
	.notices h2{
		padding-left: 0;
	}
	.manager header a.bt-create,
	a.go-back{
		top: 18px
	}
	.manager header h2{
		font-size: 18px;
	}
	a.go-back{
		right: 20px
	}
	.manager header a.bt-create.position-edit{
		right: 90px;
	}

	#notice-details .text.no-img,
	#notice-details.video .text,
	#notice-details.album .text{
		width: 100%;
	}
	.manager header form{
		top: 20px;
		right: 20px;
	}
}
@media screen and (max-width: 1140px){
	.notices ul li{
		width: 100%;
	}
	#main-home .notices ul li:nth-of-type(3),
	#main-home .notices ul li:nth-of-type(4){
		display: none;
	}

	#main-home .common-information{
		display: initial;
		width: auto;
		clear: none;
		margin: 0;
		max-width: none;
	}
	.home:nth-of-type(1),
	.home.two-content:nth-of-type(1){
		width: 40% !important;
	}
	.home:nth-of-type(2),
	.home.two-content:nth-of-type(2){
		width: 60% !important;
	}
	.home:nth-of-type(3){
		width: 100% !important;
	}
	.conversation ul li .message{
		max-width: 60% !important;
	}
	/*#main-home .common-information.inner{
		position: relative;
		right: 0;
		top: 0;
	}*/
	.home.min-height{
		width: 50%;
		float: left;
	}
	header#main-header #profile a.welcome{
		text-indent: -20000px;
	}

	#main-home .common-information:nth-of-type(2) .home,
	#main-home .common-information:nth-of-type(3) .home,
	.common-information.inner .home{
		width: 50% !important;
	}

	.notices.login-list,
	#notice-details.login-details{
		margin-left: 340px;
	}
	main.login{
		width: 300px;
	}
	main.login form fieldset, main.login h1, main.login h2{
		padding: 10px 20px;
	}
	main.login h1{
		font-size: 22px;
	}
	main.login h2{
		font-size: 18px;
	}
	.notices.login-list ul li{
		width: 33.33%;
		clear: none !important;
	}
	.notices.login-list ul li:nth-of-type(1n){
		clear: none;
	}
	.notices.login-list ul li:nth-of-type(3n + 1){
		clear: both !important;
 	}
	.values .home{
		width: 100% !important;
	}

}
@media screen and (max-width: 1000px){
	.calendar-display ul li:hover a.bt,
	.calendar-display ul li:hover time strong{
		display: none;
	}
	.calendar-display ul li.active:hover a.bt{
		display: block;
	}
	#notices.notices ul li{
		width: 33.333%;
	}
}
@media screen and (max-width: 880px){
	.calendar-display ul li{
		height: 90px;
	}
	.calendar .left.main li a{
		line-height: 26px;
		height: 26px;
		font-size: 16px;
	}
	.calendar .left.main li.active a{
		font-size: 18px;
		background-position: 6px center;
	}
	.calendar-display ul li a.see-all{
		display: none !important;
	}
	.calendar-display ul li.active a.see-all{
		display: block !important;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #545454;
		z-index: 99;
		opacity: 0;
	}
	.calendar-display ul li a.add-event{
		display: block !important;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #1111;
		z-index: 99;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		opacity: 0;
	}
	.calendar-display ul li.active:hover a.add-event{
		display: none !important;
	}
	ul.day li{
		height: 20px;
		font-size: 16px;
	}
	.calendar .actual-year select{
		font-size: 18px;
		height: 51px;
	}
	#notice-details .text.no-img,
	#notice-details.video .text,
	#notice-details.album .text{
		padding: 0;
	}

	.notices.login-list ul li{
		width: 50%;
	}
	.notices.login-list ul li:nth-of-type(1n){
		clear: none !important;
	}
	.notices.login-list ul li:nth-of-type(3n){
		clear: both !important;
	}
}

@media screen and (max-width: 780px){
	.messages-page #welcome{
		display: none;
	}
	.messages-page main{
		padding: 0;
		padding-top: 40px;
	}
	.messages-page #main-header{
		height: 40px;
	}
	.messages-page header#main-header h1, header#main-header .logo{
		height: 40px;
		line-height: 40px;
		left: 60px;
	}
	.messages-page .nav-header,
	.messages-page .nav-header .open-menu{
		height: 40px;
		width: 40px;
	}
	.messages-page #config-nav.nav-header,
	.messages-page .nav-header .open-config{
		width: 60px;
	}
	.messages-page .nav-header:hover,
	.messages-page #config-nav.nav-header:hover{
		width: auto;
		height: auto;
	}

	.messages-page header#main-header #profile,
	.messages-page header#main-header #profile a.welcome,
	.messages-page header#main-header #profile figure,
	.messages-page header#main-header #profile figure img,
	.messages-page header#main-header a.icon-messages{
		height: 40px;
		width: 40px;
	}
	.messages-page header#main-header a.icon-messages{
		right: 60px;
	}
	header#main-header a.icon-messages span.notification{
		top: 2px;
		right: 2px;
	}
	.messages-page header#main-header #profile{
		right: 100px;
	}
	#messages header .vinco,
	#messages form.message-sender .vinco{
		display: none;
	}
	#messages header{
		padding: 10px 20px;
		background: #fff;
		top: 40px;
	}
	#messages header, #messages form.message-sender{
		left: 0;
		right: 0;
	}
	#messages form.message-sender fieldset.bt-actions{
		right: 30px;
	}
	#messages form.message-sender fieldset .file{
		margin-top: 5px;
	}
	#messages form.message-sender fieldset .clear-inputfile{
		right: -10px;
	}
	#messages .contacts{
		width: 30px;
		top: 90px;
		bottom: 0;
		left: 0;
		border-right: 1px solid #f4f4f4;
		overflow: hidden;
	}

	#messages .contacts h3.responsivo-button-open{
		left: 0;
		top: 90px;
		bottom: 0;
		margin-bottom: 0;
	}

	#messages .contacts ul li{
		height: 25px;
	}
	#messages .contacts ul li span.notification{
		left: -2px;
	}
	#messages .contacts ul li figure{
		display: none;
	}
	#messages .contacts .header,
	#messages a.create-conversation{
		display: none;
	}
	#messages a.create-conversation{
		padding: 10px;
	}
	#messages .current-conversation-container{
		padding-left: 0;
	}
	#messages form.message-sender{
		padding-left: 40px;
	}
	#messages .current-conversation-container{
		padding-left: 30px;
	}
	#messages .contacts h3.responsivo-button-open{
		display: block;
		cursor: pointer;
	}
	#messages.open .contacts h3.responsivo-button-open{
		display: none;
	}
	#messages.open .contacts{
		width: auto;
		right: 0;
		left: 0;
		top: 146px;
		bottom: 46px;
		background: #fff;
		overflow-y: scroll

	}
	#messages.open .current-conversation-container ul{
		display: none;
	}
	#messages.open .contacts .header,
	#messages.open .contacts a.create-conversation{
		display: block;
		width: auto;
	}
	#messages.open .contacts .header{
		top: 90px;
		right: 0;
		left: 0;
	}
	#messages.open .contacts a.create-conversation{
		right: 0;
		left: 0;
		bottom: 0;
	}
	#messages.open .contacts ul li{
		height: 80px;
	}
	#messages.open .contacts ul li a,
	#messages.open .contacts ul li a strong{
		height: 80px;
		line-height: 80px;
	}
	#messages.open .contacts ul li figure{
		top: 12px;
	}
	#messages.open .contacts ul li figure{
		display: block;
	}
	#messages .current-conversation-container ul{
		border: none;
		padding: 120px 10px;
		padding-top: 180px;
	}

	#messages a.load-messages{
		top: 80px;

	}
	#messages form.message-sender{
		padding: 10px 20px;
		padding-left: 50px;
	}
	#messages .conversation-creation,
	#messages .list-participants{
		top: 90px;
		padding: 20px;
		bottom: 0;
		right: 0;
		left: 0;
		width: auto;
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
	}

	.list-participants .contact,
	#messages .conversation-creation .contact,
	.current-conversation-container .list-participants ul li{
		width: 90%;
		float: none;
		margin: 5px 5%;
	}
	#messages .conversation-creation .submit-conversation{
		width: auto;
		left: 0;
		right: 0;
	}
	form.common fieldset.bt-actions input, form.common fieldset.bt-actions a{
		margin: 0;
	}
	.current-conversation-container header h2 span{
		width: 0;
		overflow: hidden;
		display: block;
		height: 0;
	}
	.manager h2 strong{
		padding-left: 35px;
		background-image: url(../../images/icons/menu.svg);
		background-position: 8px center;
		background-repeat: no-repeat;
		background-size: auto 10px;
		cursor: pointer;
	}
	#messages .conversation-creation, #messages .list-participants{
		top: 40px;
	}
	#messages .current-conversation-container ul li{
		padding-bottom: 20px;
		min-height: 50px;

	}
	.current-conversation-container ul li .message{
		padding: 8px;
		left: 40px;
	}
	#messages .current-conversation-container ul li .message{
		max-width: 80% !important;
		min-width: 80% !important
	}
	.current-conversation-container ul li.me .message{
		right: 40px;
	}
	.current-conversation-container ul li .message .arrow{
		top: 2px;
		left: -5px;
	}
	.current-conversation-container ul li.me .message .arrow{
		right: -15px;
	}
	.current-conversation-container ul li figure,
	.current-conversation-container ul li figure img{
		width: 30px;
		height: 30px;
	}
	#min-messages.current-conversation-container ul li figure,
	#min-messages.current-conversation-container ul li figure img{
		width: 50px;
		height: 50px;
	}
	#min-messages.current-conversation-container ul li.group figure img{
		width: 25px;
		height: 25px;
	}
	#min-messages.current-conversation-container ul li .message{
		left: 60px;
	}
	#min-messages.current-conversation-container ul li{
		min-height: 80px;;
	}

	#main-home .common-information:nth-of-type(2) .home,
	#main-home .common-information:nth-of-type(3) .home,
	.common-information.inner .home{
		width: 100% !important;
	}
	#notices.notices ul li{
		width: 50%;
	}


	.values,
	.prin{
		width: 100% !important;
		position: static !important
	}


}

@media screen and (max-width: 700px){
	#notices .edit-text,
	#notices .edit-imgs,
	#notices .edit-archives{
		width: 100%;
	}
	#notices .edit-archives{
		padding-top: 20px;
	}
	form.common fieldset.images-input,
	form.common fieldset.archives-input{
		position: static;
		width: 50%;
		float: right;
	}

	#notices.notices .edit-imgs ul li{
		width: 50%;
		border: 2px solid #fff;
		float: left;
	}
	#notices.notices .edit-imgs ul li form.feature-image{
	}
	#notices.notices .edit-imgs ul li form.delete-image{
		right: 10px !important;
	}
	#messages .contacts ul li figure img,
	#messages .contacts ul li figure{
		width: 30px;
		height: 30px;
	}
	#messages.open .contacts ul li figure{
		top: 24px;
	}
	#messages .contacts ul li a strong{
		left: 60px;
	}
	main.login{
		width: 100%;
		position: static;
		margin: 0;
		max-width: none;
		box-sizing: border-box;
	}
	.notices.login-list,
	#notice-details.login-details{
		margin: 0;
		margin-top: 1px;
	}

}
@media screen and (max-width: 680px){
	#welcome p:nth-child(2){
		display: none;
	}

	.calendar-display ul li{
		height: 60px;
	}
	.calendar-display ul li time{
		font-size: 22px !important;
	}
}
@media screen and (max-width: 600px){
	#main-home .home{
		width: 100% !important;
		height: auto !important
	}
	#main-home .notices ul li{
		width: 50%;
		display: block !important;
	}
	header#main-header h1,
	header#main-header a.logo{
		display: none;
	}
	main{
		padding: 10px
	}
	form.common fieldset.bt-actions.fixed-position{
		right: 10px;
		left: 10px;
	}
	#welcome{
		padding: 0 10px;
	}
	.nav-header ul li{
		padding-bottom: 5px;
	}
	.nav-header ul li a,
	.nav-header ul li strong,
	.nav-header ul li{
		height: auto;
		line-height: normal
	}

	.current-conversation-container header .see-participants span{
		display: none
	}
}
@media screen and (max-width: 580px){
	#messages .conversation-creation .submit-conversation{

	}
	#messages .conversation-creation .submit-conversation input[name="name"]{
		clear: both;
		width: 90%;
		margin: 0 auto;
		margin-bottom: 15px;

	}

	#messages a.load-messages{
		width: 80%;
		text-align: center;
		font-size: 14px;
	}
	.calendar .left.main{
		width: 45px;
	}
	.calendar .left.main li a{
		text-overflow: " ";
		font-stretch: 15px;
		overflow: hidden;
		white-space: nowrap;
		letter-spacing: 35px;
		width: 35px;
		text-align: center;
		text-transform: uppercase;
		padding-left: 10px;
	}
	.calendar .left.main li.active a{
		background-image: none;
	}
	.calendar .actual-year select{
		text-align: center;
		padding-left: 5px;;
	}
	.calendar .right.main{
		position: absolute;
		left: 45px;
		right: 0;
		width: auto;
		overflow: hidden;
	}
	ul.day li{
		font-size: 14px;
	}
	.calendar-display ul li{
	}
	.calendar-display ul li time{
		font-size: 16px !important;
		position: absolute;
		top: 0;
		left: 0;
		height: 60px;
		width: 100%;
		text-align: center;
		line-height: 60px;
	}
	.calendar-display ul li .container{
		padding: 2px;
	}
	.calendar-display ul li .events-list{
		display: none;
	}
	.header-calendar h2{
		overflow: hidden;
		width: 0;
	}

	.list-notifications.events ul li time{
		width: 50px;
		padding: 10px;
	}
	.list-notifications.events ul li time strong.hour{
		font-size: 18px;
	}
	.list-notifications.events ul li time strong.date{
		font-size: 15px;
	}
	.list-notifications.events ul li{
		padding: 10px;
		padding-left: 70px;
	}
	.list-notifications ul li a strong, .list-notifications ul li p strong{
		font-size: 16px;
	}
	.list-notifications.events ul li .event-buttons a{
		font-size: 15px;
	}

}
@media screen and (max-width: 520px){
	#notices.notices ul li{
		width: 100%;
	}

}