@charset "utf-8";

html, body { text-size-adjust: none; }

body.binit { background-color: rgb(51, 51, 51) !important; }

body.bnormal { background-color: rgb(255, 255, 255) !important; }

body.binit > .ui-page { background-color: rgb(51, 51, 51) !important; }

ui-overlay-a, .ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper { background-color: rgb(212, 212, 212); }

.tw-header { width: 100%; }

.tw-flag-icon-sq, .tw-flag-icon-de, .tw-flag-icon-en, .tw-flag-icon-fr, .tw-flag-icon-hr, .tw-flag-icon-it, .tw-flag-icon-tr, .tw-flag-icon-es { background-image: url("https://mycard77.com/Content/images/twMobileSprite_v2.png"); background-repeat: no-repeat; }

.tw-flag-icon-sq, .tw-flag-icon-de, .tw-flag-icon-en, .tw-flag-icon-es, .tw-flag-icon-fr, .tw-flag-icon-hr, .tw-flag-icon-it, .tw-flag-icon-tr { left: 9px; height: 24px; position: absolute; top: 9px; width: 24px; }

.tw-flag-icon-sq { background-position: 0px -315px; }

.tw-flag-icon-de { background-position: 0px -189px; }

.tw-flag-icon-en { background-position: 0px -250px; }

.tw-flag-icon-fr { background-position: 0px -280px; }

.tw-flag-icon-hr { background-position: 0px -160px; }

.tw-flag-icon-it { background-position: 0px -218px; }

.tw-flag-icon-tr { background-position: 0px -348px; }

.tw-flag-icon-es { background-position: 0px -382px; }

.ui-header a.ui-btn-icon-left::after { background-color: rgba(0, 0, 0, 0); background-position: center center; background-repeat: no-repeat; border-radius: 0px; height: 36px; left: 0px; margin-top: -19px; width: 32px; overflow: visible !important; }

.ui-header > .ui-icon-carat-l::after { background-image: url("https://mycard77.com/Content/images/arrowLeft.png"); background-size: 20px 36px; }

.ui-page { background-color: rgb(249, 249, 249); }

.ui-content { background-color: rgb(249, 249, 249); margin-bottom: 15px; padding: 1em !important; }

.ui-header { background-color: rgb(51, 51, 51); display: block; font-size: 1em; border-width: 0px !important; }

.ui-header a.ui-btn-left { box-shadow: none; text-indent: -8px; background-color: rgba(0, 0, 0, 0) !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; color: rgb(255, 255, 255) !important; text-shadow: none !important; }

.ui-block-a, .ui-block-b, .ui-block-c, .ui-block-d, .ui-block-e { white-space: normal; }

.tw-ui-li-divider { color: rgb(51, 51, 51) !important; line-height: 42px; }

.input_textbox_error, .input_select_error { background: url("https://mycard77.com/Content/images/ui-message/error-20.png") right center no-repeat scroll rgb(255, 255, 255) !important; border: 1px solid rgb(204, 15, 22) !important; margin: -1px !important; }

.input_textbox_error:focus, .input_select_error:focus { background: none 0px 0px repeat scroll rgba(0, 0, 0, 0) !important; }

.input_select_error { color: rgb(0, 0, 0) !important; }

.ui-icon-app-download::after { background-image: url("https://mycard77.com/Content/images/other/download_app_icon_18x18.png"); background-size: 18px 18px; }

.ui-nosvg .ui-icon-app-download::after { background-image: url("https://mycard77.com/Content/images/other/download_app_icon_18x18.png"); background-size: 18px 18px; }

.error-red { color: rgb(255, 0, 0); }

.ui-listview > .ui-li-divider, .ui-listview > .ui-li-admin-account, .ui-listview > .tw-ui-li-divider-ltrans { border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor currentcolor rgb(14, 99, 174); border-image: none; cursor: default; font-size: 13px; font-weight: normal; height: 34px; line-height: 34px; outline: none 0px; background: linear-gradient(rgb(14, 112, 185) 0px, rgb(0, 86, 147) 100%); color: rgb(255, 255, 255) !important; padding: 0px !important; text-shadow: none !important; }

.ui-listview > .ui-li-admin-account, .ui-listview > .tw-ui-li-divider-ltrans { height: auto; line-height: 38px; }

.ui-li-divider { background-color: rgb(66, 66, 66); cursor: default; font-size: 14px; font-weight: bold; height: 42px; line-height: 42px; outline: none 0px; padding: 0px !important; }

li.ui-li-divider { background-color: rgb(66, 66, 66); border-radius: 0px !important; }

.ui-field-contain.ui-li-static.ui-body-inherit { padding: 0.5em; }

.tw-fleft { float: left; }

.tw-fright { float: right; }

.tw-fclear { clear: both; }

.ui-popup-container { border-radius: 0px !important; }

.desktop { color: rgb(51, 51, 51); float: right; }

.mobile { color: rgb(51, 51, 51); float: left; }

.ui-li-divider > .tw-info::before { color: rgb(255, 255, 255) !important; }

.ui-li-divider > .tw-info { line-height: 35px; }

a.ui-corner-all { border-radius: 0px !important; }

.ui-corner-all { border-radius: 0px !important; }

li.ui-field-contain { background-color: rgb(246, 246, 246) !important; }

div.tw-page-not-found, div.noscript { background: url("https://mycard77.com/Content/images/start_info.png") 15px 10px no-repeat scroll rgb(71, 85, 97); border-radius: 0.3125em; color: white; min-height: 40px; padding: 10px 0px 0px 50px; text-shadow: none; }

div.tw-page-not-found { background: url("https://mycard77.com/Content/images/other/error.png") 15px 10px no-repeat scroll rgb(71, 85, 97); }

.noscript { color: rgb(255, 255, 255); }

.ui-btn:visited { text-decoration: none !important; }

.tw-btn-corner-all { border-radius: 0.325em; }

.tw-first-child { border-radius: 0.325em 0px 0px 0.325em; }

.tw-last-child { border-radius: 0px 0.325em 0.325em 0px; }

.tw-white-space-normal { white-space: normal !important; }

.tw-white-space-normal .ui-btn { white-space: normal; overflow: visible !important; }

.fieldHide { display: none !important; visibility: hidden !important; }

.hide { display: none; visibility: hidden; }

.block-hide { visibility: hidden; }

.tw-popup-box { font-size: 14px; line-height: 1.4em; overflow: visible; padding: 5px; white-space: normal; width: 99%; }

.tw-info { background-position: left center; background-repeat: no-repeat; background-attachment: scroll; background-color: transparent; float: left; font-size: 2em; height: 30px; vertical-align: middle !important; width: 32px !important; }

.tw-msg-info2 { background-image: url("https://mycard77.com/Content/images/ui-message/info-24.png"); }

.tw-msg-check-circle2 { background-image: url("https://mycard77.com/Content/images/ui-message/ok-24.png"); }

.tw-msg-warning { background-image: url("https://mycard77.com/Content/images/ui-message/error-24.png"); }

.tw-msg-warning3 { background-image: url("https://mycard77.com/Content/images/ui-message/warning-24.png"); }

.tw-msg-question-circle { background-image: url("https://mycard77.com/Content/images/ui-message/confirm-24.png"); }

.tw-inline div { font-size: 0.75em; font-weight: normal; width: 100%; }

.tw-open { color: rgb(66, 66, 66) !important; }

.tw-won { color: rgb(0, 128, 0) !important; }

.tw-lost { color: rgb(204, 15, 22) !important; }

.tw-cancel { color: rgb(116, 116, 116) !important; }

.tw-return { color: rgb(227, 179, 16) !important; }

.tw-w5 { width: 5% !important; }

.tw-w10 { width: 10% !important; }

.tw-w15 { width: 15% !important; }

.tw-w20 { width: 20% !important; }

.tw-w25 { width: 25% !important; }

.tw-w55 { width: 55% !important; }

.tw-w60 { width: 60% !important; }

.tw-w65 { width: 65% !important; }

.tw-w70 { width: 70% !important; }

.tw-w75 { width: 75% !important; }

.tw-w80 { width: 80% !important; }

.ui-listview > .ui-li-has-count > .ui-btn, .ui-listview > .ui-li-static.ui-li-has-count, .ui-listview > .ui-li-divider.ui-li-has-count { padding-left: 0px !important; padding-right: 0px !important; }

div.ui-btn { display: block; margin: 0px; border-radius: 0px !important; box-shadow: none !important; }

div.ui-btn-icon-notext { border-radius: 1em !important; }

div, span, a, input { box-shadow: none !important; }

.noPadding { line-height: 42px; padding: 0px !important; }

.tw-custom-close { color: rgb(14, 99, 174); float: left; }

.tw-header-title { font-weight: 300; text-shadow: none; overflow-wrap: break-word; margin: 0px 13% !important; min-height: 20px !important; overflow: visible !important; white-space: normal !important; }

.ui-li-divider.ui-bar-a.ui-first-child { text-indent: 1em; }

#twInfoView li.ui-li-divider { text-indent: 1em; }

.ui-btn.ui-checkbox-off::after, .ui-btn.ui-checkbox-on::after { border-radius: 0.8em; }

.ui-btn.ui-checkbox-on::after { background-color: rgb(0, 137, 13) !important; }

.tw-break-word { overflow-wrap: break-word; hyphens: auto; }

.tw-fsize15 { font-size: 15px; }

.tw-fsize14 { font-size: 14px; }

.tw-fsize12 { font-size: 12px; }

.tw-fsize11 { font-size: 11px; }

.tw-fsize10 { font-size: 10px; }

.tw-fsize9 { font-size: 9px; }

.tw-text-center { text-align: center; }

.tw-text-left { text-align: left; }

.tw-text-right { text-align: right; }

.tw-text-lintent { text-indent: 10px; }

.tw-text-lintent15 { text-indent: 15px; }

.tw-text-rintent10 { direction: rtl; text-align: right; text-indent: 10px; }

.tw-bold { font-weight: bold; }

.tw-align-c { text-align: center !important; }

.tw-btn-rounded { float: right; border: 1em !important; border-radius: 1em !important; }

.ui-li-admin-account .tw-btn-rounded { margin-left: 12px; margin-right: 12px; }

.ui-datebox-container { background-color: rgb(250, 250, 250); }

.ui-datebox-gridrow div.ui-btn, .ui-datebox-gridrow .ui-state-disabled, .ui-datebox-griddate-empty { display: inline-block; }

.ui-datebox-grid > .ui-datebox-gridrow:first-child { margin-bottom: 0px; }

.ui-datebox-container > .ui-header > h1 { color: rgb(255, 255, 255); font-size: 13px; text-shadow: none; white-space: normal !important; }

.ui-datebox-grid > .ui-datebox-gridrow:nth-child(2) > .ui-datebox-griddate-empty, .ui-datebox-grid > .ui-datebox-gridrow-last > .ui-datebox-griddate-empty { opacity: 0.3; pointer-events: none; cursor: default !important; }

.ui-datebox-gridrow { margin-bottom: 0px; }

.ui-datebox-container .ui-btn { background-color: rgb(241, 241, 241) !important; color: rgb(14, 99, 174) !important; }

.ui-datebox-container .ui-btn-b { background-color: rgb(0, 137, 13) !important; color: rgb(255, 255, 255) !important; }

.ui-datebox-container .ui-btn-icon-notext { border-radius: 1em !important; background-color: rgb(14, 99, 174) !important; }

.ui-page-theme-c .ui-btn, html .ui-bar-c .ui-btn, html .ui-body-c .ui-btn, html body .ui-group-theme-c .ui-btn, html head + body .ui-btn.ui-btn-c, .ui-page-theme-c .ui-btn:visited, html .ui-bar-c .ui-btn:visited, html .ui-body-c .ui-btn:visited, html body .ui-group-theme-c .ui-btn:visited, html head + body .ui-btn.ui-btn-c:visited { background-color: rgb(7, 156, 32); color: rgb(255, 255, 255); text-shadow: none; border: 1px solid rgb(7, 156, 32) !important; }

.ui-btn-c { text-shadow: none !important; }

.ui-btn-c:hover { background-color: rgb(0, 137, 13) !important; border: 1px solid rgb(0, 137, 13) !important; color: rgb(255, 255, 255) !important; }

.ui-page-theme-e .ui-btn, html .ui-bar-e .ui-btn, html .ui-body-e .ui-btn, html body .ui-group-theme-e .ui-btn, html head + body .ui-btn.ui-btn-e, .ui-page-theme-e .ui-btn:visited, html .ui-bar-e .ui-btn:visited, html .ui-body-e .ui-btn:visited, html body .ui-group-theme-e .ui-btn:visited, html head + body .ui-btn.ui-btn-e:visited { background-color: rgb(88, 88, 88); border: 1px solid rgb(88, 88, 88); text-shadow: none; color: rgb(255, 255, 255) !important; }

.ui-btn-e { text-shadow: none !important; }

.ui-btn-e:hover { background-color: rgb(66, 66, 66) !important; border: 1px solid rgb(66, 66, 66) !important; }

.ui-page-theme-f .ui-btn, html .ui-bar-f .ui-btn, html .ui-body-f .ui-btn, html body .ui-group-theme-f .ui-btn, html head + body .ui-btn.ui-btn-f, .ui-page-theme-f .ui-btn:visited, html .ui-bar-f .ui-btn:visited, html .ui-body-f .ui-btn:visited, html body .ui-group-theme-f .ui-btn:visited, html head + body .ui-btn.ui-btn-f:visited { background-color: rgb(22, 120, 195); border: 1px solid rgb(22, 120, 195); color: rgb(255, 255, 255); text-shadow: none; }

.ui-btn-f { text-shadow: none !important; }

.ui-btn-f:hover { background-color: rgb(14, 99, 174) !important; border: 1px solid rgb(14, 99, 174) !important; color: rgb(255, 255, 255) !important; }

.ui-page-theme-g .ui-btn, html .ui-bar-g .ui-btn, html .ui-body-g .ui-btn, html body .ui-group-theme-g .ui-btn, html head + body .ui-btn.ui-btn-g, .ui-page-theme-g .ui-btn:visited, html .ui-bar-g .ui-btn:visited, html .ui-body-g .ui-btn:visited, html body .ui-group-theme-g .ui-btn:visited, html head + body .ui-btn.ui-btn-g:visited { background-color: rgb(220, 231, 237); color: rgb(8, 71, 114); text-shadow: none; border: 1px solid rgb(255, 255, 255) !important; }

.ui-btn-g { font-size: 12px; text-align: left; text-shadow: none !important; }

.ui-btn-g:hover { background-color: rgb(212, 223, 229) !important; border: 1px solid rgb(255, 255, 255) !important; color: rgb(8, 71, 114) !important; }

.ui-page-theme-i .ui-btn, html .ui-bar-i .ui-btn, html .ui-body-i .ui-btn, html body .ui-iroup-theme-i .ui-btn, html head + body .ui-btn.ui-btn-i, .ui-page-theme-i .ui-btn:visited, html .ui-bar-i .ui-btn:visited, html .ui-body-i .ui-btn:visited, html body .ui-iroup-theme-i .ui-btn:visited, html head + body .ui-btn.ui-btn-i:visited { background-color: rgb(8, 71, 114); border: 1px solid rgb(220, 231, 237); color: rgb(255, 255, 255); text-shadow: none !important; }

.ui-btn-i:hover { background-color: rgb(8, 71, 114) !important; border: 1px solid rgb(8, 71, 114) !important; color: rgb(255, 255, 255) !important; }

.ui-page-theme-j .ui-btn, html .ui-bar-j .ui-btn, html .ui-body-j .ui-btn, html body .ui-group-theme-j .ui-btn, html head + body .ui-btn.ui-btn-j, .ui-page-theme-j .ui-btn:visited, html .ui-bar-j .ui-btn:visited, html .ui-body-j .ui-btn:visited, html body .ui-group-theme-j .ui-btn:visited, html head + body .ui-btn.ui-btn-j:visited { background-color: rgb(194, 35, 38); color: rgb(255, 255, 255); text-shadow: none; border: 1px solid rgb(204, 15, 22) !important; }

.ui-btn-j { text-shadow: none !important; }

.ui-btn-j:hover { background-color: rgb(204, 15, 22) !important; border: 1px solid rgb(204, 15, 22) !important; color: rgb(255, 255, 255) !important; }

#reportMailList li { font-size: 0.8em !important; padding: 4px 0px !important; }

#reportMailList a { height: 22px; width: 22px; background-color: rgb(194, 35, 38) !important; border-radius: 1em !important; float: right !important; margin: 0px 10px 0px 0px !important; }

.mail-part { font-weight: bold; padding: 5px; }

.tw-control-group .ui-controlgroup-controls .ui-select { width: 33.33% !important; }

.ui-collapsible-set a.ui-btn-icon-right::after { background-color: rgb(8, 71, 114); }

#collapsible_RegisterNewUser .ui-field-contain { border-bottom: 0px; margin: 0px; padding: 0.2em 0px; }

.top-space-10 { margin-top: 10px; }

#shopSelector h3 { margin: 0px !important; }

a.shop-select, span.shop-select { height: 22px; position: absolute; right: 2%; top: 20%; width: 22px; border-radius: 16px !important; }

#shopSelector a.ui-collapsible-heading-toggle { height: 36px !important; padding-top: 0px !important; padding-bottom: 0px !important; }

.level-label { line-height: 36px; height: 36px !important; font-size: 12px !important; }

span.ui-li-count { left: 10px; position: relative !important; top: 0px !important; }

#shopSelector .ui-controlgroup-controls { width: 100% !important; }

.level-selected { background-color: rgb(7, 156, 32) !important; }

.user-active { color: rgb(0, 137, 13); }

.user-inactive { color: rgb(194, 35, 38) !important; }

.tw-admin-menu li > a.ui-btn-icon-right::after { background-color: rgb(116, 116, 116) !important; }

.tw-admin-menu .ui-listview { margin: 0px !important; }

.payment-chip { font-size: 13px; font-weight: bold; border: 1px solid rgb(8, 71, 114) !important; color: rgb(8, 71, 114) !important; background-color: rgb(255, 255, 255) !important; outline: none !important; width: 90% !important; box-shadow: none !important; }

.grid-medium { font-size: 12px !important; }

.ul-simple { font-size: 12px !important; }

.ul-simple > li { padding: 4px 12px !important; }

.a-simple { font-weight: normal; padding: 5px 36px 5px 8px !important; }

.li-simple { padding: 5px !important; }

.level-active, .level-unactive { display: inline-block; border-radius: 16px; height: 10px; width: 10px; }

.level-active { border: 1px solid rgb(7, 156, 32); background-color: rgb(7, 156, 32); }

.level-unactive { border: 1px solid rgb(194, 35, 38); background-color: rgb(194, 35, 38); }

.ui-collapsible-content .ul-simple { margin-top: 0px !important; margin-bottom: 0px !important; }

.ui-li-count { font-size: 11px !important; }

.ui-checkbox.ui-mini { font-size: 12px !important; }

.tw-ui-li-divider { text-indent: 10px; }

.tw-fwn { font-weight: normal !important; }

.ui-field-contain label { font-size: 14px; }

.ui-checkbox label { font-size: 12px !important; font-weight: normal; }

a.ui-btn, .ui-input-text { font-size: 14px !important; }

.ui-input-clear::after { background-color: rgb(66, 66, 66) !important; margin-top: -10px !important; }

.centrale-heading .ui-collapsible-heading-toggle.ui-btn::after { background-color: rgb(8, 71, 114) !important; }

.agency-heading .ui-collapsible-heading-toggle.ui-btn::after { background-color: rgb(116, 116, 116) !important; }

.outline-header { background-color: rgb(88, 88, 88) !important; color: rgb(255, 255, 255) !important; text-shadow: none !important; }

#shopSelector .ui-btn-active { background-color: rgb(220, 231, 237) !important; color: rgb(8, 71, 114) !important; }

.ui-flipswitch .ui-btn.ui-flipswitch-on { font-size: 12px !important; }

.ui-flipswitch-active { background-color: rgb(7, 156, 32) !important; }

li.bets-summary-row { padding: 10px 4px !important; text-align: right !important; }

ul.transactional-list > li.pt-row:nth-child(2n), ul.transactional-list > li.pt-row:nth-child(2n) > a { background-color: rgb(248, 248, 248) !important; }

.pt-row, .pt-row-c, .cgrs-row { color: rgb(0, 0, 0) !important; }

.cgr-row { font-weight: bold; text-transform: uppercase; background-color: rgb(220, 231, 237) !important; color: rgb(8, 71, 114) !important; }

.cgrs-row { background-color: rgb(208, 208, 208) !important; font-weight: bold; }

.tw-align-r { text-align: right; }

.tw-bsd-row { background-color: rgb(241, 241, 241) !important; }

.tw-bsd-row span { clear: both; display: inline-block; width: 100%; }

.bet-info { font-size: 10px !important; }

#bsDetailsView .ui-collapsible-content { padding: 0px 6px; }

#bsDetailsView .ui-collapsible-heading { margin: 0px; }

#bsDetailsView a { padding: 6px 35px 6px 8px; font-size: 11px !important; }

.text-g { color: rgb(8, 71, 114) !important; }

a.ui-tabs-anchor { font-size: 12px !important; font-weight: normal; }

.ui-flipswitch.ui-bar-k { background-color: rgb(194, 35, 38); color: rgb(255, 255, 255); border: 1px solid rgb(217, 217, 217); }

#logoutForm .ui-btn { text-align: left !important; font-size: 14px; }

#reloadForm div.ui-icon-refresh { float: right; border: 1em !important; border-radius: 1em !important; margin: 7px 12px !important; }

.marg-l-12 { margin-left: 10px; }

.ul-colored > li { background-color: rgb(220, 231, 237) !important; }

#collapsible_RegisterNewUser .ui-collapsible-content { background-color: rgb(243, 243, 243); }

#companySelect .ui-collapsible-content { padding: 0px 4px !important; }

.ui-radio > label { color: rgb(8, 71, 114) !important; }

.field-hint { background: url("https://mycard77.com/Content/images/ui-message/info-2-20.png") 95% center no-repeat scroll transparent; cursor: pointer; height: 31px; line-height: 31px; overflow: visible !important; white-space: nowrap !important; }

#editForm div.ui-input-text { margin: 0px !important; }

#editForm label { margin-top: 0px !important; }

.ui-li-admin-account .ui-block-a { height: 34px; line-height: 34px !important; }

#admin-notify { height: 34px; font-size: 12px; padding: 0px 18px 0px 0px !important; }

.notify-box { float: right; height: 34px; margin-left: 20px; position: relative; width: 44px; }

.notify-link { float: left; }

.notify-link > a { width: 28px; height: 28px; background-color: rgb(194, 35, 38) !important; margin: 2px 0px 0px !important; }

.notify-link > a::after { top: 9px; width: 28px; height: 28px; left: 10px; background-color: rgb(194, 35, 38) !important; border: 1px solid rgb(194, 35, 38) !important; }

.notify-counter > span { border-radius: 12px; padding: 4px; background-color: rgb(66, 66, 66) !important; color: rgb(255, 255, 255) !important; left: 2px !important; top: 2px !important; }

.notify-navbar { margin-top: 20px; }

.notify-navbar a.ui-btn { padding: 10px 2px; font-size: 12px !important; }

.notify-navbar a.ui-btn-active { font-weight: bold; background-color: rgb(8, 71, 114) !important; }

.notify-list-wrap { clear: both; margin-top: 4px; width: 100%; }

.notify-list-wrap > ul { margin-top: 0px !important; }

li.notify-row { padding-left: 0.2em !important; padding-right: 0.2em !important; }

li.msg-details-row { font-size: 12px; padding: 0.4em !important; }

li.msg-row.pn-row > a { padding: 0.4em 0.2em !important; }

li.msg-row > a.ui-icon-arrow-r::after { background-color: rgb(0, 86, 147) !important; }

li.msg-row > a.ui-icon-arrow-l::after { background-color: rgb(0, 137, 13) !important; }

div.notify-grid, .nf-header { clear: both; float: left; font-size: 12px; width: 100%; }

div.notify-grid > div, .nf-header > div { box-sizing: border-box; float: left; padding: 0px 2px; white-space: normal; }

div.ng-a { width: 30%; }

div.ng-b { width: 20%; }

div.ng-c { width: 40%; }

div.ng-d { width: 50%; }

div.ng-e { width: 25%; }

div.ng-f { width: 45%; }

.ng-btn > div.ui-btn { margin: 0px auto; text-align: center; font-size: 14px !important; }

.nf-divider { background-color: rgb(82, 82, 82) !important; color: rgb(255, 255, 255) !important; height: 32px !important; line-height: 32px !important; padding-top: 0px !important; padding-bottom: 0px !important; }

.msg-user { color: rgb(8, 71, 114) !important; font-weight: bold; }

.msg-in, .msg-out { float: left; width: 10%; height: 100%; }

.msg-in > span, .msg-out > span { display: block; height: 32px; line-height: 32px; float: left; }

.msg-in > span::after { background-color: rgb(0, 137, 13); }

.msg-out > span::after { background-color: rgb(0, 86, 147); }

.msg-details-title { float: left; font-size: 13px; font-weight: bold; height: 100%; text-indent: 8px; width: 90%; }

.msgd-header { background-color: rgb(217, 217, 217) !important; color: rgb(0, 0, 0) !important; height: 32px !important; line-height: 32px !important; padding-top: 0px !important; padding-bottom: 0px !important; }

.msgd-header > div { box-sizing: border-box; float: left; padding: 0px 2px; white-space: normal; }

.block-w30, .block-w70 { box-sizing: border-box; float: left; }

.block-w70 { width: 70%; }

.block-w30 { width: 30%; }

.block-total { background-color: rgb(0, 137, 13) !important; height: 36px; }

.block-total > span { box-sizing: border-box; clear: both; display: block; font-size: 12px; height: 18px; line-height: 18px; text-align: center; width: 100%; text-indent: 0px !important; }

.pay-sum { font-weight: bold; font-size: 14px; }

a.pay-ok::after { background-color: rgb(0, 137, 13) !important; }

a.pay-nok::after { background-color: rgb(194, 35, 38) !important; }

li.payd-ok div.ui-block-b { color: rgb(0, 137, 13); }

li.payd-nok div.ui-block-b { color: rgb(194, 35, 38) !important; }

.notify-msg { background-color: rgb(235, 235, 235); color: rgb(0, 0, 0); font-size: 14px; font-family: "Courier New", Verdana, Georgia, "Comic Sans MS", Arial, Tahoma; padding: 8px; text-align: center; }

#appModalPopup { width: 250px; padding: 0px !important; }

#appModalPopup .ui-li-divider { text-indent: 8px; text-transform: uppercase; border-bottom: 1px solid rgb(14, 99, 174) !important; }

#appModalPopup li { padding: 4px 8px; border: 0px; background-color: rgb(220, 231, 237) !important; }

#originalMsgInfo > h3.ui-collapsible-heading, #originalMsgInfo > div.ui-collapsible-content { margin: 0px !important; padding: 0px !important; }

#pswdResetOptionWrap > .ui-checkbox { margin: 0px; box-sizing: border-box; }

#pswdResetOptionWrap > .ui-checkbox > label { background-color: rgb(220, 231, 237); font-size: 14px !important; border-color: rgb(200, 211, 217) !important; }

#pswdResetSwitchWrap { white-space: normal; overflow-wrap: break-word; word-break: break-word; overflow: visible; }

.flipswitch-label { font-weight: bold; margin-right: 10px; }

.flipswitch-label.flipswitch-label-disabled { color: rgb(95, 95, 95); }

#pswdResetSwitchWrap .ui-state-disabled { opacity: 0.5; }