html,body {
    height: 100%;
}
.selection-label {
    font-size:12px; 
}
.selection-label.sort {
    line-height: 18px
}

.selection-label.sort {
    
}

label {
    margin:0px; 
}

span.selection-label.type {
    float:left;
}

#typeSelection {
    float:right;
  
}
.selection-field {
 
}

.row.selection {
    line-height: 7px;
}



#landscapeContainer {
    padding-top:10px; 
    padding-left:10px; 
    border: 1px solid;
    width: calc(100% - 2px);
    height:calc(100% - 2px); 
    background-color: #dfdfdf;
}

#tagCloudContainer {
    padding:2px 20px 2px 10px; 
    border: 1px solid grey;
    width: calc(100% - 5px);
    height:calc(100% - 5px);
    border-radius: 5px;
    background-color: #dfdfdf;
}
#tagCloud {
    line-height: 2.8em;
    line-height: 2.4em;
    word-spacing: normal;
    letter-spacing: normal;
    text-decoration: none;
    text-transform: none;

    text-indent: 0ex;
    background-color: #fff;
    margin: 0.5em 30px 30px 30px;
    margin: 0 0 0 0;
    border: 2px solid #ddd;
    padding: 2e;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    overflow: hidden;
    width: 100%;
    overflow-y: scroll;
    margin-top:7px;
    border-radius: 8px;
}

#tagCloud .tag {
    float: left;
    margin: 5px;
    font-family: 'Reenie Beanie', arial, serif;
}

#tagCloud .tag:hover {
    font-weight: bold;
    font-size: 1.20em !important;
    color: #f39c13 !important; 
    cursor: pointer;
}

#tagCloud .tag.selected {
    color: #f39c13 !important; 
    text-decoration: underline;
}

.sorting-btn:active
{
    background-color:lightblue;
}

.sorting-btn.active
{
    color: #333;
    background-color:cornflowerblue;
}

label {
    margin-bottom: 0px !important;
}
.col-no-padding {
    margin-left:0px !important;
    padding-left:0px !important; 
}

#bottomControl {
    margin-top:7px
}







.urank-tagcloud-tag.badge.active {
    color: #444;
}

.urank-tagcloud-tag.active {
    color: ghostwhite;
    cursor: pointer;
}

.urank-tagcloud-tag.badge {
    box-shadow: 0em 0.1em 0.1em #888;
    padding: 4px 3px;
    margin: 4px;
    font-size: 1.13em;
}
.urank-tagcloud-tag {
    display: inline-block;
    pointer-events: all;
    margin: 2px;
    padding: 1px 2px;
    border-radius: 3px;
    font-weight: bold;
    border: 1px solid transparent;
    background: transparent;
}
.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #777777;
    border-radius: 10px;
}

.urank-tagcloud-tag.badge:hover {
    background: #f39c13 !important;
    border: 1px solid #f39c13 !important; 
    color:black !important; 
 
}

.urank-tagcloud-tag.selected {
    background: transparent !important;
    border: 1px solid #f39c13 !important; 
    color:#f39c13 !important; 
}