﻿.pageFlicker {
    overflow-y: scroll;
}

img {
    opacity: 0;
}

img {
    opacity: 1;
    transition: opacity 0.3s;
} 

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}

.min-height-body {
    min-height: 400px;
    min-height: 50vh;
}

a a:hover, a:active, a:focus {
    outline: 0;
}

.inline-block {
    display: inline-block;
}

.right-offset-10 {
    margin-right: 10px;
}

.left-offset-10 {
    margin-left: 10px;
}

.float-right {
    float: right;
}

a:hover, a:focus {
    outline: 0 !important;
    text-decoration: none;
}

form label {
    padding: 10px 10px 10px 0;
    margin-bottom: 0px;
    margin-top: 0px;
    color: inherit;
}

@keyframes fadein {
    from {
       opacity: 0.5;
    }

    to {
        opacity: 1;
    }
}

/* Firefox */
@-moz-keyframes fadein {
    from {
       opacity: 0.5;
    }

    to {
        opacity: 1;
    }
}

/* Safari and Chrome */
@-webkit-keyframes fadein {
    from {
       opacity: 0.5;
    }

    to {
        opacity: 1;
    }
}

@-ms-keyframes fadein {
    from {
       opacity: 0.5;
    }

    to {
        opacity: 1;
    }
}


@-o-keyframes fadein {
    from {
       opacity: 0.5;
    }

    to {
        opacity: 1;
    }
}

/* Welcome Banner */
.welcome-banner {
    background: url('../../CustomImages/hero-image.jpg') no-repeat 0% 90% scroll;
    background-size: 100% auto;
    height: 425px;
    margin-bottom: 0;
    padding-top: 52px;
    top: -55px;
    /*z-index: -1;*/
    -webkit-animation: fadein 0.12s; /* Safari and Chrome */
    -moz-animation: fadein 0.12s; /* Firefox */
    -ms-animation: fadein 0.12s; /* Internet Explorer */
    -o-animation: fadein 0.12s; /* Opera */
    animation: fadein 0.12s;
}

.jumbotron.welcome-banner a:not(.btn) {
    display: inline-block;
}

.windows-help {
    margin-top: 10px;
}

    .windows-help a {
        color: #FFF;
        font-size: 14px;
    }

    .windows-help i {
        font-size: 22px;
        margin-right: 7px;
        position: relative;
        top: 2px;
    }

.welcome-banner h1 {
    color: #FFF;
    font-size: 40px;
    margin-top: 70px;
}

.mda-img-home {
    height: 22px;
    width: 22px;
}

.background-secondary {
    background: #f7f7f7;
}

.footer-windows-help {
    background-color: #007DB8;
    padding: 10px;
}

    .footer-windows-help a, .footer-windows-help span {
        color: #FFF;
    }

        .footer-windows-help a:hover,
        .footer-windows-help a:focus,
        .footer-windows-help a:active {
            text-decoration: none;
        }

    .footer-windows-help i {
        font-size: 16px;
    }

/*Media Queries*/

/*Phones devices*/

@media (max-width: 767px) {

    .windows-help {
        margin-top: 0;
    }

    .welcome-banner {
        background: none;
        height: auto;
        margin-bottom: 140px;
        padding-bottom: 40px;
        padding-top: 25px;
        top: 0;
        z-index: 5;
    }

        .welcome-banner h1 {
            color: #444;
            line-height: 1.1;
            margin-top: 20px;
        }

        .welcome-banner .windows-help a {
            color: #444;
        }



    #footerSimplified {
        margin-top: -20px;
    }

    .int-windows-banner-mobile {
        display: inline-block !important;
        margin-bottom: 15px;
        width: 100%;
        margin-left: 0;
    }

    .footer-windows-help {
        padding-left: 15px;
    }

    .popover.in.top, .popover.in.right, .popover.in.left, .popover.in.bottom {
        top: -20px !important;
    }
}

/* Typography */
p.text-secondary {
    font-size: 16px;
}

h1.heading-secondary {
    font-size: 32px;
}

h2.heading-secondary {
    font-size: 24px;
    font-family: Roboto-Medium, Roboto-Regular, Roboto-Light, "Cordia New", "Microsoft Sans Serif", Utsaah, "Devanagari MT", "Nirmala UI", Latha, InaiMathi, Gautami, "Telugu Sangam MN", Tunga, "Kannada Sangam MN", Kartika, "Malayalam Sangam MN", Shruti, "Nirmala UI", "Gujarati MT", "Gujarati Sangam MN", Vrinda, "Bangla Sangam MN", "Meiryo UI Reg", "メイリオ Reg", "MS UI Gothic Reg", "Hiragino Kaku Gothic Reg", "ヒラギノ角ゴ Pro W3 Reg", "Microsoft YaHei", "微软雅黑", "Hiragino Sans GB", "Microsoft JhengHei", "微軟正黑體", "Malgun Gothic", "맑은 고딕", Gulim, AppleGothic, "Apple LiGothic", "LiHei Pro", Osaka, STHeiti, "华文黑体", STXihei, "华文细黑", SimHei, "黑体", "Arial Unicode MS", Arial, sans-serif;
}

h3.heading-secondary {
    font-size: 20px;
    line-height: 1.35;
}

    h3.heading-secondary.text-light {
        color: #777;
    }

h4.heading-secondary {
    font-size: 18px;
    font-family: Roboto-Medium, Roboto-Regular, Roboto-Light, "Cordia New", "Microsoft Sans Serif", Utsaah, "Devanagari MT", "Nirmala UI", Latha, InaiMathi, Gautami, "Telugu Sangam MN", Tunga, "Kannada Sangam MN", Kartika, "Malayalam Sangam MN", Shruti, "Nirmala UI", "Gujarati MT", "Gujarati Sangam MN", Vrinda, "Bangla Sangam MN", "Meiryo UI Reg", "メイリオ Reg", "MS UI Gothic Reg", "Hiragino Kaku Gothic Reg", "ヒラギノ角ゴ Pro W3 Reg", "Microsoft YaHei", "微软雅黑", "Hiragino Sans GB", "Microsoft JhengHei", "微軟正黑體", "Malgun Gothic", "맑은 고딕", Gulim, AppleGothic, "Apple LiGothic", "LiHei Pro", Osaka, STHeiti, "华文黑体", STXihei, "华文细黑", SimHei, "黑体", "Arial Unicode MS", Arial, sans-serif;
}

/*Tablets*/

@media (min-width: 768px) and (max-width: 1199px) {
    .welcome-banner {
        background-position: 50% 100%;
        background-size: 130% auto;
    }
}

.homepageResources {
    background: #eeeeee;
}


.bottom-offset-15 {
    margin-bottom: 15px;
}

label.label-secondary {
    padding-bottom: 0;
}
