body{
    background-color: #4b4b4b;
}

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

.st-sticky-share-buttons.st-left {
	display: none!important;
}

.page-head {
	padding-left: 10px;
}

#testcloud{
    position: relative;
    height: 400px;
    width: 500px;
}

#head {
    padding: 4px 4px 0;
    margin-bottom: 10px;
}

#head h4 {
    font-family: "myriadpro-bold", sans-serif;
    font-size: 19px;
    line-height: 19px;
    color: #4fa3d2;
    display: inline-block;
    padding: 9px 10px 8px;
    border-bottom: 3px solid #fecc00;
    margin: 0;
    float: left;
}

#head div.title-closure {
    height: 37px;
    background: #ebf7fd;
    background: -moz-linear-gradient(left, #ebf7fd 0%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ebf7fd), color-stop(100%,#ffffff));
    background: -webkit-linear-gradient(left, #ebf7fd 0%,#ffffff 100%);
    background: -o-linear-gradient(left, #ebf7fd 0%,#ffffff 100%);
    background: -ms-linear-gradient(left, #ebf7fd 0%,#ffffff 100%);
    background: linear-gradient(to right, #ebf7fd 0%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf7fd', endColorstr='#ffffff',GradientType=1 );
}

#head div.title-closure-border {
    height: 2px;
    margin-left: 75px;
    background: #d1eaf6;
    background: -moz-linear-gradient(left, #d1eaf6 0%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#d1eaf6), color-stop(100%,#ffffff));
    background: -webkit-linear-gradient(left, #d1eaf6 0%,#ffffff 100%);
    background: -o-linear-gradient(left, #d1eaf6 0%,#ffffff 100%);
    background: -ms-linear-gradient(left, #d1eaf6 0%,#ffffff 100%);
    background: linear-gradient(to right, #d1eaf6 0%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1eaf6', endColorstr='#ffffff',GradientType=1 );
}

#connections div.connection-button:not(:first-child){
    /* background: #185b9b; */
    /* min-width: 100px; */
    width: fit-content;
    text-align: center;
    padding: 10px 10px 25px;
    /* color: white; */
    font-weight: bold;
    transition: 100ms ease-out;
    cursor: pointer;
}
#connections div.connection-button:first-child {
    width: fit-content;
    text-align: center;
    /*
	padding: 10px;
    margin: 15px 15px 15px -15px;
	*/
    color: #1c66a2!important;
    font-weight: bold!important;
	font-size: 28px!important;
	
	padding: 0!important;
	margin: 0!important;
	left: 0!important;
	width: 100%!important;
}
#connections .read:not(:first-child) {
    color: grey!important;
}
#connections div.connection-button:hover:not(:first-child) {
    /* background: #fecc01!important;
    outline: #5196b8 solid 2px; */
    color: #2279ae!important;
    transform: scale(1.3)!important;
}

#connections {
    /* width: 100%;
    display: flex;
    flex-wrap: wrap; */
    width: 100%;
    /* height: 400px; */
}

#selected-title {
	padding-left: 10px;
	position: relative;
	background: #fff9e0;
    border-bottom: solid #fecc00;
    color: #f28900;
    font-size: 25px;
    font-weight: bold;
    line-height: 50px;
}

iframe#graphContent {
    width: 100%;
	min-height: 40px;
    border-style:unset;
	transition: all 0.5s;
	padding: 10px;
	box-sizing: border-box;
}

.show-onload.load {
	opacity: 0;
	visibility: hidden;
	height: 0px;
}

iframe#graphContent.load {
	height: 40px!important;
}

.show-onload.loaded:not(.load) {
	opacity: 1;
	visibility: visible;
	height: initial;
}

iframe#graphContent.loaded:not(.load){
	height: initial;
}

#selected{
    margin-top: 10px;
    font-size: 25px;
}

#back-to-home {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAvVBMVEUAAAAAAAAAAAAAAAATEycPHx8RGiMRGSIPFh4OFR0OFSMNFCIOGCESFh8RFR4RGR4QGCARGB8PGB8PGB4PGCEPGCEOFyARFh8QGR4QGCEQFiAPGB8PGB8PGCAPFyAQFx8QFh8QGCAPFx8PFx8PFx8QGB8QFx8QGCAQGB8PFyAPFyAQGB8PFx8PFx8PFyAPGCAQGB8QGB8QGCAQGCAQFyAQFyAQFyAPGB8PGB8PGB8QFx8QGB8QGB8QGCAQGCAgyiZWAAAAPnRSTlMAAQIDDRAdHiIjJCU1ODo7PklSU1RVVlpbXG9xcnR3eXp8gIKDiJmfqrW3u8DBxMfa29zf7e7v8PHy+fr7/uRkn4kAAAFMSURBVHja7ZNvV4IwGMWfCWSuP1aQQKkVRVamoUVZ2P3+H8sDTGMCG6dXHU/PG7ad/cZzt3uJdqb4YJjWgIu54TiGEpgjryif7j0DL/sqABJgv6XjD08NhGEY3nSIyBwBWC4BjEwVsB4eRgBeu+KjBdjFF4AHi8i8T38UGGogVYuFaD6TUqNdAFtbMrxa+yy9n3ITrU2DpYe77FClzHrtrOawOu2Kdiu1qy6k4jD1lZfb1TxqactVorZN3kRqsOSaEdEpgLinj0wvBuASUfcbk3aTkLUnOUAnZwbxPtdEss/JOLfZT+Ii0kQyqsuDNjB/H2j5w0L5TAv4kMrTAoEMBE2AaShq2hBYbyqO/4HfAJ8AVwEHwEICnoDZbeaesQyMs8W7OfAoAcfLCjtINkmOZPs672XDFY0Y29uGt7xAOMjdJJ15YilwLdqhWgHok3SDRSoIRgAAAABJRU5ErkJggg==) no-repeat;
    height: 25px;
    background-size: contain;
    cursor: pointer;
}

#back-to-home::after {
	content: 'Vissza a "Cukorbetegség" címszóhoz';
    white-space: nowrap;
    line-height: 25px;
    padding-left: 30px;
    transition: all 0.5s;
    opacity: 0;
}

#back-to-home:hover::after {
	opacity: 1;
}

#copy-to-clipboard {
	height: 30px;
}

#clipboard-btn {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAABuwAAAbsBOuzj4gAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAQ7SURBVHic7ZvPixxFFMc/39XdnWjwRxISQUmELHgRlQRZEcWDJq4eQoSgKHiKgvEgxpP5AzRHCQpJPCQoHiKsSjAqRj14kAWVsKARBAnrjySGRN3oohljfDlUjTvTs/Ojeqq7IttfKGpmqt6rb7+qfvWq5zVmRqwCrABeB84AFlj+Ab4GHovJqSfniBc/BHyW48IXKpvLMoA8+YEhaT3wJXAB2OxnMwQjwAvAFuBjM9sQhVgPXB5R15ivj5rZoTwKJO3DGWCsV99YGIqoS74eZEk1ZNW1V0TkXgGSlgAPAA8CS4HVvmmNpAM51V7n6xVNOr4B3jKzo3m5dsUADu8wcRxeP+UCsLFUJyhpCBgH1gE30Los1+Lu1d+AvcDZAeehG+7GrbLTwL5M2zmcs50ys+O5tHeY4TH629J2Fr5PwyjwVw8edWAHcFmo/jYfIGkVMIULauaAT4GfMt3uw62CImceADOrS6oDNWAS+KWpeRS3Qm8BXgRWAttDB8hafBJn1a+A1R1m5YDv83wZwQow68e7rUP7NuZ9xR0hulu2QUmjwCb/dauZ/RBkzUQws93AOzjn/FCIbDYOuBUYBs6a2efdxvR1Wft1PzHGYV/fHqI46wOW+Xq2h9x3vt4i6X2K9QUbgKtwF3+sS78G52Vd+rQhbyC0H+ds1gHTOXWE4jUz+yO20lyhsJkdw83MFG4LKhIngV3A00Uozx0Km9kUcGdELkkQ8zD0v8SiN0DM5wFtkPQw8DjtZ4kicI2vb5KUdcyngIPAHjP7t6UlE1FN4LabmQjR2zOUd1rst7zc9TQoaQL4APjezG4Mm4B5SBIuZr8WeAN4L6+uSBgHnsUZYaWZnfmvpYgVAFzPvNVrZZwX+uD0s+dzb8ezQEQMNxn4XEFjhKLBY7j5x0W/C1QGSE0gNSoDpCaQGpUBUhNIjcoAqQaWtEnSnCSLVOqStoXySLkClgNXRNQ3AqwKFSr0ONwNZrZf0iHgykgq62Z2MlQomQEAzOw07j+/ZFj0TjDZCpC0FveH5tJIKuvALjM7EiKU8hZ4FNgaWed54IkQgZQGeAX3b04sJ/g38GaoUMpdYBZnhKSonGCqgSWNABuJewt8ZGZzIUIpfcBzwM7IOvcCT4UIpDTAJ7g8pJjb4MFQoZRO8AvgrlTjN7DonWBlgFQDV88DqucB1fOA6nnApYDKAJnvf/p6SdlEUiFrgGl8FoWkNQn4lI4WA5jZ77jkR4A9kmrlUyoXC+0CTwJHcOky05ImaX9foBeWD0qsNHTIp7kfOEGEzKzUuUFN1zTjOU00/75gHGBmH0q6GXiEhd8Z6oUacE9A/2ToGAiZ2a/A7jxKvQOd8Z9lzbl46dCYwJZEyaIiweO4rKwasF3S2wWN0y/GmX+v8duWlgLvuZdInxmaLe+28SzQACO4N7l+vAQu/BTwKnB1ludFUJVpE3xDHHEAAAAASUVORK5CYII=) no-repeat;
    display: inline-block;
    width: 30px;
    height: 30px;
    background-size: contain;
	cursor: pointer;
}

#clipboard-btn::after {
    content: "Leírás másolása vágólapra";
    font-size: 12px;
    display: inline-block;
    white-space: nowrap;
    line-height: 30px;
    color: #818181;
    transition: all 0.5s;
    opacity: 0;
	visibility: hidden;
    text-align: left;
    padding-left: 33px;
}

#clipboard-btn:hover::after {
	opacity: 1;
	visibility: visible;
}

.clipboard-msg {
    position: absolute;
    box-shadow: 1px 1px 5px #aaa;
    background-color: #d4edda;
    padding: 5px 10px;
    border-radius: 5px;
    color: #155724;
	margin-left: 10px;
}

/* --- Kapcsolódó dokumentumok --- */

iframe#graphContent.document-container {
  width: 100%;
  height: fit-content;
  margin: auto;
}
iframe#graphContent.document-container table{
  width: 100%;
}
iframe#graphContent.document-container table .head{
  text-align: center;
  height: fit-content;
  background-color: #fecc00;
  box-shadow: 0px 3px 0px 0px rgba(24,91,155,1);
-webkit-box-shadow: 0px 3px 0px 0px rgba(24,91,155,1);
-moz-box-shadow: 0px 3px 0px 0px rgba(24,91,155,1);
}
iframe#graphContent.document-container table tr .head ::after {
  top: 10px;
  display: block;
  box-sizing: border-box;
  position: absolute;
  content: '';
  z-index: 2;
  background-color: #185b9b;
  height: 10px;
  width: 100%;
}
iframe#graphContent.document-container table tr {
  height: 30px;
  text-align: center;
}
iframe#graphContent.document-container table tr .button {
  text-align: right;
}
iframe#graphContent.document-container table tr .button a {
  margin-right: 10px;
}