/* For mobile phones: */

#body-CRF {
    /*background: url('../Images/Blue_BG1.jpg') no-repeat fixed;
    background-size: cover;*/
}
.form-crf {
    background-color: #edf1f3;
}
[class*="col-"] {
    width: 100%;
}

[class*="h-"] {
    font-size: 16px;
    height: 40px;
    padding-top: 8px;
}

[class*="fs-"] {
    font-size: 13px;
    font-family: Montserrat;
}
#menu-nav {
    /*background: url('../Images/PMiles_Icon.png') no-repeat 5px 5px;
    background-size: 109px 42px;*/
    background-color: #0d44c1;
    border-bottom: 1px solid #5d88cf;
    width: 100%;
    /*border: 1px solid yellow;*/
}
#divPMilesLogo {
    background: url('../Images/PMiles_Icon.png') no-repeat 5px 5px;
    background-size: 109px 42px;
    background-color: #0d44c1;
    height: 48px;
    width: 120px;
    /*border: 1px solid red;*/
    position: fixed;
    cursor: pointer;
}
.container {
    padding-left: 0px;
}
#divMenu {
    padding-right: 0px !important;
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
    /*display: inline-grid !important;*/
    /*border: 1px solid red;*/
}
#tbl-menu-mobile {
    margin-top: 4px;
}
#td-options-mobile {
    display: table-cell;
}
#div-menu-options
{
    display: none;
}
#div-menu-mobile {
    /*display: none;*/
    background-color: #0d44c1;
    border-top: 1px solid #5d88cf;
    padding-left: 10px;
    margin-top: 5px;
}
#div-menu-desktop {
    display: none;
    background-color: #0d44c1;
    padding: 20px 20px 10px 20px;
    margin-top: 5px;
    position: fixed;
    border-bottom: 1px solid #b9cff9;
    border-top: none;
    width: 100%;
    box-shadow: 0 0 5px 0 rgba(80, 80, 255, 0.2), 0 5px 5px 2px rgba(50, 50, 215, 0.24);
}
.div-option {
    height: 30px;
}
#div-Version {
    color: #cdcce0;
    height: 54px;
    text-align: center;
    background-color: #302568;
    padding-top: 10px;
    font-size: 12px;
    width: 100%;
    /*display: none;*/
}
#td-menu-desktop {
    display: none;
}
.a-link-menu{
    color: white !important;
    font-size: 13px;
    padding: 4px !important;
    padding-left: 15px !important;
}
.a-link-menu:hover {
    text-decoration: underline !important;
}
#btn-options-mobile {
    border: 1px solid #b5bac3;
    padding: 2px 4px 5px 4px;
    border-radius: 3px;
    background-color: transparent;
}
.btn-options-line {
    background-color: #e7eef3;
    font-size: 2px;
    width: 22px;
    margin-top: 4px;
    border-radius: 2px;
}
.form-header {
    display: none;
}
.div-Main {
    background-color: #0d44c1;
}
#div-main-header {
    color: white;
    padding: 3px 7px 3px 7px;
    margin: auto;
    text-align: center;
    display: block;
    background: rgb(1 4 19 / 0.60);
}
/*#div-LandingImage {
    background-size: 300px 250px !important;
    width: 300px;
    height: 250px;
    margin: auto;
    box-shadow: 0 0 5px 0 rgba(80, 80, 255, 0.2), 0 5px 5px 2px rgba(50, 50, 215, 0.24);
}*/
#div-GreyArea {
    background-color: #F1F2F2;
    width: 95%;
    margin: auto;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-radius: 20px;
    text-align: center;
}
#div-GreyArea-Bottom {
    background-color: #F1F2F2;
    width: 95%;
    margin: auto;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-radius: 20px;
    text-align: center;
    margin-top: 7px;
    padding-bottom: 20px;
}
#div-LandingImage {
    background-size: 100% 200px !important;
    width: 100%;
    height: 200px;
    background: url('../Images/Landing_Img1.png') no-repeat 0px 0px;
    margin: auto;
    /*box-shadow: 0 0 5px 0 rgba(80, 80, 255, 0.2), 0 5px 5px 2px rgba(50, 50, 215, 0.24);*/
    border-radius: 20px;
}
#div-Empty
{
    height: 15px;
}
#div-PetronWordLogo {
    background-size: 70px 13px !important;
    width: 70px;
    height: 13px;
    background: url('../Images/Petron_Word_Logo.png') no-repeat 0px 0px;
    margin-left: 12px;
}
#div-Ways-Msg {
    color: #2B3A96;
    width: 175px;
    /*border: 1px solid red;*/
    text-align: left;
    font-family: Tahoma;
    font-size: 12px;
    font-weight: bold;
    padding-top: 40px;
    padding-left: 12px;
}
#div-PMA-Img {
    background-size: 100% 185px !important;
    width: 95%;
    height: 185px;
    background: url('../Images/Landing_Img2.png') no-repeat 0px 0px;
    margin: auto;
    border-radius: 20px;
}
#div-PMA-DL-Msg {
    color: white;
    width: 230px;
    text-align: left;
    font-family: Montserrat;
    font-size: 14px;
    padding-top: 20px;
    padding-left: 20px;
}

#div-steps-title {
    color: #1c165b;
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 18px;
    padding-left: 15px;
    padding-right: 15px;
}
#div-all-steps{
    margin: auto;
    margin-top: 15px;
    color: white;
    padding-left: 7px;
}
#div-all-steps td{
    padding: 5px;
}
.outer-step-no {
    background-color: #130a68;
    width: 47px;
    height: 47px;
    text-align: center;
    vertical-align: middle;
    font-size: 12px;
    border-radius: 40px;
    box-shadow: 0 0 5px 0 rgba(80, 80, 255, 0.2), 0 5px 5px 2px rgba(50, 50, 215, 0.24);
}
.inner-step-no {
    position: relative;
    top: 15%;
}
.outer-step-desc {
    padding-left: 10px;
    padding-right: 10px;
    text-align: left;
    font-size: 12px;
    background-color: #d3dae6;
    color: #130584;
    border-radius: 20px;
    height: 40px;
    vertical-align: middle;
    box-shadow: 0 0 5px 0 rgba(80, 80, 255, 0.2), 0 5px 5px 2px rgba(50, 50, 215, 0.24);
    border-top: 1px solid #bacdee;
}
.inner-step-desc {
    position: relative;
    top: 26%;
}
.lbl-msg {
    width: 100%;
    margin: auto;
    margin-top: 7px;
    text-align: center;
    text-shadow: 1px 1px 2px #f3e3e3;
    color: #0c0b0b;
    padding: 5px;
    background: rgb(237 237 241 / 0.80);
}

.div-left {
    width: 100%;
    padding-right: 10px;
    cursor: default;
    padding-top: 6px;
    /*font-weight: 600;*/
    color: #eef2f9;
    font-size: 12px;
    padding-left: 12px;
    margin-bottom: 2px;
    /*border: 1px solid red;*/
}
.div-right {
    display: block;
    padding-left: 12px;
    width: 100%;
    border: 1px solid #f3f7fe;
    border-radius: 20px;
    background-image: -webkit-linear-gradient(bottom, #c2ddfa 7%, #e1f1fa 100%);
    background-image: -moz-linear-gradient(bottom, #c2ddfa 7%, #e1f1fa 100%);
    background-image: -o-linear-gradient(bottom, #c2ddfa 7%, #e1f1fa 100%);
    background-image: linear-gradient(bottom, #c2ddfa 7%, #e1f1fa 100%);
    /*box-shadow: 0 0 5px 0 rgba(80, 80, 255, 0.2), 0 5px 5px 2px rgba(50, 50, 215, 0.24);*/
}
.div-right2 {
    display: block;
    padding-left: 12px;
    width: 100%;
    border-radius: 20px;
    padding-top: 4px;
}
.div-right-grey {
    background-image: -webkit-linear-gradient(bottom, #e1e6ea 7%, #ecf0f4 100%);
    background-image: -moz-linear-gradient(bottom, #e1e6ea 7%, #ecf0f4 100%);
    background-image: -o-linear-gradient(bottom, #e1e6ea 7%, #ecf0f4 100%);
    background-image: linear-gradient(bottom, #e1e6ea 7%, #ecf0f4 100%);
    border: 1px solid #b3b6b9;
}

.body-content {
    padding-right: 0px;
    padding-left: 0px;
}

.txt-reg
{
    border: none;
    letter-spacing: 2px;
    padding-left: 10px;
    width: 100%;
}
.txt-reg:read-only {
    border: none !important;
    background-color: none !important;
    background: none !important;
}
.txt-reg:focus {
    outline: none;
}
.tbl-form td
{
    height: 35px;
}
.td-CI {
    margin: auto;
}
.tbl-CI td {
    height: 35px;
}
.tbl-CI {
    margin: auto;
}
.td-CI-header {
    height: 20px !important;
    padding-top: 10px;
}
.NullableDDL {
    width: 100%;
    height: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.txt-reg:read-write {
    background-color: #f3f8ff !important;
    border-radius: 6px;
    border: 1px solid #58bdfb;
    margin-top: 2px;
    margin-bottom: 2px;
    letter-spacing: 1px;
    font-size: 13px;
}
#divMemberTitle {
    padding-top: 10px;
    font-size: 23px;
    margin-bottom: 10px;
}
#div-Index {
    padding: 10px 0px 0px 0px !important;
    /*background: radial-gradient(55% 15% at top,#0d44c1 99%,#0000 );*/
}
#div-Landing {
    padding: 10px 0px 0px 0px !important;
    background-color: #0d44c1;
    text-align: center;
}
#div-Landing-Bottom
{
    padding-top: 15px;
    padding-bottom: 10px;
}
#div-YT-Video {
    padding: 0px;
    height: 165px;
}
#frm-Video {
    border-radius: 15px;
    margin: auto;
    width: 95%;
    height: 190px;
    position: relative;
    top: -40px;
}
#div-Member {
    padding: 0px;
    /*background: radial-gradient(55% 15% at top,#0d44c1 99%,#0000 );*/
}
#div-Passcode {
    padding: 25px 0px 20px 0px;
    /*background: radial-gradient(55% 25% at top,#0d44c1 99%,#0000 );*/
}
#div-TNC {
    padding: 0px;
    background-color: #ecf2fa;
    font-family: Tahoma;
}
#div-PDPA {
    padding: 0px;
    background-color: #ecf2fa;
    font-family: Tahoma;
}
#div-FAQ {
    padding: 0px;
    background-color: #ecf2fa;
    font-family: Tahoma;
    padding-top: 0px !important;
}
#div-user-entry {
    /*background-image: -webkit-linear-gradient(bottom, #424244 7%, #2c2c2e 100%);
    background-image: -moz-linear-gradient(bottom, #424244 7%, #2c2c2e 100%);
    background-image: -o-linear-gradient(bottom, #424244 7%, #2c2c2e 100%);
    background-image: linear-gradient(bottom, #424244 7%, #2c2c2e 100%);*/
    background-color: #0d44c1;
    border: 1px solid #0d44c1;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding-right: 5px !important;
    width: 94%;
    box-shadow: 0 0 5px 0 rgb(181 192 208 / 0.30), 0 5px 5px 2px rgb(110 139 192 / 0.34);
    border-radius: 15px;
    margin-bottom: 15px;
    color: white;
}
#div-PIN-entry {
    background-color: #0d44c1;
    border: 1px solid #9fa7bc;
    margin: auto;
    margin-top: 0px;
    padding: 8px;
    padding-top: 15px;
    padding-bottom: 15px;
    width: 95%;
    box-shadow: 0 0 5px 0 rgb(181 192 208 / 0.30), 0 5px 5px 2px rgb(110 139 192 / 0.34);
    border-radius: 15px;
}
#div-OTP-entry {
    background-color: #0d44c1;
    border: 1px solid #9fa7bc;
    margin: auto;
    margin-top: 0px;
    padding-bottom: 10px;
    width: 95%;
    box-shadow: 0 0 5px 0 rgb(181 192 208 / 0.30), 0 5px 5px 2px rgb(110 139 192 / 0.34);
    border-radius: 15px;
}
.div-form {
    padding: 3px 10px 3px 10px !important;
}
.txt-grey {
    color: #5a5454;
}
#tbl-nationality{
    margin: auto;
}
#tbl-nationality td {
    cursor: pointer;
    height: 28px;
    padding-right: 2px;
    vertical-align: bottom;
}

#div-Steps
{
    padding: 5px 10px 10px 10px;
}
#tbl-Steps {
    margin: auto;
    margin-top: 5px;
}
#tbl-Steps td {
    cursor: pointer;
    min-width: 90px;
    height: 28px;
    padding-right: 1px;
    vertical-align: bottom;
}
.step-title {
    border-right: 1px solid #9a9b9e;
    border-top: 1px solid #c3c5ca;
    border-left: 1px solid #c3c5ca;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 1px 3px 1px 3px;
    text-align: center;
    vertical-align: middle !important;
    background-image: -webkit-linear-gradient(bottom, #d5d7d8 27%, #e9edf3 100%);
    background-image: -moz-linear-gradient(bottom, #d5d7d8 27%, #e9edf3 100%);
    background-image: -o-linear-gradient(bottom, #d5d7d8 27%, #e9edf3 100%);
    background-image: linear-gradient(bottom, #d5d7d8 27%, #e9edf3 100%);
    height: 40px;
    color: #58575d;
    font-size: 12px;
}
.step-Active {
    padding-top: 3px;
    background-image: -webkit-linear-gradient(bottom, #0d44c1 27%, #6d99eb 100%);
    background-image: -moz-linear-gradient(bottom, #0d44c1 27%, #6d99eb 100%);
    background-image: -o-linear-gradient(bottom, #0d44c1 27%, #6d99eb 100%);
    background-image: linear-gradient(bottom, #0d44c1 27%, #6d99eb 100%);
    border-left: 1px solid #0d44c1;
    border-top: 1px solid #5394f5;
    border-bottom: 1px solid #0d44c1;
    height: 42px;
    color: white;
}

#div-Steps-Desc {
    padding: 15px 10px 15px 10px;
    background-color: #0d44c1;
    border-radius: 15px;
}
.tbl-All-Steps {
    color: white;
    font-family: Montserrat;
    font-size: 13px;
}
.steps-row-num {
    vertical-align: top;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.steps-row-desc {
    vertical-align: top;
    text-align: left;
    padding-left: 9px;
    padding-top: 5px;
    padding-bottom: 5px;
}

#div-Video-Desc {
    color: white;
    font-family: Montserrat;
    font-size: 15px;
    margin-bottom: 45px;
}
#div-PMA-Desc {
    color: #1150CE;
    font-family: Montserrat;
    font-size: 14px;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 7px;
    padding-top: 10px;
}
#div-FAQ-Desc {
    color: #1150CE;
    font-family: Montserrat;
    font-size: 14px;
    font-weight: bold;
    margin-top: 30px;
    margin-bottom: 17px;
}
#div-FAQ-Search {
    text-align: center;
    padding: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e0e4e6;
    position: sticky;
    width: 100%;
    background-color: #ecf2fa;
    top: 107px;
}
#td-search-button
{
    width: 70px;
}
.a-FAQ-link {
    color: #1150CE !important;
    padding: 4px !important;
    text-decoration: underline !important;
}
.a-FAQ-link:hover {
    text-decoration: underline !important;
}

.country-name {
    border-right: 1px solid #9a9b9e;
    border-top: 1px solid #c3c5ca;
    border-left: 1px solid #c3c5ca;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 3px 12px 2px 12px;
    text-align: center;
    vertical-align: middle;
    background-image: -webkit-linear-gradient(bottom, #d5d7d8 27%, #e9edf3 100%);
    background-image: -moz-linear-gradient(bottom, #d5d7d8 27%, #e9edf3 100%);
    background-image: -o-linear-gradient(bottom, #d5d7d8 27%, #e9edf3 100%);
    background-image: linear-gradient(bottom, #d5d7d8 27%, #e9edf3 100%);
    width: 100%;
    height: 25px;
    color: #58575d;
    font-size: 12px;
}
.tab-Active {
    padding-top: 3px;
    background-image: -webkit-linear-gradient(bottom, #0d44c1 27%, #6d99eb 100%);
    background-image: -moz-linear-gradient(bottom, #0d44c1 27%, #6d99eb 100%);
    background-image: -o-linear-gradient(bottom, #0d44c1 27%, #6d99eb 100%);
    background-image: linear-gradient(bottom, #0d44c1 27%, #6d99eb 100%);
    border-left: 1px solid #0d44c1;
    border-top: 1px solid #5394f5;
    border-bottom: 1px solid #0d44c1;
    height: 27px;
    color: white;
}
#div-Nat {
    background: none;
    border-radius: 0px;
    border: none;
}
.country-flag {
    display: table-cell;
    width: 35px;
    height: 30px;
}
.div-row {
    margin-bottom: 0px;
}
.div-pass-note {
    color: white;
    margin-bottom: 10px;
    text-shadow: 0 1px 0 #929bda;
}
.div-otp-note {
    color: white;
    margin-bottom: 8px !important;
    font-size: 15px;
}
.div-pin-text {
    color: white;
    vertical-align: middle;
    padding-right: 0px;
    font-size: 12px;
}
#PASSCODE_TXT2 {
    margin-top: 70px;
    color: #2b0c82;
    font-weight: bold;
    text-shadow: none;
    font-size: 14px;
}
#OTP_TXT4 {
    display: inline
}
#div-OTP-Timer {
    display: inline;
    padding-left: 2px;
    color: white;
    font-size: 12px;
}
.div-inner {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 100%;
    margin-left: 10px;
    margin-right: 10px;
    background-color: #F1F2F2;
    border-top-right-radius: 30px;
    border-top-left-radius: 30px;
}
#div-Member-Inner, #div-OTP-Inner, #div-PIN-Inner, #div-Survey-Inner {
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
}
.div-index-note {
    color: red;
    /*margin-bottom: 10px;*/
    padding: 30px;
    margin-left: 10px;
    margin-right: 10px;
    padding-bottom: 140%;
    background-color: #F1F2F2;
    border-top-right-radius: 30px;
    border-top-left-radius: 30px;
    font-size: 15px;
}
.lbl-chk {
    color: #525050;
}
.divOTPTimer
{
    margin: auto;
    margin-top: 10px;
    text-align: right;
    margin-right: 25px;
}
.div-OTP-note {
    color: #104dcb;
    margin: auto;
    margin-top: 15px;
    margin-bottom: 5px;
    text-align: center;
    font-size: 13px;
}
.div-OTP-note2 {
    color: white;
    margin: auto;
    font-size: 12px;
}
.div-congrats-note {
    color: #65686c;
    margin: auto;
    margin-top: 60px;
    margin-bottom: 5px;
    text-align: center;
}
.div-survey-note {
    color: #65686c;
    margin: auto;
    margin-top: 30px;
    text-align: center;
    font-size: 13px;
}
.div-tnc-note {
    color: black;
    margin: auto;
    margin-top: 30px;
    margin-bottom: 5px;
    font-size: 13px;
}
.div-pdpa-note {
    color: black;
    margin: auto;
    margin-top: 30px;
    margin-bottom: 5px;
    font-size: 13px;
}
.div-FAQ-note {
    color: black;
    margin: auto;
    padding-top: 5px;
    margin-bottom: 5px;
    font-size: 13px;
}
.FAQ-row {
    border-bottom: 1px solid #c2c6db;
    margin-bottom: 5px;
    padding-bottom: 5px;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 5px;
    margin-right: 5px;
}
.FAQ-icon-container {
    display: table-cell;
    height: 40px;
    width: 27px;
    /*border: 1px solid red;*/
    text-align: center;
    vertical-align: middle;
    padding-right: 8px;
}
.FAQ-icon {
    height: 30px;
    width: 30px;
    border: 2px solid #a7b4cd;
    text-align: center;
    vertical-align: middle;
    border-radius: 20px;
    font-size: 19px;
    padding: 0px !important;
    color: #888ba5;
    cursor: pointer;
}
.FAQ-question {
    display: table-cell;
    font-weight: bold;
    cursor: pointer;
    color: #1761c5;
    vertical-align: middle;
    text-align: left;
    font-size: 14px;
    font-family: Tahoma;
    text-rendering: optimizeLegibility;
}
.FAQ-answer {
    color: #424244;
    padding-top: 7px;
    padding-bottom: 5px;
    padding-left: 37px;
    padding-right: 5px;
    display: none;
    text-align: left;
    font-size: 14px;
    font-family: Tahoma;
    text-rendering: optimizeLegibility;
}
.div-PIN-note {
    color: #254cd0;
    margin: auto;
    padding: 15px 5px 5px 5px;
    font-size: 13px;
}
.div-PIN-link {
    color: #5c5865;
    margin: auto;
    margin-top: 50px;
    text-align: center;
    background-color: #ecebb6;
    padding: 10px;
}
#link-PIN {
    margin-top: 20px;
}
#link-PIN2 {
    color: #000000;
    text-shadow: 0 1px 0 #d5dde6;
    background-image: -webkit-linear-gradient(bottom, #adbfe3 20%, #e8f0f7 100%);
    background-image: -moz-linear-gradient(bottom, #adbfe3 20%, #e8f0f7 100%);
    background-image: -o-linear-gradient(bottom, #adbfe3 20%, #e8f0f7 100%);
    background-image: linear-gradient(bottom, #adbfe3 20%, #e8f0f7 100%);
    margin: auto;
    margin-top: 20px;
    width: 170px;
    padding: 7px;
    border-radius: 5px;
    border-right: 1px solid white;
    border-top: 1px solid white;
    border-left: 1px solid #63729a;
    border-bottom: 1px solid #63729a;
    font-weight: bold;
    box-shadow: 0 0 5px 0 rgba(80, 80, 255, 0.2), 0 5px 5px 2px rgba(50, 50, 215, 0.24);
}
.OTP-big-note {
    color: white;
    text-shadow: 0 2px 0 #122a74;
    margin: auto;
    font-size: 25px;
    padding-top: 12px;
    margin-bottom: 0px;
    text-align: center;
    font-weight: bold;
}
.survey-big-note {
    color: white;
    text-shadow: 0 2px 0 #122a74;
    margin: auto;
    font-size: 25px;
    padding-top: 10px;
    margin-bottom: 10px;
    text-align: center;
    font-weight: bold;
}
.tnc-big-note {
    color: black;
    text-shadow: 1px 2px 1px #c4ccd7;
    margin: auto;
    font-size: 25px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 5px;
    text-align: center;
}
.pdpa-big-note {
    color: black;
    text-shadow: 1px 2px 1px #c4ccd7;
    margin: auto;
    font-size: 20px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 5px;
    text-align: center;
}
.FAQ-big-note {
    color: white;
    /*text-shadow: 1px 2px 1px #c4ccd7;*/
    margin: auto;
    font-size: 20px;
    font-weight: bold;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
    background-color: #0d44c1;
    position: sticky;
    width: 100%;
    top: 50px;
}
.index-big-note {
    color: white;
    text-shadow: 0 1px 0 #122a74;
    margin: auto;
    font-size: 24px;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 15px;
    width: 100%;
}
.pass-big-note {
    color: white;
    text-shadow: 0 1px 0 #122a74;
    margin: auto;
    font-size: 23px;
    font-weight: bold;
    margin-bottom: 20px;
    width: 270px;
}
.txt-passcode {
    border: 2px solid #99a7e8 !important;
    padding-left: 0px;
    padding-right: 0px;
    border-radius: 4px !important;
    color: black;
    width: 55px;
    padding-bottom: 5px;
}
/*.txt-passcode::-webkit-inner-spin-button {
    display: none;
}*/
.txt-passcode:focus
{
    border: 2px solid #134de4 !important;
}
.txt-PIN {
    border: 2px solid #99a7e8 !important;
    padding-left: 0px;
    padding-right: 0px;
    border-radius: 4px !important;
    color: black;
}
.txt-PIN:focus {
    border: 2px solid #134de4 !important;
}
.txt-OTP {
    border: 2px solid #99a7e8 !important;
    padding-left: 0px;
    padding-right: 0px;
    border-radius: 4px !important;
    color: black;
}
.txt-OTP:focus {
    border: 2px solid #134de4 !important;
}
.div-survey-question {
    color: #434040;
    margin: auto;
    margin-top: 20px;
    text-align: center;
    padding: 10px;
    font-size: 13px;
    border-bottom: 1px solid #d0d7e2;
    padding-bottom: 25px;
}
.div-stars {
    margin: auto;
    text-align: center;
    margin-top: 20px;
}
.div-star {
    width: 49px;
    height: 49px;
    display: inline-block;
    cursor: pointer;
    background: url('../Images/StarGrey.png') no-repeat 3px 3px;
    background-size: 40px 40px;
}
.btn-oreo {
    border-radius: 10px;
    border: 2px solid #092fae;
    padding: 5px;
    padding-left: 40px;
    padding-right: 40px;
    background-color: #0d44c1;
    color: white;
}
.btn-oreo:disabled {
    border: 2px solid #bfc0c6;
    background-color: #e7e8ed;
    color: #76777a;
}
.btn-oreo:hover{
    background-color: #7ba5f4;
}
#btn-SubmitSurvey {
    margin-top: 20px;
    margin-bottom: 20px;
}
#div-Button {
    margin-top: 7px;
}
#div-OTP-grey
{
    margin-top: 20px;
}

#div-DownloadApp {
    background-size: 280px 145px !important;
    height: 145px;
    width: 280px;
    margin: auto;
    margin-top: 40px;
}
#tbl-Download-App {
    margin: auto;
    margin-top: 40px;
}
#tbl-Download-App td {
    height: 40px !important;
    text-align: center !important;
    font-size: 30px;
    padding-left: 15px;
    padding-right: 15px;
}
#tbl-Landing-DL {
    margin: auto;
    margin-top: 30px;
}
#tbl-Landing-DL td {
    height: 40px !important;
    text-align: center !important;
    font-size: 30px;
    padding-left: 5px;
    padding-right: 5px;
}
.btn-download-app {
    width: 125px;
    height: 40px;
    margin: auto;
    background-size: 125px 40px !important;
    cursor: pointer;
    border-radius: 7px;
}
.btn-LandingDL {
    width: 110px;
    height: 33px;
    margin: auto;
    background-size: 110px 33px !important;
    cursor: pointer;
    border-radius: 7px;
}
#btn-AppStore {
    width: 130px;
    height: 40px;
    background-size: 130px 40px !important;
}
#btn-Landing-AppStore {
    width: 120px;
    height: 33px;
    background-size: 120px 33px !important;
}