.athon-wordcloud-info{
	border: 1px solid darkorange !important;
	padding: 0!important;
	min-width: 840px!important;
	
	max-width: 840px!important;
	margin: auto;
  	position: absolute!important;
  	top: 0; 
  	left: 0; 
  	 
  	right: 0;
	display: block!important;
	/* bottom: 0;     */
	min-height:0% !important;
	max-height: 96%!important; 
}

.athon-wordcloud-action-with-info{
	text-align: center;
	width: 100%!important;
}

.flex-container {
    display: table;
    width: 100%;
}
.flex-item:nth-child(1), .flex-item:nth-child(2) {
    float:left;
}
.flex-item:nth-child(2) {
    width: 300px;
}

.container-search-poza{
    padding: 10px 0px 10px 10px!important;
	display: inline-block;
}

.word-item{
	border-bottom: 1px dashed #ddd;
	padding: 5px;
	background-color: white;
	clear: both;
	overflow: hidden;
}

.search-result{
	min-height: 50px;
	margin-left: 10px;
	display: inline-block;
}

.container-search-nume{
	vertical-align: middle;
	font-weight: bold;
	font-size: 16px;
	color: #444;
}

.word-inst{
	color: #aaa;
	font-size: 13px; 
	font-weight: normal;
	line-height: 15px;
}

.scsInfo{
	font-size: 12px;
	margin-top: 5px;
    margin-bottom: 5px;
}

.title-area{
	text-align: center;
	position: sticky;
    top: 0px;
    z-index: 2;
    background-color: #417dc0;
    padding: 10px;
	overflow: hidden;
	border-bottom: 0px solid yellow;
	opacity: 0.9;
	margin-bottom: 0;
}

.dom-title{
	font-size: 20px;
	font-weight: 600;
	color: yellow;
	display: block;
	
}

.nr-res{
	padding:3px 5px;
	border-radius: 5px; 
	font-size: 13px;
	background-color: orange;
	color: #003162;
	font-weight: bold;
}

.btnProfileSearch {
    display: block;
    text-align: center;
    background-color: white;
    border: 1px solid #417dc0;
    border-radius: 6px;
    padding: 4px;
    font-size: 14px;
    width: 140px;
    font-weight: 400;
    text-decoration: none;
    float: right;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    margin-top: 10px;
}

.btnProfileSearch:active, .btnProfileSearch:focus{
	outline:none;
}

.btnProfileSearch:hover{
	background: #417dc0;
	color: #ffffff;
}


.roles-area{
	font-size: 12px;
    background: #cbf8cb;
    padding: 5px;
    border-radius: 5px;
    color: #0275d8;
    letter-spacing: 1px;
    font-weight: 600;
    line-height: 14px;
    margin-top: 10px;
}

.key-area{
	font-size: 12px;
    padding: 5px;
    border-radius: 5px;
    background: #eee;
    color: #0275d8;
    font-weight: 600;
    line-height: 14px;
    margin-top: 10px;
}

.close-link{
	color: #ffffff;
	float: right;
	font-weight: bold;
	background-color: #305f92;
	border: 0px;
	font-size: 20px;
	position: absolute;
	top: 0px;
	right: 0px;
	padding: 5px;
	
	border: 1px solid #999;
	width: 34px;
}

.close-link:hover{
	color: orange;
}

.sticky-pages{
	position: sticky;
    top: 77px;
    z-index: 2;
    opacity: 1;
}

.tablePages{
	background: #ffffff!important;
	border-bottom: 1px solid #eeeeee;
	padding-left: 0px;
	font-size: 13px!important;
	font-weight: 400;
	color: #656565;
	padding-bottom: 15px!important;
	padding-top: 15px!important;
	margin-top: 0;
	margin-bottom: 0;
	overflow: hidden;
	text-align: center;
}

.tablePages a {
    -webkit-border-radius: 3px 3px 3px 3px!important;
    -moz-border-radius: 3px 3px 3px 3px!important;
    border-radius: 3px 3px 3px 3px!important;
    padding-top: 3px;
    padding-bottom: 5px;
    padding-left: 7px;
    padding-right: 9px;
    color: #417dc0;
    background-color: #ffffff;
    font-weight: 600;
    cursor: pointer;
    text-decoration: none;
    border: 1px solid #e6e6e6;
}

.tablePages a:hover {
		-webkit-border-radius: 3px 3px 3px 3px!important;
 	-moz-border-radius: 3px 3px 3px 3px!important;
  	border-radius: 3px 3px 3px 3px!important;
	padding-top:3px;
	padding-bottom:5px;
	padding-left: 7px;
	padding-right: 9px;
	color: #ffffff;
	background-color: #417dc0;
	font-weight: 600;
	cursor: pointer;
	border:1px solid #417dc0;
	box-shadow: inset 0px -2px 0px #417dc0;
 	-moz-box-shadow: inset 0px -2px 0px #417dc0;
 	-webkit-box-shadow: inset 0px -2px 0px #417dc0;
}

.tablePages a:active {
		-webkit-border-radius: 3px 3px 3px 3px!important;
 	-moz-border-radius: 3px 3px 3px 3px!important;
  	border-radius: 3px 3px 3px 3px!important;
	padding-top:3px;
	padding-bottom:5px;
	padding-left: 7px;
	padding-right: 9px;
	color: #ffffff;
	background-color: #417dc0;
	font-weight: 600;
	cursor: pointer;
	border:1px solid #417dc0;
	box-shadow: inset 0px -1px 0px #417dc0;
 	-moz-box-shadow: inset 0px -1px 0px #417dc0;
 	-webkit-box-shadow: inset 0px -1px 0px #417dc0;
 	-webkit-transform: translateY(1px);
	transform: translateY(1px);
}

.tablePageNumberSelected {
    -webkit-border-radius: 3px 3px 3px 3px!important;
    -moz-border-radius: 3px 3px 3px 3px!important;
    border-radius: 3px 3px 3px 3px!important;
    padding-top: 3px;
    padding-bottom: 4px;
    padding-left: 7px;
    padding-right: 9px;
    color: #ffffff;
    background-color: #417dc0;
    font-weight: 600;
    text-decoration: none;
    border: 1px solid #417dc0;
}

.footnote-wc{
	font-size: 13px; 
	font-weight: 600; 
	color: red; 
	display: block; 
	text-align: center; 
	border-top: 2px solid darkorange;
}

@media only screen and (max-width: 768px) {

	.athon-wordcloud-info{
	
		min-width: 98%!important;
	
		max-width: 98%!important;
		max-height: 90%!important;
	 
	}
	
	/* .mask-avatar img, .mask-avatar{
		width: 25px;
		height: 25px;
	} */
	
	.container-search-poza{
		padding: 0!important;
		
	}
	
	.search-result .container-search-nume, .btnProfileSearch{
		margin-top: 0;
	}
	
	.btnProfileSearch{
		padding: 4px;
	    font-size: 12px;
	    width: 120px;
	}
	
	.footnote-wc{
		
	}
	
}