/* this css file should include only standard stylings that are used on most pages */

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/* structure */
html { background-color: #F4F4F4; }

body { font-family: Segoe UI,sans-serif,arial,helvetica,clean; font-size: 14px; color: #333333; margin: 0; }

/* permission overlay */
.alert_overlay .permission { position: fixed;width: 200px;height: 200px;z-index: 9999;background-color: #fff;top:50%;left: 50%; }

/* overlays */
/*.alert_overlay .adminAlert{ position: fixed;width: 200px;height: 200px;z-index: 9999;background-color: #fff;top:50%;left: 50%; }*/
/*.help_overlay.active { position: fixed;width: 100%;height: 100vh;top: 0;left: 0;background-color: rgba(0,0,0,0.5);z-index: 999; }*/


.wysiwygtable, .wysiwygtable tr, .wysiwygtable th, .wysiwygtable td { border: 1px solid #000 !important; }

/* anchors */
a.nocolor { color: inherit; }

/* images */
img { max-width: 100%; display: inline-block; vertical-align: top; }

/* profile image of admins is visible in multiple components */
.profileimg { display: inline-block; vertical-align: middle; width: 38px; height: 38px; background-position: center; background-size: cover; background-repeat: no-repeat; background-color: #EB6D00; border-radius: 50%; position: relative; color: #FFFFFF; text-align: center; }
.profileimg span { position: absolute; top: 0; left: 0; right: 0; bottom: 0; line-height: 39px !important; font-size: 16px; }

/* lists */
ul.tarn, ol.tarn { list-style: none; margin: 0; padding: 0; }

/* links */
a { color: #ED6B00; }
a.back, p.back a { padding: 0 0 0 10px; position: relative;margin: 1em 0;display: inline-block; }
a.next, p.next a { padding: 0 10px 0 0; position: relative;margin: 1em 0;display: inline-block; }
a.back:before, p.back a:before { content: "< "; position: absolute; left: 0; }
a.next:after, p.next:after { content: " >"; position: absolute; right: 0; }

/******************/
/* basic elements */
/******************/

/* white plain element */
.simpleplain,.simpleplain_overrule { background: #fff; padding: 30px; border-radius: 10px; -webkit-box-shadow: 0px 0px 20px -6px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 20px -6px rgba(0,0,0,0.2); box-shadow: 0px 0px 20px -6px rgba(0,0,0,0.2); }

.simpleplain_overrule { margin-left: 10px;margin-right: 10px; }
.simpleplain+.simpleplain { margin-top: 20px; }

.simpleplain .simpleplain, .no_simpleplains .simpleplain, .simpleplain .simpleplain+.simpleplain, .no_simpleplains .simpleplain+.simpleplain { background: transparent; margin: 0; padding: 0px; border-radius: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }


/* wait overlay*/
.waitoverlay { position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(50,50,50,0.5);z-index: 9999; }
.waitoverlay .componentIcon-load { top:50vh;position: fixed; }

 /* ----- =icon ----- */
.i { background-image: url("/_admin/assets/content/icon/questionmarkNegativ_B4B4B4_F4F4F4.svg"); background-repeat: no-repeat; background-position: left center; padding-top: .1em;  padding-bottom: .1em; text-decoration: none; }
a.i:focus, a.i:hover, a.i:active { text-decoration: underline; }

.idoc, .imsword { background-image: url("../../../_assets/content/icon_mediathek_DOC.svg"); padding-left: 25px; }
.irtf, .itxt { background-image: url("../../../_assets/content/icon_mediathek_TXT.svg"); padding-left: 25px; }
.izip, .irar, .isit { background-image: url("../../../_assets/content/icon_mediathek_ZIP.svg"); padding-left: 25px; }
.ijpg, .ijpeg, .igif, .ieps, .ipng, .ibmp { background-image: url("../../../_assets/css/icon/image.png"); padding-left: 25px; }
.ixls, .icsv { background-image: url("../../../_assets/content/icon_mediathek_XLS.svg"); padding-left: 25px; }
.ippt { background-image: url("../../../_assets/content/icon_mediathek_PPT.svg"); padding-left: 25px; }
.ipdf { background-image: url("../../../_assets/content/icon_mediathek_PDF.svg"); padding-left: 25px; }
.imp3, .iwav, .iaudio { background-image: url("../../../_assets/content/icon_mediathek_AUDIO.svg"); padding-left: 25px; }
.iwmv, .ivideo { background-image: url("../../../_assets/content/icon_mediathek_VIDEO.svg"); padding-left: 25px; }
.imov { background-image: url("../../../_assets/css/icon/quicktime.png"); padding-left: 25px; }
.ihtml { background-image: url("../../../_assets/content/icon_mediathek_HTML.svg"); padding-left: 25px; }


/* ----- =class ----- */
.bold { font-weight:bold; }
.bb {border-bottom:1px solid;padding-bottom:1em;}
.bt {border-top:1px solid;padding-top:1em;}
.c 	{clear: both;}
.cl {clear:left;}
.cr {clear:right;}
.error {color:#f00;}
.error a, .error h1, .error h2, .error h3, .error h4, .error h5, .error h6 {color:#f00;}
.fright {float:right;}
.fleft {float:left;}
.font-normal { font-weight:normal; }
.font-italic { font-style:italic; }
.fnone {float:none;}
.fnorm {font-size:1em !important;}
.fsmall, small {font-size:.85em !important;}
.iblock {display:inline-block;}
.m0 {margin:0 !important; }
.mb {margin-bottom:.69em !important;}
.mbh {margin-bottom:.35em !important;}
.mbd {margin-bottom:1.4em !important;}
.ml {margin-left:1em !important;}
.mr {margin-right:1em !important;}
.mt {margin-top:.69em !important;}
.mth {margin-top:.35em !important;}
.mtd {margin-top:1.4em !important;}
.mt0 {margin-top:0 !important;}
.mb0 {margin-bottom:0 !important;}
.nu, .hun { text-decoration:none !important; }
.hun:hover, .hun:focus { text-decoration:underline !important; }
.p0 {padding:0 !important;}
.pb {padding-bottom:.69em !important;}
.pbh {padding-bottom:.35em !important;}
.pbd {padding-bottom:1.4em !important;}
.pl {padding-left:1em !important;}
.pr {padding-right:1em !important;}
.pt {padding-top:.69em !important;}
.pth {padding-top:.35em !important;}
.ptd {padding-top:1.4em !important;}
.pt0 {padding-top:0 !important;}
.pb0 {padding-bottom:0 !important;}
.notop > *:first-child, #content > *:first-child {margin-top:0;}
.nobottom > *:last-child {margin-bottom:0;}
.nowrap {white-space:nowrap;}
.pad {padding:.5em 1em;}
.success {color:#009900;}
.success a, .success h1, .success h2, .success h3, .success h4, .success h5, .success h6 {color:#009900;}
div.success { border: 1px solid #090;padding: 20px;background-color: rgba(0, 153, 0, 0.2); }
.tcenter {text-align:center !important;}
.tleft {text-align:left !important;}
.tright {text-align:right !important;}
.versal {text-transform:uppercase;}
.wauto {width:auto;}
.none { display:none !important; }
.v { visibility:hidden; }
.cfix:before, .cfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.cfix:after { clear: both; }

h1, h2, h3, h4, h5, h6 { font-weight: lighter; }
h1, .h1 { font-weight:500;font-size: 2.143em;line-height: 1.3;margin:0.76em 0 .38em; }/*27px*/
h2, .h2 { font-size: 1.600em;line-height: 1.3;margin:1em 0 .5em; }/*24px*/
h3, .h3 { font-size: 1.333em;line-height: 1.3;margin:1.06em 0 .53em; }/*20px*/
h4, .h4 { font-size: 1.200em;line-height: 1.3;margin:1.12em 0 .56em; }/*18px*/
h5, .h5 { font-size: 1.067em;line-height: 1.3;margin:1.28em 0 .64em; }/*16px*/
h6, .h6  {font-size: 1em;line-height:1.3;margin:1.5em 0 .75em;}/*15px*/



.timerangepicker-container { position: absolute; background-color: #fff; z-index: 999; }

@media screen and (min-width: 480px) {
    .imagebrowser li.img { width:calc(50% - 10px);}
}

@media screen and (min-width: 520px) {
    .timerangepicker-container { display: block;width: 420px; }
        
    .timerangepicker-from, .timerangepicker-to { width: 50%; display: inline-block; vertical-align: top; }
    .timerangepicker-from { margin: 0 10px 0 0;width: calc(50% - 10px); }
    
    .imagebrowser #wysiwygfilter { max-width: calc(100% - 50px); }
    .imagebrowser li.img { width:calc(50% - 10px);}
}

@media screen and (min-width: 720px) {
   .imagebrowser #wysiwygfilter { max-width: 400px; }
    
    .imagebrowser li.img { width:calc(25% - 10px); }
}
@media screen and (min-width: 860px) {
    .timerangepicker-container { display: block;width: auto; }
    .timerangepicker-from { margin: 0; }
    .timerangepicker-from, .timerangepicker-to { width: 100%; }
}

@media screen and (min-width: 900px) {
    .timerangepicker-container { display: block;width: 420px; }
    
    .timerangepicker-from, .timerangepicker-to { width: 50%; display: inline-block; vertical-align: top; }
    .timerangepicker-from { margin: 0 10px 0 0;width: calc(50% - 10px); }
}