/*
* Notice: This source file was originally developed by Automatik IT, to make development of new projects more efficient, internally and externally for various clients.
* The functionality in this file is provided in source form instead of as a binary (NuGet Package etc.) to allow clients of Automatik IT to make changes on their own.
* Clients of Automatik IT have the right to modify this file and have ownership of the changes they make.
* Exclusive ownership of the original source file is not granted, as it's used in various projects for the sake of efficiency.
*/

body {
    width: 100%;
    height: 100%;
}


    body > .Container {
        /*height: 100%;*/
        outline: 1px solid rgba(0,0,0,0);
        /* For FF - https://stackoverflow.com/questions/23080112/css-perspective-not-working-in-firefox */
        transform-style: inherit;


        perspective: 1500px;
	
        transform-style: preserve-3d;
    }

        body > .Container::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 0px;
            opacity: 0;
            background: rgba(0,0,0,0.2);
            /* the transition delay of the height needs to be synced with the container transition time */
            
            /*transition: opacity 0.4s, height 0s 0.4s;*/
        }



    /* Modal view */
    body.modalview {
        position: fixed;
        /*
    min-height: 100vh;
    */
        /*perspective: 1500px;*/

        /* For FF - https://stackoverflow.com/questions/23080112/css-perspective-not-working-in-firefox */
        /**/
    }


body {
    /*
    margin-left: calc(100vw - 100%);
    */
    margin-right: 0;
}

.InIFrame body {
    margin-left: 0;
    margin-right: 0;
    background-color: transparent !important;
}


body {
    overflow-x: hidden;
}
/*
@media screen and (min-width: 960px) {
    .perspective {
        margin-left: calc(100vw - 100%);
        margin-right: 0;
    }
}
    */


.modalview .body > .Container {
    position: absolute;
    /*
	overflow: hidden;
    */
    width: 100%;
    /*
	height: 100%;
    */
    cursor: pointer;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

    .modalview .body > .Container > .Content {
        -webkit-transform: translateZ(-1px); /* solves a rendering bug in Chrome on Windows */
    }

.animate .body > .Container::after {
    opacity: 1;
    height: 101%;
    transition: opacity 0.3s;
}



body > .Container > .Content {
    transition: transform .4s;
    /*
    transform-origin: top left;
    max-width: 100%;
	*/
	
	transition: transform .4s;
    transform-origin: left center;
    max-width: 100%;
	
}

    body > .Container > .Content::after {
        background: rgba(255,255,255,0.6);
    }

body.animate > .Container > .Content {
	/*
    transform: translateX(-212px) rotateY(45deg) translateZ(-50px);
	*/
	transform: translateX(-212px) rotateY(15deg) translateZ(-50px);
}

.no-csstransforms3d body.animate > .Container > .Content {
    left: -75%;
}







/* The iframe containing the details page */
.DialogueIFrame {
    height: 100vh;
    width: 100%;
    border: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 200;
    /*transition: background-color 3s;*/
}


.WindowIFrame {
    background-color: rgba(0,0,0,.25);
}

/* Hide full page content when inside the iframe */
/*
.InIFrame > body > .Container > header {
    display: none;
}
*/

/*
.InIFrame .Background {
    background: transparent;
}
*/

/* The details form in the iframe */
.InIFrame form {
    /*
        max-width: 600px;
    */

    /*
    margin-left: auto !important;
    margin-right: auto;

    */
/*
         filter: drop-shadow(0px 10px 60px rgba(0,0,0, .08)); 
            
        */
    box-shadow: 0px 10px 60px rgba(0,0,0, .08);
    border: none;
    margin-top: 156px;
}


.InIFrame .content.container {
    margin-left: auto !important;
    margin-right: auto !important;
}





.AIWindowMenu {
    display: inline-block;
    vertical-align: middle;
    /*
        position: absolute;
    top: 10px;
    right: 15px;
    width: 100px;
    */
    /*
    position: absolute;
    top: 10px;
    
    padding-right: 0;
    */
}

    .AIWindowMenu .dropdown-toggle {
        font-size: 18px;
        background: none;
        border: none;
        float: right;
    }


        .AIWindowMenu .dropdown-menu li a {
            position: relative;
            font-size: 15px;
            /*
    color: rgba(0, 0, 0, 0.5) !important;
    */
            text-align: left;
        }

            .AIWindowMenu .dropdown-menu li a .Icon {
                font-size: 28px;
            }

/*
.AIWindowMenu .dropdown-menu li a.AddNewButton  {
    font-weight: normal !important;
    color: #fff !important;
}
*/


/* Small screen */
@media only screen and (max-width: 600px) {

    .AIWindowMenu .dropdown-menu li a {
        background-color: transparent;
        color: #000;
    }
}


/* Large screen - Show all buttons inline when the viewport size allows it */
@media only screen and (min-width: 600px) {

    /*
    body {
        background-color: lightblue;
    }
    */

    .AIWindowMenu .dropdown-menu {
        display: inline-block;
        position: static;
        /*
        max-width: 200px;
        */
        background-color: transparent !important;
        border: none;
        box-shadow: none;
        margin: 0;
        /*
        padding: 0;
        */
        top: 0;
        right: 0;
        min-width: unset;
    }


    .AIWindowMenu .dropdown-toggle {
        display: none;
    }



    .AIWindowMenu .dropdown-menu li {
        display: inline-block;
        font-weight: normal !important;
        text-align: center;
    }

        .AIWindowMenu .dropdown-menu li a {
            padding-left: 4px;
            padding-right: 4px;
            margin-right: 0;
        }

            .AIWindowMenu .dropdown-menu li a:hover,
            .widget-controls a:hover {
                background-color: rgba(0, 0, 0, .1);
            }

            .AIWindowMenu .dropdown-menu li a.CreateButton {
                display: flex;
                align-items: center;
                /*
                padding-left: 12px;
                */
                padding-right: 12px;
                /*
                padding-top: 6px;
                padding-bottom: 6px;
                    */
                padding-top: 0;
                padding-bottom: 0;
            }

                .AIWindowMenu .dropdown-menu li a.CreateButton > .Icon {
                    font-size: 34px;
                    transform: rotate(45deg);
                }


    .DomainObject .AIWindowMenu .dropdown-menu li a {
        color: #fff;
    }

    .AIWindowMenuItemName {
        display: none;
    }
}





.MajorMinorWindowsContainer {
    max-height: 100%;
    display: flex;
    flex-grow: 1;
    justify-content: center;
    margin-top: 36px;
}

    .MajorMinorWindowsContainer:first-of-type {
        margin-top: 0;
    }



    /* LEFT WINDOW */
    .MajorMinorWindowsContainer > section.Control:nth-of-type(1) {
        margin-right: 0;
        box-shadow: 21px 0px 61px 0px rgba(0,0,0,.2);
        z-index: 1;
        /*
        flex-grow: 10;
        */
        flex-grow: 9;
    }

    /* RIGHT WINDOW */
    .MajorMinorWindowsContainer > section.Control:nth-of-type(2) {
        /*background-color: #fec416;*/
        /*
        background-color: #ffcb00;
        */
        /*
        padding: 120px 36px 120px 36px;
        */
        /*
        width: 34%;
            */
        transform-origin: center left;
        transform: scale(0.94);
        margin-left: 0;
        /*
        flex-grow: 2;
            */
        /*
        max-width: 300px;
        */
        flex-grow: 3;


        /* Reset for .Control*/
        margin-top: 0;
    }


        .MajorMinorWindowsContainer > section.Control:nth-of-type(2) a {
            color: #FFF;
            color: rgba(0,0,0,.7);
            border-bottom: none;
        }

        .MajorMinorWindowsContainer > section.Control:nth-of-type(2) .CreateButton {
            color: #000;
        }

        /* Show icons in white in right window */
        .MajorMinorWindowsContainer > section.Control:nth-of-type(2) td .Icon {
            color: #FFF !important;
        }



/* BG colors for specific windows */
#Processors {
    background-color: #82d5ff;
}

#Processors thead {
    display: none;
}

/*
#PriorConsultationListPartial {
    background-color: #ffcb00;
}
*/

#DpoListPartial {
    background-color: #f4cd2d;
    background-color: #5eaef1;
    background-color: #69f42d;
    background-color: #b8eaf5;
    background-color: #79cfff;
    /*
    background-color: #f4b42d;
        */
}