.iHeadingXXLarge {
    font-family: Segoe UI, Arial;
    font-weight: bold;
    font-size: xx-large;
    color: #6264A7;
}

.iHeadingXLarge {
    font-family: Segoe UI, Arial;
    font-weight: bold;
    font-size: x-large;
    color: #6264A7;
}

.iHeadingLarge {
    font-family: Segoe UI, Arial;
    font-weight: bold;
    font-size: large;
    color: #6264A7;
}

.iHeadingMedium {
    font-family: Segoe UI, Arial;
    font-weight: bold;
    font-size: medium;
    color: #6264A7;
}

.iHeadingSmall {
    font-family: Segoe UI, Arial;
    font-weight: bold;
    font-size: small;
    color: #6264A7;
}

.iTextTeamsShade20Medium {
    font-family: Segoe UI, Arial;
    font-weight: normal;
    font-size: medium;
    color: #6264A7;
}

.iTextGray180Medium {
    font-family: Segoe UI, Arial;
    font-weight: normal;
    font-size: medium;
    color: #252423;
}

.iTextTeamsShade20Small {
    font-family: Segoe UI, Arial;
    font-weight: normal;
    font-size: small;
    color: #6264A7;
}

.iTextGray180Small {
    font-family: Segoe UI, Arial;
    font-weight: normal;
    font-size: small;
    color: #252423;
}

.iTextGray180XSmall {
    font-family: Segoe UI, Arial;
    font-weight: normal;
    font-size: x-small;
    color: #252423;
}

.iTextGray180XSmallBold {
    font-family: Segoe UI, Arial;
    font-weight: bold;
    font-size: x-small;
    color: #252423;
}

.sidebar-impromptu-overwrite {
    background-image: none !important;
    background-color: #6464A6 !important
}

div.bottom-fixed {
    position: fixed;
    width: 100%;
    bottom: 10px;
    text-align: left;
}

.copyright-label {
    font-family: Segoe UI, Arial;
    font-weight: normal;
    font-size: small;
    font-style: italic;
    color: #6264A7;
}

.impromptu-selected-row {
    background-color: #8B8BBC !important;
    color: white;
}

.btn-impromptu-accent {
    background-color: #6264A7;
    color: white;
}

.btn-impromptu-danger {
    background-color: #f00;
}

.impromptu-error-message {
    font-family: Segoe UI, Arial;
    font-weight: bold;
    font-size: medium;
    color: red;
}

.impromptu-error-message-medium {
    font-family: Segoe UI, Arial;
    font-weight: normal;
    font-size: medium;
    color: red;
}

.impromptu-error-message-small {
    font-family: Segoe UI, Arial;
    font-weight: normal;
    font-size: small;
    color: red;
}

/*Sliding Div */

.SlidingDivContainer {
    overflow: hidden;
}

/*From Right to Left */

.SlidingDivItem {
    display: inline-block;
    position: relative;
    right: -100%;
    transform: translateX(0%);
    transition: right 0.3s, transform 0.3s;
    -webkit-transform: translateX(0%);
}

.SlideInLeft {
    right: 0%;
    transform: translateX(0%);
}

.SlideOutRight {
    right: -100%;
    transform: translateX(0%);
}

@keyframes SlideInLeft {
    100% {
        right: 0%;
        transform: translateX(0%);
    }
}

@-webkit-keyframes SlideInLeft {
    100% {
        right: 0%;
        -webkit-transform: translateX(0%);
    }
}

@keyframes SlideOutRight {
    100% {
        right: -100%;
        transform: translateX(0%);
    }
}

@-webkit-keyframes SlideOutRight {
    100% {
        right: -100%;
        -webkit-transform: translateX(0%);
    }
}


/* From Botttom to Top */

.SlidingDivUpItem {
    display: inline-block;
    position: relative;
    bottom: -100%;
    transform: translateY(0%);
    transition: bottom 0.3s, transform 0.3s;
    -webkit-transform: translateY(0%);
}

.SlideInUp {
    bottom: 0%;
    transform: translateY(0%);
}

.SlideOutBottom {
    bottom: -100%;
    transform: translateY(0%);
}

@keyframes SlideInUp {
    100% {
        bottom: 0%;
        transform: translateY(0%);
    }
}

@-webkit-keyframes SlideInUp {
    100% {
        bottom: 0%;
        -webkit-transform: translateY(0%);
    }
}

@keyframes SlideOutBottom {
    100% {
        bottom: -100%;
        transform: translateY(0%);
    }
}

@-webkit-keyframes SlideOutBottom {
    100% {
        bottom: -100%;
        -webkit-transform: translateY(0%);
    }
}

/* From Botttom to Top */


/* From Botttom to Top 50% */

.SlidingDivUpItem50 {
    display: inline-block;
    position: relative;
    bottom: -50%;
    transform: translateY(0%);
    transition: bottom 0.4s, transform 0.4s;
    -webkit-transform: translateY(0%);
}

.SlideInUp50 {
    bottom: 0%;
    transform: translateY(0%);
}

.SlideOutBottom50 {
    bottom: -100%;
    transform: translateY(0%);
}

@keyframes SlideInUp50 {
    100% {
        bottom: 0%;
        transform: translateY(0%);
    }
}

@-webkit-keyframes SlideInUp50 {
    100% {
        bottom: 0%;
        -webkit-transform: translateY(0%);
    }
}

@keyframes SlideOutBottom50 {
    100% {
        bottom: -100%;
        transform: translateY(0%);
    }
}

@-webkit-keyframes SlideOutBottom50 {
    100% {
        bottom: -100%;
        -webkit-transform: translateY(0%);
    }
}

/* From Botttom to Top 50% */

/* From Top to Bottom */

.SlidingDivDownItem {
    display: inline-block;
    position: relative;
    top: -100%;
    transform: translateY(0%);
    transition: right 0.3s, transform 0.3s;
    -webkit-transform: translateY(0%);
}

.SlideInDown {
    top: 0%;
    transform: translateY(0%);
}

.SlideOutUp {
    top: -100%;
    transform: translateY(0%);
}

@keyframes SlideInDown {
    100% {
        top: 0%;
        transform: translateY(0%);
    }
}

@-webkit-keyframes SlideInDown {
    100% {
        top: 0%;
        -webkit-transform: translateY(0%);
    }
}

@keyframes SlideOutUp {
    100% {
        top: -100%;
        transform: translateY(0%);
    }
}

@-webkit-keyframes SlideOutUp {
    100% {
        top: -100%;
        -webkit-transform: translateY(0%);
    }
    /* From Top to Bottom */