/*
 * Copyright (C) 2013 salesforce.com, inc.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *         http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

/* should be able to remove this next rule after ie11 support is dropped */
.THIS {
    position: -ms-device-fixed;
}

.THIS .hidden {
    display: none;
}

/* Fix for W-5134885 on IE11*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .THIS .modal-body {
        transform: translate(0px);
    }
}
/* ===== ANIMATION AND TRANSFORMS ======= */
.THIS .transitioning {
    transition: transform .3s linear, opacity .2s linear;
}

.THIS .panel.movefrombottom {
    visibility: visible;
    animation: movefrombottom-modal .4s ease-in-out;
}

.THIS .panel.movetobottom {
    visibility: visible;
    animation: movetobottom-modal .4s ease-in-out;
}

.THIS .panel.movefromtop {
    visibility: visible;
    animation: movefromtop-modal .4s ease-in-out;
}

.THIS .panel.movetotop {
    visibility: visible;
    animation: movetotop-modal .4s ease-in-out;
}

.THIS .panel.movefromleft {
    visibility: visible;
    animation: movefromleft-modal .4s ease-in-out;
}

.THIS .panel.movetoleft{
    visibility: visible;
    animation: movetoleft-modal .4s ease-in-out;
}

.THIS .panel.movefromright {
    visibility: visible;
    animation: movefromright-modal .4s ease-in-out;
}

.THIS .panel.movetoright {
    visibility: visible;
    animation: movetoright-modal .4s ease-in-out;
}

.THIS .panel.movefromcenter {
    visibility: visible;
    animation: movefromcenter .4s ease-in-out;
}

.THIS .panel.movetocenter {
    visibility: visible;
    animation: movetocenter .4s ease-in-out;
}

.THIS .panel.movefrompop {
    visibility: visible;
    animation: movefrompop-modal .2s linear;
}

.THIS .panel.movetopop {
    visibility: visible;
    animation: movetopop-modal .2s ease-in-out;
}

/* ANIMATIONS */
/**** to/from bottom top *****/
@keyframes movetobottom-modal {
    from { transform:translate3d(0px, 0px , 0px) }
    to { transform:translate3d(0px, 16px , 0px) }
}

@keyframes movefrombottom-modal {
    from { transform:translate3d(0px, 16px , 0px) }
    to { transform:translate3d(0px, 0px , 0px) }
}

/**** to/from top *****/
@keyframes movetotop-modal {
    from { transform:translate3d(0px, 0px , 0px) }
    to { transform:translate3d(0px, -16px , 0px) }
}

@keyframes movefromtop-modal {
    from { transform:translate3d(0px, -16px , 0px) }
    to { transform:translate3d(0px, 0px , 0px)  }
}

/**** to/from left *****/
@keyframes movetoleft-modal {
    from { transform:translate3d(0px, 0px , 0px) }
    to { transform:translate3d(-16px, 0px , 0px) }
}

@keyframes movefromleft-modal {
    from { transform:translate3d(-16px, 0px , 0px) }
    to { transform:translate3d(0px, 0px , 0px) }
}

/**** to.from right *****/
@keyframes movetoright-modal {
    from { transform:translate3d(0px, 0px , 0px) }
    to { transform:translate3d(16px, 0 , 0px) }
}

@keyframes movefromright-modal {
    from { transform:translate3d(16px, 0px , 0px) }
    to { transform:translate3d(0px, 0px , 0px) }
}

/**** to/from pop *****/
@keyframes movetopop-modal {
    from { transform:scale3d(1,1,1) }
    to { transform:scale3d(.97,.97,1) }
}

@keyframes movefrompop-modal {
    0% { transform:scale3d(.97,.97,1) }
    60% { transform:scale3d(1.02,1.02,1) }
    100% { transform:scale3d(1,1,1) }
}

/**** to/from center *****/
@keyframes movefromcenter{
    from {
         -webkit-transform:scale3d(.97,.97,1);
         transform:scale3d(.97,.97,1);
    }
}

@keyframes movetocenter {
    to { 
        -webkit-transform:scale3d(.97,.97,1);
        transform:scale3d(.97,.97,1);
    }
}