@font-face {
    font-family: NaNeNaApp;
    src: url(../fonts/NaNeNaIcons-Regular_1.002.otf?version=2);
}

[data-icon]:before {
    font-family: "NaNeNaApp";
    content: attr(data-icon);
    speak: none;
}

.font-app {
    font-size: 96pt;
    height: 104pt;
}

.regular_icon {
    font-size: 40px;
    height: 34px;
    line-height: 34px;
    color: #2a86ea;
    font-size: 40px;
    font-weight: normal;
}

.regular_icon.regular_icon_red {
	color: #ef4726;
}

.regular_icon.regular_icon_grey {
    color: #89786a;
} 



.regular_icon1 {
    font-size: 40px;
    height: 40px;
    margin-top: -14px;
    color: #2a86ea;

    font-weight: normal;
    overflow: hidden;
}

.regular_icon1:hover {
    cursor: pointer;
    color: #89786a;
}

.regular_icon.brown {
    color: #89786a;
}

.regular_icon.green {
    color: #51ae38;
}

.regular_icon_remove {
    color: #ef4726;
}

.regular_icon_remove.disabled {
    color: #89786a;
}

.regular_icon.left_space {
    margin-left: 10px;
}

.regular_icon > span {
    font-size: 14px;
    vertical-align: middle;
    margin-left: 10px;
/ / margin-top: - 10 px;
}

.regular_icon:hover {
    cursor: pointer;
    color: #89786a;
}

.regular_icon.right {
    float: right;

}

.red {
    color: #ef4726;
}

.regular_icon.right.help {
    font-weight: normal;
    font-size: 40px;
    height: 40px;
    margin-right: 8px;
    color: #51ae38;
}

.regular_icon.right.help:hover {
    color: #89786a;
}

.regular_icon.right.left_separator {
    border: 1px solid #f0f0f0;
    border-top: none;
    border-right: none;
    border-bottom: none;
    padding: 0px 6px 0px 6px;
}

.regular_icon.regular_icon_smaller,
.regular_icon.right.regular_icon_smaller {
    font-size: 33.3px;
    padding: 0px 8px 0px 8px;
}

.search_result_item_buttons .regular_icon {
	height: 100%;
	line-height: 50px;
}

.overlay-test {
    position: relative;
    width: 57pt;
    height: 57pt;
    margin: 0 auto;
    overflow: hidden !important;
}

.overlay-test div {
    position: absolute;
    font-size: 57pt;
    line-height: 0.6em;

}

div.overlay-test > :first-child {
    color: green;
    background: translucent;
}

div.overlay-test > :last-child {
    color: gray;
    background: translucent;
}

.dbu_icon_button_accordion {
    height: 30px;
    margin-top: -21px;
    font-size: 42px;
    margin-right: -1px;
    margin-left: 5px;
}

.dbu_icon_button_binnen,
.remove_template_action {
    margin-right: 5px;
    line-height: 37px;
    height: 37px;
}

.dbu_icon_button_template {
}

.dbu_icon_button_template.set_audio_button,
.dbu_icon_button_template.set_image_button,
.dbu_icon_button_template.set_video_button,
.dbu_icon_button_template.edit_slideshow_image,
.dbu_icon_button_template.delete_slideshow_image,
.dbu_icon_button_template.slideshow_button_add_image,
.dbu_icon_button_template.dbu_video_preview_button {
    display: inline-block; 
    vertical-align:middle;
}

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('../fonts/glyphicons-halflings-regular.eot');
    src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    
    /*font-size: 40px;*/
    height: 17px;
    width: 16px;
    color: #2a86ea !important;
    font-weight: normal;
    border: 1px solid #2a86ea;
    border-radius: 20px;
    padding-top: 2px;
    padding-right: 3px;
    cursor: pointer;
    text-decoration: none;
}

.glyphicon-cloud-download:before {
    content: "\e197";
}
