.margin-top{
	margin-top: 20px;
}

.margin-bottom{
	margin-bottom: 20px;
}
.small-margin-left{
	margin-left: 5px;
}
.icon{
	max-width: 32px;
	max-height: 32px;
}

.pointer{
	cursor:pointer;
}

.control-label-inline{
	margin-right: 5px;
}

.checkbox-left{
	width:auto !important;
	margin-left: 0px !important;
}

.checkbox-horizontal{

	padding-top: 0px !important;
	margin-bottom: 5px !important;
}

.small-margin-bottom{
	margin-bottom:3px !important;
}

.rotate180{
	transform:rotate(180deg);
	-ms-transform:rotate(180deg); /* IE 9 */
	-webkit-transform:rotate(180deg); /* Opera, Chrome, and Safari */
}


.rotate90{
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);

  /* also accepts left, right, top, bottom coordinates; not required, but a good idea for styling */
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;

  /* Should be unset in IE9+ I think. */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

}


.rotate45{
	transform:rotate(45deg);
	-ms-transform:rotate(45deg); /* IE 9 */
	-webkit-transform:rotate(45deg); /* Opera, Chrome, and Safari */
}

.thumb-size{
	max-width: 64px;
	max-height: 64px;
}

.thumb-height{
	max-height:64px;
}

.thumb-fixed{
	height:64px;
	width:64px;
	box-sizing: content-box;
}

.link_image:before{
	height:100%;
	vertical-align:middle;
	display:inline-block;
	content:' ';
}

.small-margin-top{
	margin-top: 10px;
}

.searchbox:before{
	height:100%;
	vertical-align:bottom;
	display:inline-block;
	content:' ';
}

.searchbox{
	vertical-align:bottom;
	display:inline-block;
	height:100%;
}

.infodisc-discussion{
	padding: 10px;
}

.responsive-area{
	overflow-x: hidden;
}

.responsive-area *{
	max-width: 100% !important;
}

.responsive-area a{
	word-wrap: break-word;
}
.responsive-area img{
	max-width: 100% !important;
	height: auto !important;
}

.responsive-area iframe{
	max-width: 100% !important;
	max-height: 100% !important;
}
.panel-title{
	overflow-x:hidden;
	overflow-y:hidden;
}

.vertical-text{
     word-wrap: break-word;
    letter-spacing: 20px; /* Set large letter-spacing as precaution */
    width: 25px;
}

.cont-permissions{
	position:relative;
}

@media screen and (max-width: 991px) {
	.permission-columns{
		columns: 2;
		-moz-columns: 2;
		-webkit-columns: 2;
	}
}

	.permission-columns .block-perm{
		    -webkit-column-break-inside: avoid;
		    -moz-column-break-inside: avoid;
		    column-break-inside: avoid;
		    page-break-inside: avoid;
	}

@media screen and (min-width: 992px) {
	.permission-columns{
		columns: 3;
		-moz-columns: 3;
		-webkit-columns: 3;
	}
}

.hide-long-text{
	text-overflow: ellipsis;
	overflow:hidden;
	white-space:nowrap;	
}

.hide-long-text:hover{
	text-overflow: clip;
	overflow:visible;
	white-space: normal;	
}

.perm-label{
	cursor: pointer;
}

.perm-select{
	min-width: 70px;
}
.left-element{
	min-width: 90px;
}

.left-element img{
	max-width: 80px;
/*	max-height: 80px; */
}

.disabled-field{
	max-height: 150px;
	overflow-y: scroll;
}

#alert-cookie-prof.affix{
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
}