﻿html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
}

.bg-dark {
    background-color: #292f3c !important;
}

a {
    color: #272d39;
}

    a:hover {
        color: #ff590a;
    }

    a.no-hover:hover {
        color: inherit !important;
        text-decoration: inherit;
    }

.navbar {
    padding: .75rem;
    color: white;
}

    .navbar, .navbar a {
        color: white;
    }

        .navbar a:hover {
            color: #ff590a;
        }

.btn-primary {
    background-color: #ff590a;
    color: white !important;
    border-color: #292f3c;
}

    .btn-primary:hover {
        background-color: #d73800 !important;
    }

.navbar .btn-outline-primary {
    border-color: #ff590a !important;
}

    .navbar .btn-outline-primary:hover {
        border-color: white;
        background-color: #ff590a;
        color: white !important;
    }

/*p, ul {
    font-size: .9rem;
}*/

a.logo {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSI1OS44NDNweCIgaGVpZ2h0PSIxOS4yMDVweCIgdmlld0JveD0iMCAwIDU5Ljg0MyAxOS4yMDUiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDU5Ljg0MyAxOS4yMDUiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxnPgoJCTxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iMCwwIDAsMy41ODkgMTAuNTIxLDAuMDMzIDEwLjUyMSwwIAkJIi8+CgkJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTAsMTcuNDd2MC4yOTljMCwwLjkzMywwLjg1MywxLjQzNiwxLjg2MiwxLjQzNmMwLjI0MSwwLDAuNzc2LTAuMDkxLDEuMDIzLTAuMTc3CgkJCWMwLjI4LTAuMDk0LDEwLjE0My0zLjUyNywxMC4xNDMtMy41MjdMMTMuMDI1LDEuMzk5TDIuOTAzLDQuOTM1Yy0wLjI5MiwwLjExNS0wLjY0NywwLjE3Ny0xLjAyLDAuMTc3Yy0xLDAtMS44NC0wLjQ4OS0xLjg0LTAuOTk2CgkJCUwwLDQuMTFWMTcuNDd6Ii8+Cgk8L2c+Cgk8Zz4KCQk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjguMjM4LDExLjQ5NmMwLDAuNzc3LDAuMDE2LDEuNDYxLDAuMDYyLDIuMDUyaC0xLjIxMmwtMC4wNzgtMS4yMjloLTAuMDMxCgkJCWMtMC4zNTcsMC42MDYtMS4xNSwxLjM5OS0yLjQ4NywxLjM5OWMtMS4xODIsMC0yLjU5Ny0wLjY1My0yLjU5Ny0zLjI5NnYtNC40aDEuMzY4djQuMTY3YzAsMS40MywwLjQzNiwyLjM5NSwxLjY3OSwyLjM5NQoJCQljMC45MTcsMCwxLjU1NS0wLjYzOCwxLjgwNC0xLjI0NGMwLjA3OC0wLjIwMiwwLjEyNS0wLjQ1MSwwLjEyNS0wLjdWNi4wMjJoMS4zNjhWMTEuNDk2eiIvPgoJCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0zMi4xNTksMy44NjF2Mi4xNjJoMS45NTl2MS4wNDJoLTEuOTU5djQuMDU4YzAsMC45MzMsMC4yNjQsMS40NjIsMS4wMjYsMS40NjIKCQkJYzAuMzU4LDAsMC42MjItMC4wNDcsMC43OTMtMC4wOTNsMC4wNjIsMS4wMjZjLTAuMjY0LDAuMTA5LTAuNjg0LDAuMTg3LTEuMjEzLDAuMTg3Yy0wLjYzOCwwLTEuMTUtMC4yMDItMS40NzctMC41NzUKCQkJYy0wLjM4OS0wLjQwNC0wLjUyOS0xLjA3My0wLjUyOS0xLjk1OVY3LjA2NGgtMS4xNjZWNi4wMjJoMS4xNjZWNC4yMTlMMzIuMTU5LDMuODYxeiIvPgoJCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0zNS41OTYsMTMuNTQ4YzAuMDMxLTAuNTEzLDAuMDYyLTEuMjc1LDAuMDYyLTEuOTQzVjIuNTA4aDEuMzUzdjQuNzI3aDAuMDMxCgkJCWMwLjQ4Mi0wLjgzOSwxLjM1My0xLjM4NCwyLjU2Ni0xLjM4NGMxLjg2NiwwLDMuMTg4LDEuNTU1LDMuMTcyLDMuODQxYzAsMi42OS0xLjY5NSw0LjAyNy0zLjM3NCw0LjAyNwoJCQljLTEuMDg4LDAtMS45NTktMC40Mi0yLjUxOS0xLjQxNUgzNi44NGwtMC4wNjIsMS4yNDRIMzUuNTk2eiBNMzcuMDExLDEwLjUzMWMwLDAuMTcxLDAuMDMxLDAuMzQyLDAuMDYyLDAuNDk4CgkJCWMwLjI2NSwwLjk0OSwxLjA1OCwxLjYwMiwyLjA1MywxLjYwMmMxLjQzMSwwLDIuMjg2LTEuMTY2LDIuMjg2LTIuODkyYzAtMS41MDgtMC43NzgtMi43OTktMi4yMzktMi43OTkKCQkJYy0wLjkzNCwwLTEuODA0LDAuNjM4LTIuMDg0LDEuNjhjLTAuMDMxLDAuMTU1LTAuMDc4LDAuMzQyLTAuMDc4LDAuNTZWMTAuNTMxeiIvPgoJCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik00My44MDksMTIuNzM5YzAtMC41NzUsMC4zODktMC45NzksMC45MzMtMC45NzlzMC45MTcsMC40MDQsMC45MTcsMC45NzljMCwwLjU2LTAuMzU4LDAuOTc5LTAuOTMzLDAuOTc5CgkJCUM0NC4xODIsMTMuNzE5LDQzLjgwOSwxMy4yOTksNDMuODA5LDEyLjczOXoiLz4KCQk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNTIuNzE4LDEzLjI2OGMtMC4zNTcsMC4xODctMS4xNSwwLjQzNS0yLjE2MSwwLjQzNWMtMi4yNywwLTMuNzQ4LTEuNTM5LTMuNzQ4LTMuODQKCQkJYzAtMi4zMTcsMS41ODYtMy45OTYsNC4wNDMtMy45OTZjMC44MDksMCwxLjUyMywwLjIwMiwxLjg5NywwLjM4OWwtMC4zMTEsMS4wNThjLTAuMzI2LTAuMTg3LTAuODQtMC4zNTgtMS41ODYtMC4zNTgKCQkJYy0xLjcyNiwwLTIuNjU5LDEuMjc1LTIuNjU5LDIuODQ2YzAsMS43NDEsMS4xMiwyLjgxNCwyLjYxMiwyLjgxNGMwLjc3NywwLDEuMjkxLTAuMjAyLDEuNjgtMC4zNzNMNTIuNzE4LDEzLjI2OHoiLz4KCQk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNTMuNDY3LDEyLjc1NWwzLjQwNS00LjQzMmMwLjMyNi0wLjQwNCwwLjYzNy0wLjc2MiwwLjk3OS0xLjE2NlY3LjEyNmgtNC4wNzRWNi4wMjJoNS43MzhMNTkuNSw2Ljg3NwoJCQlsLTMuMzU4LDQuMzY5Yy0wLjMxMSwwLjQyLTAuNjIyLDAuNzkzLTAuOTY0LDEuMTgydjAuMDMxaDQuNHYxLjA4OGgtNi4xMVYxMi43NTV6Ii8+Cgk8L2c+CjwvZz4KPC9zdmc+);
    background-repeat: no-repeat;
    background-position: 3px 18px;
    padding-right: 75px !important;
}

ul.menu ul {
    margin-left: 1rem;
}

ul.menu li {
    padding: .1rem 0;
}

    ul.menu li a.selected {
        font-weight: bold;
        color: #ff590a;
    }

a.app-tile {
    width: 25%;
    padding-top: 3%;
    padding-bottom: 3%;
    background-color: #e5e5e5;
    border: 1px solid #4a505b;
    opacity: .6;
}

    a.app-tile:hover {
        opacity: 1;
        border-color: #ff590a;
    }

a.app-tile-empty {
    width: 25%;
    padding-top: 3%;
    padding-bottom: 3%;
}

    div.app-tile-img {
        width: 65%;
        padding-top: 65%;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center center;
    }

div.app-tile-img-riskan {
    background-image: url('../Images/riskan.jpg');
}

div.app-tile-img-practis {
    background-image: url('../Images/practis.png');
}

div.app-tile-img-situnet {
    background-image: url('../Images/situnet.png');
}

div.app-tile-img-practisgo {
    background-image: url('../Images/practisgo.png');
}

div.app-tile-img-situboard {
    background-image: url('../Images/situboard.png');
}

div.app-tile-img-terex {
    background-image: url('../Images/terex.png');
}

div.app-tile-img-axis {
    background-image: url('../Images/axis.png');
}


div.app-row-first {
    margin-bottom: 5%;
}

div#TSFW-login-wrap {
    width: 350px;
    max-width: 350px;
}

    div#TSFW-login-wrap label, div#TSFW-login-wrap input {
        display: block;
    }

    div#TSFW-login-wrap .TSFW-hide {
        display: none;
    }

    div#TSFW-login-wrap input {
        margin-bottom: 1rem;
    }

        div#TSFW-login-wrap input[type=submit] {
            margin: 0 auto;
        }

    div#TSFW-login-wrap i {
        font-size: 8rem;
        margin-bottom: 1rem;
        color: #c0c0c0;
    }

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 75px;
    line-height: 75px;
    background-color: #f5f5f5;
}

footer img {
    width: 200px;
}

.card-header{
    padding:0.5rem;
}

.card-header h6{
    margin:0;
}