html,
body {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    height: 100%;
}

*:focus, .fancytree-treefocus, button.dropdown-toggle, select.selectpicker {
    outline: 0 !important;
}

input::-ms-clear {
    display: none;
}

.container-fluid {
    padding-left: 30px;
    padding-right: 30px;
}

.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -30px;
    padding: 0 0 30px;
}

.wrap > .container {
    padding: 70px 15px 20px;
}

.section {
    margin-top: 50px;
    margin-bottom: 50px;
}

div.dashboard-index div.section {
		margin-bottom:0;
}

/*.map-view #content,*/
/*.map-edit #content {*/
/*    margin: 0 !important; !* Wichtig für EB! *!*/
/*}*/

#library-container {
    overflow: hidden;
}

.content > .alert {
    margin: 10px;
}

.form-section {
    margin: 40px 0;
}

.form-group {
    margin-bottom: 5px;
}

.form-horizontal .form-group {
    margin-right: -15px;
    margin-left: -15px;
    /*margin-bottom: 15px;*/
}

.not-set {
    color: #c55;
    font-style: italic;
}

h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 20px;
    margin-bottom: 20px;
}

b, strong {
    /* font-weight: 500; */
    font-weight: bold;
}

a {
    color: #ed6b25;
    text-decoration: none;
}

a:hover, a:focus {
    color: #ed6b25;
    text-decoration: underline;
    outline: 0px none;
}

ul.module-nav {
		margin-top: 20px;
		margin-left: 10px;
}

ul.module-nav > li {
		list-style:none;
}

ul.module-nav > li > a {
		color:#333333;
}

.nav > li > a {
    padding-left: 12px;
    padding-right: 12px;
}

/* Bugfixing anchor links */
a.anchor {
	  position:relative;
	  top:-50px;
}

.orange {
		color: #ed6b25
}

.size16 {
		font-size: 16px;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 300;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: /*"\e113"*/ "\e151";
}

a.desc:after {
    content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view th {
    white-space: nowrap;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

p.small-text {
    font-size: 12px;
}

ul {
    padding-left: 15px;
}

ul.list-squares {
    list-style-type: square;
}

hr {
    margin: 30px 0;
    border-color: #ddd;
    border-width: 1px;
    max-width: none;
}

ul.change-log {
    list-style-type: disc;
    margin: 0;
    padding-left: 20px;
}

.box {
    margin: 25px 0;
    padding: 10px 25px;
    background-color: #f0f0f0;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.box .btn-default {
    background-color: #e0e0e0;
    border: 0;
}

.box .btn-default:hover,
.box .btn-default:focus,
.box .btn-default.focus,
.box .btn-default:active,
.box .btn-default.active {
    color: #222;
    background-color: #d0d0d0;
}

.filename {
    font-style: italic;
    color: #ed6b25;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

.map-alert {
    position: absolute;
    left: 15%;
    right: 15%;
    bottom: 20px;
    z-index: 9999;
}

.map-alert ul {
    margin: 10px 15px 0;
    padding-left: 0;
    list-style-type: square;
}

span.new1,
span.new2 {
		text-transform:uppercase;
		color: #ed6b25;
		font-weight: 700;
		font-size:15px;
}

span.new2,
p#float {
		float:left;
	  margin-right: 10px;
}

p#float {
		position:relative;
		width: 80px;
		height: 84px;
		margin-bottom:0
}

span.new1 {
		position: absolute;
}

h2.small {
		font-size: 23px;
}

div.to-top-div {
		position: fixed;
		bottom: 60px;
		right: 50px;
}

a.to-top{
		display:block;
		width:50px;
		height:50px;
		background-color:#f0f0f0;
		border: 2px solid white;
		border-radius:25px;
}

a.to-top > i.fa-chevron-up{
		width:15px;
		height:15px;
		margin-left:16px;
		margin-top:15px;
		color:#333333;
}

ul.module-nav i.fa-chevron-right{
		font-size:.75em;
		margin-right:3px;
}



/* Forms */

textarea {
    resize:vertical;
    max-width: 100%;
    min-height: 60px;
}
textarea.vert {
    resize:vertical;
}

.form-horizontal .control-label {
    text-align: left;
}

.form-control:focus,
.form-control.focus {
    border-color: #a0a0a0;
    box-shadow: none !important;
}

.library .btn-default {
    background-color: #ddd;
    border: 1px solid #ccc;
}

.library .btn-default:hover {
    background-color: #ccc;
    /*border: 1px solid #fff;*/
}

.library .btn-default:active,
.library .btn-default:focus {
    border: 1px solid #ccc;
}

.library .btn-active,
.library .btn-active:active,
.library .btn-active:focus {
    background-color: #eee !important;
    /*border: 1px solid #f5f5f5;*/
}

.library .btn-active:hover {
    /*background-color: #ccc !important;*/
    border: 1px solid #ccc !important;
}

.library .btn-inactive {
    background-color: #ddd;
    /*border: 1px solid #eee;*/
}
.library .btn-default:disabled {
    opacity: .35;
}


/* Dropdown Menu */

.bootstrap-select.btn-group button.dropdown-toggle {
    display: block;
    width: 100%;
    height: 34px;
    padding: 4px 12px;
    font-size: 14px;
    font-weight: 300;
    text-transform: none;
    line-height: 24px;
    color: #555;
    background-color: #FFF;
    border: 1px solid #CCC;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}


.bootstrap-select.btn-group .dropdown-toggle .filter-option span {
    margin-top: 2px;
}

.bootstrap-select.btn-group .dropdown-toggle .dropdown-icon {
    margin: 0 6px 0 0;
    vertical-align: top;
    width: 24px;
    height: 24px;
}

.bootstrap-select.btn-group .dropdown-menu .dropdown-icon {
	margin: 0 6px 0 0;
    vertical-align: top;
	width: 24px;
    height: 24px;
}

.bootstrap-select.btn-group .dropdown-menu li {
    display: block;
    margin: 1px 5px;
    padding: 0;
}

.bootstrap-select.btn-group .dropdown-menu li.icon-hidden {
    display: none;
}

.bootstrap-select.btn-group .dropdown-menu li.selected,
.bootstrap-select.btn-group .dropdown-menu li.active {
    background-color: rgba(243, 111, 33, 0.6);
}

.bootstrap-select.btn-group .dropdown-menu li.selected a,
.bootstrap-select.btn-group .dropdown-menu li.active a {
    border: 1px solid #ed6b25;
}

.bootstrap-select.btn-group .dropdown-menu li a.opt,
.bootstrap-select.btn-group .dropdown-menu li a.current-icon {
    position: relative;
    padding: 4px 7px 3px;
    margin: 1px 0;
    line-height: 1.5;
}
.bootstrap-select.btn-group .dropdown-menu li a.opt span,
.bootstrap-select.btn-group .dropdown-menu li a.current-icon span {
	vertical-align: middle;
	padding-top: 1px;
}

.bootstrap-select.btn-group .dropdown-menu .dropdown-header {
    margin: 5px 0;
    padding: 4px 10px 3px 40px;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    text-transform: uppercase;
    font-weight: 600;
    cursor: pointer;
    background: #eee url(../img/map/ui/icongroup-toggle.png) 8px top no-repeat;
    color: #777;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.bootstrap-select.btn-group .dropdown-menu .dropdown-header.closed {
    background-position: 8px bottom;
    color: #777;
}

.bootstrap-select.btn-group .dropdown-menu .dropdown-menu .divider {
    height: 1px;
    margin: 9px 0px;
    overflow: hidden;
    background-color: #E5E5E5;
    display: none;
}

.dropdown-menu > li > a {
    transition: none;
    border: 1px solid transparent;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    color: #262626;
    text-decoration: none;
    background-color: transparent;
    border: 1px solid #ed6b25;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    color: #262626;
    text-decoration: none;
    /*background-color: rgba(243, 111, 33, 0.6);*/
    /*border: 1px solid #ed6b25;*/
    background-color: transparent;
    /*border-color: transparent;*/
    outline: 0px none;
}

.dropdown-menu > .active > a {
    /*background-color: transparent;*/
    /*border-color: transparent;*/
}

.dropdown-menu > .active .check-mark {
    /*color: white;*/
}


/* Buttons */

.btn {
    border-radius: 8px;
}

.btn:active, .btn.active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.btn-primary {
    color: white;
    background: #ed6b25;
    border: 0;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    color: #FFF !important;
    background-color: #e56920 !important;
}


.btn-default {
    background: #eee;
    border: 0;
}
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    border-color: #ddd !important;
    color: #222 !important;
    background-color: #ddd !important;
}


.btn-transparent {
    background: transparent !important;
    border: 0 !important;
}
.btn-transparent:hover,
.btn-transparent:focus,
.btn-transparent.focus,
.btn-transparent:active,
.btn-transparent.active,
.open > .dropdown-toggle.btn-transparent {
    background: transparent !important;
    border: 0 !important;
    outline: 0 !important;
}

a#btn-fb-demo {
		margin-top:18px;
}

/* a#btn-mpfe {
		margin-top:23px;
} */


div#buttonMargin {
		margin-bottom:20px;
		margin-left:-17px;
}



/* Header */

.header {
    /*height: 50px;*/
    /*height: auto;*/
    /*background-image: none;*/
}

.header .container {
    width: 100%;
}

#main-nav .navbar-brand {
    color: #fff;
}

#main-nav .navbar-brand img {
    float: left;
    height: 30px;
    width: 30px;
    margin: -5px 10px 0 0;
    display: inline-block;
}

#main-nav .navbar-nav .public-share-hint {
    line-height: 50px;
    margin: 0 25px;
}

#main-nav .navbar-nav .public-share-hint b {
   padding: 0 10px;
}

#main-nav .navbar-nav > li > a {
    color: #ccc;
    text-align: left;
}

#main-nav .navbar-nav > li > a:active,
#main-nav .navbar-nav > li > a:hover {
    text-decoration: none;
    color: #fff !important;
    background-color: #080808;
}

#main-nav .dropdown-menu > .active > a,
#main-nav .dropdown-menu > .active > a:hover,
#main-nav .dropdown-menu > .active > a:focus {
    color: #FFF;
    text-decoration: none;
    background-color: #ed6b25;
    outline: 0 none;
}

#main-nav .logout-username {
    color: #999;
}

#main-nav .navbar-nav .dropdown-menu {
    padding: 0;
    color: #262626;
    background-color: #fff;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

#main-nav .navbar-nav .dropdown-menu .divider {
    height: 1px;
    margin: 1px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}

#main-nav .dropdown-menu > li {
    margin-bottom: 1px;
}

#main-nav .dropdown-menu > li:last-child {
    margin-bottom: 0;
}

#main-nav .dropdown-menu > li > a {
    padding: 4px 15px 4px 12px;
    transition: none;
    border: 0;
    border-left: 3px solid transparent;
}

#main-nav .dropdown-menu > li > a:hover,
#main-nav .dropdown-menu > li > a:focus {
    color: #262626;
    text-decoration: none;
    background-color: #ed6b252e;
    border: 0;
    border-left: 3px solid #ed6b25;
    border-radius: 0;
}

#main-nav .dropdown-menu > .active > a,
#main-nav .dropdown-menu > .active > a:hover,
#main-nav .dropdown-menu > .active > a:focus {
    border-left: 3px solid transparent;
    /*color: #262626;*/
    /*text-decoration: none;*/
    /*background-color: transparent;*/
    /*border-color: transparent;*/
    outline: 0 none;
}

#main-nav .dropdown-menu > .active > a {
    /*background-color: transparent;*/
    /*border-color: transparent;*/
}

#main-nav .dropdown-menu > .active .check-mark {
    /*color: white;*/
}

#main-nav a > i {
    margin-right: 5px;
}

#main-nav a.btn-upgrade > i {
    color: #ed6b25;
}

.hide-menu .navbar-toggle {
    display: none;
}


#main-nav .navbar-nav > .open > a,
#main-nav .navbar-nav > .open > a:hover,
#main-nav .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: #080808;
}

#main-nav .navbar-nav > .dropdown.open .caret,
#main-nav .navbar-nav > .dropdown:hover .caret {
    transform: rotate(-180deg);
    margin-top: -1px;
}

/* Submenu bei :hover anzeigen */
#main-nav .navbar-nav li:hover > ul {
    display: block;
    z-index: 999999;
}

#main-nav .dropdown-submenu {
    position:relative;
}

/* Mehrere Ebenen ermöglichen */
#main-nav .dropdown-submenu > ul {
    position: absolute;
    display: none;
    top: 0;
    left: 100%;
    margin: 0;
    padding: 0;
    color: #262626;
    background-color: #fff;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    min-width: 160px;
    list-style-type: none;
    border: 1px solid rgba(0, 0, 0, .15);
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

#main-nav .dropdown-submenu > ul > li {
}

#main-nav .dropdown-submenu > ul > li > a {
    display: block;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    padding: 4px 15px 4px 12px;
    transition: none;
    border: 0;
    border-left: 3px solid transparent;
}

#main-nav .dropdown-submenu > ul > li > a:hover,
#main-nav .dropdown-submenu > ul > li > a:focus {
    color: #262626;
    text-decoration: none;
    background-color: #ed6b252e;
    border: 0;
    border-left: 3px solid #ed6b25;
    border-radius: 0;
}


#main-nav .dropdown-submenu:hover > ul {
    display:block;
}

#main-nav .dropdown-submenu > a:after {
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#333;
    margin-top:5px;
    margin-right:-10px;
}

#main-nav .dropdown-submenu:hover > a:after {
    border-left-color:#333;
}

#main-nav .dropdown-submenu.open-left {
    float:none;
}

#main-nav .dropdown-submenu.open-left > ul {
    left:-100%;
    margin-left:17px;
}

#main-nav ul.navbar-nav ul ul .dropdown-submenu.open-left > ul {
    margin-left:-2px;
}


/* Content */

#content {
    position: relative;
    padding: 0;
    /*margin: 75px 0 25px 0;*/
}

/* Footer */

.footer {
    height: 30px;
    background-color: #101010;
    padding: 0;
    margin: 0;
}

.footer .container {
    width: 100%;
}

#copyright p {
    padding: 4px 0;
    margin: 0;
    font-size: 14px;
    line-height: 22px;
    color: #ccc;
}
#copyright a {
    color: #ccc;
    text-decoration: none;
}

#meta-nav a {
    display: inline-block;
    color: #ccc;
    font-size: 14px;
    padding: 4px 15px;
    line-height: 22px;
    height: 30px;
}

#meta-nav li > a:hover {
    text-decoration: none;
    background-color: #333;
    color: #fff;
}

#meta-nav li > a:focus,
#meta-nav li.active > a,
#meta-nav a:active {
    color: #ed6b25 !important;
    background-color: #000 !important;
}

/* Portal - Einstellungen */

.api-module strong {
    margin-bottom: 8px;
}

.api-module .api-authkey {
    display: inline;
    word-wrap: break-word;
}

.api-module .btn {
    margin-top: 8px;
}


/* Login */

.box-login {
    padding: 15px 15px;
    border-radius: 8px;
}
.box-login a {
    color: #333;
}
.box-login .btn {
    padding: 10px 25px;
}

/* Registration */

.box-registration {
    padding: 15px 15px;
    border-radius: 8px;
}

.box-registration .btn {
    padding: 10px 25px;
}


/* Library */

#library-container {
    position: relative;
    margin: -25px 0;
}

#library .btn-group {
    margin: 0 10px;
}

button:disabled {

}
button:disabled img {
    opacity: .5;
}

#share-private-account-identifier {
    text-transform: uppercase;
}

#share-private-account-identifier::-webkit-input-placeholder { /* WebKit browsers */
    text-transform: none;
}
#share-private-account-identifier:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    text-transform: none;
}
#share-private-account-identifier::-moz-placeholder { /* Mozilla Firefox 19+ */
    text-transform: none;
}
#share-private-account-identifier:-ms-input-placeholder { /* Internet Explorer 10+ */
    text-transform: none;
}
#share-private-account-identifier::placeholder { /* Recent browsers */
    text-transform: none;
}

/* Tree */

#tree-container {
    margin: 0;
    padding: 0;
    width: 450px;
    height: 100%;
    float: left;
    background-color: #fff;
}

#tree-container.closed {
    width: 2px !important;
}

#vertical-split-bar {
    background-color: #ddd;
    height: 100%;
    float: right;
    width: 5px;
    cursor: col-resize;
    z-index: 5;
    border-left: 2px solid #fff;
    border-right: 2px solid #F1EFEA;
}

#split-toggle {
    position: absolute;
    top: 50%;
    margin-left: -3px;
    width: 7px;
    height: 50px;
    z-index: 6;
    background: #ddd;
    border: 1px solid #ccc;
    border-radius: 1px;
    cursor: pointer;
    transition: all 0.10s ease-in-out 0s;
    /*transition: margin 0.10s ease-in-out 0s;*/
    /*ms-transform-origin: 50% 50%;*/
}

#split-toggle:hover,
#split-toggle.drag {
    background: #ccc url(../img/map/ui/split-toggle.png) no-repeat center center;
    border: 1px solid #bbb;
    margin-left: -5px;
    width: 13px;
}

#tree-container.closed #split-toggle {
    margin-left: 0;
    width: 13px;
    background: #ddd url(../img/map/ui/split-toggle.png) no-repeat center center;
    transform: rotate(180deg);
    cursor: pointer;
}

#tree-content {
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 12px 0 0;
    height: 100%;
}

#tree-root {
    position: relative;
    margin: 0 8px 0 5px;
    padding: 0;
}
#tree-root span.fancytree-node {
    height: 27px;
    /*border: 1px solid transparent;*/
    margin: 0;
    padding: 1px 0 0;
    /*line-height: 23px;*/
}

#tree-root span.fancytree-node .fancytree-title {
    border: 0;
    margin: 0;
    padding: 2px 0 0;
    font-size: 16px;
    color: #333;
    /*font-weight: 500;*/
}

#tree-root .fancytree-toolbar {
    top: -1px;
    right: 0;
    border: 1px dotted #e0e0e0;
}
#tree-root span.fancytree-active .fancytree-toolbar,
#tree-root span.fancytree-node:hover .fancytree-toolbar {
    border: 1px dotted #ed6b25;
    border-left: 1px solid #ed6b25;
}

#tree {
    padding-left: 5px;
    padding-right: 8px;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    overflow-x: hidden;
}

ul.fancytree-container {
    position: relative;
    overflow: hidden;
    border: none;
    margin: 0;
    padding: 0;
}

span.fancytree-node {
    position: relative;
    border: 1px solid transparent;
    margin: 1px 0 0;
    padding: 0;
    vertical-align: middle;
}

span.fancytree-node:hover {
    border: 1px solid #ed6b25;
    cursor: pointer;
    vertical-align: middle;
}
span.fancytree-node:hover > span.fancytree-title {
    background-color: transparent;
    border: 0;
    margin-top: 1px;
    padding-bottom: 1px;
    vertical-align: middle;
}

span.fancytree-active {
    background-color: rgba(243, 111, 33, 0.6);
    border: 1px solid #ed6b25;
    vertical-align: middle;
}
span.fancytree-active span.fancytree-title,
span.fancytree-active.fancytree-selected span.fancytree-title,
.fancytree-container span.fancytree-active.fancytree-selected span.fancytree-title,
.fancytree-container.fancytree-treefocus span.fancytree-active.fancytree-selected span.fancytree-title,
.fancytree-container.fancytree-treefocus span.fancytree-active.fancytree-focused span.fancytree-title {
    background-color: transparent;
    border-color: transparent;
    border: 0;
}

span.fancytree-selected span.fancytree-title,
.fancytree-container span.fancytree-selected span.fancytree-title,
.fancytree-container.fancytree-treefocus span.fancytree-focused span.fancytree-title,
.fancytree-container.fancytree-treefocus span.fancytree-active span.fancytree-title,
.fancytree-container.fancytree-treefocus span.fancytree-selected span.fancytree-title {
    background-color: transparent;
    border-color: transparent;
    border: 0;
}


span.fancytree-expander {
    margin-top: 4px;
    vertical-align: top;
}

span.fancytree-checkbox {
    margin-top: 5px;
    vertical-align: top;
    position: relative;
}

img.fancytree-icon {
    width: 24px;
    height: auto;
    max-height: 24px;
    margin: 0 2px;
    border: 0;
    vertical-align: middle;
}

span.fancytree-title {
    margin: 1px 0;
    vertical-align: middle;
    height: 23px;
    line-height: 20px;
    border: 0;
    position: relative;
}

span.fancytree-counter {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 5px;
    padding: 2px 4px 3px;
    border: 0;
    border-radius: 3px;
    color: #222;
    background-color: rgba(230,230,230,0.5);
    font-size: 11px;
    line-height: 11px;
}


/* Tree Nodes */

.fancytree-node.category .fancytree-icon {
    display: inline-block;
    width: 48px;
    padding-left: 24px;
    background: url(../img/map/ui/folder.png) 3px 4px no-repeat;
    background-size: 16px;
}

.fancytree-node.cloud-category > .fancytree-icon {
    display: inline-block;
    width: 48px;
    padding-left: 24px;
    background: url(../img/map/ui/folder-cloud.png) 3px 4px no-repeat;
    background-size: 16px;
}

.fancytree-node.cloud-folder > .fancytree-icon {
    background: url(../img/map/ui/folder-cloud.png) 0px 0px no-repeat !important;
    background-size: contain !important;
}

.fancytree-node.cloud-file img.fancytree-icon {
    width: 16px;
    height: auto;
}

.fancytree-node.private.subscribed .fancytree-icon {
    background-image: url(../img/map/ui/folder-blue.png);
}

.fancytree-node.public.share .fancytree-icon {
    background-image: url(../img/map/ui/folder-red-hand.png) !important;
}

.fancytree-node.private.share .fancytree-icon {
    background-image: url(../img/map/ui/folder-hand.png);
}

.fancytree-node.sub-category.public.share .fancytree-icon {
    background-image: url(../img/map/ui/folder.png) !important;
}

.fancytree-node.sub-category.private.share .fancytree-icon {
    background-image: url(../img/map/ui/folder.png);
}

.fancytree-node.category.fancytree-expanded .fancytree-icon,
.fancytree-node.sub-category.fancytree-expanded .fancytree-icon {
    background-image: url(../img/map/ui/folder-open.png);
}

.fancytree-node.cloud-category.fancytree-expanded > .fancytree-icon,
.fancytree-node.cloud-folder.fancytree-expanded > .fancytree-icon {
    background-image: url(../img/map/ui/folder-open-cloud.png) !important;
}

.fancytree-node.private.subscribed.fancytree-expanded .fancytree-icon {
    background-image: url(../img/map/ui/folder-open-blue.png);
}

.fancytree-node.public.share.fancytree-expanded .fancytree-icon {
    background-image: url(../img/map/ui/folder-open-red-hand.png) !important;
}

.fancytree-node.private.share.fancytree-expanded .fancytree-icon {
    background-image: url(../img/map/ui/folder-open-hand.png);
}

.fancytree-node.sub-category.public.share.fancytree-expanded .fancytree-icon {
    background-image: url(../img/map/ui/folder-open.png) !important;
}

.fancytree-node.sub-category.private.share.fancytree-expanded .fancytree-icon {
    background-image: url(../img/map/ui/folder-open.png);
}

.fancytree-node.subscribed.cloud-category > .fancytree-icon,
.fancytree-node.subscribed.cloud-folder > .fancytree-icon {
    background-image: url(../img/map/ui/folder-blue-cloud.png);
}

.fancytree-node.subscribed.cloud-category.fancytree-expanded > .fancytree-icon,
.fancytree-node.subscribed.cloud-folder.fancytree-expanded > .fancytree-icon {
    background-image: url(../img/map/ui/folder-open-blue-cloud.png) !important;
}

.fancytree-node.doi .fancytree-icon {
    display: inline-block;
    width: 48px;
    padding-left: 24px;
    background: url(../img/map/ui/document.png) 3px 4px no-repeat;
    background-size: 16px;
}

.fancytree-node.poi .fancytree-icon {
    display: inline-block;
    width: 48px;
    padding-left: 24px;
    background: url(../img/map/ui/marker.png) 3px 4px no-repeat;
    background-size: 16px;
}

.fancytree-node.figure .fancytree-icon {
    display: inline-block;
    width: 48px;
    padding-left: 24px;
    background: url(../img/map/ui/polygon.png) 3px 4px no-repeat;
    background-size: 16px;
}

.fancytree-node.category .fancytree-title {
    color: #222;
    font-weight: 500;
}

.fancytree-node.cloud-category .fancytree-title {
    color: #222;
    font-weight: 500;
}

.fancytree-node.doi .fancytree-title {
    font-weight: 300;
}

.fancytree-node.poi .fancytree-title {
    font-weight: 300;
    font-style: italic;
}

.fancytree-node.figure .fancytree-title {
    font-weight: 300;
}

.fancytree-node.has-attachments .fancytree-title {
    padding-right: 22px;
    background: url(../img/map/ui/attachments.png) right 4px no-repeat;
    background-size: 16px;
}

.fancytree-node.hidden-on-map .fancytree-icon,
.fancytree-node.hidden-on-map .fancytree-title {
    opacity: .5;
}

.fancytree-toolbar {
    position: absolute;
    top: -1px;
    right: 0;
    display: block;
    height: 27px;
    margin: 0 -1px 0 0;
    padding: 4px 2px 4px 5px;
    vertical-align: top;
    background-color: #fff;
    background-color: rgba(255,255,255,0.8);
    /*border: 1px solid #eee;*/
    /*border: 1px dotted #26a0da;*/
    border: 1px dotted #ed6b25;
    border-left: 1px solid #ed6b25;
    /*border-left: 1px solid #26a0da;*/
    border-radius: 0;
    z-index: 3;
}

.fancytree-root .fancytree-toolbar {
    border: 1px solid transparent;
    background: none;
}

.fancytree-toolbar .btn-mini {
    display: inline-block;
    margin: -4px 0px 0 -2px;
    padding: 2px;
    border: 0;
    border-radius: 2px;
    border-radius: 0;
    background: none;
    border: 1px solid transparent;
    float: none;
}

.fancytree-toolbar .btn-mini:hover {
    border: 1px solid #ed6b25;
}


.fancytree-toolbar .btn-mini:active {
    border: 1px solid #ed6b25;
}


.fancytree-toolbar .btn-mini.btn-active {
    background-color: rgba(243, 111, 33, 0.3) !important;
    border: 1px solid rgba(243, 111, 33, 0.4);
    /*border: 1px solid #ed6b25;*/
}

.fancytree-toolbar .btn-mini.btn-active:hover {
    border: 1px solid #ed6b25;
}

.fancytree-toolbar .btn-mini img {
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
    width: 16px;
    height: 16px;
    border-radius: 0;
    background: none;
}

.fancytree-toolbar .divider {
    display: inline-block;
    width: 1px;
    height: 16px;
    margin: -4px 3px 0 0px;
    background-color: #e0e0e0;
    vertical-align: middle;
}
span.fancytree-node:hover .fancytree-toolbar .divider,
span.fancytree-active .fancytree-toolbar .divider {
    background-color: rgba(243, 111, 33, 0.3);
}



/* Tree Legende */
#tree-root .legende {
    display: none;
    padding: 8px 10px;
    background-color: #f5f5f5;
    border: 1px dotted #ccc;
    margin-top: 1px;
    margin-bottom: 15px;
}

#tree-root .legende .icon {
    display: block;
    padding: 0 0 0 24px;
    line-height: 26px;
    background: no-repeat 0 5px;
    background-size: 16px;
    margin: 0;
}

#tree-root .legende .icon.category {
    background-image: url(../img/map/ui/folder.png);
}

#tree-root .legende .icon.category.subscribed {
    background-image: url(../img/map/ui/folder-blue.png);
}

#tree-root .legende .icon.category.public.share {
    background-image: url(../img/map/ui/folder-red-hand.png);
}

#tree-root .legende .icon.category.private.share {
    background-image: url(../img/map/ui/folder-hand.png);
}


#tree-root .legende .icon.poi {
    background-image: url(../img/map/ui/marker.png);
}

#tree-root .legende .icon.doi {
    background-image: url(../img/map/ui/document.png);
}

#tree-root .legende .icon.figure {
    background-image: url(../img/map/ui/polygon.png);
}

#tree-root .legende .icon.moi {
    background-image: url(../img/map/ui/fire-truck.png);
}

#tree-root .legende .icon.attachment {
    background-image: url(../img/map/ui/attachments.png);
}

#tree-root .legende .icon.cloud-category {
    background-image: url(../img/map/ui/folder-cloud.png);
}


/* Map */

#map-container {
    margin: 0;
    padding: 0;
    background-color: #f5f5f5;
    float: left;
    height: 100%;
    position: relative;
}

#map-header {
    position: absolute;
    height: 50px;
    width: 100%;
    margin: 0;
    padding: 8px 0 0;
    background-color: rgba(255, 255, 255, 0.45);
    z-index: 2;
}
#map-search {
    margin: 0;
    padding: 0;
}

#map-search #searchAddressForm {
    min-width: 300px;
    max-width: 800px;
}

#map-toolbar,
.settings-toolbar {
    margin: 0;
    padding: 0 10px 0 0;
    text-align: right;
}

#map-search .input-group {
    margin-left: 15px;
}

#map-toolbar .btn-group,
.settings-toolbar .btn-group {
    margin-left: 8px;
    margin-right: 8px;
}

#map-toolbar button img,
.settings-toolbar button img {
    width: 16px;
    height: 16px;
}

#map-content {
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.map-copyright {
    position: absolute;
    bottom: -3px;
    right: 500px;
    z-index: 2;
    font-size: 10px;
    font-weight: normal;
    color: #000;
    background: rgba(255,255,255,.6);
    padding: 2px 6px;
}

.map-copyright a {
    color: #000;
}


/* Map Info Popup */

.gm-style-iw {
    overflow: hidden;
}
.map-info {
    overflow: hidden;
    min-width: 150px;
}

.map-info-content {
    position: relative;
    max-height: 400px;
    max-width: inherit;
}

.map-info h1 {
    margin: 5px 0 10px;
    font-size: 17px;
    line-height: 1.3;
}
.map-info h2 {
    margin: 5px 0 10px;
    font-size: 15px;
    line-height: 1.3;
}
.map-info h3 {
    margin: 5px 0 10px;
    font-size: 13px;
    line-height: 1.3;
    font-weight: bold;
}
.map-info p {
    margin: 5px 0;
    font-size: 13px;
}

.map-info .attachment-container {
    max-height: 215px;
    position: relative;
    overflow: hidden !important;
}

.map-info .filetype-icon img {
    width: 24px;
    height: 24px;
}

.map-info-attachments {
    margin: 25px 0 0;
    overflow: hidden;
}

.attachment-list {
    margin: 0 0 0;
    padding-left: 0;
    list-style-type: none;
}
.attachment {
    margin: 5px 0;
    padding: 0;
    color: #333;
}

.attachment .filetype-icon {
    vertical-align: middle;
}

.attachment a,
.attachment a:hover {
    color: #333;
    text-decoration: none;
    vertical-align: middle;
    padding: 6px 3px 4px;
}

.attachment-toolbar a,
.attachment-toolbar a:hover {
    padding: 6px 12px;
}

.attachment-size {
    color: #999;
}

/* Tabs */

.nav-tabs > li > a {
    margin-right: 6px;
    line-height: 1.42857;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    color: #777;
}

.nav-tabs > li > a:hover {
    border-color: #EEE #EEE #DDD;
}
.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: #f5f5f5;
}

.tab-content {
    margin-top: 0;
    padding: 30px 15px 15px;
    border-top: 0;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}


/* Modals */


body, body.modal, body.modal-open {
    margin-right: 0 !important;
    padding-right: 0 !important;
}

body.modal, body.modal-open {
    overflow-y: hidden;
}

#modal-edit .modal-dialog,
#modal-view .modal-dialog {
    width: 800px;
}

#modal-edit .alert {
    margin: 5px  0 20px;
}

#modal-edit .alert-info .btn-default,
#modal-import-export .alert-info .btn-default {
    background-color: rgba(49, 112, 143, 0.5);
    color: #fff;
}

#modal-edit .alert-info .btn-default:hover,
#modal-import-export .alert-info .btn-default:hover {
    background-color: rgba(49, 112, 143, 0.7) !important;
    color: #fff !important;
}

.modal-content .input-group-btn button {
    border: 1px solid #CCC;
    border-radius: 4px;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control,
#modal-edit.delete .selectpicker,
#modal-edit.delete .bootstrap-select,
#modal-edit.delete .dropdown-toggle,
#modal-edit.poi-import .selectpicker,
#modal-edit.poi-import .bootstrap-select,
#modal-import-export.poi-import .selectpicker,
#modal-import-export.poi-import .bootstrap-select {
    cursor: not-allowed !important;
    /*background-color: transparent;*/
    background-color: #eee;
    opacity: 1;
    outline: none !important;
}

#modal-edit-icon .bootstrap-select.btn-group {
    margin-bottom: 0;
}

#modal-edit #modal-address span,
#modal-edit #modal-geoposition span {
    padding: 6px 0 2px;
    display: inline-block;
}

#modal-edit #quota .progress {
    margin: 0 0 10px;
    padding: 1px;
    border-radius: 0;
    box-shadow: none;
    border: 1px solid #eee;
    background-color: #F5F5F5;
    overflow: hidden;
}

#modal-edit #quota .progress-bar {
    margin-right: 15px;
    border-radius: 0;
    box-shadow: none;
    font-size: 11px;
}

#modal-edit #quota .progress-bar-text {
    display: block;
    margin: 0;
    padding: 2px 0;
    font-size: 11px;
    color: #666;
}

#modal-edit .filetype-icon {
    display: inline-block;
    margin-right: 10px;
    float: left;
}

#modal-edit #edit-address-text,
#modal-edit #edit-geoposition-text {
    display: inline-block;
    margin-top: 7px;
}

#modal-view #attachments,
#modal-view #view-attachments,
#modal-edit #edit-attachments,
#modal-edit #attachments {
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 200px;
    margin: 20px -10px 0 0;
    padding-right: 10px;
}

#modal-view #view-attachments {
    margin: 0 0 10px;
    max-height: 210px;
}

#modal-view #view-attachments > h3 {
    display: none;
}

#modal-view #view-comment {
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    margin-right: -10px;
    padding-right: 15px;
    max-height: 600px;
}

#view-comment ol,
#modal-edit-comment ol,
.map-info-content ol {
        list-style-type: decimal;
}

#view-comment ol ol,
#modal-edit-comment ol ol,
.map-info-content ol ol {
    list-style-type: lower-alpha;
}

#view-comment ol ol ol,
#modal-edit-comment ol ol ol,
.map-info-content ol ol ol {
    list-style-type: lower-roman;
}

#view-comment ol ol ol ol,
#modal-edit-comment ol ol ol ol,
.map-info-content ol ol ol ol {
    list-style-type: decimal;
}

#view-comment ol ol ol ol ol,
#modal-edit-comment ol ol ol ol ol,
.map-info-content ol ol ol ol ol {
    list-style-type: lower-alpha;
}

#view-comment ol ol ol ol ol ol,
#modal-edit-comment ol ol ol ol ol ol,
.map-info-content ol ol ol ol ol ol {
    list-style-type: lower-roman;
}

/*#modal-edit #edit-comment {*/
/*    position: relative;*/
/*    overflow-x: auto;*/
/*    overflow-y: auto;*/
/*    border-radius: 0;*/
/*    max-height: 600px;*/
/*}*/

#modal-view #view-cloud-attachments > h3 {
    display: none;
}

#modal-edit #uploadStatus {
    overflow: auto;
    max-height: 100px;
}

#modal-view .attachment,
#modal-edit .attachment {
    margin: 0 -15px 10px -15px;
}

#modal-view .attachment {
    padding: 0 15px;
}

#modal-view .attachment:last-child,
#modal-edit .attachment:last-child {
    margin-bottom: 0;
}

#modal-view .attachment-size,
#modal-edit .attachment-size {
    margin: 0 15px 0 0;
    line-height: 34px;
}

#modal-edit .attachment-name {
}

#modal-edit .attachment-toolbar {
    text-align: right;
}

#modal-view .attachment-counter,
#modal-edit .attachment-counter,
#modal-view .cloud-attachment-counter,
#modal-edit .cloud-attachment-counter {
    margin-left: 10px;
    padding: 0 5px;
    border: 1px solid #ddd;
    border-radius: 4px;
    color: #bbb;
    text-align: center;
}

#modal-import-export #modal-import-upload {
    margin-top: 20px;
    margin-bottom: 0;
    padding: 0;
}

#modal-import-export .selectGeoType {
    padding: 0;
}
#modal-import-export .selectGeoType h4 {
    margin: 0 0 5px;
}

#modal-import-export .selectGeoType input {
    margin-top: 1px;
    vertical-align: top;
}
#modal-import-export .selectGeoType label {
    vertical-align: top;
}
#modal-import-export .selectGeoType .import-convert-warning,
#modal-import-export .selectGeoType .export-convert-warning {
    margin: 2px 0 5px 20px;
    font-size: 12px;
}

#modal-import-export input[type=text].form-control {
    display: inline-block;
}


/* Modal Sharing */

#modal-sharing .modal-dialog {
    width: 650px;
}

#modal-sharing .private-shares-counter {
    margin-left: 10px;
    padding: 0 5px;
    border: 1px solid #ddd;
    border-radius: 4px;
    color: #bbb;
    text-align: center;
}

#modal-sharing fieldset {
    margin: 35px 0;
}

#modal-sharing legend {
    font-size: 16px;
}

#modal-sharing .bootstrap-select i {
    margin-right: 10px;
}

#modal-sharing .modal-share-public-url {
    margin-top: 15px;
}

#modal-sharing .share-public-url {
    display: block;
    vertical-align: middle;
}

#modal-sharing .share-public-url span {
    padding: 4px 0px 0px;
    display: inline-block;
}

#modal-sharing .share-public-url button {
}

#modal-sharing .share-public-hash {
    text-transform: lowercase;
}

#modal-sharing #modal-share-public {
    margin: 25px 0;
}

#modal-sharing .btn-share {
    width: 32px;
    height: 32px;
    margin: 0px 3px 0 0;
    padding: 3px;
}

#modal-sharing #shares {
    border-top: 1px solid #ddd;
    margin: 25px 0;
    padding-top: 15px;
}

#modal-sharing .input-group-btn:first-child > .btn:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

#modal-sharing .input-group-btn:last-child > .btn:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

#share-public-send-invitation {
    margin: 5px 0;
}


#add-private-shares {
    margin: 40px 0 20px;
}

.new-private-share {
    margin: 10px -15px;
}

#list-private-shares {
    margin: 40px 0 0;
}


#private-shares {
    margin: 5px 0 20px 0;
    max-height: 215px;
    position: relative;
    overflow: hidden !important;
}

.private-share {
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    padding-left: 5px;
}

.private-share p {
    margin: 0;
    padding: 2px 0;
}

.private-share:hover {
    background: #f9f9f9;
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
}

#modal-sharing .togglePrivateShareRights {
    color: #333;
    width: 40px;
    cursor: pointer;
    display: inline-block;
    text-align: center;
}
#modal-sharing .togglePrivateShareRights.readonly {
    color: #999;
}

#modal-sharing .deletePrivateShareUser {
    color: #D9534F;
    width: 35px;
    cursor: pointer;
    display: inline-block;
    text-align: center;
}


#modal-sharing #modal-share-public-directory {
    margin: 25px 0;
}




/* Ajax Loader */
.ajax-loader {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    background: rgba(255,255,255,0.25) url(../img/loading.gif) center center no-repeat;
    border-radius: 6px;
    z-index: 99999999;
    cursor: wait;
}



/* Scrollbar */

.ps-container > .ps-scrollbar-y-rail {
    right: 1px;
    width: 7px;
    background-color: #eee;
    opacity: .5;
}
.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
    width: 7px;
}

.ps-container > .ps-scrollbar-x-rail {
    bottom: 1px;
    height: 7px;
    background-color: #eee;
    opacity: .5;
}
.ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
    height: 7px;
}



/* PieChart */

.circliful {
    position: relative;
    margin: 0;
}

.circle-text, .circle-info, .circle-text-half, .circle-info-half {
    width: 100%;
    position: absolute;
    text-align: center;
    display: inline-block;
}
.circle-text {
    color: #757575;
}
.circle-info, .circle-info-half {
    color: #666;
    font-size: 12px;
}

.circliful .fa {
    margin: -10px 3px 0 3px;
    position: relative;
    bottom: 4px;
}


/* Popover */

.has-popover {
    border-bottom: 1px dotted #999;
    cursor: help;
}

.popover {
    padding: 0;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
}
.popover-title {
    font-size: 18px;
    font-weight: 600;
    background-color: #F0F0F0;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    color: #333;
}
.popover-content {
    font-size: 14px;
    font-weight: 300;
    color: #333;
    min-height: 60px;
}
.popover-content ul {
    margin: 0;
    padding-left: 12px;
    list-style-type: square;
}

.popover b,
.popover strong {
    font-weight: bold;
}


/* Language Selector */

.language-select a {
    text-transform: uppercase;
}



/* Pagination */
.pagination > li > a, .pagination > li > span {
    color: #ed6b25;
}

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    color: #ed6b25;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #ed6b25;
    border-color: #ed6b25;
}




/* Downloads */

.downloads h2 {
    line-height: 36px;
}

.downloads .alert-info {
    color: #555;
    background-color: #f0f0f0;
    border-color: #ddd;
}

.btn-download {
    padding-left: 90px;
    background: url(../img/download.png) no-repeat 30px center;
    text-align: left;
}

.btn .small-text {
    text-transform: none;
    font-weight: normal;
    font-size: 12px;
}

.downloads .zip {
    margin-top: 5px;
    padding-left: 90px;
    font-size: 12px;
}

.downloads .zip a {
    color: #333;
    text-decoration: none;
}

.downloads .zip a:hover {
    color: #333;
    text-decoration: underline;
}


    /* Datepicker */

.datetimepicker {
    margin-bottom: 5px;
}

.datetimepicker .input-group-addon {
    cursor: pointer;
}

.datetimepicker .input-group-addon:hover {
    color: #222;
    background-color: #ddd;
    border-color: #CCC;
}

.bootstrap-datetimepicker-widget table td.today:before {
    border-bottom-color: #ed6b25 !important;
}

.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #ed6b25 !important;
}

.bootstrap-datetimepicker-widget table td span.active {
    background-color: #ed6b25 !important;
}

.bootstrap-datetimepicker-widget .btn {
    background: transparent;
    color: #333;
}


.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #999;
    font-size: 12px;
}

label sup,
.required-text sup {
    margin: 0 5px;
    color: #ed6b25;
}
.required-text {
    margin: 0 5px;
    float:right;
    font-size: 14px;
    font-weight: 600;
}

.form-vertical .form-group {
    margin-bottom: 25px;
}


/* bootstrapSlider */
.bootstrapSlider {
    position: relative;
    padding: 10px;
}

.bootstrapSlider .slider-disabled * {
    cursor: not-allowed !important;
}

.bootstrapSlider .slider-disabled {
    opacity: .5;
}

.bootstrapSlider .slider.slider-horizontal {
    position: relative;
    width: 100%;
    font-size: 12px;
}

.bootstrapSlider .slider.slider-horizontal .slider-track {
    height: 4px;
    margin-top: -2px;
}

.bootstrapSlider .slider.slider-horizontal .slider-tick {
    width: 14px;
    height: 14px;
    margin-left: -7px;
    margin-top: 2px;
}

.bootstrapSlider .slider.slider-horizontal .slider-handle {
    background: #ed6b25;
}


/* Bugfix für Debug-Toolbar */
.yii-debug-toolbar__block_last {
    max-width: 50px;
    width: auto !important;
}


.has-error label {
    color: #a94442;
}


.site-agb .col-sm-1 {
    padding-left: 50px;
}

.site-agb .col-sm-1.sub {
    padding-left: 65px;
    font-size: 9pt;
}

.site-agb .col-sm-11.sub {
    padding-left: 50px;
    font-size: 9pt;
}

.site-agb .row {
    font-size: 11pt;
}

.site-agb h4 {
    margin-top: 20px;
}