/* module_modal.css */
.module_modal {}

.module_modal .modColClass {
    flex: auto;
    overflow: hidden;
    float: left;
    width: 100%;
    margin: 1em 1em 0 1em;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.module_modal .modColClass.left {
    width: 50%;
    margin: 1em 1em 1em 0;
    padding: 2em 0;
}

.module_modal .modColClass.right {
    width: 50%;
    margin: 1em 0 0 1em;
    padding: 2em 0;
}

.module_modal .modColClass img {
    display: inline-flex;
    max-width: 300px;
    height: auto;
    flex-shrink: 0;/* awesome!!! for ie11 */
    border-radius: 300px;
    align-self: center;
}

.module_modal .modColClass hr {
    width: 100%;
}

.module_modal .modColClass h1 {
    font-size: 150%;
}

.module_modal .modColClass h2 {
    font-size: 140%;
}

.module_modal .modColClass h3 {
    font-size: 130%;
}

.module_modal .modColClass h1,
.module_modal .modColClass h2,
.module_modal .modColClass h3,
.module_modal .modColClass p,
.module_modal .modColClass ul {
    margin: 0;
    padding: 0 0 1em 0;
}

.module_modal .modColClass ul.deptText {
    font-size: 100%;
    /*list-style: none;*/
    padding-left: 2em;
    padding-bottom: 0;
}

.module_modal .modColClass ul.deptText li {}

.module_modal .modColClass ul.deptText li ul {
    /*list-style: none;*/
    padding: 0;
}

.module_modal .modColClass ul.deptText li ul li {
    margin-left: 2em;
}

.module_modal .modColClass ul.deptText li ul li ul {
    /*list-style: none;*/
    padding: 0;
}

.module_modal .modColClass ul.deptText li ul li ul li {
    margin-left: 2em;
}

.module_modal .modColClass ul.deptText li {}

.module_modal .orgStruct {
    padding: 1em 0 0 0;
}

.module_modal .modColClass {
    margin: 0;
    padding: 2em 0;
}

.module_modal.responsibilities p {
    font-size: 75%;
    line-height: 150%;
}

.dialog-content {
    overflow: auto;
    max-height: 100%;
    padding: 0 2em;
}

@media only screen and (max-width: 1280px) {}

@media only screen and (max-width: 768px) {
    .module_modal .modColClass h1 {
        font-size: 120%;
    }
    
    .module_modal .modColClass h2 {
        font-size: 110%;
    }
    
    .module_modal .modColClass h3 {
        font-size: 90%;
    }
    
    .module_modal .modColClass p, 
    .module_modal .modColClass ul.deptText {
        font-size: 75%;
    }
    
    .row.module_modal {
        flex-direction: column;
    }
    
    .module_modal .modColClass img {
        max-width: 200px;
        max-height: 200px;
        margin: 0 auto;
    }
    
    .module_modal .modColClass {
        width: 100%;
        margin: 0;
        padding: 1em 0;
    }
        
    .module_modal .modColClass.left {
        width: 100%;
        margin: 0;
        padding: 1em 0 0.5em 0;
    }

    .module_modal .modColClass.right {
        width: 100%;
        margin: 0;
        padding: 0.5em 0 1em 0;
    }
    
    .dialog-content {
        padding: 0 1em;
    }
}

@media only screen and (max-width: 460px) {
}