* {
    margin: 0 auto;
    padding: 0;
}


html, body {
    height: 100%;
}


body {
    background-color: #bacad3;
    text-align: center;
    font-family: Verdana, sans-serif;
    font-size: 9pt;
}


h1 {
    color: #EE232A;
    font-size: 13pt;
    margin-bottom: 30px;
}


h2 {
    color: #000;
    margin: 20px 0 10px;
}


h3 {
    color: #000;
    margin: 20px 0 10px;
}


img {
    border: none;
}


a {
    color: #000;
}


p {
    margin-bottom: 10px;
}


ul,
ol {
    margin-left: 16px;
    margin-bottom: 10px;
}




/*Home-Seite definieren*/
#container_home {
    background-image: url('../../../typo3conf/ext/saemawerk/Resources/Public/Images/hintergrund_home.png');
    -webkit-box-shadow:0 0 12px rgba(0,0,0,0.6);
    box-shadow:0 0 12px rgba(0,0,0,0.6);
    -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=0,Color=#99000000,Positive=true)";
    filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=0,Color=#99000000,Positive=true);
    width: 940px;
    height: 872px;
    overflow: hidden;
    text-align: left;
    color: #fff;
}


#container_home h3 {
    color: #fff;
    margin-bottom: 20px;
    margin-top: 20px;
    line-height: 24px;
}


#container_home #content_bar p, #container_home #content_bar a {
    color: #000;
}


#container_home #main {
    width: 460px;
}
/*Home-Seite Ende*/




#container {
    background-image: url('../../../typo3conf/ext/saemawerk/Resources/Public/Images/hintergrund.png');
    -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.6);
    -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=0,Color=#99000000,Positive=true)";
    filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=0,Color=#99000000,Positive=true);
    width: 940px;
    height: 1065px;
    overflow: hidden;
    text-align: left;
}


#container--boundless {
    background-color: #ddd;
    -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.6);
    -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=0,Color=#99000000,Positive=true)";
    filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color=#99000000, Positive=true);
    width: 940px;
    text-align: left;
}


#header {
    width: 940px;
    height: 124px;
    z-index: 0;
}




/*Subheader definieren*/
#subheader {
    background: #231f20;
    border-top: 4px solid #ddd;
    width: 940px;
    height: 35px;
    overflow: auto;
}


#subheader a {
    color: #fff;
}


#subheader li {
    width: 95px;
    height: 35px;
    text-align: center;
    list-style-type: none;
    float: left;
}


#subheader .topnav_li_lang {
    width: 20px !important;
    margin-right: 7px;
}


#subheader li a {
    display: block;
    line-height: 35px;
    text-decoration: none;
}
/*Subheader Ende*/




/*Menu definieren*/
#menu {
    margin-left: 50px;
    height: 35px;
    float: left;
}


#menu li {
    margin-right: 7px;
}


#menu .menu_ebene_1_li {
    background-color: #5d5b5b;
}


#menu .menu_ebene_1_li_active, #menu a:hover, .topnav_li_active {
    background-color: #ee232a;
}
/*Menu Ende*/




/*Topnavigation definieren*/
#topnav {
    height: 35px;
    float: right;
}


#topnav span {
    margin-right: 35px;
}
/*Topnavigation Ende*/




#main {
    width: 880px;
    height: 466px;
    text-align: left;
    margin-left: 0;
    padding-top: 35px;
    padding-left: 60px;
}


#main--boundless {
    width: 880px;
    text-align: left;
    margin-left: 0;
    padding-top: 35px;
    padding-left: 60px;
    padding-bottom: 3em;
}


#main p {
    line-height: 12.5pt;
}


#col_right {
    background-color: #000;
    float: right;
    width: 371px;
    height: 111px;
    padding: 3px;
}




/*Rechte Spalte ohne Farbe*/
#col_right.no_background {
    background-color: transparent;
    height: auto;
    margin-right: 25px;
}
/*Rechte Spalte ohne Farbe Ende*/



#content {
    width: 445px;
    height: 400px;
    float: left;
}

#content--boundless {
    margin: 0;
    width: 445px;
}


#content li {
    margin-bottom: 3px;
    margin-left: 15px;
}


#container #content_bar {
    padding-top: 6px;
    color: #fff;
}


#container #content_bar a {
    color: #fff;
}


#content_bar {
    width: 880px;
    height: 123px;
    padding-top: 4px;
    padding-bottom: 3px;
    padding-left: 60px;
    color: #fff;
    font-weight: bold;
    font-size: 90%;
}


#content_bar .frame-default {
    float: left;
    margin-right: 25px;
}


#content_bar .ce-bodytext {
    width: 205px;
    margin-top: 15px;
    line-height: 140%;
}




/*Formulare*/
fieldset {
    box-sizing: border-box;
    border: none;
    margin: 0;
    padding: 0;
}


label {
    box-sizing: border-box;
    width: 100%;
}


input,
textarea {
    box-sizing: border-box;
    margin-bottom: 5px;
    width: 100%;
}


textarea {
    cursor: text;
    height: 150px;
    resize: vertical;
}


input[type="submit"] {
    background-color: #EEE;
    border: 1px solid #888;
    cursor: pointer;
    padding: .5em 1em;
    -webkit-appearance: button;
}


input[type="submit"]:hover {
    background-color: forestgreen;
    border: 1px solid #888;
    color: #fff;
}
/*Formulare Ende*/

.ce-align-left { text-align: left; }
    .ce-align-center { text-align: center; }
    .ce-align-right { text-align: right; }

    .ce-table td, .ce-table th { vertical-align: top; }

    .ce-textpic, .ce-image, .ce-nowrap .ce-bodytext, .ce-gallery, .ce-row, .ce-uploads li, .ce-uploads div { overflow: hidden; }

    .ce-left .ce-gallery, .ce-column { float: left; }
    .ce-center .ce-outer { position: relative; float: right; right: 50%; }
    .ce-center .ce-inner { position: relative; float: right; right: -50%; }
    .ce-right .ce-gallery { float: right; }

    .ce-gallery figure { display: table; margin: 0; }
    .ce-gallery figcaption { display: table-caption; caption-side: bottom; }
    .ce-gallery img { display: block; }
    .ce-gallery iframe { border-width: 0; }
    .ce-border img,
    .ce-border iframe {
        border: 2px solid #000;
        padding: 0;
    }

    .ce-intext.ce-right .ce-gallery, .ce-intext.ce-left .ce-gallery, .ce-above .ce-gallery {
        margin-bottom: 10px;
    }
    .ce-intext.ce-right .ce-gallery { margin-left: 10px; }
    .ce-intext.ce-left .ce-gallery { margin-right: 25px; }
    .ce-below .ce-gallery { margin-top: 10px; }

    .ce-column { margin-right: 10px; }
    .ce-column:last-child { margin-right: 0; }

    .ce-row { margin-bottom: 10px; }
    .ce-row:last-child { margin-bottom: 0; }

    .ce-above .ce-bodytext { clear: both; }

    .ce-intext.ce-left ol, .ce-intext.ce-left ul { padding-left: 40px; overflow: auto; }

    /* Headline */
    .ce-headline-left { text-align: left; }
    .ce-headline-center { text-align: center; }
    .ce-headline-right { text-align: right; }

    /* Uploads */
    .ce-uploads { margin: 0; padding: 0; }
    .ce-uploads li { list-style: none outside none; margin: 1em 0; }
    .ce-uploads img { float: left; padding-right: 1em; vertical-align: top; }
    .ce-uploads span { display: block; }

    /* Table */
    .ce-table { width: 100%; max-width: 100%; }
    .ce-table th, .ce-table td { padding: 0.5em 0.75em; vertical-align: top; }
    .ce-table thead th { border-bottom: 2px solid #dadada; }
    .ce-table th, .ce-table td { border-top: 1px solid #dadada; }
    .ce-table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0,0,0,.05); }
    .ce-table-bordered th, .ce-table-bordered td { border: 1px solid #dadada; }

    /* Space */
    .frame-space-before-extra-small { margin-top: 1em; }
    .frame-space-before-small { margin-top: 2em; }
    .frame-space-before-medium { margin-top: 3em; }
    .frame-space-before-large { margin-top: 4em; }
    .frame-space-before-extra-large { margin-top: 5em; }
    .frame-space-after-extra-small { margin-bottom: 1em; }
    .frame-space-after-small { margin-bottom: 2em; }
    .frame-space-after-medium { margin-bottom: 3em; }
    .frame-space-after-large { margin-bottom: 4em; }
    .frame-space-after-extra-large { margin-bottom: 5em; }

    /* Frame */
    .frame-ruler-before:before { content: ''; display: block; border-top: 1px solid rgba(0,0,0,0.25); margin-bottom: 2em; }
    .frame-ruler-after:after { content: ''; display: block; border-bottom: 1px solid rgba(0,0,0,0.25); margin-top: 2em; }
    .frame-indent { margin-left: 15%; margin-right: 15%; }
    .frame-indent-left { margin-left: 33%; }
    .frame-indent-right { margin-right: 33%; }
/* Magnific Popup CSS */
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8; }


.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden; }


.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box; }


.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle; }


.mfp-align-top .mfp-container:before {
    display: none; }


.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045; }


.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto; }


.mfp-ajax-cur {
    cursor: progress; }


.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out; }


.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in; }


.mfp-auto-cursor .mfp-content {
    cursor: auto; }


.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none; }


.mfp-loading.mfp-figure {
    display: none; }


.mfp-hide {
    display: none !important; }


.mfp-preloader {
    color: #CCC;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044; }


.mfp-preloader a {
    color: #CCC; }


.mfp-preloader a:hover {
    color: #FFF; }


.mfp-s-ready .mfp-preloader {
    display: none; }


.mfp-s-error .mfp-content {
    display: none; }


button.mfp-close,
button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    touch-action: manipulation; }


button::-moz-focus-inner {
    padding: 0;
    border: 0; }


.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    padding: 0 0 18px 10px;
    color: #FFF;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace; }


.mfp-close:hover,
.mfp-close:focus {
    opacity: 1; }


.mfp-close:active {
    top: 1px; }


.mfp-close-btn-in .mfp-close {
    color: #333; }


.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    color: #FFF;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%; }


.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap; }


.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent; }


.mfp-arrow:active {
    margin-top: -54px; }


.mfp-arrow:hover,
.mfp-arrow:focus {
    opacity: 1; }


.mfp-arrow:before,
.mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }


.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }


.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }


.mfp-arrow-left {
    left: 0; }


.mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }


.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }


.mfp-arrow-right {
    right: 0; }


.mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }


.mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }


.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px; }


.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }


.mfp-iframe-holder .mfp-close {
    top: -40px; }


.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%; }


.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }


/* Main image in popup */
img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto; }


/* The shadow behind the image */
.mfp-figure {
    line-height: 0; }


.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }


.mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }


.mfp-figure figure {
    margin: 0; }


.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto; }


.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #F3F3F3;
    word-wrap: break-word;
    padding-right: 36px; }


.mfp-image-holder .mfp-content {
    max-width: 100%; }


.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer; }


@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    /**
         * Remove all paddings around the image on small screen
         */
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0; }
    
    
    .mfp-img-mobile img.mfp-img {
        padding: 0; }
    
    
    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0; }
    
    
    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px; }
    
    
    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        box-sizing: border-box; }
    
    
    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0; }
    
    
    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px; }
    
    
    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0; }
}


@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75); }
    
    
    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0; }
    
    
    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%; }
    
    
    .mfp-container {
        padding-left: 6px;
        padding-right: 6px; }
}
.cc_banner-wrapper .cc_container .cc_btn.cc_btn_accept_all {
    background-color: #888;
    color: #fff;
    font-size: 1em;
    text-shadow: 0 1px 2px #000;
}

.cc_banner-wrapper .cc_container .cc_btn.cc_btn_accept_all:hover,
.cc_banner-wrapper .cc_container .cc_btn.cc_btn_accept_all:active {
    background-color: #21b92e;
    color: #fff;
}


.cc_banner-wrapper .cc_container .cc_message {
    color: #ddd;
    font-size: 1em !important;
    line-height: 130%;
    margin: 0 !important;
    text-align: left;
}


.cc_banner-wrapper .cc_container .cc_more_info {
    color: #ee232a;
    display: block;
}

.tx-powermail .powermail_fieldset .parsley-errors-list { display: none; margin: 5px 0 20px 0; padding: 0; list-style-type: none; background-color: #F2DEDE; border: 1px solid #EBCCD1; width: 100%; float: right; clear: left }


.tx-powermail .powermail_fieldset .parsley-errors-list.filled { display: block }


.tx-powermail .powermail_fieldset .parsley-errors-list > li { color: #A94442; padding: 5px 10px }


.tx-powermail .powermail_fieldset .powermail_field_error, .tx-powermail .powermail_fieldset .parsley-error, .tx-powermail .powermail_fieldset .powermail_form .parsley-error:focus, .tx-powermail .powermail_fieldset div.error { background-color: #EBCCD1; color: #A94442 }


.tx-powermail .powermail_fieldset .powermail_field_error_container .parsley-errors-list { width: 100%; margin-bottom: 0; background-color: #EBCCD1; border: none }


.tx-powermail .powermail_fieldset .powermail_field_error_container .parsley-errors-list > li { padding-left: 5px }


.tx-powermail .powermail_progressbar { width: 100%; height: 5px; float: right; border: 1px solid #EEE; clear: both }


.tx-powermail .powermail_progressbar.disable { display: none }


.tx-powermail .powermail_progressbar > .powermail_progress { background: #1E5799; width: 0%; max-width: 100%; -webkit-animation: progress 5s 1 forwards; -moz-animation: progress 5s 1 forwards; -ms-animation: progress 5s 1 forwards; animation: progress 5s 1 forwards }


.tx-powermail .powermail_progressbar > .powermail_progress > .powermail_progess_inner { height: 5px; width: 100%; overflow: hidden; background: url("/typo3conf/ext/powermail/Resources/Public/Image/icon_loading.gif") repeat-x; -moz-opacity: 0.25; -khtml-opacity: 0.25; opacity: 0.25; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=25); filter: alpha(opacity=25) }


.tx-powermail ul.powermail_fieldwrap_file_list { background-color: white; border: 1px solid #bbb; float: right; padding: 3px; width: 100%; list-style: none; border-radius: 4px; margin: 0 }


.tx-powermail ul.powermail_fieldwrap_file_list > li { margin: 5px }


.tx-powermail ul.powermail_fieldwrap_file_list > li .deleteAllFiles { color: #bbb; cursor: pointer }


.tx-powermail ul.powermail_fieldwrap_file_list > li .deleteAllFiles:hover { text-decoration: underline }


.tx-powermail .powermail_confirmation .powermail_progressbar { width: 100% }


.tx-powermail .powermail_message { padding: 5px 0 10px 20px; min-height: 65px; background-color: #EBCCD1; border: 1px solid #A94442; background-position: 98% 10px; background-repeat: no-repeat; list-style: circle }


.tx-powermail .powermail_message li { padding: 5px 50px 0 0; border: none; background: none }


.tx-powermail .powermail_message.powermail_message_ok { background-image: url("/typo3conf/ext/powermail/Resources/Public/Image/icon_ok.png"); background-color: #CDEACA; border: 1px solid #3B7826 }


.tx-powermail .powermail_message.powermail_message_ok li { color: #3B7826 }


.tx-powermail .powermail_message.powermail_message_error { background-image: url("/typo3conf/ext/powermail/Resources/Public/Image/icon_error.png") }


.tx-powermail .powermail_message.powermail_message_error li { color: #A94442 }


.tx-powermail .powermail_message.powermail_message_note { background-image: url("/typo3conf/ext/powermail/Resources/Public/Image/icon_ok.png"); background-color: #FCF8E3; border: 1px solid #FFCA4B }


.tx-powermail .powermail_message.powermail_message_note li { color: #FFCA4B }


.tx-powermail .powermail_tabmenu { list-style: none; margin: 0; padding: 0 }


.tx-powermail .powermail_tabmenu > li { display: inline-block; padding: 5px 10px; cursor: pointer; background: #eee; border-top: 1px solid #bbb; border-left: 1px solid #bbb; border-right: 1px solid #bbb; color: #aaa }


.tx-powermail .powermail_tabmenu > li.act { color: #444 }


.tx-powermail .powermail_tabmenu > li.parsley-error { background-color: #EBCCD1 }


.tx-powermail .powermail_fieldset .powermail_tab_navigation { margin-top: 2em }


.tx-powermail .powermail_fieldset .powermail_tab_navigation .powermail_tab_navigation_next, .tx-powermail .powermail_fieldset .powermail_tab_navigation .powermail_tab_navigation_previous { background-color: #aaa; display: inline-block; padding: 5px 30px; text-decoration: none; color: white; border: 1px solid #bbb; font-weight: bold }


.tx-powermail .powermail_fieldset .powermail_tab_navigation .powermail_tab_navigation_next { background-color: #1E5799; float: right }


.tx-powermail .powermail_form.nolabel > h3 { display: none }


.tx-powermail .powermail_fieldset.nolabel > legend { display: none }


.tx-powermail .powermail_fieldwrap.nolabel > label { display: none }


.tx-powermail .powermail_fieldwrap.nolabel > fieldset > legend { display: none }


@-webkit-keyframes progress {
    from { }
    to { width: 100% }
}


@-moz-keyframes progress {
    from { }
    to { width: 100% }
}


@-ms-keyframes progress {
    to { width: 100% }
}


@keyframes progress {
    from { }
    to { width: 100% }
}


.xdsoft_datetimepicker { box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.506); background: white; border-bottom: 1px solid #bbb; border-left: 1px solid #bbb; border-right: 1px solid #bbb; border-top: 1px solid #bbb; color: #333; padding: 8px; padding-left: 0px; padding-top: 2px; position: absolute; z-index: 9999; -moz-box-sizing: border-box; box-sizing: border-box; display: none }


.xdsoft_datetimepicker iframe { position: absolute; left: 0; top: 0; width: 75px; height: 210px; background: transparent; border: none }


.xdsoft_datetimepicker button { border: none !important }


.xdsoft_noselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none }


.xdsoft_noselect::selection { background: transparent }


.xdsoft_noselect::-moz-selection { background: transparent }


.xdsoft_datetimepicker.xdsoft_inline { display: inline-block; position: static; box-shadow: none }


.xdsoft_datetimepicker * { -moz-box-sizing: border-box; box-sizing: border-box; padding: 0px; margin: 0px }


.xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker .xdsoft_timepicker { display: none }


.xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker .xdsoft_timepicker.active { display: block }


.xdsoft_datetimepicker .xdsoft_datepicker { width: 224px; float: left; margin-left: 8px }


.xdsoft_datetimepicker .xdsoft_timepicker { width: 58px; float: left; text-align: center; margin-left: 8px; margin-top: 0px }


.xdsoft_datetimepicker .xdsoft_datepicker.active + .xdsoft_timepicker { margin-top: 8px; margin-bottom: 3px }


.xdsoft_datetimepicker .xdsoft_mounthpicker { position: relative; text-align: center }


.xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_today_button { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAAAeCAYAAACsYQl4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozQjRCQjRGREU4MkNFMzExQjRDQkIyRDJDOTdBRUI1MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCQjg0OUYyNTZDODAxMUUzQjMwM0IwMERBNUU0ODQ5NSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCQjg0OUYyNDZDODAxMUUzQjMwM0IwMERBNUU0ODQ5NSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkI5NzE3MjFBN0E2Q0UzMTFBQjJEQjgzMDk5RTNBNTdBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjNCNEJCNEZERTgyQ0UzMTFCNENCQjJEMkM5N0FFQjUwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+aQvATgAAAfVJREFUeNrsmr1OwzAQxzGtkPjYEAuvVGAvfQIGRKADE49gdLwDDwBiZ2RhQUKwICQkWLsgFiRQuIBTucFJ/XFp4+hO+quqnZ4uvzj2nV2RpukCW/22yAgYNINmc7du7DcghCjrkqgOKjF1znpt6rZ0AGWQj7TvCU8d9UM+QAGDrhdyc2Bnc1WVVPBev9V8lBnY+rDwncWZThG4xk4lmxtJy2AHgoY/FySgbSBPwPZ8mEXbQx3aDERb0EbYAYFC7pcAtAvkMWwC0D3NX58S9D/YnoGC7nPWr3Dg9JTbtuHhDShBT8D2CBSK/iIEvVXxpuxSgh7DdgwUTL4iA92zmJb6lKB/YTsECmV+IgK947AGDIqgQ/LojsO135Hn51l2cWlov0JdGNrPUceueXRwilSVgkUyom9Rd6gbLfYTDeO+1v6orn0InTogYDGUkYLO3/wc9BdqqTCKP1Tfi+oTIaCBIL2TES+GTyruT9S61p6BHam+99DFEAgLFklYsIBHwSI9QY80H5ta+1rB/6ovaKihBJeEJbgLbBlQgl+j3lDPqA2tfQV1j3pVn8s+oKHGTSVJ+FqDLeR5bCqJ2E/BCycsoLZETXaKGs7rhKVt+9HZScrZNMi88V8P7LlDbvOZYaJVpMMmBCT4n0o8dTBoNgbdWPsRYACs3r7XyNfbnAAAAABJRU5ErkJggg==") }


.xdsoft_datetimepicker .xdsoft_prev { float: left; background-position: -20px 0px }


.xdsoft_datetimepicker .xdsoft_today_button { float: left; background-position: -70px 0px; margin-left: 5px }


.xdsoft_datetimepicker .xdsoft_next { float: right; background-position: 0px 0px }


.xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_today_button { background-color: transparent; background-repeat: no-repeat; border: 0px none currentColor; cursor: pointer; display: block; height: 30px; opacity: 0.5; outline: medium none currentColor; overflow: hidden; padding: 0px; position: relative; text-indent: 100%; white-space: nowrap; width: 20px }


.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next { float: none; background-position: -40px -15px; height: 15px; width: 30px; display: block; margin-left: 14px; margin-top: 7px }


.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev { background-position: -40px 0px; margin-bottom: 7px; margin-top: 0px }


.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box { height: 151px; overflow: hidden; border-bottom: 1px solid #eee }


.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div { background: white; border-top: 1px solid #eee; color: #444; font-size: 12px; text-align: center; border-collapse: collapse; cursor: pointer; border-bottom-width: 0px; height: 25px; line-height: 25px }


.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:first-child { border-top-width: 0px }


.xdsoft_datetimepicker .xdsoft_today_button:hover, .xdsoft_datetimepicker .xdsoft_next:hover, .xdsoft_datetimepicker .xdsoft_prev:hover { opacity: 1 }


.xdsoft_datetimepicker .xdsoft_label { display: inline; position: relative; z-index: 9999; margin: 0; padding: 5px 3px; font-size: 14px; line-height: 20px; font-weight: bold; background-color: #fff; float: left; width: 182px; text-align: center; cursor: pointer }


.xdsoft_datetimepicker .xdsoft_label:hover { text-decoration: underline }


.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select { border: 1px solid #ccc; position: absolute; right: 0px; top: 30px; z-index: 101; display: none; background: #fff; max-height: 160px; overflow-y: hidden }


.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect { right: -7px }


.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect { right: 2px }


.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover { color: #fff; background: #A94442 }


.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option { padding: 2px 10px 2px 5px }


.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current { background: #1E5799; box-shadow: #1E5799 0px 1px 3px 0px inset; color: #fff; font-weight: 700 }


.xdsoft_datetimepicker .xdsoft_month { width: 90px; text-align: right }


.xdsoft_datetimepicker .xdsoft_calendar { clear: both }


.xdsoft_datetimepicker .xdsoft_year { width: 56px }


.xdsoft_datetimepicker .xdsoft_calendar table { border-collapse: collapse; width: 100% }


.xdsoft_datetimepicker .xdsoft_calendar td > div { padding-right: 5px }


.xdsoft_datetimepicker .xdsoft_calendar th { height: 25px }


.xdsoft_datetimepicker .xdsoft_calendar td, .xdsoft_datetimepicker .xdsoft_calendar th { width: 14.2857142%; background: #F5F5F5; border: 1px solid #DDD; color: #666; font-size: 12px; text-align: right; padding: 0px; border-collapse: collapse; cursor: pointer; height: 25px }


.xdsoft_datetimepicker .xdsoft_calendar th { background: #F1F1F1 }


.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today { color: #1E5799 }


.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current { background: #1E5799; box-shadow: #1E5799 0px 1px 3px 0px inset; color: #fff; font-weight: 700 }


.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled, .xdsoft_datetimepicker .xdsoft_time_box > div > div.xdsoft_disabled { opacity: 0.5 }


.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled { opacity: 0.2 }


.xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover { color: #fff !important; background: #A94442 !important; box-shadow: none !important }


.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_disabled:hover { color: inherit !important; background: inherit !important; box-shadow: inherit !important }


.xdsoft_datetimepicker .xdsoft_calendar th { font-weight: 700; text-align: center; color: #999; cursor: default }


.xdsoft_datetimepicker .xdsoft_copyright { color: #ccc !important; font-size: 10px; clear: both; float: none; margin-left: 8px }


.xdsoft_datetimepicker .xdsoft_copyright a { color: #eee !important }


.xdsoft_datetimepicker .xdsoft_copyright a:hover { color: #aaa !important }


.xdsoft_time_box { position: relative; border: 1px solid #ccc }


.xdsoft_scrollbar > .xdsoft_scroller { background: #ccc !important; height: 20px; border-radius: 3px }


.xdsoft_scrollbar { position: absolute; width: 7px; right: 0px; top: 0px; bottom: 0px; cursor: pointer }


.xdsoft_scroller_box { position: relative }