body{ 
        background-image: url(/login/guardianbelltracking.co.uk/img/bg.png);
        background-size: cover;
        background-repeat:no-repeat; 
        margin:0 auto;
        overflow: hidden;
} 
.tab-box {
            width: 70%;
            height: 600px;
            margin: 0px auto;
            margin-top: 20px;
            background-image: url(/login/guardianbelltracking.co.uk/img/login-bg.png);
            background-repeat: no-repeat;
            background-position: left center;
        }

        .tab {
            width: 100%;
            border-collapse: separate;
            border-spacing: 0;
            border: 1px #d4d8da;
        }

        .box-title {
            border: none;
            width: 100%;
            font-size: 1.3em;
            font-weight: bold;
            background-color: #DCDEDD;
            color: #979797;
            text-align: center;
            padding: 15px 0px;
            cursor: pointer;
        }

        .box-login {
            background-color: white;
            padding: 20px;
            padding-top:0px;
            vertical-align: top;
            box-shadow: 0 6px 15px rgba(0,0,0,.3);
        }

        .box-app {
            background-color: white;
            vertical-align: top;
            box-shadow: 0 6px 15px rgba(0,0,0,.3);
        }

        .btnlogin {
            background-color: #28aeb7;
            color: white;
            padding: 10px;
            border: none;
            width: 100%;
            font-size: 1.5em;
        }

        .input-text {
            height: 35px;
            border: none;
            font-size: 12pt;
            background-color: #ffffff;
            outline: none;
            padding-left: 5px;
        }

        .actived {
            background-color: #28aeb7;
            color: white;
        }

        .hide {
            display: none;
        }

        .tdicruises, .tdrtrac {
            background-color: #EDEFEE;
            padding: 10px;
            color: black;
            cursor: pointer;
        }

            .tdicruises.actived, .tdrtrac.actived {
                background-color: white;
                color: #28aeb7;
            }

        .tr-icruises, .tr-rtrac {
            padding-top: 50px;
        }

        .qrcode {
            width: 100px;
            height: 100px;
        }

        .qrtype {
            width: 100px;
        }

        input:-webkit-autofill {
            -webkit-box-shadow: 0 0 0px 1000px white inset !important;
            -webkit-text-fill-color: #333;
        }

        .optionLanguage {
            height: 32px;
            cursor: pointer;
            font-size: 10pt;
            vertical-align: middle;
            text-align: left;
            border-bottom: 1px solid #E7E7E7;
            background-color: white;
            padding-left: 5px;
        }

            .optionLanguage:hover {
                height: 32px;
                cursor: pointer;
                font-size: 10pt;
                vertical-align: middle;
                text-align: left;
                border-bottom: 1px solid #E7E7E7;
                background-color: #f5f5f5;
                padding-left: 5px;
            }

        .tbHeader {
            border: 1px solid #E7E7E7;
            background-color: #EEEEEE;
            text-align: center;
            width: 50px;
            height: 40px;
            background-position: center center;
            background-repeat: no-repeat;
        }

        .tbContent {
            border: 1px solid #E7E7E7;
            text-align: left;
            border-left: none;
        }

        .spanDemo {
            cursor: pointer;
        }

            .spanDemo:hover {
                cursor: pointer;
                text-decoration: underline;
                color: #666666;
            }

            .theme-color{
                color: #28aeb7; 
            }