/*Fonts*/
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Regular.eot');
    src: url('../fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Montserrat-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Montserrat-Bold';
    src: url('/fonts/Montserrat-Bold.eot');
    src: url('/fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'), url('/fonts/Montserrat-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Georgia';
    src: url('/fonts/Georgia.eot');
    src: url('/fonts/Georgia.eot?#iefix') format('embedded-opentype'), url('../fonts/Georgia.woff2') format('woff2'), url('/fonts/Georgia.woff') format('woff'), url('/fonts/Georgia.ttf') format('truetype'), url('/fonts/Georgia.svg') format('svg');
}

/*For different resolution*/
@media (max-height: 768px) {
    #portal-layout > .container {
        padding-top: 0px;
    }
}

@media (min-width: 768px) { /*only show if screen greater than */
    #portal-layout > .container {
        padding-top: 30px;
    }

    #normal-layout > .container {
        padding-top: 90px;
    }

    .navbar .navbar-header {
        display: none;
    }

    #portal-layout .link-block > div > a {
        min-height: 235px;
    }
}

@media (max-width: 768px) { /*only show if screen smaller than */
    #portal-layout > .container {
        padding-top: 0px;
    }

    #normal-layout > .container {
        padding-top: 70px;
    }

    footer .footer img {
        display: none;
    }

    .navbar .navbar-collapse {
        display: none;
    }
}

/*Body Login*/
#portal-layout {
    background: linear-gradient(rgba(83,83,83,.5), rgba(19, 32, 52,.6)), url("../images/LoginBackground.png") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100%;
}

#topLoginFade {
    background: linear-gradient(rgba(205, 222, 243,.2), rgba(128,128,128,.0));
    width: 100%;
    height: 10%;
}


    #portal-layout > .container {
        margin: auto;
        max-width: 992px;
        text-align: center;
        color: #fff;
        padding-bottom: 30px;
    }

    #portal-layout .lomb-logo {
        padding-top: 10px;
        max-width: 220px;
        padding-bottom: 20px;
    }

    #portal-layout .border-bottom {
        border-bottom: 2px solid #D5D5D5;
        margin: 30px 120px;
    }

    #portal-layout h3 {
        font-size: 14px !important;
        text-transform: uppercase;
    }

    #portal-layout .link-block {
        padding-top: 15px;
        text-align: left;
    }

        #portal-layout .link-block > div > a {
            display: block;
            padding: 15px;
            color: #132134;
            background: rgba(255, 255, 255, 0.95);
            margin: 25px auto;
            max-width: 250px;
            text-decoration: none;
        }

            #portal-layout .link-block > div > a > img {
                padding-top: 10px;
            }

            #portal-layout .link-block > div > a:hover {
                background: rgba(205, 222, 243, .4);
            }

            #portal-layout .link-block > div > a > div.title {
                padding-top: 20px;
                font-size: 25px;
                text-align: left;
            }

            #portal-layout .link-block > div > a > div.description {
                padding-top: 18px;
                text-align: left;
            }

#normal-layout {
    color: #60605B;
}

    #normal-layout > .container {
        padding-bottom: 40px;
    }

.btn, .swal2-modal, .swal2-modal button {
    border-radius: 0;
}


/*Top Nav*/
.navbar {
    border: none;
}

    .navbar .navbar-header {
        background-color: #73736F;
    }

        .navbar .navbar-header img {
            height: 40px;
            width: 150px;
            margin: 5px 15px;
        }

    .navbar .navbar-collapse {
        margin: 0 -15px;
        background-color: #60605B;
        padding: 10px 0px 10px;
        transition: background-color .5s;
    }

        .navbar .navbar-collapse img {
            height: 48px;
        }

/*Footer*/
footer .footer {
    text-align: center;
    text-transform: uppercase;
    color: white !important;
    background-color: #132034;
    font-family: Montserrat, sans-serif;
    font-size: 14px;
    padding: 5px 0px;
}

    footer .footer > * {
        margin: 5px 15px;
        white-space: nowrap;
        display: inline-block;
    }

    footer .footer a {
        color: inherit;
    }

        footer .footer a:hover,
        footer .footer a:focus {
            color: #B2C8E3;
            text-decoration: none;
        }

    footer .footer img {
        height: 48px;
    }

/*Term - Cookie - Privacy*/
#term-container,
#cookie-container,
#privacy-container,
#contact-container {
    background-color: white;
}

.term-header {
    padding-bottom: 15px;
}

.term-heading {
    font-weight: bold;
    text-decoration: underline;
    padding: 10px 0px;
}

.term-content {
    padding-bottom: 20px;
    text-align: justify;
}

.disclaimer {
    font-size: 12px;
}

    .disclaimer p {
        padding-bottom: 10px;
    }

ul.dotted {
    margin-left: 20px;
    padding-left: 0;
}

    ul.dotted li,
    ul.dotted li {
        list-style-type: none;
    }

        ul.dotted li span {
            padding-left: 10px;
        }

        ul.dotted li:before {
            content: '\2022';
            margin-left: -20px;
            margin-right: 15px;
        }

#cookie-container ul,
#privacy-container ul {
    list-style: none;
    margin-left: 0;
    margin-bottom: 20px;
}

    #cookie-container ul > li,
    #privacy-container ul > li {
        margin-bottom: 10px;
    }

/*Global*/
body {
    display: table;
    width: 100%;
    font-family: Georgia !important;
}

body, html {
    height: 100%;
    min-height: 100%;
}

    body main > .container {
        padding-top: 30px;
        padding-bottom: 40px;
    }

h1 {
    font-size: 40px !important;
}

h2 {
    font-size: 24px !important;
}

h3 {
    font-family: 'Montserrat-Bold' !important;
    font-size: 18px !important;
}

a {
    cursor: pointer;
    outline: 0 !important;
}

.page-row {
    display: table-row;
    height: 1px;
}

.page-row-expanded {
    height: 100%;
}

.lomb-color {
    color: #cce226 !important;
}

.swal2-modal > .swal2-title {
    font-size: 16px !important;
    margin-bottom: 15px;
}

.swal2-modal > .swal2-content {
    text-align: left;
    font-size: 14px !important;
}

.swal2-modal > .swal2-spacer {
    height: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
}