/* 
    Created on : 2016.09.23., 11:40:49
    Author     : stradus
*/
.datasheet_head {
    background-size: cover;
    background-position: center;
    padding:30px;
    height:200px;
    position:relative;
    background-repeat: no-repeat;
}
    .datasheet_head.city {
    background-size: contain;
    background-position: right;
    }
    .datasheet_head h2, .datasheet_head h3{
        margin:0;
        padding:0;
    }
    .datasheet_head h2 {
        position:absolute;
        bottom:20px;
        left:20px;
        background-color:#fff;
        padding:10px 20px 10px 20px !important;
        font-size:36px !important;
        display:inline-block;
        max-width:calc(100% - 90px) !important;
    }
    .datasheet_head h3 {
        position:absolute;
        top:20px;
        left:20px;
        background-color:#fff;
        color:#000;
        padding:5px;
    }
    .datasheet_head .times {
        position:absolute;
        top:20px;
        right:20px;
        background-color:#fff;
        padding:5px;
        color:#000;
    }
    .datasheet_datas .openstatus {
        margin-top:10px;
        text-align: left;
    }
        .datasheet_datas .openstatus.closed {
            color:red;
        }
        .datasheet_datas .openstatus.nearopen {
            color: gold;
        }
        .datasheet_datas .openstatus.open {
            color:green;
        }
        .datasheet_datas .openstatus.nearclose {
            color:orange;
        }
    .datasheet_social {
    	text-align:right;
    	padding:20px;
    }
    .simtext {
        padding:45px 0 20px 30px;
        color:#666;
    }
        .simtext iframe{
            margin:auto;
            display:block;
        }
        aside .simtext {
            padding:0 0 0 20px;
            color:#666;
        }
            aside .simtext h3{
                margin-bottom: 0px;
            }
        .simtext.info{
            display:inline-block;
            padding:0px;
        }
    .formtext {
        font-size:22px;
        padding:20px 0 20px 0;
        font-family: "Times New Roman", Times, serif;
        word-wrap:break-word;
    }
        .formtext ul, .formtext ol{
            font-size:22px;
        }
        .formtext img{
            max-width:100%;
            width: auto;
            height: auto !important;
            /*display: block;*/
            min-height: 0px !important;
            max-height: none !important;
        }
        .formtext table{
            border-collapse: collapse;
        }
            .formtext table tr{
                margin: 0;
                padding: 0;
            }
                .formtext table tr td, .formtext table tr th, .formtext table caption{
                    margin: 0;
                    padding: 5px;
                    border: 1px solid rgba(0,0,0,0.1);
                    color: #333;
                }
                .formtext table tr th, .formtext table caption{
                    font-weight: bold;
                }
                .formtext table caption{
                    color: #000;
                }
                .formtext h1, .formtext h2, .formtext h3, .formtext h4, .formtext h5, .formtext h6 {
                    margin-top:1.8em;
                    margin-bottom:0px;
                }
                    .formtext h1:first-child, .formtext h2:first-child, .formtext h3:first-child, .formtext h4:first-child, .formtext h5:first-child, .formtext h6:first-child {
                        margin-top:0em !important;
                    }
                .formtext h1 {
                    font-size:32px !important;
                }
                .formtext h2 {
                    font-size:29px !important;
                }
                .formtext h3 {
                    font-size:26px !important;
                }
                .formtext h4 {
                    font-size:23px !important;
                }
                .formtext h5 {
                    font-size:20px !important;
                }
                .formtext h6 {
                    font-size:17px !important;
                }
                .formtext blockquote {
                    margin-left:10px;
                    padding-left:10px;
                    border-left:2px solid #666;
                    display:inline-block;
                    page-break-after: always;
                }
                .formtext blockquote, .formtext q {
                    font-style: italic;
                }
        .formtext .overflowXAuto{
            max-width: 100%;
            overflow-x: auto;
        }
        .formtext .overflowXAuto table{
        }
        .formtext .overflowXAuto table tbody{
            width: 100%;
        }
    .datasheet_datas {
        padding-top:30px;
    }
        .datasheet_datas .group {
            display:inline-block;
            vertical-align: top;
            margin:0px 30px 30px 0;
        }
            .datasheet_datas .group h3{
                margin-top: 0px;
                padding-top: 0px;
            }
    .datasheet_gallery {
        background-color:#FAFAFA;
        text-align:left !important;
        padding: 30px;
    }
        .datasheet_gallery nav{
            clear: both;
        }
            .datasheet_gallery li{
                float:left;
                text-indent: -5px;
                padding-right: 40px;
                padding-bottom: 20px;
            }
        .datasheet_gallery .gallery_title{
            clear: both;
            font-weight: bold;
        }
            .datasheet_gallery .gallery_title:hover{
                text-decoration: underline;
            }
        .datasheet_gallery .image{
            display:inline-block;
            width:300px;
            width:calc(33% - 40px);
            height:180px;
            line-height:180px;
            background-size: 30%, cover;
            background-repeat: no-repeat;
            background-position: center;
            margin:20px;
            cursor:pointer;
            overflow:hidden;
            text-align: center;
            white-space: nowrap;
            align-items: center;
            position: relative;
        }
            .datasheet_gallery .image:before{
                content: '';
                display: inline-block;
                height: 100%;
                vertical-align: middle;
                margin-right: -0.25em;
            }
            .datasheet_gallery .image img{
                max-width: 100%;
                width:100%;
                display: inline-block;
                vertical-align: middle;
                position: relative;
                top: 50%;
                transform: translateY(-50%);
                -webkit-transform: translateY(-50%);
            }
        .datasheet_gallery .file{
            display:inline-block;
            min-height:100px;
            margin:10px;
            cursor:pointer;
            clear: both;
            vertical-align: top;
            overflow: hidden;
            background-color: #FFFFFF;
            padding:20px;
            width:calc(50% - 60px);
        }
            .datasheet_gallery .file .cover{
                background-size: 30%, cover;
                background-repeat: no-repeat;
                background-position: center;
                height:100px;
                width:100px;
                vertical-align: top;
                display:inline-block;
            }
            .datasheet_gallery .file .group{
                vertical-align: top;
                padding-left: 10px;
                display:inline-block;
                width:calc(100% - 180px);
            }
    .datasheet_gallery {
        overflow: hidden;
        -webkit-transition: height .3s;
        -moz-transition: height .3s;
        -ms-transition: height .3s;
        -o-transition: height .3s;
        transition: height .3s;
        height:auto;
    }
        .gallery_group_button {
            text-align: center;
            padding:30px;
            cursor:pointer;
        }
        .gallery_group {
            width:auto !important;
        }
            /*.gallery_group .image {
                display: none;
            }*/
            .gallery_group.closed .image, .gallery_group.closed a .file {
                display:none !important;
            }
            .gallery_group.closed .image:nth-child(1),.gallery_group.closed .image:nth-child(2),.gallery_group.closed .image:nth-child(3), .gallery_group.closed a:nth-child(1) .file,.gallery_group.closed a:nth-child(2) .file{
                display: inline-block !important;
            }
            .gallery_group:not(.closed) .image {
                display: inline-block;
                width: calc(33% - 40px);
            }
            gallery_group:not(.closed) a .file {
                display: inline-block;
                width: calc(33% - 60px);
            }
        /*.gallery_group:not(.first) {
            display:none;
        }*/
        .gallery_title {
            cursor:pointer;
        }
.datasheet_children {
    background-color:#FAFAFA;
    text-align:left !important;
    padding: 30px;
}
.datasheet_footer {
    color:#999;
    font-size:14px;
    padding:20px 0;
    text-align: right;
}
    .datasheet_footer .element {
        padding:20px;
    }

        /* RESPONSIVENESS */


@media screen and (max-width: 1000px) {
    .datasheet_gallery .file, .datasheet_gallery .image {
        display: block !important;
        width:auto !important;
    }
}
@media screen and (max-width: 1024px) {
    .datasheet_datas {
        padding: 30px 5px 1px 5px !important;
    }
        .datasheet_head {
            height: auto;
            padding:100px 10px 10px 10px;
        }
            .datasheet_head h2, .datasheet_head h3, .datasheet_head .times{
                position: static;
                font-size:24px !important;
                margin: 10px !important;
            }
            .datasheet_head h2 {
                max-width:none !important;
                width:auto !important;
                padding: 5px !important;
            }
            .datasheet_head h3 {
                display:inline-block;
                vertical-align: bottom;
                margin:10px;
            }
    #content .formtext {
        padding:5px;
    }
    #content .simtext {
        padding:20px 0px 0px 0px;
        margin:0px !important;
    }
    #content .formtext *{
        margin-left:0px !important;
        margin-right:0px !important;
    }
    #content .formtext p, #content .formtext ul, #content .formtext ol{
        font-size:18px;
    }
    .datasheet_footer .element{
        display:block !important;
    }
    .datasheet_gallery .image {
        height:200px;
    }
    /*.formtext table, .formtext table caption, .formtext tbody, .formtext thead, .formtext tr, .formtext td, .formtext th {
        display:block;
        width:auto;
    }*/
}
@media screen and (max-width: 500px) {
    .formtext img {
        display: block !important;
        width:auto !important;
        max-width: 90% !important;
        float: none !important;
        margin:10px auto !important;
    }
}
@media screen and (max-width: 400px) {
        .datasheet_datas .group {
            margin:10px 0 !important;
            display:block;
        }
        .datasheet_datas .group h3 {
            margin-top:10px;
            margin-bottom:2px;
        }
}