/* Minification failed. Returning unminified contents.
(1957,38): run-time error CSS1046: Expect comma, found '0'
(1957,42): run-time error CSS1046: Expect comma, found '/'
(3058,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3059,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3060,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3061,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3062,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3063,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3064,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3770,30): run-time error CSS1039: Token not allowed after unary operator: '-blackColor'
(3786,71): run-time error CSS1039: Token not allowed after unary operator: '-bgColor'
(3786,91): run-time error CSS1039: Token not allowed after unary operator: '-bgColor'
(3793,30): run-time error CSS1039: Token not allowed after unary operator: '-redColor'
(3797,40): run-time error CSS1039: Token not allowed after unary operator: '-blackColor'
(3804,34): run-time error CSS1039: Token not allowed after unary operator: '-greenColor'
(3806,40): run-time error CSS1039: Token not allowed after unary operator: '-greenColor'
(3810,30): run-time error CSS1039: Token not allowed after unary operator: '-greenColor'
(3812,30): run-time error CSS1039: Token not allowed after unary operator: '-greenColor'
(3813,52): run-time error CSS1039: Token not allowed after unary operator: '-lightGreenColor'
(3813,104): run-time error CSS1039: Token not allowed after unary operator: '-lightGreenColor'
(3813,150): run-time error CSS1039: Token not allowed after unary operator: '-lightGreenColor'
(3822,46): run-time error CSS1039: Token not allowed after unary operator: '-bgColor'
(3822,66): run-time error CSS1039: Token not allowed after unary operator: '-greenColor'
(3822,89): run-time error CSS1039: Token not allowed after unary operator: '-lightGreenColor'
(3822,117): run-time error CSS1039: Token not allowed after unary operator: '-greenColor'
(3822,140): run-time error CSS1039: Token not allowed after unary operator: '-bgColor'
(3822,160): run-time error CSS1039: Token not allowed after unary operator: '-redColor'
(3822,181): run-time error CSS1039: Token not allowed after unary operator: '-lightRedColor'
(3822,207): run-time error CSS1039: Token not allowed after unary operator: '-redColor'
(3824,32): run-time error CSS1039: Token not allowed after unary operator: '-redColor'
(3834,30): run-time error CSS1039: Token not allowed after unary operator: '-bgColor'
(3835,40): run-time error CSS1039: Token not allowed after unary operator: '-redColor'
(3844,28): run-time error CSS1039: Token not allowed after unary operator: '-redColor'
(3845,50): run-time error CSS1039: Token not allowed after unary operator: '-lightRedColor'
(3845,100): run-time error CSS1039: Token not allowed after unary operator: '-lightRedColor'
(3845,144): run-time error CSS1039: Token not allowed after unary operator: '-lightRedColor'
 */
.xdsoft_datetimepicker{box-shadow:0 5px 15px -5px rgba(0,0,0,.506);background:#fff;border-bottom:1px solid #bbb;border-left:1px solid #ccc;border-right:1px solid #ccc;border-top:1px solid #ccc;color:#333;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;padding:8px;padding-left:0;padding-top:2px;position:absolute;z-index:9999;-moz-box-sizing:border-box;box-sizing:border-box;display:none}.xdsoft_datetimepicker.xdsoft_rtl{padding:8px 0 8px 8px}.xdsoft_datetimepicker iframe{position:absolute;left:0;top:0;width:75px;height:210px;background:0 0;border:none}.xdsoft_datetimepicker button{border:none!important}.xdsoft_noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.xdsoft_noselect::selection{background:0 0}.xdsoft_noselect::-moz-selection{background:0 0}.xdsoft_datetimepicker.xdsoft_inline{display:inline-block;position:static;box-shadow:none}.xdsoft_datetimepicker *{-moz-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0}.xdsoft_datetimepicker .xdsoft_datepicker,.xdsoft_datetimepicker .xdsoft_timepicker{display:none}.xdsoft_datetimepicker .xdsoft_datepicker.active,.xdsoft_datetimepicker .xdsoft_timepicker.active{display:block}.xdsoft_datetimepicker .xdsoft_datepicker{width:224px;float:left;margin-left:8px}.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_datepicker{float:right;margin-right:8px;margin-left:0}.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker{width:256px}.xdsoft_datetimepicker .xdsoft_timepicker{width:58px;float:left;text-align:center;margin-left:8px;margin-top:0}.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker{float:right;margin-right:8px;margin-left:0}.xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker{margin-top:8px;margin-bottom:3px}.xdsoft_datetimepicker .xdsoft_monthpicker{position:relative;text-align:center}.xdsoft_datetimepicker .xdsoft_label i,.xdsoft_datetimepicker .xdsoft_next,.xdsoft_datetimepicker .xdsoft_prev,.xdsoft_datetimepicker .xdsoft_today_button{background-image:url(/Content/css/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC)}.xdsoft_datetimepicker .xdsoft_label i{opacity:.5;background-position:-92px -19px;display:inline-block;width:9px;height:20px;vertical-align:middle}.xdsoft_datetimepicker .xdsoft_prev{float:left;background-position:-20px 0}.xdsoft_datetimepicker .xdsoft_today_button{float:left;background-position:-70px 0;margin-left:5px}.xdsoft_datetimepicker .xdsoft_next{float:right;background-position:0 0}.xdsoft_datetimepicker .xdsoft_next,.xdsoft_datetimepicker .xdsoft_prev,.xdsoft_datetimepicker .xdsoft_today_button{background-color:transparent;background-repeat:no-repeat;border:0 none;cursor:pointer;display:block;height:30px;opacity:.5;outline:medium none;overflow:hidden;padding:0;position:relative;text-indent:100%;white-space:nowrap;width:20px;min-width:0}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev{float:none;background-position:-40px -15px;height:15px;width:30px;display:block;margin-left:14px;margin-top:7px}.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_next,.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_prev{float:none;margin-left:0;margin-right:14px}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev{background-position:-40px 0;margin-bottom:7px;margin-top:0}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box{height:151px;overflow:hidden;border-bottom:1px solid #ddd}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div{background:#f5f5f5;border-top:1px solid #ddd;color:#666;font-size:12px;text-align:center;border-collapse:collapse;cursor:pointer;border-bottom-width:0;height:25px;line-height:25px}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:first-child{border-top-width:0}.xdsoft_datetimepicker .xdsoft_next:hover,.xdsoft_datetimepicker .xdsoft_prev:hover,.xdsoft_datetimepicker .xdsoft_today_button:hover{opacity:1}.xdsoft_datetimepicker .xdsoft_label{display:inline;position:relative;z-index:9999;margin:0;padding:5px 3px;font-size:14px;line-height:20px;font-weight:700;background-color:#fff;float:left;width:182px;text-align:center;cursor:pointer}.xdsoft_datetimepicker .xdsoft_label:hover>span{text-decoration:underline}.xdsoft_datetimepicker .xdsoft_label:hover i{opacity:1}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select{border:1px solid #ccc;position:absolute;right:0;top:30px;z-index:101;display:none;background:#fff;max-height:160px;overflow-y:hidden}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_monthselect{right:-7px}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_yearselect{right:2px}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover{color:#fff;background:#ff8000}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option{padding:2px 10px 2px 5px;text-decoration:none!important}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current{background:#3af;box-shadow:#178fe5 0 1px 3px 0 inset;color:#fff;font-weight:700}.xdsoft_datetimepicker .xdsoft_month{width:100px;text-align:right}.xdsoft_datetimepicker .xdsoft_calendar{clear:both}.xdsoft_datetimepicker .xdsoft_year{width:48px;margin-left:5px}.xdsoft_datetimepicker .xdsoft_calendar table{border-collapse:collapse;width:100%}.xdsoft_datetimepicker .xdsoft_calendar td>div{padding-right:5px}.xdsoft_datetimepicker .xdsoft_calendar th{height:25px}.xdsoft_datetimepicker .xdsoft_calendar td,.xdsoft_datetimepicker .xdsoft_calendar th{width:14.2857142%;background:#f5f5f5;border:1px solid #ddd;color:#666;font-size:12px;text-align:right;vertical-align:middle;padding:0;border-collapse:collapse;cursor:pointer;height:25px}.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th{width:12.5%}.xdsoft_datetimepicker .xdsoft_calendar th{background:#f1f1f1}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today{color:#3af}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default{background:#ffe9d2;box-shadow:#ffb871 0 1px 4px 0 inset;color:#000}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint{background:#c1ffc9;box-shadow:#00dd1c 0 1px 4px 0 inset;color:#000}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current{background:#3af;box-shadow:#178fe5 0 1px 3px 0 inset;color:#fff;font-weight:700}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,.xdsoft_datetimepicker .xdsoft_time_box>div>div.xdsoft_disabled{opacity:.5;cursor:default}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled{opacity:.2}.xdsoft_datetimepicker .xdsoft_calendar td:hover,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover{color:#fff!important;background:#ff8000!important;box-shadow:none!important}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current.xdsoft_disabled:hover{background:#3af!important;box-shadow:#178fe5 0 1px 3px 0 inset!important;color:#fff!important}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_disabled:hover{color:inherit!important;background:inherit!important;box-shadow:inherit!important}.xdsoft_datetimepicker .xdsoft_calendar th{font-weight:700;text-align:center;color:#999;cursor:default}.xdsoft_datetimepicker .xdsoft_copyright{color:#ccc!important;font-size:10px;clear:both;float:none;margin-left:8px}.xdsoft_datetimepicker .xdsoft_copyright a{color:#eee!important}.xdsoft_datetimepicker .xdsoft_copyright a:hover{color:#aaa!important}.xdsoft_time_box{position:relative;border:1px solid #ccc}.xdsoft_scrollbar>.xdsoft_scroller{background:#ccc!important;height:20px;border-radius:3px}.xdsoft_scrollbar{position:absolute;width:7px;right:0;top:0;bottom:0;cursor:pointer}.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_scrollbar{left:0;right:auto}.xdsoft_scroller_box{position:relative}.xdsoft_datetimepicker.xdsoft_dark{box-shadow:0 5px 15px -5px rgba(255,255,255,.506);background:#000;border-bottom:1px solid #444;border-left:1px solid #333;border-right:1px solid #333;border-top:1px solid #333;color:#ccc}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box{border-bottom:1px solid #222}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div{background:#0a0a0a;border-top:1px solid #222;color:#999}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label{background-color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select{border:1px solid #333;background:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover{color:#000;background:#007fff}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current{background:#c50;box-shadow:#b03e00 0 1px 3px 0 inset;color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_next,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button{background-image:url(/Content/css/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==)}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th{background:#0a0a0a;border:1px solid #222;color:#999}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th{background:#0e0e0e}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today{color:#c50}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default{background:#ffe9d2;box-shadow:#ffb871 0 1px 4px 0 inset;color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint{background:#c1ffc9;box-shadow:#00dd1c 0 1px 4px 0 inset;color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current{background:#c50;box-shadow:#b03e00 0 1px 3px 0 inset;color:#000}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div:hover{color:#000!important;background:#007fff!important}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th{color:#666}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright{color:#333!important}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a{color:#111!important}.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover{color:#555!important}.xdsoft_dark .xdsoft_time_box{border:1px solid #333}.xdsoft_dark .xdsoft_scrollbar>.xdsoft_scroller{background:#333!important}.xdsoft_datetimepicker .xdsoft_save_selected{display:block;border:1px solid #ddd!important;margin-top:5px;width:100%;color:#454551;font-size:13px}.xdsoft_datetimepicker .blue-gradient-button{font-family:museo-sans,"Book Antiqua",sans-serif;font-size:12px;font-weight:300;color:#82878c;height:28px;position:relative;padding:4px 17px 4px 33px;border:1px solid #d7d8da;background:-moz-linear-gradient(top,#fff 0,#f4f8fa 73%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(73%,#f4f8fa));background:-webkit-linear-gradient(top,#fff 0,#f4f8fa 73%);background:-o-linear-gradient(top,#fff 0,#f4f8fa 73%);background:-ms-linear-gradient(top,#fff 0,#f4f8fa 73%);background:linear-gradient(to bottom,#fff 0,#f4f8fa 73%)}.xdsoft_datetimepicker .blue-gradient-button:focus,.xdsoft_datetimepicker .blue-gradient-button:focus span,.xdsoft_datetimepicker .blue-gradient-button:hover,.xdsoft_datetimepicker .blue-gradient-button:hover span{color:#454551;background:-moz-linear-gradient(top,#f4f8fa 0,#fff 73%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f4f8fa),color-stop(73%,#fff));background:-webkit-linear-gradient(top,#f4f8fa 0,#fff 73%);background:-o-linear-gradient(top,#f4f8fa 0,#fff 73%);background:-ms-linear-gradient(top,#f4f8fa 0,#fff 73%);background:linear-gradient(to bottom,#f4f8fa 0,#fff 73%)}
/**
     Bank Online - Offline
 */
.balance-list {
    width: 100%;
}

.bank-downtime-logo {
    display: inline-block;
    width: 14px;
    height: 14px;
    float: left;
}

.on {
    background: url(/Content/images/payment/green_online_mobi.png?v=07122022);
    cursor: default;
}

.off {
    background: url(/Content/images/payment/red_offline_mobi.png?v=07122022);
    cursor: default;
}

.button.fastBtn {
    display: block;
    background-image: linear-gradient( to right bottom, #048e6a, #0a8a64, #0e865e, #128259, #157e53, #1e8653, #288d52, #339551, #4aaa53, #64bf54, #80d452, #9ee84f );
    border: none;
    font-size: 16px;
    font-family: 'Reboto-Regular',sans-serif;
    line-height: 35px;
    width: 200px;
    height: 35px;
    color: #fff;
    cursor: pointer;
    user-select: none;
    -moz-transition: background .2s cubic-bezier(.455,.03,.515,.955);
    -o-transition: background .2s cubic-bezier(.455,.03,.515,.955);
    -webkit-transition: background .2s cubic-bezier(.455,.03,.515,.955);
    transition: background .2s cubic-bezier(.455,.03,.515,.955);
    /*margin-top: 30px;*/
    border-radius: 4px;
    margin: 0 auto;
}
.blackBody .button.fastBtn {
    background: #fee71b;
    color: #2b2700;
}
.button.fastBtn-s {
    border-radius: 8px;
    margin-top: 0;
}
.button.mt-0 {
    margin-top: 0;
}

.validEmailProf {
    background: #007028;
    color: #fff !important;
    min-width: 90px;
    display: block;
    text-align: center !important;
    padding: 3px;
    border-radius: 10px;
}

    .validEmailProf b {
        height: 12px;
        width: 12px;
        line-height: 12px;
        border-radius: 30px;
        background: #fff;
        margin-right: 5px;
        display: inline-block;
    }

        .validEmailProf b i {
            color: #007028;
            font-size: 8px;
        }

.invalidEmailProf {
    background: #818181 /*#ddaa1c*/;
    color: #fff !important;
    min-width: 90px;
    display: block;
    text-align: center !important;
    padding: 3px;
    border-radius: 10px;
}

    .invalidEmailProf b {
        height: 12px;
        width: 12px;
        line-height: 12px;
        border-radius: 30px;
        background: #fff;
        margin-right: 5px;
        display: inline-block;
    }

        .invalidEmailProf b i {
            color: #818181 /*#ddaa1c*/;
            font-size: 8px;
        }

.holderBank {
    display: block;
    border: none;
    width: 234px;
    border-bottom: 1px solid #ccc;
    padding: 6px 10px 7px;
    position: relative;
}
/*.holderBank ~ .bankList {
        position:absolute;
    }*/

.csthai {
    color: #a6e3c1;
    font-weight: 600;
    font-size: 15px;
}

.csthai > a{
    color: #fee71b;
    text-decoration: underline;
}
/**
     INPUT NEW DESIGN INSIDE A TABLE
 */
.tblFormNew {
    width: 100%;
}

    .tblFormNew tr td {
        padding: 5px 0;
        position: relative;
    }

    .tblFormNew tr:first-child td {
        padding-top: 15px;
    }

    .tblFormNew tr:last-child td {
        padding: 10px 0 0 0;
        text-align: center;
    }

    .tblFormNew input[type=password],
    .tblFormNew input[type=text],
    .tblFormNew textarea {
        height: 40px;
        border: none;
        border-bottom: 1px solid #ccc;
        width: 100%;
        color: #333;
        padding-left: 5px;
        background: none;
        font-size: 17px;
        margin: 5px 0;
    }

.leftaddress .tblFormNew input[type=text] {
    width: 100%;
    height: 40px;
    border: none;
    border-bottom: 1px solid #ccc;
    color: #333;
    padding-left: 5px;
    background-color: transparent;
    font-size: 17px;
}


.leftaddress table tr td input::-webkit-input-placeholder {
    color: #bababa;
    font-size: 12px;
}

.leftaddress table tr td input::-moz-placeholder {
    color: #bababa;
    font-size: 12px;
}

.leftaddress table tr td input:-ms-input-placeholder {
    color: #bababa;
    font-size: 12px;
}

.tblFormNew textarea {
    min-height: 60px;
}

.tblFormNew .tooltipholder {
    display: none;
    bottom: inherit;
    color: #e05c49;
}

.tblFormNew .registerBox:focus ~ .tooltipholder {
    display: block;
}


.blackBody .tblFormNew .tooltipholder {
    color: #e05c49;
}


/***********************************************
    BAO KIM WALLET
***********************************************/
.radiosBaoKim {
    width: 50%;
    text-align: center;
}

    .radiosBaoKim label {
        display: block;
        margin-top: 5px;
    }

.radioo {
    margin-bottom: 20px;
}

.baoKimWalletLeft table {
    width: 100%;
}

    .baoKimWalletLeft table tr td span {
        width: 60%;
        display: inline-block;
        color: #028843;
        font-weight: bold;
    }

.blackBody .baoKimWalletLeft table tr td span {
    color: #fee71b;
}

.baoKimWalletLeft table tr td strong {
    width: 40%;
    display: inline-block;
    color: #333;
    font-weight: normal;
}

.tableBoaKim {
    width: 100%;
    border-collapse: collapse;
}

.blackBody .baoKimWalletLeft table tr td strong {
    color: #fff;
}

.tableBoaKim tr td {
    padding: 10px;
}

    .tableBoaKim tr td select {
        color: #333;
    }

    .tableBoaKim tr td:first-child {
        text-align: right;
        width: 48%;
    }

.rightBaoKim {
    display: none;
}

.h2pDesk {
    max-width: 40%;
    display: block;
    margin: 10px auto;
}
/***********************************************
    SCRATCH CARD
***********************************************/
.scatchCardLeftCont table tr td span {
    width: 65%;
    display: inline-block;
    color: #028843;
    font-weight: bold;
}

.blackBody .scatchCardLeftCont table tr td span {
    color: #fee71b;
}

.scatchCardLeftCont table tr td strong {
    width: 35%;
    display: inline-block;
    color: #333;
    font-weight: normal;
}

.blackBody .scatchCardLeftCont table tr td strong {
    color: #fff;
}

.scatchCardLeftContBottom table {
    border-collapse: collapse;
    width: 100%;
    border: 1px solid #00cd63;
    margin-top: 20px;
}

    .scatchCardLeftContBottom table tr th {
        background: #04712a;
        text-align: center;
        padding: 10px;
        border: 1px solid #00cd63;
        color: #fff;
    }

    .scatchCardLeftContBottom table tr:nth-child(even) {
        background: #04994c;
    }

    .scatchCardLeftContBottom table tr:nth-child(odd) {
        background: #008440;
    }

html:lang(vi-vn) .info-section .scatchCardLeftContBottom tr td:first-child {
    width: 50% !important;
}

.scatchCardLeftContBottom table tr td {
    width: 50%;
    color: #fff;
    padding: 10px;
    text-align: center;
    border: 1px solid #00cd63;
}

.scatchCardRight {
    margin-bottom: 25%;
}

.warningMsg {
    text-align: center;
    padding: 80px 0;
    background: #04712a;
    border: 5px solid #086128;
    /*color: #fee71b;*/
    color: #ffb045;
    font-size: 16px;
}

/* depo60 */
.depo60-cta {
    position: fixed;
    bottom: -120px;
    opacity: 0;
    z-index: 300;
    left: 50%;
    width: 920px;
    transform: translateX(-50%);
}
img.d60b-img {
    display: none;
    position: relative;
    z-index: 1;
}
span.d60-close {
    position: absolute;
    top: -17px;
    right: -17px;
    color: #fff !important;
    z-index: 2;
    font-size: 35px;
    font-weight: 700;
    background: #04712a;
    width: 35px;
    text-align: center;
    line-height: 35px;
    border-radius: 50%;
    cursor: pointer;
    opacity: 1 !important;
}
.blackBody .d60b-dark { display: block; }
.whiteBody .d60b-light { display: block; }

#depo60 .modal-dialog {
    display: flex;
    height: calc(100% - 100px);
    align-items: center;
}
#depo60 .modal-header{
    padding: 0;
    border-bottom: none;
}
#depo60 .modal-content {
    background: none;
    border: none;
    box-shadow: none;
}
#depo60 .modal-dialog {
    width: 100%;
    max-width: 980px;
}
#depo60 span.d60-close {
    top: 0;
    right: 0;
    margin-top: 0;
    background: #015a20;
    cursor: pointer;
}
/* end depo60*/

/****************************************
         WITHDRAW ERROR
****************************************/
.withdrawError {
    width: 100%;
    display: block;
}

.right_to {
    float:right;
    width:40%;
    text-align:center;
}

    .right_to img, .left_to img {
        display: inline-block;
    }

.left_to {
    float: left;
    width: 60%;
    text-align: center;
    padding:111px 0;
}

@media (max-width: 991px) {
    .left_to {
        float: none;
        width: 100%;
        padding:10px 0;
    }
    .right_to {
        float: none;
        width: 100%;
    }
        .right_to img, .left_to img {
            max-width:489px;
            width:100%;
            height:auto;
        }

    .depo60-cta { width: 760px; }
}

@media (max-width:768px) {
    .scatchCardRight { margin-bottom: 0; }
    .depo60-cta { width: 568px; }
}

@media (max-width:600px) {
    .scatchCardRight { margin-bottom: 0; }
    .depo60-cta { width: 470px; }
}

@media (max-width:568px) {
    .depo60-cta { width: 320px; }
    .depo60-cta span {
        top: -11px;
        right: -11px;
        font-size: 23px;
        line-height: 23px;
        width: 23px;
    }
}

/****************************************
         NganLuong
**********************************************/
    #frmNganLuong .radiosBaoKim {
        width: 33%;
        text-align: center;
    }

    .tblPromoCode {
        margin: 8% auto 0 auto;
        width: 100%;
    }

        .tblPromoCode tr td {
            padding: 5px;
        }

            .tblPromoCode tr td:first-child {
                width: 30%;
            }

    .blackBody .tblPromoCode tr td:first-child {
        color: #97d69d;
    }

    html:lang(vi-vn) .tblPromoCode .button {
        width: 130px;
    }

    .ngan {
        background: url(/Content/images/payment/bank-icons-payment.png) no-repeat;
        display: inline-block;
    }

    .newbanksforNganLoung {
        margin-top: 20px;
    }

        .newbanksforNganLoung > .col-xs-6 {
            padding: 2px;
        }

            .newbanksforNganLoung > .col-xs-6 > div {
                border: 1px solid #0d6c32;
                text-align: center;
                padding: 10px;
            }

    .blackBody .newbanksforNganLoung > .col-xs-6 > div {
        border: 1px solid #fee71b;
    }

    .bank1_Ngan {
        width: 44px;
        height: 44px;
        background-position: -3px -3px;
    }

    .blackBody .bank1_Ngan {
        width: 44px;
        height: 44px;
        background-position: -3px -52px;
    }

    .bank2_Ngan {
        width: 44px;
        height: 44px;
        background-position: -56px -3px;
    }

    .blackBody .bank2_Ngan {
        width: 44px;
        height: 44px;
        background-position: -56px -52px;
    }

    .bank3_Ngan {
        width: 44px;
        height: 44px;
        background-position: -109px -3px;
    }

    .blackBody .bank3_Ngan {
        width: 44px;
        height: 44px;
        background-position: -109px -52px;
    }

    .bank4_Ngan {
        width: 44px;
        height: 44px;
        background-position: -167px -3px;
    }

    .blackBody .bank4_Ngan {
        width: 44px;
        height: 44px;
        background-position: -167px -52px;
    }




    /***********************************************
    NEW BANKING DETAILS
***********************************************/
    .bankBlock {
        /*background: #f9f9f9;*/
        width: 50%;
        padding: 5px;
        border-right: 1px solid #c8c6c6;
    }

    .bankWillShow {
        display: block;
        width: 50%;
        padding: 5px;
    }


    .Nav_tab {
    }

        .Nav_tab ul {
            width: 100%;
            border-bottom: 2px solid #028942;
        }

            .Nav_tab ul > li {
                margin-bottom: -2px;
                width: 32.1%;
                margin-right: 5px;
            }

                .Nav_tab ul > li > a {
                    line-height: 1.42857143;
                    border: none;
                    border-radius: 0;
                    width: 100%;
                    background: #808080;
                    text-align: center;
                    color: #fff;
                }

                .Nav_tab ul > li.active > a,
                .Nav_tab ul > li.active > a:focus,
                .Nav_tab ul > li.active > a:hover {
                    color: #fff;
                    cursor: pointer;
                    background-color: #028942;
                    border: 1px solid #028942;
                }

                .Nav_tab ul > li > a:focus,
                .Nav_tab ul > li > a:hover {
                    text-decoration: none;
                    background-color: #fee71b;
                    color: #333;
                }


    .tblFullW {
        width: 100%;
        border-collapse: collapse;
    }

        .tblFullW tr td {
            padding: 5px;
        }

        .tblFullW label {
            display: block;
            font: 400 13px 'Roboto', sans-serif;
            color: #464646;
            position: relative;
            padding-right: 5px;
            line-height: 27px
        }

            .tblFullW label.greenBold {
                color: #028942;
                font-weight: bold;
                font-size: 14px;
                display: block;
            }

        .tblFullW span.greenBold {
            color: #028942;
            font-weight: bold;
            font-size: 12px;
            display: block;
            padding: 3px 0;
        }

        .tblFullW label.req:after, .tblFullW span.req:after {
            clear: both;
            content: '*';
            position: absolute;
            font: 700 11px 'Roboto', sans-serif;
            color: red;
            right: -3px;
            top: 5px
        }

        .tblFullW .button {
            background: #007028;
            color: #2b2700;
            border: none;
            display: inline-block;
            font-size: 16px;
            font-family: 'Reboto-Regular',sans-serif;
            line-height: 45px;
            width: 200px;
            height: 45px;
            color: #fff;
            cursor: pointer;
            user-select: none;
            -moz-transition: background .2s cubic-bezier(.455,.03,.515,.955);
            -o-transition: background .2s cubic-bezier(.455,.03,.515,.955);
            -webkit-transition: background .2s cubic-bezier(.455,.03,.515,.955);
            transition: background .2s cubic-bezier(.455,.03,.515,.955);
            border-radius: 8px;
        }
        /*.tblFullW .button {
            background: #fee71b;
            border: none;
            display: inline-block;
            height: 25px;
            padding: 0 14px;
            font-size: 1.2rem;
            font-family: 'Reboto-Regular',sans-serif;
            line-height: 3.5rem;
            width: 120px;
            height: 35px;
            color: #2b2700;
            cursor: pointer;
            user-select: none;
            -moz-transition: background .2s cubic-bezier(.455,.03,.515,.955);
            -o-transition: background .2s cubic-bezier(.455,.03,.515,.955);
            -webkit-transition: background .2s cubic-bezier(.455,.03,.515,.955);
            transition: background .2s cubic-bezier(.455,.03,.515,.955);
        }*/

            .tblFullW .button:hover {
                text-decoration: none;
                background: #d2bd03;
                -moz-transition: background .2s cubic-bezier(.455,.03,.515,.955);
                -o-transition: background .2s cubic-bezier(.455,.03,.515,.955);
                -webkit-transition: background .2s cubic-bezier(.455,.03,.515,.955);
                transition: background .2s cubic-bezier(.455,.03,.515,.955);
            }

    /*
            INFORMATION
        */


    .bankWillShow .padsBottom {
        margin-bottom: 15px;
    }

    .bankWillShow div.tblFullW, .newSection div.tblFullW {
        text-align: center;
        background: #d4e9e2;
        padding: 5px;
        border-radius: 5px;
    }

        .bankWillShow div.tblFullW div, .newSection div.tblFullW div {
            float: left;
        }

            .bankWillShow div.tblFullW div:first-child {
                width: 40%;
            }

            .bankWillShow div.tblFullW div:nth-child(2) {
                width: 25%;
            }

            .bankWillShow div.tblFullW div:nth-child(3) {
                width: 25%;
            }

            .bankWillShow div.tblFullW div:nth-child(4) {
                width: 10%;
            }

            .bankWillShow div.tblFullW div:nth-child(1) span, .bankWillShow div.tblFullW div:nth-child(2) span {
                border-right: 1px solid #797979;
            }

                .bankWillShow div.tblFullW div:nth-child(2) span.greenBold {
                    width: 100%;
                    text-overflow: ellipsis;
                    overflow: hidden;
                    display: inline-block;
                    white-space: nowrap;
                    padding: 0 5px;
                }

    .infoTitle {
        background: #028942;
        color: #fff;
        font-weight: 600;
        font-size: 17px;
        padding: 5px 25px;
        margin: 0 0 20px 0;
    }

    .DelBtn {
        font-weight: bold;
        color: #ff0000;
        font-size: 11px;
        display: inline-block;
    }

    .verTxt {
        min-width: 60px;
        padding: 3px 10px;
        display: inline-block;
        background: #028942;
        border-radius: 5px;
        color: #fff;
        font-size: 10px;
    }

    .unverTxt {
        min-width: 60px;
        padding: 3px 10px;
        display: inline-block;
        background: #818181;
        border-radius: 5px;
        color: #fff;
        font-size: 10px;
    }

    .DelBtn {
        font-weight: bold;
        color: #ff0000;
        font-size: 11px;
        display: block;
        text-decoration: underline;
        cursor: pointer;
        padding: 3px 0;
    }

        .DelBtn:hover {
            text-decoration: none;
            color: #ff0000;
        }






    /*
       NEW WITHDRAW PAGE
    */
    html:lang(vi-vn) .newSection {
        width: 60%;
    }

    .newSection {
        float: left;
        width: 70%;
        padding: 30px;
        min-height: 130px;
    }

        .newSection .txtfield {
            width: 80%;
        }

    .btnManage {
        color: #028942;
        text-decoration: underline;
        display: inline-block;
    }

    .blackBody .btnManage {
        color: #fee71b;
    }

    .btnManage:hover, .btnManage:focus {
        color: #fee71b;
        text-decoration: none;
    }

    .newSection div.tblFullW {
        width: 80%;
        padding: 15px 0;
    }

    .whiteBody .newSection div.tblFullW {
        background: #ffffff;
        color: #000;
        border: 1px solid #818181;
    }

        .whiteBody .newSection div.tblFullW span.greenBold {
            color: #818181;
            border-right: 1px solid #656565;
        }

    .blackBody .newSection div.tblFullW span.greenBold {
        border-right: 1px solid #777;
    }

    .blackBody .newSection .tblFullW label {
        color: #97d69d;
    }

    .newSection div.tblFullW div:first-child {
        width: 30%;
    }

    .newSection div.tblFullW div:nth-child(2) {
        width: 45%;
    }

        .newSection div.tblFullW div:nth-child(2) span.greenBold {
            width: 100%;
            text-overflow: ellipsis;
            overflow: hidden;
            display: inline-block;
            white-space: nowrap;
            padding: 0 5px;
        }

    .newSection div.tblFullW div:nth-child(3) {
        width: 25%;
        padding: 0 5px;
    }

    .info-section .fastDepoHighlight h5, .info-section .fastDepoHighlight li {
        color: #028942;
        font-weight: bold;
    }

    .blackBody .info-section .fastDepoHighlight h5, .blackBody .info-section .fastDepoHighlight li {
        color: #fee71b;
        font-weight: bold;
    }

    .info-section h5.h5clickhere {
        font-weight: normal;
        font-size: 13px;
    }

        .info-section h5.h5clickhere a {
            text-decoration: underline;
            font-weight: bold;
        }

            .info-section h5.h5clickhere a:hover, .info-section h5.h5clickhere a:focus {
                color: #ae8d09;
            }
    /*
    RESPONSIVE FOR BANK DETAILS
*/
    @media(max-width:900px) {
        .bankBlock, .bankWillShow {
            width: 100%;
            float: none;
            background: #ebebeb;
        }

        .tblFullW tr td {
            width: 50%;
        }

        .newSection, html:lang(vi-vn) .newSection {
            width: 100%;
        }

            .newSection .tblFullW tr td:first-child {
                width: 20%;
            }
    }

    @media(max-width:480px) {
        .tblFullW tr td.tright {
            text-align: left;
        }

        .tblFullW label {
            display: inline-block;
        }

        .tblFullW tr td {
            display: block;
            width: 100%;
        }

            .tblFullW tr td > .txtfield {
                width: 95%;
            }

            .tblFullW tr td > .mobileToolTip {
                color: red;
            }


        /*
        INFORMATION        
    */
        .bankWillShow div.tblFullW div:first-child {
            line-height: normal;
        }

        .bankWillShow div.tblFullW div:first-child,
        .bankWillShow div.tblFullW div:nth-child(2),
        .bankWillShow div.tblFullW div:nth-child(3),
        .bankWillShow div.tblFullW div:nth-child(4) {
            width: 50%;
        }

        .bankWillShow div.tblFullW div:nth-child(5) {
            width: 100%;
            text-align: center;
        }

        .bankWillShow div.tblFullW div:nth-child(2) span {
            border-right: none;
        }

        .Nav_tab ul > li {
            width: 32.5%;
            margin-right: 2px;
        }

            .Nav_tab ul > li > a {
                padding: 10px 0px;
            }

        .newSection {
            padding: 0;
        }

            .newSection div.tblFullW {
                width: 100%;
            }

            .newSection .tblFullW tr td:first-child {
                width: 100%;
                width: 100%;
            }
    }
    /*480*/
.blackBody .mgnt-deposit-wrap .form-section table td:nth-of-type(1) {
    color: #97d69d;
    text-align:right;
    font-size:16px;
}
.blackBody .txt__green {
    color: #97d69d;
    display: inline-block;
    font-weight:bold;
    font-size:13px;
}

.mgnt-deposit-wrap .form-section table td.fastwayTag {
    color: #f5810b;
    font-size: 16px;
}
.blackBody .mgnt-deposit-wrap .form-section table td.fastwayTagWhite {
    color: #fff;
    font-size: 16px;
}
.blackBody .mgnt-deposit-wrap .form-section table td.fastwayTag {
    color: #f5810b;
    font-size: 16px;
}
table.form td .fastwayTag {
    color: #f5810b;
    font-size: 16px;
}
.blackBody table.form td .fastwayTag {
    color: #f5810b;
    font-size: 16px;
}
table.form td .fastwayTag02 {
    color: #f5810b;
    font-size: 16px;
}
/*.blackBody table.form td .fastwayTag02 {
    color: #fff076;
    font-size: 16px;
}*/
    .blackBody table.form td:first-child {
        color: #97d69d;
    }

    .blackBody table.form td:nth-last-of-type(2) {
        color: #97d69d;
    }

    table.form td.accountNameBigger {
        font-size: 16px;
    }
    
    /* PR-G */
    table.form.VND {
        margin-top: 10px;
    }

    /*Payment VIP*/
    .vip-rank {
        display: block;
        float: left;
        min-width: 231px;
        margin: 10px 0 10px 10px;
    }

    .diamond-icon {
        display: inline-block;
        width: 30px;
        height: 26px;
        background: url(/Content/images/payment/diamond.png);
        background-position: 0 0;
        vertical-align: middle;
    }

    .levelNo {
        color: #fee61b;
        font-size: 16px;
        margin: 0 15px 0 10px;
        vertical-align: middle;
        font-weight: 800;
    }

    .levelSpan {
        background: url(/Content/images/payment/vipLevel.png) no-repeat;
        font-size: 11px;
        text-transform: uppercase;
        width: 110px;
        height: 25px;
        line-height: 25px;
        position: relative;
        display: inline-block;
        text-align: center;
        margin-top: 5px;
        color: #fff;
    }

    .vip-bar {
        display: block;
        margin: 15px 0;
    }

        .vip-bar span {
            font-size: 12px;
            color: #fee71b;
        }

            .vip-bar span.level-bar {
                width: 148px;
                height: 3px;
                background-color: #032e14;
                display: inline-block;
                margin: 0 3px;
            }

                .vip-bar span.level-bar > .percent-bar {
                    background-color: #fee71b;
                    height: 3px;
                    display: block;
                    position: relative;
                    width: 0;
                    transition: all 0.2s ease-in;
                    -webkit-transition: all 0.2s ease-in;
                    -ms-transition: all 0.2s ease-in;
                    -o-transition: all 0.2s ease-in;
                }

                    .vip-bar span.level-bar > .percent-bar .percent {
                        display: block;
                        position: absolute;
                        right: -14px;
                        top: -19px;
                    }

    .whiteBody .diamond-icon {
        background-position: 0 26px;
    }

    .whiteBody .levelNo {
        color: #038842;
    }

    .whiteBody .vip-rank {
        color: #fff;
    }

    .whiteBody .vip-bar span {
        color: #808080;
    }

        .whiteBody .vip-bar span.level-bar {
            background-color: #808080;
        }

            .whiteBody .vip-bar span.level-bar > .percent-bar {
                background-color: #038842;
            }


    .levelBeginner {
        background-position: 0 0;
    }

    .levelProfessional {
        background-position: 0 -26px;
    }

    .levelMaster {
        background-position: 0 -52px;
    }

    .levelLegend {
        background-position: 0 -78px;
    }

    .levelGod {
        background-position: 0 -105px;
    }



    @media screen and (max-width:414px) {
        .acct-profile {
            float: none;
            margin-bottom: 5px;
        }

        .acct-notification {
            float: none;
            text-align: center;
            position: unset;
            display: block;
            width: 100%;
        }
            .acct-notification ul {
                display: inline-block;
            }
            .acct-notification ul li {
                margin: 8px 15px;
                padding: 0;
            }

        .vip-rank {
            min-width: 100%;
            margin-top: 20px;
            text-align: center;
        }

        .vip-bar span.level-bar {
            width:68%;
        }
    }

    @media screen and (max-width:360px) {
        .vip-bar span.level-bar {
            width: 65%;
        }
    }
    /*#######################################
    SHINES ANIMATION
######################################*/
    .shines {
        background: url(/Content/VIP/images/shine-1.png) top center no-repeat;
        background-size: contain;
        width: 25px;
        height: 25px;
        position: absolute;
        animation: shining 1.7s linear 0.5s infinite;
        opacity: 0;
    }

    .shines-1 {
        background: url(/Content/VIP/images/shine-2.png) top center no-repeat;
        background-size: contain;
        width: 25px;
        height: 25px;
        position: absolute;
        left: -10px;
        top: 15px;
        animation: shining 1.2s linear infinite;
    }

    .shines-2 {
        background: url(/Content/VIP/images/shine-3.png) top center no-repeat;
        background-size: contain;
        width: 25px;
        height: 25px;
        position: absolute;
        right: -10px;
        top: 5px;
        animation: shining 1.6s linear 0.3s infinite;
        opacity: 0;
    }

    .shines-3 {
        background: url(/Content/VIP/images/shine-2.png) top center no-repeat;
        background-size: contain;
        width: 25px;
        height: 25px;
        position: absolute;
        right: 0px;
        top: -4px;
        animation: shining 1.9s linear 0.7s infinite;
        opacity: 0;
    }

    .shines-4 {
        background: url(/Content/VIP/images/shine-3.png) top center no-repeat;
        background-size: contain;
        width: 25px;
        height: 25px;
        position: absolute;
        right: 40px;
        top: -5px;
        animation: shining 1.8s linear 1s infinite;
        opacity: 0;
        z-index: 888;
    }

    .shines-5 {
        background: url(/Content/VIP/images/shine-3.png) top center no-repeat;
        background-size: contain;
        width: 25px;
        height: 25px;
        position: absolute;
        left: 45px;
        bottom: -5px;
        animation: shining 2.6s linear 1s infinite;
        opacity: 0;
        z-index: 888;
    }

    .shines-6 {
        background: url(/Content/VIP/images/shine-2.png) top center no-repeat;
        background-size: contain;
        width: 25px;
        height: 25px;
        position: absolute;
        left: -10px;
        top: 6px;
        animation: shining 1.8s linear .5s infinite;
    }

    @keyframes shining {
        0% {
            transform: scale(0.1) rotate(0deg);
            opacity: 0;
        }

        50% {
            transform: scale(0.8) rotate(-320deg);
            opacity: 1;
            filter: brightness(1.4);
        }

        100% {
            transform: scale(0.1) rotate(-620deg);
            opacity: 0;
        }
    }

    @keyframes shining-2 {
        0% {
        }

        50% {
            filter: brightness(1.1);
        }

        100% {
        }
    }

    /****************************
        CHINA        
*****************************/
    .tblChina {
        border: 1px solid red;
        width: 100%;
    }

        .tblChina tr td {
            border: 1px solid blue;
        }

            .tblChina tr td:first-child {
                vertical-align: top;
                width: 10%;
            }

    .amountBox {
        margin-top: 10px;
    }

        .amountBox a {
            border: 1px solid #cccccc;
            background: linear-gradient(#fff,#f5f5f5);
            width: 74px;
            line-height: 40px;
            height: 40px;
            text-align: center;
            display: inline-block;
            margin-right: 12px;
            margin-bottom: 5px;
            cursor: pointer;
            color: #333;
            border-radius: 5px;
            -webkit-border-radius: 5px;
        }

    .upload-btn-wrapper {
        position: relative;
        overflow: hidden;
        display: inline-block;
    }

    .btnUpload {
        border: none;
        /*border-bottom: 3px solid #068231;*/
        color: #666;
        background: rgba(241,241,241,1);
        background: -moz-linear-gradient(top, rgba(241,241,241,1) 0%, rgba(211,211,211,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(241,241,241,1)), color-stop(100%, rgba(211,211,211,1)));
        background: -webkit-linear-gradient(top, rgba(241,241,241,1) 0%, rgba(211,211,211,1) 100%);
        background: -o-linear-gradient(top, rgba(241,241,241,1) 0%, rgba(211,211,211,1) 100%);
        background: -ms-linear-gradient(top, rgba(241,241,241,1) 0%, rgba(211,211,211,1) 100%);
        background: linear-gradient(to bottom, rgba(241,241,241,1) 0%, rgba(211,211,211,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#d3d3d3', GradientType=0 );
        padding: 5px 10px;
        border-radius: 8px;
        font-size: 13px;
        font-weight: bold;
    }

        .btnUpload img {
            vertical-align: middle;
            margin-right: 5px;
        }

    .upload-btn-wrapper input[type=file] {
        font-size: 100px;
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
    }

    .amountBox a:hover, .amountBox a:focus {
        background: #fee71b;
    }

    .mbottom15 {
        margin-bottom: 15px;
    }

    .boxData.info span {
        height: 14px;
        width: 14px;
        background: #3fcf89;
        color: #fff;
        text-align: center;
        border-radius: 100%;
        vertical-align: middle;
        display: inline-block;
        margin-right: 5px;
        line-height: 14px;
        font-size: 10px;
    }

    .boxData.info {
        display: block;
        padding: 5px;
        color: #028942;
    }

    .blackBody .boxData.info {
        color: #97d69d;
    }

    .bank-ICBC {
        background: url(/Content/images/bank_img.png) no-repeat 0px 0px;
    }

    .bank-ABC {
        background: url(/Content/images/bank_img.png) no-repeat -478px 0px;
    }

    .bank-CCB {
        background: url(/Content/images/bank_img.png) no-repeat -160px 0px;
    }

    .bank-BOC {
        background: url(/Content/images/bank_img.png) no-repeat -319px 0px;
    }

    .bank-CMB {
        background: url(/Content/images/bank_img.png) no-repeat 8px -47px;
    }

    .bank-NJ {
        background: url(/Content/images/bank_img.png) no-repeat -477px -190px;
    }

    .bank-CIB {
        background: url(/Content/images/bank_img.png) no-repeat -477px -47px;
    }

    .bank-CMBC, .bank-CMBCS {
        background: url(/Content/images/bank_img.png) no-repeat -160px -47px;
    }

    .bank-CEB {
        background: url(/Content/images/bank_img.png) no-repeat -156px -95px;
    }

    .bank-PA {
        background: url(/Content/images/bank_img.png) no-repeat -157px -142px;
    }

    .bank-CGB {
        background: url(/Content/images/bank_img.png) no-repeat -315px -142px;
    }

    .bank-SPDB {
        background: url(/Content/images/bank_img.png) no-repeat -313px -47px;
    }

    .bank-POST {
        background: url(/Content/images/bank_img.png) no-repeat 0px -188px;
    }

    .bank-HX {
        background: url(/Content/images/bank_img.png) no-repeat -473px -94px;
    }

    .bank-SHB {
        background: url(/Content/images/bank_img.png) no-repeat -315px -188px;
    }

    .bank-BCCB {
        background: url(/Content/images/bank_img.png) no-repeat -317px -94px;
    }

    .bank-SDB {
        background: url(/Content/images/bank_img.png) no-repeat -478px -237px;
    }

    .bank-ECITIC {
        background: url(/Content/images/bank_img.png) no-repeat -153px -188px;
    }

    .bank-BOCO {
        background: url(/Content/images/bank_img.png) no-repeat 8px -94px;
    }
    /*
  BANK
*/
    .onlineBank {
        margin: 10px 0 0 0;
    }

        .onlineBank label {
            display: inline-block;
            margin-bottom: 5px;
            margin-right: 5px;
            cursor: pointer;
            padding: 3px 5px;
            border: 1px solid #ccc;
            background: #f9f9f9;
        }

            .onlineBank label i {
                width: 126px;
                height: 30px;
                box-sizing: border-box;
                display: inline-block;
                vertical-align: middle;
            }

            .onlineBank label input[type=radio] {
                vertical-align: middle;
                margin: 0;
            }

    /*
            WAITING AFTER SUBMIT
        */
    .ctimerChina {
        text-align: center;
    }

        .ctimerChina h3 {
            font-size: 18px;
            margin: 0;
            color: #028942;
        }

    .blackBody .ctimerChina h3 {
        color: #fee71b;
    }

    .ctimerChina h4 {
        font-size: 40px;
        color: red;
        margin: 5px;
    }

    .cdownBottomContent {
        font-size: 14px;
        margin-top: 30px;
    }

        .cdownBottomContent a {
            color: #028942;
            cursor: pointer;
        }

    .blackBody .cdownBottomContent a {
        color: #fee71b;
    }

    .statusUpload {
        font-family: 'Roboto',sans-serif;
        display: inline;
        position: absolute;
        margin-left: 5px;
        margin-top: 20px;
        padding-left: 0px;
        /*background: #005021;*/
        background-position: 0 10px;
        z-index: 1;
    }

    .statusUploadMobile {
        font-family: 'Roboto',sans-serif;
        display: inline;
        color: #333;
        position: absolute;
        margin-left: 5px;
        margin-top: 20px;
        padding-left: 0px;
        background: #fff;
        background-position: 0 10px;
        z-index: 1;
    }

    /*************************************
            QQ Deposit Layout
*************************************/

    ul.TabAccounts {
        display: block;
        list-style: none;
    }

        ul.TabAccounts li {
            display: block;
            margin: 10px auto;
            text-align: center;
            width: 100%;
        }

            ul.TabAccounts li > button {
                border: 1px solid #028942;
                background-color: transparent;
                color: #028942;
                padding: 8px 15px;
                font-size: 12px;
                border-radius: 5px;
                transition: all 200ms ease-in;
                -webkit-transition: all 200ms ease-in;
                -o-transition: all 200ms ease-in;
                -ms-transition: all 200ms ease-in;
            }

                ul.TabAccounts li > button:hover {
                    background-color: #028942;
                    color: #fff;
                }

    .blackBody ul.TabAccounts li > button {
        border: 1px solid #fff;
        background-color: transparent;
        color: #fff;
    }

        .blackBody ul.TabAccounts li > button:hover {
            background-color: #fee71b;
            color: #028942;
            border: 1px solid #028942;
        }

        .blackBody ul.TabAccounts li > button.selected {
            background-color: #028942;
            color: #fff;
        }

    /***********VERIFY EMAIL AND SMS *************/
    .p30 {
        padding: 30px;
    }

    .verify-form {
        display: block;
        width: 100%;
        text-align: center;
        padding: 15px;
    }

        .verify-form p {
            color: #444444;
            font-size: 12px;
        }

        .verify-form hr {
            width: 332px;
        }

        .verify-form h3 {
            color: #038842;
        }

        .verify-form h4 {
            color: #040404;
            display: inline-block;
            padding: 10px;
        }

        .verify-form img {
            margin: 12px 0;
        }

        /*.verify-form button {
        width: 334px;
        padding: 14px 0;
        background-color: #028843;
        border: none;
        margin: 15px 0;
        color: #ffffff;
    }*/

        .verify-form .email-show, .verify-form .phone-show {
            display: none;
        }

        .verify-form input {
            text-align: center;
            margin-bottom: 15px;
            font-size: 16px;
        }

        .verify-form p > a {
            color: #028843;
        }

        .verify-form .input::-webkit-input-placeholder, .verify-form .input::placeholder {
            color: #444444;
        }

    .email-show p {
        margin-bottom: 20px;
    }

    .quick-link li {
        position: relative;
    }

.notif-verify {
    position: absolute;
    width: 14px;
    height: 14px;
    background-color: red;
    border-radius: 20px;
    right: -5px;
    bottom: 5px;
    z-index: 2;
    font-size: 10px;
    text-align: center;
    color: #fff;
}

    .closeBtnhelpCenter {
        position: absolute;
        right: -20px;
        top: -20px;
        background: rgba(19, 19, 19, 0.38823529411764707);
        border: none;
        font-size: 24px;
        float: right;
        color: #ffff12;
        border-radius: 200px;
        height: 40px;
        width: 40px;
        z-index: 1119;
    }

    .modalCenter {
        top: 50%;
        transform: translateY(-50%) !important;
        -webkit-transform: translateY(-50%);
    }

    .verify-mail-btn {
        display: inline-block;
        background-color: #038842;
        color: #ffffff !important;
        border-radius: 3px;
        padding: 3px 6px;
    }

        .verify-mail-btn a {
            color: #fff;
        }

    .tooltip1 {
        position: relative;
        display: inline-block;
    }

        .tooltip1:hover ~ .tooltiptext1 {
            display: inline-block;
        }

    .tooltiptext1 {
        font-family: 'Roboto',sans-serif;
        display: none;
        position: absolute;
        min-width: 400px;
        color: #000;
        margin-left: 37px;
        margin-top: -46px;
        padding-left: 8px;
        background: url(/Content/images/casino/triangle-1.png) no-repeat;
        background-position: -2px 20px;
        z-index: 3;
    }

        .tooltiptext1 > .txt1 {
            padding: 9px;
            display: block;
            background: #fff;
            border-right: 1px solid #acadad;
            border-top: 1px solid #acadad;
            border-bottom: 1px solid #acadad;
            border-radius: 15px;
        }



    .tooltip2 {
        position: relative;
        display: inline-block;
    }

        .tooltip2:hover ~ .tooltiptext2 {
            display: inline-block;
        }

    .tooltiptext2 {
        font-family: 'Roboto',sans-serif;
        display: none;
        position: absolute;
        width: 360px;
        color: #000;
        margin-left: 9px;
        margin-top: -13px;
        padding-left: 9px;
        background: url(/Content/images/casino/triangle-1.png) no-repeat;
        background-position: -2px 15px;
        z-index: 1;
    }

        .tooltiptext2 > .txt2 {
            padding: 9px;
            display: block;
            background: #fff;
            border-right: 1px solid #acadad;
            border-top: 1px solid #acadad;
            border-bottom: 1px solid #acadad;
            border-radius: 15px;
        }

    .depositnote {
        font-size: 12px;
        font-style: italic;
        padding: 0;
        margin: 0;
    }

    .form-section.form-depo {
        margin-top: 20px;
        /*max-width: 650px;
        margin: 0 auto;
        width: 100% !important;
        border: none !important;
        float: none !important;*/
    }

        /*.form-section.form-depo table.form {
            width: 100%;
        }*/
        
        /* PR-G */
        .form-section.top.VND {
            padding-top: 0 !important;
        }
        .form-section.mid.VND {
            border-top: none;
        }

.success-deposit {
    display: none;
    border: 2px solid #028843;
    padding: 20px;
    background: #021a10;
    border-radius: 10px;
    flex-basis: 65%;
    flex-shrink: 0;
}

.success-deposit.dlbt60 {
    margin: 0 auto;
    padding: 12px;
    width: 50em;
}

.whiteBody .success-deposit {
    display: none;
    border: 2px solid #028843;
    padding: 20px;
    background: none;
    border-radius: 10px;
}

.suc-title {
    font-size: 24px;
    color: #97d69d;
    text-align: center;
    margin: 0 0 10px 0;
    font-weight: bold;
}

    .whiteBody .suc-title {
        color: #04712a;
    }

.sucess_payment_here {
    text-align: center;
    border-bottom: 1px solid #028942;
}

.hilight-box{
    position:relative;
}
    .hilight-box::before {
        content: 'PDP166577';
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        padding-top:5px;
        background-color: #105a1c;
        border: 1px solid yellow;
        border-radius: 4px;
        box-shadow: 0 2px 15px rgb(0 0 0 / 40%);
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        z-index: 9999998;
    }

.sucess_payment_here > div{
    font-size:20px;
}
    .sucess_payment_here > div span {
        font-size: 22px;
        color: #028843;
        font-weight: bold;
    }
.blackBody .sucess_payment_here > div span {
    color: #fee71b;
}

.sucess_payment_referrence {
    margin: 20px 0;
}

    .sucess_payment_referrence.dlbt60 {
        display: grid;
        grid-template-columns: 50% 50%;
        border-bottom: 1px solid #028942;
    }
.sucess_payment_referrence.dlbt60.vnvn {
    display: grid;
    grid-template-columns: 43% 57%;
    border-bottom: 1px solid #028942;
}

        @media (max-width: 500px) {
            .sucess_payment_referrence.dlbt60 {
            display: flex;
            flex-direction: column;
        }

            .sucess_payment_referrence.dlbt60 .ref_col1 {
                order: 2;
            }

            .sucess_payment_referrence.dlbt60 .ref_col2 {
                order: 1;
            }

        .suc-box .dlbt60-table2 tr td:nth-child(2) span.lblBankAccountNo,
        .blackBody .mgnt-deposit-wrap .form-section .dlbt60-table2 td:nth-of-type(1) {
            font-size: 13px;
        }

        .dlbt60 .ref_col2 .st2-qr .st2-qr-box img {
            max-width: 85%;
        }

        .dlbt60 .ref_col2 .st2-qr .st2-qr-save {
            font-size: 14px;
            line-height: 35px;
        }
    }

    .sucess_payment_referrence.dlbt60 .ref_col1,
    .sucess_payment_referrence.dlbt60 .ref_col2 {
       margin: auto;
    }

    .sucess_payment_referrence div {
        text-align: center;
    }

        .sucess_payment_referrence div:first-child,
        .sucess_payment_referrence.dlbt60 .ref_col1 div:first-child {
            color: #55c53a;
            font-size: 16px;
            font-weight: bold;
            position: relative;
        }
.sucess_payment_referrence.dlbt60.vnvn {
    position: relative;
}
    .sucess_payment_referrence.dlbt60.vnvn > div {
        width: 100%;
        height: 100%;
    }
    #vncss .sucess_payment_referrence .ref_amount {
    }
#vncss .sucess_payment_referrence .ref_noidung {
    font-size: 16px;
    color: #55c53a;
}
#vncss .sucess_payment_referrence .ref_trans_no {
    font-size: 30px;
    color: #00ff18;
}
#vncss .sucess_payment_referrence .ref_copy .btnCopy {
    width: 50%;
    font-size: 12px;
    color: #fff;
    background: #55c53a;
    background: -moz-linear-gradient(left,#55c53a 0%,#098d43 100%);
    background: -webkit-linear-gradient(left,#55c53a 0%,#098d43 100%);
    background: linear-gradient(to right,#55c53a 0%,#098d43 100%);
    border-radius: 5px;
    display: inline-block;
    height: 30px;
    line-height: 28px;
    text-align: center;
    border: none;
}
#vncss .suc-title {
    font-size: 18px;
    color: #97d69d;
    text-align: center;
    margin: 0 0 10px 0;
    font-weight: bold;
}
#vncss .dp-or {
    position: absolute;
    top: 40%;
    left: 43.5%;
    transform: translate(-50%, -50%);
    width: 85px;
    height: 40px;
}
#vncss .sucess_payment_referrence .ref_span1 {
    width: 150px;
}
#vncss .dp2-table-code tr td:first-child {
    width: 47%;
}
#vncss .dp2-table-code tr td:nth-child(2) {
    width: 40%;
    text-align: left;
}
#vncss .dp2-table-code tr td:nth-child(3) {
    width: 12%;
    text-align: left;
}
#vncss .dp2-table-code tr:nth-child(2) td:nth-child(2) {
    display: flex;
    justify-content: space-between;
}
#vncss .dp2-table-code tr td #randomcode {
    color: #37ff07;
    font-size: 24px;
    font-weight: bold;
}

#vncss .anchor.ctu {
    font-size: 12px;
    line-height: 20px;
}



.whiteBody .sucess_payment_referrence div:first-child {
    color: #a90909;
}

.mandatory {
    width: 60px;
    height: 20px;
    line-height: 20px;
    background: red;
    position: relative;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-size: 10px;
    display: inline-block;
    font-weight: normal;
    color: #fff;
    margin-left: 10px;
    top:-2px;
    margin-right: 10px;
    text-align: center;
}
    .mandatory:before {
        content: "";
        position: absolute;
        left: 100%;
        top: 4px;
        width: 0;
        height: 0;
        border-top: 6px solid transparent;
        border-left: 6px solid red;
        border-bottom: 6px solid transparent;
    }


    .sucess_payment_referrence div:nth-child(2),
    .sucess_payment_referrence.dlbt60 .ref_col1 div:nth-child(2) {
        color: #37ff07;
        font-size: 28px;
        font-weight: bold;
        padding: 5px;
    }

.whiteBody .sucess_payment_referrence div:nth-child(2) {
    color: #ec0d0d;
}

        .sucess_payment_referrence div:nth-child(3) .btnCopy,
        .sucess_payment_referrence.dlbt60 .ref_col1 div:nth-child(3) .btnCopy {
            width: 50%;
            font-size: 12px;
            color: #fff;
            background: #55c53a;
            background: -moz-linear-gradient(left,#55c53a 0%,#098d43 100%);
            background: -webkit-linear-gradient(left,#55c53a 0%,#098d43 100%);
            background: linear-gradient(to right,#55c53a 0%,#098d43 100%);
            border-radius: 5px;
            display: inline-block;
            height: 30px;
            line-height: 28px;
            text-align: center;
            border: none;
        }

            .sucess_payment_referrence div:nth-child(3) .btnCopy.copied,
            .sucess_payment_referrence.dlbt60 .ref_col1 div:nth-child(3) .btnCopy.copied {
                color: #fee71b;
                background: #028843;
            }

        .sucess_payment_referrence div:nth-child(4),
        .sucess_payment_referrence.dlbt60 .ref_col1 div:nth-child(4) {
           padding: 16px;
           font-size: 12px;
        }


#vncss.success-deposit.dlbt60 {
    width: 60em;
}
#vncss .btnCopy.ctu {
    background: unset;
    outline: none;
    border: none;
    transform: translateY(-5px);
}
    #vncss .btnCopy.ctu img {
        width: 22px;
        min-width: 22px;
        height: auto;
        filter: contrast(0.5);
    }
    #vncss .btnCopy.ctu.copied img {
        filter: contrast(1);
    }
#vncss .suc-box table.dlbt60-table2 tr td:nth-child(2) {
    padding-left: unset;
}
#vncss .st2-qr-box {
    margin: 0 auto;
}
#vncss .suc-box table tr td:nth-child(2) span.lblBankAccountNo {
    font-size: 14px;
}

.suc-box {
    margin-bottom: 20px;
}

.suc-box table {
    width: 100%;
    border-collapse: collapse;
}

        .suc-box table tr td {
            color: #fff;
            padding: 3px;
        }

    .whiteBody .suc-box table tr td {
        color: #333;
    }

    .suc-box table tr td:first-child {
        text-align: right;
    }

    .suc-box table tr td:nth-child(2) {
        padding-left: 30px;
    }
        .suc-box table tr td:nth-child(2) label.lblBankAccountNo,
        .suc-box table tr td:nth-child(2) span.lblBankAccountNo {
            font-size: 20px;
        }

@media (max-width: 950px) {
    #vncss.success-deposit.dlbt60 {
        width: 100%;
    }
    .sucess_payment_referrence.dlbt60.vnvn {
        grid-template-columns: 100%;
    }
    #vncss .dp-or {
        position: relative;
        top: unset;
        left: unset;
        transform: none;
        width: 85px;
        height: 40px;
        margin: 5px auto 15px;
    }
}

@media (max-width: 750px) {
   
    #vncss .dlbt60-table2 tr td:first-child {
        width: 25%;
    }
    #vncss .dp2-table-code tr td:first-child {
        width: 40%;
    }
    #vncss .dp2-table-code tr td:nth-child(2) {
        width: 35%;
    }
    #vncss .dp2-table-code tr td:nth-child(3) {
        width: 15%;
    }

}

    @media (max-width:375px) {
        .suc-box table tr td:nth-child(2) label.lblBankAccountNo,
        .suc-box table tr td:nth-child(2) span.lblBankAccountNo {
            font-size: 18px;
        }
    }
    .suc-box table tr td:nth-child(2) label {
        margin-bottom: 0;
        vertical-align: text-top;
    }
        .suc-box table tr td:nth-child(2) label#bankremark {
            vertical-align: unset;
            margin-bottom: 5px;
        }
    .suc-box table tr td.fastwayTag {
        color: #f5810b;
        font-size: 16px;
    }

    .suc-box table tr td:nth-child(3) {
        text-align: center;
    }

        .suc-box table tr td:nth-child(3) button {
            width: 70px;
            font-size: 12px;
            color: #fff;
            border: 1px solid #028843;
            border-radius: 5px;
            display: inline-block;
            height: 30px;
            line-height: 28px;
            text-align: center;
            background: none;
        }

        .suc-box table tr td:nth-child(3) a {
            font-size: 12px;
            color: #028843;
            text-decoration: underline;
            font-weight: bold;
        }

        .suc-box table tr td:nth-child(3) button.copied {
            color: #fff;
            background: #00a539;
            background-image: none;
            border: 1px solid #00a539;
            background-image: linear-gradient(to right bottom,#048e6a,#0a8a64,#0e865e,#128259,#157e53,#1e8653,#288d52,#339551,#4aaa53,#64bf54,#80d452,#9ee84f);
        }

    .suc-box table tr:nth-child(7) td:nth-child(1) {
        text-align: center;
    }

    .whiteBody .suc-box table tr td:nth-child(3) button {
        border: 1px solid #028843;
        color: #028942;
    }

        .whiteBody .suc-box table tr td:nth-child(3) button.copied {
            color: #000;
            background: #fee71b;
            border: 1px solid #fee71b;
        }



    .suc-box table tr:nth-child(7) td strong {
        padding: 10px;
        color: #fee71b;
        display: block;
        font-style: italic;
        font-size: 14px;
        text-align: center;
    }
    .suc-box label.anchor {
        font-size: 22px;
        color: #ffb045;
    }

    .whiteBody .suc-box table tr:nth-child(7) td strong {
        color: red;
    }

    .suc-box table tr:nth-child(7) td .fastwayTag {
        padding: 10px;
        color: #f5810b;
        font-size: 16px;
        display: block;
        font-style: italic;
        text-align: center;
    }

    .whiteBody .suc-box table tr:nth-child(7) td .fastwayTag {
        color: #f5810b;
    }

    .suc-back {
        padding: 5px;
        text-align: center;
        margin-top: 10px;
    }

        .suc-back button {
            width: 165px;
            display: inline-block;
            border: none;
            background: none;
            border-radius: 5px;
            color: #fff;
            height: 40px;
            margin: 5px;
        }
        .suc-back i {
            color: #ffb045;
            margin-top: 10px;
            display: block;
        }
            .suc-back i strong {
                color: #ffb045;
            }

        .suc-back button:last-child {
            min-width: 165px;
            width: auto;
            display: inline-block;
            border: none;
            color: #fff;
            height: 40px;
            margin: 5px;
            border-radius: 7px;
            -webkit-border-radius: 7px;
            background: #55c53a;
            background: -moz-linear-gradient(left,#55c53a 0%,#098d43 100%);
            background: -webkit-linear-gradient(left,#55c53a 0%,#098d43 100%);
            background: linear-gradient(to right,#55c53a 0%,#098d43 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#55c53a',endColorstr='#098d43',GradientType=1)
        }



        /*.suc-back button:first-child {
                border: 1px solid #028843;
            }*/
        .suc-back span {
            border: 1px solid #028843;
        }

    .whiteBody .suc-back button:first-child {
        color: #028942;
    }

    /*.suc-back button:last-child {
    background: #04712a;
}*/

    @media (max-width:768px) {
        .success-deposit {
            width: 100%;
        }
    }

    @media (max-width:480px) {
        .success-deposit {
            padding: 5px;
        }

        .suc-box table tr td {
            padding: 3px;
            font-size: 11px;
        }

            .suc-box table tr td:nth-child(2) {
                width: 100px;
                padding-left: 0;
                text-align: center;
            }
        /*.suc-box table tr td {
            display: inline-block;
            width: 50%;
        }

            .suc-box table tr td:nth-child(2) {
                display: inline-block;
                width: 50%;
                padding-left: 5px;
            }

            .suc-box table tr td:nth-child(3) {
                display: inline-block;
                width: 100%;
            }*/
    }

    #DepositAmount,
    #DepositAmount::placeholder {
        font-size: 18px;
    }

    .memtitle {
        color: #97d69d !important;
        font-weight: 600;
    }

    /*.memcontent {
        color: #fff6cc !important;
    }*/

    .memcontentMobile {
        color: #828c7f !important;
    }

    .whiteBody .memtitle {
        color: #009e4d !important;
        font-weight: 600;
    }

    .dep-amt.memcn button,
    .memlink a {
        background: linear-gradient(#f9f9f9,#ccc);
        min-width: 60px;
        color: #333;
        border: none;
        border-radius: 7px;
        -webkit-border-radius: 7px;
        height: 40px;
    }

    .whiteBody .dep-amt.memcn button,
    .whiteBody .memlink a {
        border: 1px solid #ccc;
    }

    .dep-amt.memcn button:hover,
    .dep-amt.memcn button.active,
    .memlink a:hover,
    .memlink a.active {
        color: #fff;
        background: #55c53a;
        background: -moz-linear-gradient(left, #55c53a 0%, #098d43 100%);
        background: -webkit-linear-gradient(left, #55c53a 0%,#098d43 100%);
        background: linear-gradient(to right, #55c53a 0%,#098d43 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55c53a', endColorstr='#098d43',GradientType=1 );
    }

    .blackBody .TabAccounts.membtn button.selected,
    .blackBody .TabAccounts.membtn button:hover {
        min-width: 115px;
        border: 1px solid #052819;
        color: #fff;
        background: #55c53a;
        background: -moz-linear-gradient(left, #55c53a 0%, #098d43 100%);
        background: -webkit-linear-gradient(left, #55c53a 0%,#098d43 100%);
        background: linear-gradient(to right, #55c53a 0%,#098d43 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55c53a', endColorstr='#098d43',GradientType=1 );
    }

    .blackBody .TabAccounts.membtn button {
        min-width: 115px;
        border: 1px solid #028942;
        border-radius: 20px;
        -webkit-border-radius: 20px;
    }

    .whiteBody .TabAccounts.membtn button.selected,
    .whiteBody .TabAccounts.membtn button:hover {
        min-width: 115px;
        border: 1px solid #55c53a;
        color: #fff;
        background: #55c53a;
        background: -moz-linear-gradient(left, #55c53a 0%, #098d43 100%);
        background: -webkit-linear-gradient(left, #55c53a 0%,#098d43 100%);
        background: linear-gradient(to right, #55c53a 0%,#098d43 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55c53a', endColorstr='#098d43',GradientType=1 );
    }

    .whiteBody .TabAccounts.membtn button {
        min-width: 115px;
        border: 1px solid #028942;
        border-radius: 20px;
        -webkit-border-radius: 20px;
    }

    html[lang='zh-CN'] .memtab.mgnt-deposit-nav li a {
        font-size: 14px;
        font-family: 'Microsoft YaHei';
    }

    .memtab.mgnt-deposit-nav li {
        width: 24%;
        margin: 0 0.5%;
        border: none !important;
        border-radius: 7px;
        -webkit-border-radius: 7px;
        overflow: hidden;
        background: #55c53a;
        background: -moz-linear-gradient(left, #55c53a 0%, #098d43 100%);
        background: -webkit-linear-gradient(left, #55c53a 0%,#098d43 100%);
        background: linear-gradient(to right, #55c53a 0%,#098d43 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55c53a', endColorstr='#098d43',GradientType=1 );
    }


    #rowBankAccount {
        margin-bottom: 15px;
    }
    .online_banks {
        position: relative;
    }
    .offContWrap {
        width: 100%;
        height: 100%;
    }

    .offlineContent {
        background: linear-gradient(to right bottom, #28292a, #2d2e30, #313336, #36393c, #3b3e42, #404347, #45484d, #4a4d52, #505358, #56595d, #5d6063, #636669);
        width: 100%;
        margin: 0;
        /*text-shadow: 0 0 20px #fee71b;*/
        /*color: #b3d4be;*/
        color: white;
        text-align: center;
        padding: 5px;
        border-radius: 5px;
    }
    .offContWrapMob {
        position: absolute;
        top: 0;
        left: 0;
        background: rgba(0,0,0,0.9);
        width: 100%;
        height: 100%;
        border-radius: 7px;
    }

    .offlineContentMob {
        margin: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-shadow: 0 0 20px #fee71b;
        color: #97d69d;
    }
        .offlineContent p, .offlineContentMob p {
            margin: 0;
        }
            .offlineContent p i {
                border-radius: 20px;
                background: red;
                color: #fff;
                font-style: unset;
                height: 20px;
                width: 20px;
                line-height: 20px;
                display: inline-block;
                text-align: center;
                margin-right: 10px;
                font-weight: bold;
            }
    .Offline_banks span {
        color: #028843;
    }
    .offline_title {
        color: #028843;
        margin: 0;
        padding: 0;
    }
    .blackBody .offline_title, .blackBody .Offline_banks span {
        color: #fee71b;
    }



    @media(max-width:480px) {
        #rowBankAccount td table tr td:last-child {
            /*display: inline-block;
        width: 32%;*/
        }

        #rowBankAccount > td table tr td {
            color: #333;
            font-size: 12px;
            display: table-cell;
        }
        #rowBankAccount > td {
            padding: 5px;
        }
        .offlineContent {
            width: 100%;
            padding: 10px;
        }
    }

    @media(max-width:375px) {
        #rowBankAccount > td table tr td:last-child a.lblBankUrl br {
            display: block;
        }

        #rowBankAccount > td table tr td:last-child a.lblBankUrl {
            line-height: normal;
        }

        #rowBankAccount > td table tr td:nth-child(2) {
            padding-left: 0;
            text-align: center;
        }
    }

    #amountToWord {
        color: #4dca8b;
        font-size: 12px;
        font-style: italic;
    }




    /*MOMO MODAL*/

    .form-section.momoAddPadding {
        padding-top: 110px !important;
    }



    #momoModal .modal-content {
        position: relative;
        background: #ff9bd6;
        color: black;
        overflow: hidden;
    }

        #momoModal .modal-content img {
            max-width: 100%;
        }
    #momoModal .modal-body {
        padding: 0 15px;
    }
    .momoPop-l {
        padding: 76px 15px 45px 40px;
        font-weight: bold;
        font-size: 18px;
        background: url(/Content/images/momo-Lbg.jpg) no-repeat center;
        background-size: cover;
    }

    .momoPop-l, .momoPop-r {
        height: 650px;
    }
    .StepsMomo {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
    }

    .momo-note {
        position: relative;
        padding: 10px 15px;
        border-radius: 10px;
        border: 2px solid yellow;
        background: white;
        width: 95%;
        margin: 25px auto 0;
        color: #d33d95;
        font-size: 13px;
        font-weight: 600;
        display: flex;
    }

        .momo-note img {
            width: 50px;
            height: auto;
            margin-right: 20px
        }

        .momo-note span {
            font-size: 20px;
        }
    .momo-flex {
        display: flex;
        justify-content: center;
        flex-direction: column;
    }
    .momo-ctien {
        font-weight: bold;
        font-size: 26px;
        padding: 5px;
        text-shadow: 1px 1px white, 1px -1px white, -1px 1px white, -1px -1px white;
    }



    .momoPop-r {
        position: relative;
        text-align: center;
        background: url(/Content/images/momo-Rbg.jpg) no-repeat center;
        background-size: cover;
        padding: 15px 15px 15px 40px;
    }

    .momo-qr {
        position: relative;
        max-width: 220px;
        margin: 0 auto;
        text-align: center;
    }
        .momo-qr::before {
            content: "";
            position: absolute;
            bottom: -15px;
            left: -98px;
            width: 110px;
            height: 122px;
            background: url(/Content/images/momo-mascot-1.png) no-repeat center;
            background-size: contain;
        }
        .momo-qr::after {
            content: "";
            position: absolute;
            bottom: -18px;
            right: -93px;
            width: 110px;
            height: 122px;
            background: url(/Content/images/momo-mascot-2.png) no-repeat center;
            background-size: contain;
        }
    .momo-table {
        width: 100%;
        margin: 20px auto;
        color: white;
    }

        .momo-table tr td {
            color: white !important;
            font-size: 20px;
            font-weight: 600;
        }
            .momo-table tr td:first-child {
                text-align: right;
                padding: 5px;
            }
            .momo-table tr td:last-child {
                text-align: left;
                padding: 5px;
            }

    .momo-msg {
        position: relative;
        padding: 10px 2px 10px 35px;
        border-radius: 10px;
        border: 2px solid yellow;
        background: white;
        width: 85%;
        margin: 30px auto 0;
        color: #d33d95;
        font-size: 16px;
        font-weight: 600;
    }
        .momo-msg::before {
            content: "";
            position: absolute;
            top: -55px;
            left: -62px;
            width: 125px;
            height: 145px;
            background: url(/Content/images/momo-mascot-3.png) no-repeat center;
            background-size: contain;
        }
    .momo-codes {
        font-size: 24px;
        font-weight: bold;
        padding: 5px;
        text-shadow: 1px 1px white, 1px -1px white, -1px 1px white, -1px -1px white;
    }

    #momoModal .btnCloseM {
        position: absolute;
        top: 10px;
        right: 10px;
        width: 20px;
        height: 20px;
        padding: 1px 0 0 0;
        border-radius: 50%;
        border: none;
        background: white;
        color: black;
        z-index: 99;
        font-weight: bold;
        box-shadow: 0 0 2px 1px rgba(0,0,0,0.5);
    }

    .btnSubMomo {
        display: block;
        color: #2b2700;
        background: rgb(255,199,2);
        background: linear-gradient( 132deg, rgba(255,199,2,1) 0%, rgba(255,232,108,1) 100%);
        border-color: #fee71b;
        text-transform: uppercase;
        box-shadow: 0 0 5px rgba(0,0, 0, 0.4);
        border-radius: 5px;
        border: none;
        width: 150px;
        padding: 10px;
        font-weight: 600;
        width: 200px;
        font-size: 18px;
        margin: 25px auto;
    }
    .momo-copy {
        color: #fee61b;
        font-size: 16px;
        text-decoration: underline;
        cursor: pointer;
        white-space: pre-line;
    }
    .flex-moCode {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
    }
    @media (min-width: 1000px) {
        #momoModal .modal-dialog {
            width: 1000px;
            margin: 50px auto;
        }
    }

    @media (min-width:767px ) and (max-width: 999px) {
        #momoModal .modal-dialog {
            width: 95%;
            margin: 50px auto 77px;
        }
        .momoPop-l {
            padding: 58px 15px 45px 10px;
            font-size: 16px
        }

        .momo-table tr td {
            font-size: 15px;
        }
        .momo-codes, .momo-ctien {
            font-size: 20px;
        }
        .momo-note span {
            font-size: 18px;
        }

        .flex-moCode {
            flex-wrap: wrap;
        }

        .momo-copy {
            font-size: 11px;
        }
        #momoModal .btnCloseM {
            width: 25px;
            height: 25px;
            font-size: 16px;
        }
    }

    @media (max-width:767px) {
        #momoModal .modal-dialog {
            width: 95%;
            margin: 50px auto 100px;
        }
        .momoPop-l, .momoPop-r {
            height: auto;
        }

        .momoPop-r {
            padding: 10px;
        }

        .step-momo {
            height: 135px;
        }
        .momo-note {
            padding: 5px 10px;
            margin: 8px auto 0;
        }
        .momoPop-l {
            padding: 10px 15px 8px 10px;
        }
        .momo-msg {
            padding: 5px 2px 5px 35px;
            width: 70%
        }
        .btnSubMomo {
            margin: 15px auto;
        }
    }

    @media (max-width:500px) {
        .momo-qr {
            max-width: 180px;
        }


        .momoPop-l {
            font-size: 15px
        }

        .momo-table tr td, .momo-msg {
            font-size: 14px;
        }

        .momo-codes, .momo-ctien {
            font-size: 14px;
        }

        .momo-note span {
            font-size: 13px;
        }

        .flex-moCode {
            flex-wrap: wrap;
        }

        .momo-copy {
            font-size: 12px;
        }
        .momo-msg {
            padding: 5px 2px 5px 35px;
            width: 85%
        }
    }


    /*For Mobile*/
    .mobfaststep {
        display: block;
        font-size: 0;
        border-radius: 4px;
        background: #f9f9f9 !important;
        -webkit-box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.15);
        -moz-box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.15);
        box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.15);
        overflow: hidden;
        margin-bottom: 10px;
    }
        .mobfaststep .mfs {
            display: inline-block;
            font-size: 14px;
            font-weight: bold;
            line-height: 35px;
            color: #028843;
            text-align: center;
            width: 50%;
        }

            .mobfaststep .mfs.active {
                color: #fff;
                background-image: linear-gradient( to right bottom, #048e6a, #0a8a64, #0e865e, #128259, #157e53, #1e8653, #288d52, #339551, #4aaa53, #64bf54, #80d452, #9ee84f );
                clip-path: polygon(95% 0, 100% 50%, 95% 100%, 0% 100%, 5% 51%, 0% 0%);
            }

    .mobdeposit-step2 {
        display: none;
    }

        .mobdeposit-step2 .success-deposit {
            display: block;
            width: 100%;
        }

body {
  background-color: #052819; }

:root {
  --bgColor: #262321;
  --greenColor: #81e411;
  --lightGreenColor: #bbff8e;
  --redColor: #b40903;
  --lightRedColor: #b8514c;
  --blackColor: #222020;
  --fontSize: 150px; }

@font-face {
  font-family: 'cashierIcon';
  src: url(/Content/fonts/cashierIcon.eot?08122022);
  src: url(/Content/fonts/cashierIcon.eot?08122022#iefix) format("embedded-opentype"), url(/Content/fonts/cashierIcon.ttf?08122022) format("truetype"), url(/Content/fonts/cashierIcon.woff?08122022) format("woff"), url(/Content/fonts/cashierIcon.svg?08122022#cashierIcon) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block; }

[class^="cpi-"], [class*=" cpi-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'cashierIcon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.cpi-cpi-hc-app:before {
  content: "\e92a"; }

.cpi-cpi-hc-betting:before {
  content: "\e92b"; }

.cpi-cpi-hc-deposit:before {
  content: "\e92c"; }

.cpi-cpi-hc-technical:before {
  content: "\e92d"; }

.cpi-cpi-hc-transfer:before {
  content: "\e92e"; }

.cpi-cpi-hc-withdraw:before {
  content: "\e92f"; }

.cpi-cpi-eye-closed:before {
  content: "\e929"; }

.cpi-cpi-data-transfer:before {
  content: "\e928"; }

.cpi-cpi-total-balance:before {
  content: "\e926"; }

.cpi-cpi-points:before {
  content: "\e927"; }

.cpi-cpi-affiliate:before {
  content: "\e900"; }

.cpi-cpi-fastpay:before {
  content: "\e901"; }

.cpi-cpi-announcement:before {
  content: "\e902"; }

.cpi-cpi-deposit:before {
  content: "\e903"; }

.cpi-cpi-transfer:before {
  content: "\e904"; }

.cpi-cpi-withdraw:before {
  content: "\e905"; }

.cpi-cpi-personal-details:before {
  content: "\e906"; }

.cpi-cpi-payment-method:before {
  content: "\e907"; }

.cpi-cpi-password-and-security:before {
  content: "\e908"; }

.cpi-cip-vip-access:before {
  content: "\e909"; }

.cpi-cpi-reward-access:before {
  content: "\e90a"; }

.cpi-cpi-statements:before {
  content: "\e90b"; }

.cpi-cpi-self-exclusion:before {
  content: "\e90c"; }

.cpi-cpi-account-deactivation:before {
  content: "\e90d"; }

.cpi-cpi-add:before {
  content: "\e90e"; }

.cpi-cpi-main-wallet:before {
  content: "\e90f"; }

.cpi-cpi-deposit-fast-transfer:before {
  content: "\e910"; }

.cpi-cpi-deposit-auto:before {
  content: "\e911"; }

.cpi-cpi-deposit-bank-transfer:before {
  content: "\e912"; }

.cpi-cpi-copy:before {
  content: "\e913"; }

.cpi-cpi-edit:before {
  content: "\e914"; }

.cpi-cpi-eye:before {
  content: "\e915"; }

.cpi-cpi-announcement-vip:before {
  content: "\e916"; }

.cpi-cpi-delete:before {
  content: "\e917"; }

.cpi-cpi-check:before {
  content: "\e918"; }

.cpi-cpi-announcement-promotion:before {
  content: "\e919"; }

.cpi-cpi-announcement-payment-gate:before {
  content: "\e91a"; }

.cpi-cpi-announcement-maintenance:before {
  content: "\e91b"; }

.cpi-cpi-announcement-product-news:before {
  content: "\e91c"; }

.cpi-cpi-announcement-all:before {
  content: "\e91d"; }

.cpi-cpi-refresh:before {
  content: "\e91e"; }

.cpi-cpi-star:before {
  content: "\e91f"; }

.cpi-cpi-crypto:before {
  content: "\e920"; }

.cpi-cpi-ewallet:before {
  content: "\e921"; }

.cpi-cpi-history:before {
  content: "\e922"; }

.cpi-cpi-reward:before {
  content: "\e923"; }

.cpi-cpi-security-question:before {
  content: "\e924"; }

.cpi-cpi-change-password:before {
  content: "\e925"; }

.cpi-cpi-qr:before {
  content: "\e930"; }

.cpi-cpi-fast:before {
  content: "\e931"; }

.cpi-cpi-atm:before {
  content: "\e932"; }

#footer {
  display: none; }

.text-yellow {
  color: #fffd3b; }

.cp-w-100 {
  width: 100%; }

.status-success {
  color: #1fd989 !important; }

.status-unsuccess {
  color: #ff5662 !important; }

.status-failed {
  color: #8a8a8a !important; }

.status-processing {
  color: #ff9227 !important; }

.styled-checkbox {
  position: relative;
  cursor: pointer;
  width: 50px;
  height: 25px;
  margin-bottom: 0; }
  .styled-checkbox input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    height: 0;
    width: 0; }
    .styled-checkbox input:checked ~ .styled-checkbox-bg {
      background: #189e90;
      background: linear-gradient(90deg, #189e90 0%, #36ed7c 100%); }
    .styled-checkbox input:checked ~ .styled-checkbox-round {
      left: 3px; }
    .styled-checkbox input:checked ~ .label-on {
      opacity: 1; }
    .styled-checkbox input:checked ~ .label-off {
      opacity: 0; }
  .styled-checkbox-label {
    position: absolute;
    z-index: 2;
    left: 5px;
    font-size: 12px !important;
    font-weight: 500 !important;
    color: #fff !important;
    line-height: normal;
    text-transform: uppercase;
    top: 50%;
    opacity: 1;
    transform: translateY(-50%);
    transition: opacity .3s; }
    .styled-checkbox-label.label-on {
      right: 8px;
      left: auto;
      opacity: 0; }
  .styled-checkbox-bg {
    background: #ee0c74;
    background: linear-gradient(90deg, #ee0c74 0%, #ff6803 100%);
    position: relative;
    z-index: 1;
    display: block;
    height: 100%;
    border-radius: 14px;
    transition: .3s ease; }
  .styled-checkbox-round {
    width: 17px;
    height: 17px;
    border-radius: 50%;
    background: white;
    position: absolute;
    z-index: 2;
    top: 4px;
    left: calc(100% - 20px);
    transition: left 0.3s cubic-bezier(0.39, 0.575, 0.565, 1); }

.cp-form {
  width: 445px;
  margin: auto;
  position: relative; }
  @media only screen and (max-width: 480px) {
    .cp-form {
      width: 100%; } }
  .cp-form-row {
    display: flex;
    align-items: center;
    margin-bottom: 10px; }
    .cp-form-row:last-child {
      margin-bottom: 0; }
    @media only screen and (max-width: 767px) {
      .cp-form-row {
        flex-wrap: wrap;
        margin-bottom: 15px; } }
  .cp-form-label {
    margin-right: 5px;
    min-width: 175px;
    text-align: right; }
    @media only screen and (max-width: 767px) {
      .cp-form-label {
        min-width: 85px;
        margin-bottom: 5px;
        text-align: left; } }
    .cp-form-label span {
      font-size: 15px;
      font-weight: bold;
      color: #97d690; }
      @media only screen and (max-width: 767px) {
        .cp-form-label span {
          font-size: 12px; } }
  .cp-form-input {
    position: relative;
    flex: 1; }
    .cp-form-input .txt {
      font-size: 15px;
      color: #fff6cc; }
    .cp-form-input .ico {
      display: inline-block;
      width: 20px;
      font-size: 20px;
      color: #90c3ae;
      vertical-align: middle;
      margin-left: 15px; }
    .cp-form-with-validation .cp-form-input .okcheck,
    .cp-form-with-validation .cp-form-input .okcross {
      position: absolute;
      top: 11px;
      right: -25px; }
    .cp-form-with-validation .cp-form-input .tooltips {
      margin-top: -5px;
      top: 0;
      right: 0;
      transform: translateX(100%); }
  .cp-form-modal-cta {
    position: absolute;
    font-size: 14px;
    color: #6edc5f;
    text-decoration: underline;
    top: 50%;
    right: 0;
    transform: translateX(calc(100% + 15px)) translateY(-50%);
    cursor: pointer; }
  .cp-form.cp-form-passwordAndSecurity {
    left: -10%; }
    @media only screen and (max-width: 767px) {
      .cp-form.cp-form-passwordAndSecurity {
        left: 0; } }
  .cp-form.cp-form-deposit {
    margin: 0;
    width: 100%; }
    .cp-form.cp-form-deposit .cp-form-label {
      text-align: left; }
    .cp-form.cp-form-deposit .cp-banks-img {
      width: 100%;
      display: block; }
      .cp-form.cp-form-deposit .cp-banks-img .bankList {
        margin: 0;
        padding: 0;
        list-style: none;
        width: 100%; }
        .cp-form.cp-form-deposit .cp-banks-img .bankList li {
          padding: 0;
          width: auto;
          margin: 0 1% 5px 0;
          display: inline-block;
          border: 2px solid #0a3e28;
          position: relative;
          border-radius: 5px; }
          .cp-form.cp-form-deposit .cp-banks-img .bankList li input {
            display: inline-block;
            margin-right: 2px;
            position: relative;
            top: 1px;
            visibility: hidden; }
          .cp-form.cp-form-deposit .cp-banks-img .bankList li label {
            position: relative;
            width: 100% !important;
            padding: 0 7px !important;
            z-index: 2; }
            .cp-form.cp-form-deposit .cp-banks-img .bankList li label:nth-child(2) {
              position: absolute !important;
              left: 0px !important;
              z-index: 0; }
        .cp-form.cp-form-deposit .cp-banks-img .bankList label:nth-child(2) {
          margin-top: 24px;
          padding-left: 6px; }
    .cp-form.cp-form-deposit .dsktpBankList {
      display: block; }
    .cp-form.cp-form-deposit .pangmobile {
      display: none; }
    @media only screen and (max-width: 767px) {
      .cp-form.cp-form-deposit {
        /*.dsktpBankList {
                display: none;
            }*/ }
        .cp-form.cp-form-deposit .cp-banks-img {
          padding: 0 10px; }
          .cp-form.cp-form-deposit .cp-banks-img .bankList .slick-slide {
            margin-right: 5px; }
          .cp-form.cp-form-deposit .cp-banks-img .bankList .slick-slide img {
            display: inline-block; }
          .cp-form.cp-form-deposit .cp-banks-img .bankList .slick-dots li {
            border: none;
            margin: 0; }
            .cp-form.cp-form-deposit .cp-banks-img .bankList .slick-dots li :hover {
              background-image: none; }
          .cp-form.cp-form-deposit .cp-banks-img .bankList .slick-prev {
            left: -23px; }
          .cp-form.cp-form-deposit .cp-banks-img .bankList .slick-next {
            right: -20px; }
          .cp-form.cp-form-deposit .cp-banks-img .bankList .slick-dots li button:before {
            color: #0ad288; }
          .cp-form.cp-form-deposit .cp-banks-img .bankList .slick-dots li.slick-active button:before {
            color: #5fdb32; }
        .cp-form.cp-form-deposit .pangmobile {
          display: block; }
        .cp-form.cp-form-deposit .testlang1 {
          /*overflow: auto;
                overflow-x: auto;*/
          /*border: 1px solid red;*/ }
        .cp-form.cp-form-deposit .cp-banks-img {
          /*width: 1180px;*/ } }
    .cp-form.cp-form-deposit .cp-form-input {
      max-width: 265px; }
    .cp-form.cp-form-deposit .cp-form-depo-col3 {
      margin-left: 30px; }
      @media only screen and (max-width: 767px) {
        .cp-form.cp-form-deposit .cp-form-depo-col3 {
          margin-top: 15px; } }
      .cp-form.cp-form-deposit .cp-form-depo-col3 a {
        color: #6edc5f;
        font-size: 13px;
        text-decoration: underline; }
      .cp-form.cp-form-deposit .cp-form-depo-col3 a.dp-copy {
        color: #fff;
        font-size: 12px;
        text-decoration: unset;
        border: 1px solid #028843;
        border-radius: 4px;
        padding: 6px 5px; }
      .cp-form.cp-form-deposit .cp-form-depo-col3 a.dp-copy.copied {
        color: #fffd3b;
        border: 1px solid #028843;
        background: #028843; }
      .cp-form.cp-form-deposit .cp-form-depo-col3 a.dp-copy.copied i {
        color: #fffd3b; }
      .cp-form.cp-form-deposit .cp-form-depo-col3 i {
        font-size: 24px;
        color: #90c3ae;
        cursor: pointer;
        margin-right: 5px; }

.cp-deposit-bankdet {
  border: 1px solid green;
  background: rgba(0, 0, 0, 0.3);
  max-width: 650px;
  border-radius: 5px;
  padding: 20px;
  margin-bottom: 10px; }
  .cp-deposit-bankdet .cp-form-row .cp-form-input {
    max-width: 165px;
    margin-left: 50px; }
    @media only screen and (max-width: 767px) {
      .cp-deposit-bankdet .cp-form-row .cp-form-input {
        margin-left: 15px; } }
  .cp-deposit-bankdet .cp-form-row.deposit-txt {
    display: flex;
    justify-content: center;
    align-items: center; }
    .cp-deposit-bankdet .cp-form-row.deposit-txt .bankcd-title {
      font-size: 15px;
      color: white;
      margin-right: 10px; }
    .cp-deposit-bankdet .cp-form-row.deposit-txt .dt-cd {
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 1.5em;
      color: #f5810b;
      width: 40px;
      text-shadow: 0 0 10px #f5810b, 0 0 10px #f5810b, 0 0 10px #f5810b;
      color: #fff; }

.bankcd-hr {
  border-top: 1px solid #008000; }

.st2-qr {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }
  .st2-qr-box {
    width: 150px; }
    .st2-qr-box img {
      max-width: 100%;
      border: 5px solid #ffb045;
      border-radius: 5px; }
  .st2-qr-save {
    display: block;
    line-height: 36px;
    background: #028843;
    border-radius: 6px;
    text-align: center;
    margin: 10px auto;
    color: white;
    padding: 0px 10px;
    border: none;
    transition: all 200ms ease; }
    .st2-qr-save:hover {
      background: #3dd185; }

.cp-field {
  border: thin solid #038746;
  height: 40px;
  line-height: 40px;
  background: #012114;
  border-radius: 4px;
  display: block;
  width: 100%;
  /*color: #3b8263;*/
  padding-left: 15px;
  padding-right: 5px; }
  .cp-field :after {
    overflow: hidden;
    background: transparent url(/Content/images/new-arrowdown-select.png) no-repeat 95% 50%; }
  @media only screen and (max-width: 991px) {
    .cp-field {
      max-width: 280px; } }
  .cp-field::-webkit-input-placeholder {
    color: #3b8263; }
  .cp-field:-ms-input-placeholder {
    color: #3b8263; }
  .cp-field::placeholder {
    color: #3b8263; }
  .cp-field.cp-select {
    padding-left: 10px; }
  .cp-field.cp-bank-name {
    color: #fff6cc; }
  .cp-field.cp-amount {
    color: #fffd3b;
    font-weight: 700;
    font-size: 24px; }
  .cp-field.datepicker {
    background: url(/Content/images/payment/cpi-calendar-icon.png) calc(100% - 10px) center no-repeat;
    background-size: 20px; }

.cp-btn, .cashier-content .manage-header .left__profile .vip-rank .levelSpan {
  border: none;
  margin: 0;
  outline: 0;
  padding: 0 15px;
  font-size: 18px;
  font-weight: 700;
  line-height: 46px;
  display: inline-block;
  color: #005021;
  text-transform: uppercase;
  text-align: center;
  border-radius: 5px;
  box-shadow: 0 0 13px 0 rgba(255, 241, 111, 0.4);
  background: #fff48e;
  background: linear-gradient(0deg, #fff48e 0%, #fecb1b 40%, #fff48e 70%);
  transition: .3s ease; }
  .cp-btn:hover, .cashier-content .manage-header .left__profile .vip-rank .levelSpan:hover {
    box-shadow: 0 0 25px 0 rgba(255, 241, 111, 0.4); }
  .cp-form-bankTransfer .cp-btn, .cp-form-bankTransfer .cashier-content .manage-header .left__profile .vip-rank .levelSpan, .cashier-content .manage-header .left__profile .vip-rank .cp-form-bankTransfer .levelSpan,
  .cp-form-passwordAndSecurity .cp-btn,
  .cp-form-passwordAndSecurity .cashier-content .manage-header .left__profile .vip-rank .levelSpan, .cashier-content .manage-header .left__profile .vip-rank
  .cp-form-passwordAndSecurity .levelSpan {
    width: 166px;
    display: block;
    margin-left: auto;
    margin-right: auto; }
  .cp-form-deposit .cp-btn, .cp-form-deposit .cashier-content .manage-header .left__profile .vip-rank .levelSpan, .cashier-content .manage-header .left__profile .vip-rank .cp-form-deposit .levelSpan {
    margin-left: auto;
    margin-right: auto; }
  .cp-form-passwordAndSecurity .cp-btn, .cp-form-passwordAndSecurity .cashier-content .manage-header .left__profile .vip-rank .levelSpan, .cashier-content .manage-header .left__profile .vip-rank .cp-form-passwordAndSecurity .levelSpan {
    height: 46px; }

.cp-title {
  display: flex;
  align-items: center;
  margin: 12px 0;
  padding-bottom: 12px;
  border-bottom: thin solid #1e5a28;
  /*.switch-content {
        position: relative;
        z-index: 2;
        display: flex;
        width: 2em;
        height: 1em;
        border-radius: .5em;
        border: .1em solid var(--blackColor);
        box-shadow: 0 0 .5em rgba(0, 0, 0, .4), inset 0 0 .1em rgba(0,0,0, .3);
        overflow: hidden;
        transform: translateX(.5em);
        transform-origin: .5em;
        transition: 1s cubic-bezier(0.63, 0.64, 0.92, 0.49);

        &:hover {
            cursor: pointer;
        }

        &:has(input:checked) + .switch-glow {
            background-size: 238%;
            box-shadow: 0 0 .2em var(--greenColor);
        }

        &:is(input:checked) + .switch-glow {
            background-size: 238%;
            box-shadow: 0 0 .2em var(--greenColor);
        }

        &:has(input:checked) + .switch-glow::after {
            box-shadow: inset 0 0 .2em var(--greenColor);
        }

        &:has(input:checked) {
            transform: rotate(-180deg) translateX(-.5em);
        }

        &:has(input:checked) .switch-slider {
            transform: rotate(180deg);
        }

        &:has(input:checked) .switch-color {
            background-color: var(--greenColor);
        }

        &:has(input:checked) ~ .switch-led {
            background-color: var(--greenColor);
            box-shadow: inset -.01em .01em .02em var(--lightGreenColor), inset .01em -.01em .01em var(--lightGreenColor), .01em -.01em .02em var(--lightGreenColor);
        }

        input {
            width: 0;
            height: 0;
        }

        .switch-slider {
            position: absolute;
            width: .8em;
            height: .8em;
            border-radius: 50%;
            background: radial-gradient(circle at 15% 85%, rgb(59, 59, 59) 1%, var(--bgColor) 40%, var(--bgColor) 60%, #363636 100%);
            z-index: 1;
            transition: 1s cubic-bezier(0.63, 0.64, 0.92, 0.49);
        }

        .switch-color {
            position: absolute;
            width: 1.4em;
            height: 100%;
            background-color: var(--redColor);
            right: 0;
            border-top-right-radius: .5em;
            border-bottom-right-radius: .5em;
            box-shadow: inset 0 0 .1em var(--blackColor);
            z-index: 2;
            transition-delay: 1s;
        }
    }*/ }
  .cp-title-icon {
    border-radius: 50%;
    background: #04250b;
    display: flex;
    width: 46px;
    height: 46px;
    box-shadow: 1px 1px 1px 0 rgba(255, 255, 255, 0.55);
    position: relative;
    z-index: 2;
    align-items: center;
    justify-content: center; }
    .cp-title-icon i {
      font-size: 26px; }
      .cp-title-icon i.cpi-cpi-payment-method {
        font-size: 22px; }
      @media only screen and (max-width: 1600px) {
        .cp-title-icon i {
          font-size: 24px; } }
    .cp-title-icon.active i {
      text-shadow: 0 0 10px #05ff34, 0 0 10px #05ff34, 0 0 10px #05ff34; }
    @media only screen and (max-width: 1600px) {
      .cp-title-icon {
        width: 44px;
        height: 44px; } }
  .cp-title-label {
    display: block;
    font-size: 18.5px;
    text-transform: uppercase;
    color: #fff;
    line-height: 49px;
    background: url(/Content/images/payment/cp-title-label-bg.png) top center no-repeat;
    width: 267px;
    text-align: center;
    position: relative;
    z-index: 2;
    left: -5px; }
    @media only screen and (max-width: 1600px) {
      .cp-title-label {
        font-size: 16px;
        background-size: contain;
        width: 245px;
        line-height: 45px; } }
    @media only screen and (max-width: 375px) {
      .cp-title-label {
        width: 220px;
        line-height: 40px; } }
  .cp-title.custom .title-wrap {
    display: flex;
    align-items: center; }
  @media only screen and (max-width: 991px) {
    .cp-title.custom {
      flex-wrap: wrap; } }
  .cp-title .title-switch {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 20px; }
  .cp-title .switch-content {
    position: relative;
    z-index: 2;
    display: flex;
    width: 2em;
    height: 1em;
    border-radius: .5em;
    border: 0.1em solid var(--blackColor);
    box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.4), inset 0 0 0.1em rgba(0, 0, 0, 0.3);
    overflow: hidden;
    transform: translateX(0.5em);
    transform-origin: .5em;
    transition: 1s cubic-bezier(0.63, 0.64, 0.92, 0.49); }
    .cp-title .switch-content:hover {
      cursor: pointer; }
    .cp-title .switch-content input {
      width: 0;
      height: 0; }
    .cp-title .switch-content .switch-slider {
      position: absolute;
      width: .8em;
      height: .8em;
      border-radius: 50%;
      background: radial-gradient(circle at 15% 85%, #3b3b3b 1%, var(--bgColor) 40%, var(--bgColor) 60%, #363636 100%);
      z-index: 1;
      transition: 1s cubic-bezier(0.63, 0.64, 0.92, 0.49); }
    .cp-title .switch-content .switch-color {
      position: absolute;
      width: 1.4em;
      height: 100%;
      background-color: var(--redColor);
      right: 0;
      border-top-right-radius: .5em;
      border-bottom-right-radius: .5em;
      box-shadow: inset 0 0 0.1em var(--blackColor);
      z-index: 2;
      transition-delay: 1s; }
  .cp-title .title-switch.active .switch-content {
    transform: rotate(-180deg) translateX(-0.5em); }
    .cp-title .title-switch.active .switch-content + .switch-glow {
      background-size: 238%;
      box-shadow: 0 0 0.2em var(--greenColor); }
    .cp-title .title-switch.active .switch-content + .switch-glow::after {
      box-shadow: inset 0 0 0.2em var(--greenColor); }
    .cp-title .title-switch.active .switch-content .switch-slider {
      transform: rotate(180deg); }
    .cp-title .title-switch.active .switch-content .switch-color {
      background-color: var(--greenColor); }
    .cp-title .title-switch.active .switch-content ~ .switch-led {
      background-color: var(--greenColor);
      box-shadow: inset -0.01em 0.01em 0.02em var(--lightGreenColor), inset 0.01em -0.01em 0.01em var(--lightGreenColor), 0.01em -0.01em 0.02em var(--lightGreenColor); }
  .cp-title .switch-glow {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3.5em;
    height: 3.5em;
    border-radius: 50%;
    background: radial-gradient(circle, var(--bgColor) 25%, var(--greenColor) 35%, var(--lightGreenColor) 36%, var(--greenColor) 38%, var(--bgColor) 51%, var(--redColor) 63%, var(--lightRedColor) 66%, var(--redColor) 69%) center no-repeat;
    background-size: 100%;
    box-shadow: 0 0 0.2em var(--redColor);
    z-index: 1;
    transition-delay: 1s; }
    .cp-title .switch-glow::after {
      clear: both;
      display: block;
      content: "";
      width: 3em;
      height: 3em;
      border-radius: 50%;
      background-color: var(--bgColor);
      box-shadow: inset 0 0 0.2em var(--redColor);
      transition-delay: 1s; }
  .cp-title .switch-led {
    position: absolute;
    width: .1em;
    height: .1em;
    right: -.2em;
    bottom: -.5em;
    border-radius: 50%;
    background-color: var(--redColor);
    box-shadow: inset -0.01em 0.01em 0.02em var(--lightRedColor), inset 0.01em -0.01em 0.01em var(--lightRedColor), 0.01em -0.01em 0.02em var(--lightRedColor);
    transition-delay: 1s; }

.cp-tab {
  display: flex;
  flex-wrap: wrap;
  /*.active:first-child {
        margin-left: 0;
    }*/ }
  @media only screen and (max-width: 991px) {
    .cp-announcement .cp-tab {
      padding-left: 30px;
      padding-right: 35px; } }
  .cp-payment-method .cp-tab {
    margin-bottom: 25px; }
  .cp-password-and-security .cp-tab {
    margin-bottom: 25px; }
  .cp-deposit .cp-tab {
    margin-bottom: 25px; }
  .cp-tab-item {
    background: #032014;
    padding: 0 15px;
    border: none;
    border-radius: 30px;
    margin: 0 10px 10px 0;
    min-width: 150px;
    line-height: 40px;
    text-align: center;
    color: #90c3ae;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    box-shadow: inset 0 3px 8px 0 rgba(0, 0, 0, 0.75), 0 2px 3px 0 rgba(255, 255, 255, 0.35);
    transition: .3s ease; }
    .cp-tab-item-active, .cp-tab-item:hover {
      color: #fff;
      background: #106943;
      box-shadow: 0 4px 13px 0 rgba(0, 0, 0, 0.5); }
    .cp-tab-item:first-child {
      margin-left: 0; }
    .cp-tab-item.lg {
      padding-left: 30px;
      padding-right: 30px; }
    .depoFrame-nav .cp-tab-item {
      min-width: 200px; }
  .cp-tab-icon {
    width: 20px;
    font-size: 20px;
    margin-right: 10px; }
    .cp-tab-icon i.cpi-cpi-affiliate {
      left: -5px;
      font-size: 16px !important; }
  .cp-tab-label {
    font-size: 14px;
    font-weight: 700;
    text-transform: capitalize; }
  .cp-tab-content-item {
    display: none; }
    .cp-tab-content-item.active {
      display: block; }
    .cp-tab-content-item .txtfield.cp-field {
      padding-left: 15px;
      padding-right: 5px;
      line-height: normal;
      border: thin solid #038746;
      border-radius: 4px; }
  .cp-tab-content .runStep1, .cp-tab-content .runStep2 {
    padding: 10px; }
  .cp-tab-content .runStep2 {
    display: none; }
    .cp-tab-content .runStep2 .step2Holder {
      display: flex; }
    @media only screen and (max-width: 768px) {
      .cp-tab-content .runStep2 .step2Holder {
        display: block; } }
    .cp-tab-content .runStep2 .amountdepo {
      color: #fee71b;
      font-weight: 700;
      font-size: 22px; }
    .cp-tab-content .runStep2 #amountToWordCopy {
      margin-left: 10px; }
    .cp-tab-content .runStep2 .cp-form-row.deposit-txt {
      display: flex;
      justify-content: center;
      align-items: center; }
      .cp-tab-content .runStep2 .cp-form-row.deposit-txt .bankcd-title {
        font-size: 16px;
        font-weight: 600;
        color: white;
        margin-right: 10px; }
        .cp-tab-content .runStep2 .cp-form-row.deposit-txt .bankcd-title .anchor {
          color: #fff073;
          font-size: 18px; }
          @media only screen and (max-width: 1500px) {
            .cp-tab-content .runStep2 .cp-form-row.deposit-txt .bankcd-title .anchor {
              font-size: 17px; } }
        @media only screen and (max-width: 1500px) {
          .cp-tab-content .runStep2 .cp-form-row.deposit-txt .bankcd-title {
            font-size: 14px; } }
      .cp-tab-content .runStep2 .cp-form-row.deposit-txt .dt-cd {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 26px;
        font-weight: 600;
        color: #f5810b;
        width: 70px;
        text-shadow: 0 0 8px #f5810b, 0 0 8px #f5810b, 0 0 8px #f5810b;
        color: #fff; }
  .cp-tab-content .fastSteps {
    display: flex;
    margin-bottom: 10px;
    position: relative;
    background: #032014;
    overflow: hidden;
    /*div.active {
                background: linear-gradient(62deg, #fecb1b 0%, #fff48e 74%);
            }*/
    /*.ft-st:not(first-child).active + .fastslide-bar {
                clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0% 100%, 5% 50%, 0% 0%);
            }*/ }
    .cp-tab-content .fastSteps div {
      flex: 50%;
      text-align: center;
      padding: 10px;
      background: none;
      z-index: 5;
      color: #a1ffce;
      font-size: 18px;
      text-transform: uppercase;
      font-weight: 600;
      display: flex;
      justify-content: center;
      align-items: center; }
      .cp-tab-content .fastSteps div span {
        display: inline-block;
        min-width: 35px;
        border-radius: 20px;
        padding: 0px 8px;
        font-size: 22px;
        margin-left: 5px;
        margin-right: 5px;
        color: #fff;
        background: #00a539;
        background-image: linear-gradient(to right bottom, #048e6a, #0a8a64, #0e865e, #128259, #157e53, #1e8653, #288d52, #339551, #4aaa53, #64bf54, #80d452);
        border: 1px solid rgba(255, 255, 255, 0.25); }
      .cp-tab-content .fastSteps div i {
        font-style: normal; }
        @media only screen and (max-width: 1600px) {
          .cp-tab-content .fastSteps div i {
            font-size: 15px; } }
        @media only screen and (max-width: 991px) {
          .cp-tab-content .fastSteps div i {
            font-size: 13px; } }
        @media only screen and (max-width: 768px) {
          .cp-tab-content .fastSteps div i {
            display: none; } }
    .cp-tab-content .fastSteps .active {
      color: #0f461f; }
    .cp-tab-content .fastSteps .fastslide-bar {
      height: 100%;
      position: absolute;
      left: 0px;
      top: 0px;
      z-index: 1;
      background: linear-gradient(62deg, #fecb1b 0%, #fff48e 74%);
      /*clip-path: polygon(0 0, 96% 0, 100% 50%, 96% 100%, 0 100%);*/
      clip-path: polygon(95% 0, 100% 50%, 95% 100%, 0% 100%, 5% 51%, 0% 0%); }
  .cp-tab .active,
  .cp-tab .active:hover {
    color: #fff;
    background: #106943;
    box-shadow: 0 4px 13px 0 rgba(0, 0, 0, 0.5); }

.fastdp2-modal-backdrop {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 999999999; }

.modalForStep2 {
  display: none;
  position: fixed;
  margin: 0;
  top: 45%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1;
  min-width: 300px;
  width: 600px;
  border: 1px solid #028843;
  background: #021a10;
  border-radius: 10px;
  z-index: 9999999999;
  max-width: 90%;
  padding: 15px; }
  .modalForStep2 .xbtn {
    position: absolute;
    right: -14px;
    top: -13px;
    border-radius: 100%;
    height: 30px;
    width: 30px;
    background: black;
    text-align: center;
    line-height: 30px;
    border: 1px solid #fff;
    cursor: pointer; }
  .modalForStep2 .mfs_header {
    padding: 5px;
    text-align: center;
    text-transform: uppercase;
    font-size: 22px;
    font-weight: bold;
    color: #fff; }
  .modalForStep2 .mfs_body {
    min-height: 100px;
    padding: 10px;
    font-size: 14px;
    color: #89d1ac; }
    .modalForStep2 .mfs_body strong {
      color: #fee71b; }
  .modalForStep2 .mfs_footer {
    text-align: center;
    padding: 15px; }
    .modalForStep2 .mfs_footer a {
      width: 165px;
      display: inline-block;
      border: none;
      color: #fff;
      font-size: 13px;
      height: 40px;
      line-height: 40px;
      border-radius: 7px;
      -webkit-border-radius: 7px;
      background: #55c53a;
      text-align: center;
      background: -moz-linear-gradient(left, #55c53a 0%, #098d43 100%);
      background: -webkit-linear-gradient(left, #55c53a 0%, #098d43 100%);
      background: linear-gradient(to right, #55c53a 0%, #098d43 100%);
      margin-left: 5px;
      text-transform: uppercase;
      font-weight: bold; }

.cp-table-title {
  background: #0b452c;
  display: flex;
  border-radius: 5px;
  height: 35px;
  align-items: center;
  margin-bottom: 8px;
  box-shadow: 0 4px 13px 0 rgba(0, 0, 0, 0.5); }
  @media only screen and (max-width: 1024px) {
    .cp-table-title {
      height: auto; } }
  .cp-table-title h3 {
    font-size: 15px;
    margin: 0;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff6cc; }
    @media only screen and (max-width: 1024px) {
      .cp-table-title h3 {
        font-size: 13px;
        display: block;
        padding: 5px 0; } }
    @media only screen and (max-width: 375px) {
      .cp-table-title h3 {
        font-size: 12px; } }
  .cp-table-title > div {
    text-align: center;
    flex: 1; }
  .cp-vip-access-tableLeft .cp-table-title .col-left,
  .cp-vip-access-right .cp-table-title .col-left {
    max-width: 100px; }

.cp-table-list {
  border-radius: 8px;
  overflow: hidden;
  background: #032014;
  box-shadow: inset 0 3px 8px 0 rgba(0, 0, 0, 0.75), 0 2px 3px 0 rgba(255, 255, 255, 0.35); }
  .cp-table-list-item {
    display: flex;
    padding: 8px 0;
    flex-wrap: wrap; }
    .cp-table-list-item:nth-child(even) {
      background: #0b271b; }
    .cp-table-list-item.highlighted {
      background: linear-gradient(-45deg, #eee32a, #eccf02, #fff087); }
      .cp-table-list-item.highlighted > div, .cp-table-list-item.highlighted a {
        color: #000 !important; }
    .cp-table-list-item > div {
      flex: 1;
      text-align: center;
      font-size: 14px;
      color: #fff;
      padding-left: 5px;
      padding-right: 5px;
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center; }
    .cp-vip-access-tableLeft .cp-table-list-item .col-left,
    .cp-vip-access-right .cp-table-list-item .col-left {
      max-width: 100px; }
    .cp-vip-access-tableLeft .cp-table-list-item .col-mid a {
      color: #fff; }

.cp-col-num {
  max-width: 65px; }

.cp-notice {
  background: #012114;
  border: thin solid #06733d;
  border-radius: 10px;
  overflow: hidden;
  padding: 10px 15px;
  margin-bottom: 15px; }
  .cp-notice span {
    font-size: 15px;
    color: #97d690;
    font-weight: 700;
    display: block;
    margin-bottom: 20px; }
  .cp-notice p {
    font-size: 13px;
    color: #fff6cc;
    line-height: 1.7;
    margin-bottom: 8px; }
    .cp-notice p > * {
      color: inherit; }
    .cp-notice p a {
      color: #e5d380;
      text-decoration: underline;
      font-weight: 700; }
    .cp-notice p:last-child {
      margin-bottom: 0; }
  .cp-notice ul {
    margin-left: 35px;
    margin-bottom: 8px; }
  .cp-notice li {
    font-size: 13px;
    color: #fff6cc; }
  .cp-notice-form {
    padding-left: 20px; }
    .cp-notice-form p:not(.cp-term) {
      font-size: 15px;
      color: #97d690;
      font-weight: 700; }
    .cp-notice-form ul {
      margin: 0 0 5px 20px;
      padding: 0;
      list-style-type: none; }
    .cp-notice-form li {
      display: block;
      font-size: 14px;
      color: #fff6cc;
      margin: 10px 0; }
      .cp-notice-form li label {
        cursor: pointer;
        margin-bottom: 0; }
      .cp-notice-form li input {
        margin-right: 10px;
        position: absolute;
        visibility: hidden; }
        .cp-notice-form li input:checked + span::before {
          box-shadow: inset 0 0 0 6px #038746; }
      .cp-notice-form li span {
        display: flex;
        align-items: center; }
        .cp-notice-form li span::before {
          display: block;
          content: "";
          background-color: #fff;
          width: 1.5em;
          height: 1.5em;
          border-radius: 50%;
          margin-right: 10px;
          transition: 0.25s ease;
          box-shadow: inset 0 0 0 2px #038746; }
    .cp-notice-form .cp-term {
      color: #fff6cc;
      font-size: 14px;
      margin-bottom: 20px;
      display: flex;
      align-items: center; }
      @media only screen and (max-width: 567px) {
        .cp-notice-form .cp-term {
          align-items: flex-start; } }
      .cp-notice-form .cp-term label {
        position: relative;
        font-weight: normal;
        margin-bottom: 0; }
      .cp-notice-form .cp-term input {
        position: relative;
        margin-top: 0;
        visibility: hidden; }
        .cp-notice-form .cp-term input:checked + span::after {
          border-top: 0;
          border-left: 0;
          width: 11px;
          background: none;
          transform: rotate(45deg);
          left: 5px;
          top: -2px; }
        @media only screen and (max-width: 567px) {
          .cp-notice-form .cp-term input {
            top: 3px; } }
      .cp-notice-form .cp-term span {
        display: flex;
        align-items: center;
        position: relative; }
        .cp-notice-form .cp-term span:before, .cp-notice-form .cp-term span:after {
          clear: both;
          content: '';
          display: block;
          width: 18px;
          height: 18px;
          background: #032b1a;
          border: 3px solid #038746;
          margin-right: 10px;
          cursor: pointer; }
        .cp-notice-form .cp-term span:before {
          visibility: hidden; }
        .cp-notice-form .cp-term span:after {
          position: absolute;
          top: 0;
          left: 0;
          transition: .3s; }
      .cp-notice-form .cp-term a {
        color: #e5d380;
        text-decoration: underline;
        font-weight: 700; }
  .cp-notice-btn-wrap {
    text-align: center; }

.cp-description {
  margin: 25px 0; }
  @media only screen and (max-width: 767px) {
    .cp-description {
      margin: 15px 0; } }
  .cp-description.datepicker {
    margin-bottom: 20px; }
  .cp-description-wrap {
    display: flex;
    flex-wrap: wrap; }
    .cp-description-wrap > div {
      flex: 1; }
      .cp-description-wrap > div strong {
        font-size: 15px;
        color: #97d690;
        min-width: 110px; }
      .cp-description-wrap > div span {
        font-size: 14px;
        color: #fff6cc; }
      .cp-description-wrap > div .inline-block {
        display: inline-block;
        vertical-align: middle; }

.cp-time-filter {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 0; }
  @media only screen and (max-width: 767px) {
    .cp-time-filter {
      display: block !important;
      margin-top: 10px; } }
  .cp-time-filter li {
    display: inline-block;
    position: relative;
    border-left: thin solid #49b486;
    padding: 0 30px; }
    @media only screen and (max-width: 767px) {
      .cp-time-filter li {
        padding: 0 10px; } }
    .cp-time-filter li::after {
      clear: both;
      content: '';
      display: block;
      width: 0;
      height: 2px;
      position: absolute;
      bottom: -7px;
      background: #fee71b;
      opacity: 0;
      left: 50%;
      transition: .3s ease;
      transform: translateX(-50%); }
    .cp-time-filter li:first-child {
      border-left: none; }
    .cp-time-filter li:hover::after, .cp-time-filter li.active::after {
      opacity: 1;
      width: 70px; }
    .cp-time-filter li:hover a, .cp-time-filter li.active a {
      color: #fee71b; }
  .cp-time-filter a {
    font-size: 14px;
    color: #49b486;
    display: block;
    line-height: 24px; }

.cp-datepicker {
  display: flex;
  align-items: center;
  justify-content: center; }
  .cp-datepicker > div {
    flex: 1; }
    .cp-datepicker > div:nth-child(2) {
      margin-left: 20px; }
  .cp-datepicker .cp-field {
    max-width: 130px; }
  .cp-datepicker .cp-btn, .cp-datepicker .cashier-content .manage-header .left__profile .vip-rank .levelSpan, .cashier-content .manage-header .left__profile .vip-rank .cp-datepicker .levelSpan {
    line-height: 40px; }

.cp-dtw-header {
  flex: 2;
  display: flex;
  align-items: center;
  margin-left: 15px; }
  @media only screen and (max-width: 991px) {
    .cp-dtw-header {
      margin-top: 15px;
      margin-left: 0;
      flex-basis: 100%; } }
  @media only screen and (max-width: 767px) {
    .cp-dtw-header {
      display: none; } }
  .cp-dtw-header .main-wallet {
    height: 45px;
    border-radius: 10px;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 180px;
    border: thin solid #ffe2ab;
    color: #1e3932;
    background: #506e88;
    background: linear-gradient(130deg, #f7be11 0%, #a28100 100%); }
    @media only screen and (max-width: 1600px) {
      .cp-dtw-header .main-wallet {
        min-width: 0;
        padding: 0 10px; } }
    .cp-dtw-header .main-wallet .ico {
      font-size: 30px;
      margin-right: 8px;
      position: relative;
      top: 2px; }
    .cp-dtw-header .main-wallet .txt {
      text-transform: uppercase;
      font-size: 13px;
      font-weight: 700;
      margin: 0 12px; }
      @media only screen and (max-width: 1600px) {
        .cp-dtw-header .main-wallet .txt {
          display: none; } }
    .cp-dtw-header .main-wallet .balance {
      font-weight: 700;
      font-size: 24px;
      padding: 0;
      margin-top: 0; }
      .cp-dtw-header .main-wallet .balance.asteriskData {
        display: none; }
      @media only screen and (max-width: 1600px) {
        .cp-dtw-header .main-wallet .balance {
          font-size: 20px; } }
  .cp-dtw-header .toggler {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 15px;
    padding-right: 15px; }
    .cp-dtw-header .toggler p {
      font-size: 13px;
      color: #9ae8b8;
      margin: 0 15px 0 0; }
  .cp-dtw-header .add-payment-method {
    align-self: flex-end;
    flex: 2;
    max-width: 274px; }
    @media only screen and (max-width: 767px) {
      .cp-dtw-header .add-payment-method {
        margin-top: 15px;
        margin-left: auto;
        margin-right: auto; } }
    .cp-dtw-header .add-payment-method button {
      /*background: url(/Content/images/payment/cp-add-payment-method-bg.png) top center no-repeat;*/
      background-color: #d4e9e2;
      background-size: cover;
      border: none;
      height: 45px;
      margin: 0;
      padding: 0 15px;
      outline: 0;
      text-transform: uppercase;
      font-size: 15px;
      font-weight: 700;
      color: #1e3932;
      display: flex;
      align-items: center;
      border-radius: 4px;
      justify-content: center; }
      .cp-dtw-header .add-payment-method button i {
        font-size: 20px;
        margin-right: 16px; }
        @media only screen and (max-width: 991px) {
          .cp-dtw-header .add-payment-method button i {
            margin-right: 5px; } }
      .cp-dtw-header .add-payment-method button div.txt {
        display: flex;
        align-items: center;
        white-space: nowrap;
        text-align: left;
        font-size: 13px; }
        .cp-dtw-header .add-payment-method button div.txt span:first-child {
          margin-right: 5px; }

.cashier-full {
  min-width: 0;
  display: flex;
  height: 100%;
  min-height: 800px; }
  @media only screen and (min-width: 2400px) {
    .cashier-full {
      min-height: 1600px; } }
  @media only screen and (max-width: 1200px) {
    .cashier-full {
      /*height: calc(100vh - 92px);*/ } }
  .cashier-full .mCSB_inside > .mCSB_container {
    margin-right: 20px !important; }
  .cashier-full .verify-form {
    margin-top: 100px; }
    @media only screen and (max-width: 1366px) {
      .cashier-full .verify-form {
        margin-top: 50px; } }
    @media only screen and (max-width: 768px) {
      .cashier-full .verify-form {
        margin-top: 20px; } }
    .cashier-full .verify-form h4 {
      color: #fff; }
    .cashier-full .verify-form h3 {
      color: #97d690; }
  .cashier-full .memcontent {
    color: #fff6cc; }

.cashier-menu {
  /*background: #04341f;*/
  background: none;
  max-width: 200px;
  min-width: 200px;
  padding-top: 20px;
  position: relative;
  z-index: 2;
  transition: .3s ease-in-out; }
  @media only screen and (max-width: 1200px) {
    .cashier-menu {
      transition: none; } }
  body.menu-active .cashier-menu {
    max-width: 65px;
    min-width: 65px; }
  @media only screen and (max-width: 1366px) {
    .cashier-menu {
      overflow-y: auto;
      min-width: 215px;
      max-width: 215px; } }
  @media only screen and (max-width: 1024px) {
    .cashier-menu {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      padding-top: 130px;
      overflow-x: hidden;
      overflow-y: scroll; } }
  @media only screen and (max-width: 767px) {
    .cashier-menu {
      padding-top: 105px; } }
  .cashier-menu .menu-btn {
    padding-left: 15px;
    margin-bottom: 35px; }
    @media only screen and (max-width: 1200px) {
      .cashier-menu .menu-btn {
        display: none; } }
    .cashier-menu .menu-btn button {
      width: 20px;
      height: 20px;
      background: none;
      border: none;
      position: relative;
      margin: 0;
      padding: 0;
      display: flex;
      align-items: center;
      justify-content: flex-start; }
      .cashier-menu .menu-btn button::before, .cashier-menu .menu-btn button::after {
        content: '';
        clear: both;
        display: block;
        width: 100%;
        height: 3px;
        background: #fff;
        border-radius: 5px;
        position: absolute;
        top: 0;
        left: 0; }
      .cashier-menu .menu-btn button::after {
        top: auto;
        bottom: 0; }
      .cashier-menu .menu-btn button span {
        display: block;
        height: 3px;
        width: 16px;
        background: #fff;
        border-radius: 5px; }
  .cashier-menu .menu-group {
    padding-left: 15px; }
    .cashier-menu .menu-group-title {
      display: block;
      font-weight: 700;
      color: #6fcc5c;
      text-transform: uppercase;
      white-space: nowrap;
      overflow: hidden;
      max-height: 300px;
      transition: 0.2s cubic-bezier(0, 1, 0, 1); }
      @media only screen and (max-width: 1200px) {
        .cashier-menu .menu-group-title {
          transition: none; } }
      body.menu-active .cashier-menu .menu-group-title {
        opacity: 0;
        max-height: 0; }
  .cashier-menu .menu-list {
    margin: 0;
    padding: 0;
    list-style-type: none; }
    .cashier-menu .menu-list-item {
      position: relative;
      margin: 18px 0;
      border-left: none; }
      @media only screen and (max-width: 1199px) {
        .cashier-menu .menu-list-item {
          float: none; } }
      @media only screen and (max-width: 767px) {
        .cashier-menu .menu-list-item {
          margin-bottom: 10px; } }
      @media only screen and (max-width: 480px) {
        .cashier-menu .menu-list-item {
          margin-bottom: 5px; } }
      .cashier-menu .menu-list-item a {
        color: #dcdcdc;
        text-decoration: none;
        display: flex;
        align-items: center;
        transition: .3s ease;
        line-height: 18px; }
        @media only screen and (max-width: 1200px) {
          .cashier-menu .menu-list-item a {
            transition: none; } }
        .cashier-menu .menu-list-item a:hover {
          color: #fff;
          text-shadow: 0 0 10px #05ff34, 0 0 10px #05ff34, 0 0 10px #05ff34; }
      .cashier-menu .menu-list-item.active a {
        color: #fff;
        text-shadow: 0 0 10px #05ff34, 0 0 10px #05ff34, 0 0 10px #05ff34; }
      .cashier-menu .menu-list-item .menu-icon {
        min-width: 22px;
        margin-right: 15px;
        font-size: 18px;
        text-align: center; }
        .cashier-menu .menu-list-item .menu-icon i {
          display: inline-block;
          vertical-align: middle;
          position: relative; }
          .cashier-menu .menu-list-item .menu-icon i.cpi-cpi-payment-method {
            margin-left: -2px; }
      .cashier-menu .menu-list-item .menu-label {
        white-space: nowrap;
        opacity: 1;
        transition: opacity .3s ease; }
        @media only screen and (max-width: 1200px) {
          .cashier-menu .menu-list-item .menu-label {
            transition: none; } }
        body.menu-active .cashier-menu .menu-list-item .menu-label {
          opacity: 0;
          position: absolute;
          left: 30px;
          padding: 1px 3px;
          font-size: 12px; }

.cashier-content {
  /*background: #052819;*/
  background: none;
  padding-top: 20px;
  padding-left: 30px;
  padding-right: 30px;
  width: 100%;
  position: relative;
  z-index: 1;
  min-width: 0;
  /*@include for-1440 {
            padding-right: 0;
        }*/ }
  @media only screen and (max-width: 1024px) {
    .cashier-content {
      padding-left: 70px; } }
  @media only screen and (max-width: 767px) {
    .cashier-content {
      overflow: hidden; } }
  @media only screen and (max-width: 480px) {
    .cashier-content {
      padding-left: 60px; } }
  .cashier-content .button {
    text-transform: uppercase;
    color: #005021 !important;
    font-size: 18px;
    font-weight: 700;
    border-radius: 4px;
    box-shadow: 0 0 13px 0 rgba(255, 241, 111, 0.4);
    background: #fee71b !important;
    background: linear-gradient(80deg, #fee71b 0%, #d8ff8e 100%) !important; }
  .cashier-content .manage-header {
    padding: 10px 25px;
    background: url(/Content/images/payment/acct-accent-bg.jpg) top left no-repeat #014924;
    border-radius: 6px;
    display: flex;
    flex-wrap: wrap; }
    @media only screen and (max-width: 991px) {
      .cashier-content .manage-header {
        align-items: center;
        padding-left: 10px;
        padding-right: 10px; } }
    @media only screen and (max-width: 767px) {
      .cashier-content .manage-header {
        display: none; } }
    .cashier-content .manage-header .left__profile {
      float: none;
      display: flex;
      flex-wrap: wrap;
      border-right: thin solid #4d7f66;
      min-width: 352px;
      max-width: 352px; }
      @media only screen and (max-width: 1600px) {
        .cashier-content .manage-header .left__profile {
          min-width: 320px; } }
      @media only screen and (max-width: 991px) {
        .cashier-content .manage-header .left__profile {
          border-right: none;
          width: 100%;
          max-width: 327px; } }
      .cashier-content .manage-header .left__profile-left {
        min-width: 220px;
        display: flex;
        align-content: center;
        flex-direction: column;
        text-align: center; }
      .cashier-content .manage-header .left__profile .acct-profile {
        min-width: 100px;
        height: 100px;
        background: #e6e3e4;
        border-radius: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 2px solid #fff;
        box-shadow: 2px 4px 9px 0 rgba(0, 0, 0, 0.3);
        margin-right: 2px;
        background-size: cover !important; }
        .cashier-content .manage-header .left__profile .acct-profile.grey {
          background: #ddd url(/Content/images/displaypicture/display-picture-user-1.jpg) center no-repeat; }
          .cashier-content .manage-header .left__profile .acct-profile.grey > .img-nav {
            opacity: 0; }
        .cashier-content .manage-header .left__profile .acct-profile.white {
          background: #ddd url(/Content/images/displaypicture/display-picture-user-2.jpg) center no-repeat; }
          .cashier-content .manage-header .left__profile .acct-profile.white > .img-nav {
            opacity: 0; }
        .cashier-content .manage-header .left__profile .acct-profile.red {
          background: #ddd url(/Content/images/displaypicture/display-picture-user-3.jpg) center no-repeat; }
          .cashier-content .manage-header .left__profile .acct-profile.red > .img-nav {
            opacity: 0; }
        .cashier-content .manage-header .left__profile .acct-profile.yellow {
          background: #ddd url(/Content/images/displaypicture/display-picture-user-4.jpg) center no-repeat; }
          .cashier-content .manage-header .left__profile .acct-profile.yellow > .img-nav {
            opacity: 0; }
        .cashier-content .manage-header .left__profile .acct-profile.green {
          background: #ddd url(/Content/images/displaypicture/display-picture-user-5.jpg) center no-repeat; }
          .cashier-content .manage-header .left__profile .acct-profile.green > .img-nav {
            opacity: 0; }
        .cashier-content .manage-header .left__profile .acct-profile.blue {
          background: #ddd url(/Content/images/displaypicture/display-picture-user-6.jpg) center no-repeat; }
          .cashier-content .manage-header .left__profile .acct-profile.blue > .img-nav {
            opacity: 0; }
        .cashier-content .manage-header .left__profile .acct-profile img {
          max-width: 80%; }
      .cashier-content .manage-header .left__profile .acct-notification {
        position: relative;
        top: 0;
        left: 0; }
        .cashier-content .manage-header .left__profile .acct-notification .quick-link {
          font-size: 0;
          text-align: center;
          display: flex;
          justify-content: center; }
          .cashier-content .manage-header .left__profile .acct-notification .quick-link li {
            float: none;
            width: 35px;
            height: 35px;
            border-radius: 50%;
            background: #336d50;
            padding-right: 0;
            margin: 0 20px 0 0;
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 4px;
            box-shadow: 0 10px 15px rgba(0, 0, 0, 0.3);
            transition: .3s; }
            .cashier-content .manage-header .left__profile .acct-notification .quick-link li:hover {
              box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); }
            .cashier-content .manage-header .left__profile .acct-notification .quick-link li:last-child {
              margin-right: 0; }
            .cashier-content .manage-header .left__profile .acct-notification .quick-link li > a {
              position: relative;
              background-image: linear-gradient(0, #204a35, #497e64);
              display: block;
              width: 100%;
              height: 100%;
              border-radius: 50%; }
              .cashier-content .manage-header .left__profile .acct-notification .quick-link li > a span.navcon-depoQuick {
                line-height: calc(35px - 8px);
                display: block;
                border-radius: 50%;
                width: 100%;
                font-size: 19px;
                background-image: linear-gradient(0, #497e64, #204a35); }
            .cashier-content .manage-header .left__profile .acct-notification .quick-link li a > span:not(.tooltiptext1) {
              color: #fff; }
            .cashier-content .manage-header .left__profile .acct-notification .quick-link li .navcon-depoQuick {
              font-size: 25px; }
            .cashier-content .manage-header .left__profile .acct-notification .quick-link li .tooltiptext1 {
              font-size: 13px;
              margin-left: 12px;
              margin-top: -40px; }
      .cashier-content .manage-header .left__profile .vip-rank {
        float: none;
        margin: 0;
        min-width: 0; }
        .cashier-content .manage-header .left__profile .vip-rank .levelSpan {
          width: 154px;
          line-height: 36px;
          height: auto;
          text-align: center;
          display: block;
          font-size: 16px;
          color: #052819;
          font-weight: 600;
          border-radius: 4px;
          margin: 0 auto;
          padding-left: 0;
          padding-right: 0;
          background: url(/Content/images/payment/level-legend-bg.png) top center no-repeat;
          box-shadow: none; }
          .cashier-content .manage-header .left__profile .vip-rank .levelSpan:hover {
            box-shadow: 0 0 25px 0 rgba(255, 241, 111, 0.4);
            border-radius: 40px; }
        .cashier-content .manage-header .left__profile .vip-rank .levelNo {
          font-size: 16px;
          color: #fecb1b;
          letter-spacing: .07em;
          text-align: center;
          margin: 7px 0 0;
          display: block; }
      .cashier-content .manage-header .left__profile .vip-bar {
        float: none;
        margin: 0; }
    .cashier-content .manage-header .right__profile {
      margin-left: initial;
      flex: 1; }
      @media only screen and (max-width: 1199px) {
        .cashier-content .manage-header .right__profile {
          width: calc(100% - 330px);
          margin-top: 0; } }
      @media only screen and (max-width: 991px) {
        .cashier-content .manage-header .right__profile {
          width: calc(100% - 354px); } }
      .cashier-content .manage-header .right__profile .balance-list {
        display: flex;
        align-items: flex-start;
        padding-left: 12px; }
        @media only screen and (max-width: 991px) {
          .cashier-content .manage-header .right__profile .balance-list {
            padding-left: 0; } }
        .cashier-content .manage-header .right__profile .balance-list li {
          float: none;
          flex: 1;
          width: auto;
          padding: 0;
          margin-left: 40px; }
          @media only screen and (min-width: 2000px) {
            .cashier-content .manage-header .right__profile .balance-list li {
              flex: none; } }
          @media only screen and (max-width: 1600px) {
            .cashier-content .manage-header .right__profile .balance-list li {
              margin-left: 10px; } }
          @media only screen and (max-width: 991px) {
            .cashier-content .manage-header .right__profile .balance-list li {
              margin-left: 0;
              padding: 0 10px;
              width: 50%; } }
          @media only screen and (max-width: 767px) {
            .cashier-content .manage-header .right__profile .balance-list li {
              padding: 0 4.5px; } }
        .cashier-content .manage-header .right__profile .balance-list .total-wrap {
          display: flex;
          align-items: center;
          justify-content: space-between;
          min-width: 250px;
          background: #fffa71;
          background-size: 100% 100%;
          padding: 5px 20px 5px 30px;
          border-radius: 7px;
          overflow: hidden;
          min-height: 71.5px;
          max-width: 270px;
          margin: auto;
          box-shadow: inset 0px 0px 5px 2px rgba(0, 0, 0, 0.75), inset 0px 0px 4px 4px rgba(0, 0, 0, 0.2), 0px 1px 1px 1px rgba(255, 255, 255, 0.3);
          -webkit-box-shadow: inset 0px 0px 5px 2px rgba(0, 0, 0, 0.75), inset 0px 0px 4px 4px rgba(0, 0, 0, 0.2), 0px 1px 1px 1px rgba(255, 255, 255, 0.3);
          -moz-box-shadow: inset 0px 0px 5px 2px rgba(0, 0, 0, 0.75), inset 0px 0px 4px 4px rgba(0, 0, 0, 0.2), 0px 1px 1px 1px rgba(255, 255, 255, 0.3); }
          @media only screen and (max-width: 1600px) {
            .cashier-content .manage-header .right__profile .balance-list .total-wrap {
              min-width: 0; } }
          @media only screen and (max-width: 1199px) {
            .cashier-content .manage-header .right__profile .balance-list .total-wrap {
              min-width: 0; } }
          @media only screen and (max-width: 991px) {
            .cashier-content .manage-header .right__profile .balance-list .total-wrap {
              width: 100%;
              min-width: 0;
              padding: 5px 10px;
              flex-direction: column;
              justify-content: center; } }
          @media only screen and (max-width: 767px) {
            .cashier-content .manage-header .right__profile .balance-list .total-wrap {
              width: 100%;
              padding: 5px 10px; } }
        .cashier-content .manage-header .right__profile .balance-list .icon {
          color: #291403;
          font-size: 34px; }
          @media only screen and (max-width: 991px) {
            .cashier-content .manage-header .right__profile .balance-list .icon {
              display: none; } }
          @media only screen and (max-width: 767px) {
            .cashier-content .manage-header .right__profile .balance-list .icon {
              font-size: 30px; } }
        .cashier-content .manage-header .right__profile .balance-list .info {
          font-size: 14px;
          text-align: center; }
          .cashier-content .manage-header .right__profile .balance-list .info span {
            color: #291403;
            font-size: 16px;
            text-align: center;
            line-height: 1; }
            @media only screen and (max-width: 991px) {
              .cashier-content .manage-header .right__profile .balance-list .info span {
                font-size: 13px;
                line-height: 1; } }
            .cashier-content .manage-header .right__profile .balance-list .info span:not(:first-child) {
              font-size: 25px;
              font-weight: 700;
              margin-top: 4px; }
              @media only screen and (max-width: 991px) {
                .cashier-content .manage-header .right__profile .balance-list .info span:not(:first-child) {
                  font-size: 20px;
                  margin-top: 5px; } }
            .cashier-content .manage-header .right__profile .balance-list .info span.asteriskData {
              display: none; }
        .cashier-content .manage-header .right__profile .balance-list .cog {
          color: #02773d;
          font-size: 18px; }
          @media only screen and (max-width: 991px) {
            .cashier-content .manage-header .right__profile .balance-list .cog {
              font-size: 14px;
              margin-top: 5px; } }
        .cashier-content .manage-header .right__profile .balance-list .toggler {
          display: flex;
          align-items: center;
          justify-content: center;
          margin-top: 12px; }
          @media only screen and (max-width: 767px) {
            .cashier-content .manage-header .right__profile .balance-list .toggler {
              justify-content: space-between; } }
          .cashier-content .manage-header .right__profile .balance-list .toggler p {
            margin-bottom: 0;
            margin-right: 15px;
            font-size: 13px;
            color: #9ae8b8; }
            @media only screen and (max-width: 1199px) {
              .cashier-content .manage-header .right__profile .balance-list .toggler p {
                font-size: 12px; } }
            @media only screen and (max-width: 991px) {
              .cashier-content .manage-header .right__profile .balance-list .toggler p {
                display: none; } }
            @media only screen and (max-width: 767px) {
              .cashier-content .manage-header .right__profile .balance-list .toggler p {
                font-size: 10px;
                margin-right: 5px; } }
  .cashier-content .account-mngr,
  .cashier-content .mgnt-deposit-wrap {
    width: 100%;
    margin-top: 20px;
    border: thin solid #5ab960;
    background: url(/Content/images/payment/cp-main-content-bg.jpg) top left no-repeat #032b1a;
    border-radius: 4px;
    padding-bottom: 0;
    margin-bottom: 20px;
    min-height: 700px;
    /*@include for-2000 {
                margin-bottom: 150px;
            }*/ }
    @media only screen and (max-width: 767px) {
      .cashier-content .account-mngr,
      .cashier-content .mgnt-deposit-wrap {
        margin-top: 0; } }
  .cashier-content .acct-mngr-content,
  .cashier-content .mgnt-deposit-content {
    float: none;
    width: 100%;
    border-left: none;
    background: none;
    padding: 0 35px 30px; }
    @media only screen and (max-width: 1600px) {
      .cashier-content .acct-mngr-content,
      .cashier-content .mgnt-deposit-content {
        padding-left: 15px;
        padding-right: 15px; } }
  .cashier-content .mgnt-deposit-content {
    margin-top: 0;
    margin-bottom: 10px; }
  @media only screen and (max-width: 1200px) {
    .cashier-content .form-section {
      border: none !important;
      padding-left: 0;
      padding-top: 0; } }
  @media only screen and (max-width: 1200px) {
    .cashier-content .form-section.form-depo {
      margin-top: 0; } }

.cashier-help-center {
  padding-right: 65px;
  max-width: 400px;
  min-width: 400px;
  margin-left: auto;
  /*background: #052819;*/
  background: none; }
  @media only screen and (max-width: 1440px) {
    .cashier-help-center {
      /*display: none;*/
      padding-right: 20px; } }
  @media only screen and (max-width: 1365px) {
    .cashier-help-center {
      display: none; } }
  .cashier-help-center-link {
    padding-top: 55px;
    position: relative;
    margin-top: 25px;
    border: thin solid #64d26f;
    border-radius: 8px;
    background: url(/Content/images/payment/help-center-green-gradient-bg.png) 0 0 no-repeat;
    background-size: cover;
    box-shadow: 0 5px 7px rgba(0, 0, 0, 0.35); }
  .cashier-help-center .link-title {
    position: absolute;
    top: -9px;
    left: 0;
    width: 100%;
    height: 62px;
    background: url(/Content/images/payment/help-center-link-tag-bg.png) 0 0 no-repeat; }
    .cashier-help-center .link-title h2 {
      color: #c8ead1;
      font-size: 16px;
      text-align: center;
      line-height: 2;
      text-transform: uppercase;
      text-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
      position: relative;
      top: 4px; }
      .cashier-help-center .link-title h2 img {
        display: inline-block;
        vertical-align: middle;
        margin: 0 5px 0 0; }
  .cashier-help-center .link-content {
    display: flex;
    flex-wrap: wrap;
    text-align: left; }
    .cashier-help-center .link-content .link-con {
      width: 33.33%;
      margin-bottom: 30px;
      padding: 0 4px; }
      .cashier-help-center .link-content .link-con > a {
        display: block;
        color: #fff;
        white-space: nowrap;
        font-weight: 300;
        padding: 5px 5px 5px 8px;
        border-radius: 20px;
        max-width: 105px;
        /*text-align: center;*/
        background: rgba(255, 255, 255, 0.1);
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
        transition: 400ms;
        font-size: 12px; }
        .cashier-help-center .link-content .link-con > a:hover {
          background: #084229;
          box-shadow: inset 0 2px 5px 0 rgba(0, 0, 0, 0.5), 0 1px 2px 0 rgba(255, 255, 255, 0.35);
          text-shadow: 0 0 2px #05ff34, 0 0 2px #05ff34; }
        .cashier-help-center .link-content .link-con > a i {
          display: inline-block;
          border-radius: 50%;
          justify-content: center;
          vertical-align: middle;
          font-size: 20px;
          margin-right: 4px; }
        .cashier-help-center .link-content .link-con > a span {
          display: inline-block;
          vertical-align: middle; }
  .cashier-help-center-notice {
    padding-top: 38px;
    position: relative;
    margin-top: 20px;
    border: thin solid #d80101;
    border-radius: 8px;
    background: url(/Content/images/payment/help-center-slider-pattern-bg.jpg) 0 0 repeat; }
  .cashier-help-center .notice-title {
    position: absolute;
    top: -8px;
    left: 0;
    width: 100%;
    height: 62px;
    background: url(/Content/images/payment/help-center-notice-tag-bg.png) 0 0 no-repeat; }
    .cashier-help-center .notice-title h2 {
      color: #fff;
      font-size: 16px;
      text-align: center;
      line-height: 2;
      text-transform: uppercase;
      text-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
      position: relative;
      top: 12px; }
      @media only screen and (max-width: 1440px) {
        .cashier-help-center .notice-title h2 {
          top: 8px; } }
      .cashier-help-center .notice-title h2 img {
        display: inline-block;
        vertical-align: sub;
        margin: 0; }
  .cashier-help-center .notice-slider {
    margin-bottom: 0; }
    .cashier-help-center .notice-slider .slick-dots {
      bottom: -25px; }
      .cashier-help-center .notice-slider .slick-dots li {
        width: auto;
        height: auto;
        margin: 0 6px; }
      .cashier-help-center .notice-slider .slick-dots button {
        width: 15px;
        height: 15px;
        background: #d9d9d9;
        border: thin solid #707070;
        border-radius: 50%; }
        .cashier-help-center .notice-slider .slick-dots button::before {
          display: none; }
      .cashier-help-center .notice-slider .slick-dots li.slick-active button {
        background: #fff; }
    .cashier-help-center .notice-slider-arrows {
      position: relative;
      display: flex;
      justify-content: space-between;
      margin-bottom: 10px;
      padding-left: 15px;
      padding-right: 15px; }
      .cashier-help-center .notice-slider-arrows span {
        cursor: pointer;
        width: 32px;
        height: 32px;
        border-radius: 50%;
        border: thin solid #787878;
        display: flex;
        align-items: center;
        justify-content: center; }
        .cashier-help-center .notice-slider-arrows span::before {
          clear: both;
          content: '';
          border: solid #787878;
          border-width: 0 2px 2px 0;
          display: inline-block;
          padding: 2px;
          transform: rotate(135deg); }
        .cashier-help-center .notice-slider-arrows span.next::before {
          transform: rotate(-45deg); }
  .cashier-help-center .notice-item {
    display: flex;
    padding: 12px 0;
    margin: 0 10px;
    border-bottom: thin solid #a6c7a2; }
    .cashier-help-center .notice-item:last-child {
      border-bottom: none; }
    .cashier-help-center .notice-item .thumb {
      display: block;
      width: auto;
      height: auto;
      background: none;
      min-width: 75px; }
      @media only screen and (max-width: 1440px) {
        .cashier-help-center .notice-item .thumb {
          min-width: 55px; } }
      .cashier-help-center .notice-item .thumb img {
        display: block;
        margin: 0; }
    .cashier-help-center .notice-item .excerpt {
      padding-left: 15px;
      padding-right: 10px;
      clear: both; }
      .cashier-help-center .notice-item .excerpt h3 {
        font-size: 15px;
        color: #e41405;
        font-weight: 700;
        margin: 0 0 7px; }
      .cashier-help-center .notice-item .excerpt p {
        font-size: 12px;
        line-height: 20px;
        color: #1d1d1d;
        margin: 0; }
        .cashier-help-center .notice-item .excerpt p a {
          color: inherit; }
      .cashier-help-center .notice-item .excerpt .readmore {
        color: #1d1d1d;
        font-size: 12px;
        font-weight: 700;
        float: right;
        text-decoration: underline; }

html:lang(zh-CN) .cashier-menu .menu-list-item a,
html:lang(zh-CN) .cashier-menu .menu-group-title,
html:lang(zh-CN) .cashier-help-center .link-content .link-con a {
  font-size: 14px; }

.cp-announcement-menu-bar {
  margin-bottom: 20px;
  display: flex;
  justify-content: flex-end; }
  .cp-announcement-menu-bar button {
    margin: 0 0 0 15px;
    padding: 0;
    border: none;
    background: none; }
    .cp-announcement-menu-bar button .icon {
      display: inline-block;
      vertical-align: middle;
      width: 20px;
      color: #97d690;
      font-size: 20px; }
    .cp-announcement-menu-bar button .label {
      margin-bottom: 0;
      font-size: 14px;
      color: #97d690;
      font-weight: 400; }

.cp-announcement-list-item {
  display: flex;
  align-items: center;
  border-bottom: 2px solid #034a34;
  padding: 20px 0;
  cursor: pointer;
  transition: .3s ease; }
  .cp-announcement-list-item:last-child {
    border-bottom: none; }
  .cp-announcement-list-item.selected, .cp-announcement-list-item.unread {
    border-bottom-color: #032b1a;
    background: #047a5c;
    background: linear-gradient(90deg, rgba(4, 122, 92, 0.4) 0%, rgba(23, 95, 73, 0.4) 38%, rgba(31, 137, 58, 0.4) 88%, rgba(54, 158, 50, 0.4) 97%); }
    .cp-announcement-list-item.selected .summary-col h4, .cp-announcement-list-item.unread .summary-col h4 {
      color: #fff6cc; }
    .cp-announcement-list-item.selected .summary-col p, .cp-announcement-list-item.unread .summary-col p {
      color: #97d690; }
      .cp-announcement-list-item.selected .summary-col p a, .cp-announcement-list-item.unread .summary-col p a {
        color: #fff; }
    .cp-announcement-list-item.selected .date-col p, .cp-announcement-list-item.unread .date-col p {
      color: #fff; }
  .cp-announcement-list-item.unread .round {
    background: #48ef34; }
  .cp-announcement-list-item .btn-col {
    min-width: 80px; }
    .cp-announcement-list-item .btn-col label {
      margin-bottom: 0;
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer; }
      .cp-announcement-list-item .btn-col label input {
        width: 0;
        height: 0;
        position: absolute; }
        .cp-announcement-list-item .btn-col label input.checked ~ .box::before {
          opacity: 1; }
      .cp-announcement-list-item .btn-col label .round {
        width: 12px;
        height: 12px;
        border-radius: 50%;
        border: thin solid #48ef34; }
      .cp-announcement-list-item .btn-col label .box {
        width: 12px;
        height: 12px;
        margin-left: 8px;
        background: #fff;
        border-radius: 3px;
        position: relative; }
        .cp-announcement-list-item .btn-col label .box::before {
          color: black;
          content: "\2713";
          font-weight: 700;
          position: absolute;
          top: -2px;
          left: 2px;
          display: block;
          font-size: 12px;
          opacity: 0;
          transition: .3s ease-in-out; }
  .cp-announcement-list-item .summary-col {
    padding-right: 25px; }
    .cp-announcement-list-item .summary-col h4 {
      font-size: 15px;
      color: #c5c4bf;
      margin-bottom: 7px; }
    .cp-announcement-list-item .summary-col p {
      font-size: 13px;
      color: #778875;
      margin-bottom: 0; }
      .cp-announcement-list-item .summary-col p a {
        color: #bbb; }
  .cp-announcement-list-item .date-col {
    min-width: 120px;
    align-self: flex-end; }
    .cp-announcement-list-item .date-col p {
      font-size: 13px;
      color: #bbb;
      margin-bottom: 0; }

.cp-announcement .cp-tab-item {
  margin-right: 10px;
  padding: 0 20px;
  min-width: 0; }
  @media only screen and (max-width: 767px) {
    .cp-announcement .cp-tab-item {
      margin-left: auto;
      margin-right: auto; } }

.cp-announcement .slick-list {
  margin: 0 -10px 0 0; }

.cp-announcement .slick-track {
  float: left; }

.cp-announcement .slick-slide {
  margin-right: 10px; }

.cp-announcement .slick-prev {
  left: 0;
  z-index: 10;
  top: calc(50% - 5px); }

.cp-announcement .slick-next {
  right: 0;
  z-index: 10;
  top: calc(50% - 5px); }

.cp-suggested-amount {
  /*display: flex;*/
  margin: 0 -7px 5px;
  align-items: center; }
  @media only screen and (max-width: 991px) {
    .cp-suggested-amount {
      flex-wrap: wrap; } }
  .cp-suggested-amount-item {
    box-shadow: inset 0 3px 8px 0 rgba(0, 0, 0, 0.75), 0 2px 3px 0 rgba(255, 255, 255, 0.35);
    height: 38px;
    border: none;
    border-radius: 20px;
    outline: 0;
    padding: 0;
    margin: 0 7px 10px 0;
    background: #062f1d;
    flex: 1;
    max-width: 85px;
    min-width: 85px;
    font-size: 15px;
    color: #54b289;
    font-weight: 700;
    transition: .3s ease;
    font-family: "Roboto", sans-serif; }
    .cp-suggested-amount-item.active, .cp-suggested-amount-item:hover {
      box-shadow: none;
      color: #0d4e2a;
      background: #fecb1b;
      background: linear-gradient(62deg, #fecb1b 0%, #fff48e 74%); }
    @media only screen and (max-width: 991px) {
      .cp-suggested-amount-item {
        margin-bottom: 7px; } }
    @media only screen and (max-width: 767px) {
      .cp-suggested-amount-item {
        height: 30px;
        font-size: 13px;
        max-width: 70px;
        min-width: 70px; } }

.cp-deposit {
  margin-top: 20px; }
  .cp-deposit #btnDeposit {
    margin: auto; }
  .cp-deposit #fileCounter {
    margin-top: 5px;
    display: none; }

.cp-deposit-responsive-tab {
  margin-bottom: 15px;
  display: none; }
  @media only screen and (max-width: 991px) {
    .cp-deposit-responsive-tab {
      display: block; } }
  .cp-deposit-responsive-tab button[data-toggle="collapse"] {
    display: block;
    margin: 0;
    padding: 0 15px;
    line-height: 45px;
    background: #106943;
    color: #fff;
    width: 100%;
    font-weight: 700;
    font-size: 16px;
    border: 0;
    border-radius: 25px;
    box-shadow: 0 4px 13px 0 rgba(0, 0, 0, 0.5); }
  .cp-deposit-responsive-tab #cp-deposit-responsive-tab {
    border-radius: 8px;
    overflow: hidden; }
    .cp-deposit-responsive-tab #cp-deposit-responsive-tab > div {
      margin: 3px 0; }
    .cp-deposit-responsive-tab #cp-deposit-responsive-tab > div:last-child .cp-tab-item {
      border-bottom: none; }
  .cp-deposit-responsive-tab .cp-tab-item {
    margin-left: 0;
    width: 100%;
    margin-bottom: 0;
    margin-top: 0;
    border-bottom: thin solid rgba(0, 0, 0, 0.5);
    border-radius: 0;
    box-shadow: none;
    line-height: 45px;
    font-size: 16px; }

@media only screen and (max-width: 991px) {
  .depoFrame-nav.cp-tab {
    display: none; } }

.cp-transfer .wallet-filter {
  text-align: right;
  margin-bottom: 0; }
  .cp-transfer .wallet-filter-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 0; }
    .cp-transfer .wallet-filter-list li {
      display: inline-block;
      margin-left: 25px; }
      .cp-transfer .wallet-filter-list li:last-child {
        margin-left: 100px; }
        @media only screen and (max-width: 767px) {
          .cp-transfer .wallet-filter-list li:last-child {
            margin-left: 25px; } }
    .cp-transfer .wallet-filter-list a {
      display: block;
      font-size: 14px;
      color: #97d690;
      transition: .3s ease; }
      .cp-transfer .wallet-filter-list a .ico {
        display: inline-block;
        vertical-align: middle;
        width: 20px;
        color: #97d690;
        margin-right: 10px;
        font-size: 18px; }
      .cp-transfer .wallet-filter-list a:hover, .cp-transfer .wallet-filter-list a.active {
        color: #fee71b; }
        .cp-transfer .wallet-filter-list a:hover i, .cp-transfer .wallet-filter-list a.active i {
          color: #fee71b; }

.cp-transfer .wallet-row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -8px 0; }
  .cp-transfer .wallet-row h3 {
    font-size: 15px;
    color: #fee71b;
    font-weight: 700;
    margin-bottom: 4px;
    width: 100%;
    padding-left: 16px;
    text-transform: uppercase; }
    .cp-transfer .wallet-row h3 .ico {
      display: inline-block;
      width: 30px;
      vertical-align: middle;
      margin-right: 15px;
      color: #fee71b;
      font-size: 30px; }
  .cp-transfer .wallet-row-list {
    width: calc(20% - 16px);
    margin: 0 8px 16px;
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: inset 0 3px 8px 0 rgba(0, 0, 0, 0.75), 0 2px 3px 0 rgba(255, 255, 255, 0.35); }
    .cp-transfer .wallet-row-list .wallet-detail {
      padding: 15px 15px 5px; }
      .cp-transfer .wallet-row-list .wallet-detail .title {
        font-size: 15px;
        font-weight: 700;
        color: #fff6cc;
        text-transform: uppercase;
        margin-bottom: 0;
        display: block; }
      .cp-transfer .wallet-row-list .wallet-detail .star {
        display: block;
        width: 20px;
        position: absolute;
        top: 8px;
        right: 10px;
        color: #97d690;
        font-size: 20px;
        cursor: pointer;
        transition: .3s ease; }
        .cp-transfer .wallet-row-list .wallet-detail .star:hover {
          color: #fee71b; }
      .cp-transfer .wallet-row-list .wallet-detail .wallet-balance {
        text-align: center; }
        .cp-transfer .wallet-row-list .wallet-detail .wallet-balance strong {
          font-size: 25px;
          color: #ffe058;
          text-transform: uppercase; }
        .cp-transfer .wallet-row-list .wallet-detail .wallet-balance .cp-maintenance {
          display: none; }
        .cp-transfer .wallet-row-list .wallet-detail .wallet-balance hr {
          max-width: 125px;
          margin: 4px auto; }
        .cp-transfer .wallet-row-list .wallet-detail .wallet-balance span {
          color: #fff;
          text-transform: capitalize; }
    .cp-transfer .wallet-row-list .wallet-cta {
      padding: 10px 15px;
      background: rgba(255, 255, 255, 0.04); }
      .cp-transfer .wallet-row-list .wallet-cta a, .cp-transfer .wallet-row-list .wallet-cta button {
        outline: 0;
        width: 100%;
        display: block;
        text-align: center;
        color: #fff;
        font-size: 12px;
        line-height: 35px;
        border-radius: 30px;
        opacity: 1;
        border: none;
        transition: .3s ease; }
        .cp-transfer .wallet-row-list .wallet-cta a.transfer-all, .cp-transfer .wallet-row-list .wallet-cta button.transfer-all {
          background: transparent;
          border: thin solid #90c3ae; }
          .cp-transfer .wallet-row-list .wallet-cta a.transfer-all:disabled, .cp-transfer .wallet-row-list .wallet-cta button.transfer-all:disabled {
            cursor: not-allowed;
            border-color: #ccc;
            color: #fff; }
        .cp-transfer .wallet-row-list .wallet-cta a.custom-transfer, .cp-transfer .wallet-row-list .wallet-cta button.custom-transfer {
          line-height: 33px;
          background: #3baa89;
          background: linear-gradient(180deg, #3baa89 0%, #16744c 74%);
          margin-bottom: 12px; }
          .cp-transfer .wallet-row-list .wallet-cta a.custom-transfer:disabled, .cp-transfer .wallet-row-list .wallet-cta button.custom-transfer:disabled {
            cursor: not-allowed;
            background: #ccc;
            color: #032b1a; }
        .cp-transfer .wallet-row-list .wallet-cta a:hover, .cp-transfer .wallet-row-list .wallet-cta button:hover {
          opacity: .85; }
    .cp-transfer .wallet-row-list.fav .star {
      color: #fee71b; }
    .cp-transfer .wallet-row-list.maintenance .wallet-detail .wallet-balance strong:not(.cp-maintenance) {
      display: none; }
    .cp-transfer .wallet-row-list.maintenance .wallet-detail .wallet-balance strong.cp-maintenance {
      display: inline-block; }
    @media only screen and (max-width: 1600px) {
      .cp-transfer .wallet-row-list {
        width: calc(25% - 16px); } }
    @media only screen and (max-width: 991px) {
      .cp-transfer .wallet-row-list {
        width: calc(50% - 16px); } }
    @media only screen and (max-width: 567px) {
      .cp-transfer .wallet-row-list {
        width: calc(100% - 16px); } }

.cp-personal-details {
  display: flex;
  flex-wrap: wrap; }
  .cp-personal-details .toggler {
    display: flex; }
    .cp-personal-details .toggler p {
      margin-right: 15px;
      color: #9ae8b8;
      margin-bottom: 0; }
  .cp-personal-details .detail {
    margin: 0;
    /*height: 40px;*/
    padding: 10px 0;
    align-items: center;
    /*border-bottom: thin solid #085228;*/
    position: relative;
    /*&::before {
            clear: both;
            content: '';
            display: block;
            height: 1px;
            width: 100%;
            background: rgba(0,0,0,.5);
            position: absolute;
            top: 0px;
            left: 0;
        }*/ }
    .cp-personal-details .detail .cp-field {
      height: 30px;
      line-height: 30px; }
    .cp-personal-details .detail .detailAddress {
      border: 1px solid #114f20;
      background: #022b19;
      padding: 10px;
      border-radius: 15px;
      color: #447636;
      width: 400px; }
    .cp-personal-details .detail .tooltip .tooltip-inner {
      background: #fff;
      color: #000; }
    .cp-personal-details .detail .tooltip .tooltip-arrow {
      background: transparent;
      border-top-color: #fff; }
  .cp-personal-details .detailsTxtArea {
    border: thin solid #038746;
    min-width: 300px;
    width: 400px;
    height: 80px !important;
    background: #012114;
    border-radius: 4px;
    display: block;
    /* color: #3b8263; */
    padding-left: 15px;
    padding-right: 5px; }
  .cp-personal-details .update-btn {
    text-decoration: underline;
    padding: 0;
    margin-left: auto;
    background: none;
    border: none;
    color: #fff6cc;
    min-width: 100px; }
  .cp-personal-details .detailDOB {
    display: flex;
    margin-right: 15px;
    /*&:last-child {
            border: 1px solid red;
        }*/ }
    .cp-personal-details .detailDOB .cp-field {
      border: 1px solid #1c3823;
      background: #0d2c1e;
      border-radius: 15px;
      color: #517249;
      /*#447636;*/
      width: 115px;
      height: 40px; }
  .cp-personal-details .detail:not(.no-flex) {
    display: flex; }
    @media only screen and (max-width: 567px) {
      .cp-personal-details .detail:not(.no-flex) {
        width: 50%;
        flex-direction: column; } }
    .cp-personal-details .detail:not(.no-flex) strong {
      font-size: 13px;
      color: #97d690;
      min-width: 155px; }
    .cp-personal-details .detail:not(.no-flex) span {
      font-size: 12px;
      color: #fff6cc;
      min-width: 165px;
      min-height: 40px;
      line-height: 40px; }
      .cp-personal-details .detail:not(.no-flex) span.text-yellow {
        color: #fffd3b; }
      .cp-personal-details .detail:not(.no-flex) span.disabled {
        color: #a2a2a2; }
    .cp-personal-details .detail:not(.no-flex) span.thisDisable {
      border: 1px solid #1c3823;
      background: #0d2c1e;
      padding: 0 10px;
      border-radius: 15px;
      color: #517249;
      width: 400px; }
    .cp-personal-details .detail:not(.no-flex) .tip,
    .cp-personal-details .detail:not(.no-flex) #togglePhone,
    .cp-personal-details .detail:not(.no-flex) #toggleEmail,
    .cp-personal-details .detail:not(.no-flex) #toggleFullName,
    .cp-personal-details .detail:not(.no-flex) #toggleDob {
      background: none;
      border: none;
      margin-left: 15px;
      font-size: 18px; }
    .cp-personal-details .detail:not(.no-flex) em {
      font-style: normal;
      color: #6edc5f;
      text-transform: lowercase;
      text-decoration: underline;
      justify-self: flex-end;
      /*margin-left: auto;*/
      margin-right: 20px; }
      @media only screen and (max-width: 1600px) {
        .cp-personal-details .detail:not(.no-flex) em {
          margin-right: 10px; } }
      @media only screen and (max-width: 767px) {
        .cp-personal-details .detail:not(.no-flex) em {
          font-size: 12px; } }
      @media only screen and (max-width: 567px) {
        .cp-personal-details .detail:not(.no-flex) em {
          margin-right: auto;
          margin-left: 0; } }
      .cp-personal-details .detail:not(.no-flex) em > a {
        white-space: nowrap; }
  .cp-personal-details .col-left {
    max-width: 53%;
    width: 100%; }
    @media only screen and (max-width: 1600px) {
      .cp-personal-details .col-left {
        min-width: 0;
        max-width: 100%;
        width: 50%; } }
    @media only screen and (max-width: 991px) {
      .cp-personal-details .col-left {
        width: 100%; } }
    @media only screen and (max-width: 567px) {
      .cp-personal-details .col-left {
        display: flex;
        flex-wrap: wrap; } }
    .cp-personal-details .col-left .detail:first-child:before {
      display: none; }
  .cp-personal-details .col-right {
    width: 100%;
    max-width: 50%; }
    @media only screen and (max-width: 1600px) {
      .cp-personal-details .col-right {
        width: 50%;
        max-width: 100%; } }
    @media only screen and (max-width: 991px) {
      .cp-personal-details .col-right {
        width: 100%; } }
    .cp-personal-details .col-right .detail:first-child:before {
      display: none; }
    @media only screen and (max-width: 567px) {
      .cp-personal-details .col-right .detail {
        width: 100%; } }
    .cp-personal-details .col-right .detail strong {
      min-width: 105px; }
      @media only screen and (max-width: 567px) {
        .cp-personal-details .col-right .detail strong {
          margin-bottom: 5px; } }
    @media only screen and (max-width: 567px) {
      .cp-personal-details .col-right .detail .cp-field {
        max-width: 100%; } }
    .cp-personal-details .col-right .cp-field-wrap {
      width: 100%;
      max-width: 410px; }
      .cp-personal-details .col-right .cp-field-wrap .top {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -6px 15px; }
        .cp-personal-details .col-right .cp-field-wrap .top > span {
          width: calc(33.33% - 12px);
          margin: 0 6px; }
      .cp-personal-details .col-right .cp-field-wrap textarea {
        height: 91px;
        max-height: 91px; }
  .cp-personal-details .full {
    margin-top: 20px;
    width: 100%;
    text-align: center; }
  .cp-personal-details select.txtfield.cp-field {
    border-radius: 4px;
    border: thin solid #038746;
    color: #fff6cc;
    -webkit-appearance: listbox; }
    .cp-personal-details select.txtfield.cp-field > option {
      color: #3b8263; }
      .cp-personal-details select.txtfield.cp-field > option:checked {
        color: #fff6cc; }

.cp-payment-method {
  padding-bottom: 15px; }
  .cp-payment-method-toggler {
    margin-bottom: 20px; }
    .cp-payment-method-toggler .toggler {
      display: flex;
      align-items: center; }
      .cp-payment-method-toggler .toggler p {
        margin-right: 15px;
        margin-bottom: 0;
        font-size: 13px;
        color: #9ae8b8; }
  @media only screen and (max-width: 991px) {
    .cp-payment-method-content .cp-field {
      max-width: 100%; } }
  .cp-payment-method-content .cp-form-row.current-sec-question-row {
    position: relative;
    left: -22px; }
    @media only screen and (max-width: 991px) {
      .cp-payment-method-content .cp-form-row.current-sec-question-row {
        left: 0; } }
    .cp-payment-method-content .cp-form-row.current-sec-question-row .cp-field {
      border: none !important;
      background: transparent !important; }
      @media only screen and (max-width: 991px) {
        .cp-payment-method-content .cp-form-row.current-sec-question-row .cp-field {
          padding-left: 0; } }
  .cp-payment-method-list {
    border-radius: 8px;
    box-shadow: inset 0 3px 8px 0 rgba(0, 0, 0, 0.75), 0 2px 3px 0 rgba(255, 255, 255, 0.35); }
    .cp-payment-method-list-title {
      background: #0b452c;
      display: flex;
      border-radius: 8px;
      height: 50px;
      align-items: center;
      margin-bottom: 8px;
      box-shadow: 0 4px 13px 0 rgba(0, 0, 0, 0.5); }
      .cp-payment-method-list-title h3 {
        font-size: 16px;
        margin: 0;
        font-weight: 700;
        text-transform: uppercase;
        color: #fff6cc; }
        @media only screen and (max-width: 767px) {
          .cp-payment-method-list-title h3 {
            font-size: 14px; } }
        @media only screen and (max-width: 567px) {
          .cp-payment-method-list-title h3 {
            font-size: 12px; } }
      .cp-payment-method-list-title > div {
        text-align: center; }
      .cp-payment-method-list-title .col-left {
        flex: 1; }
      .cp-payment-method-list-title .col-mid {
        flex: 3; }
      .cp-payment-method-list-title .col-right {
        flex: 1;
        max-width: 135px; }
    .cp-payment-method-list-item {
      display: flex;
      padding: 12px 0;
      background: #032014; }
      .cp-payment-method-list-item:nth-child(even) {
        background: #0b271b; }
      .cp-payment-method-list-item .col-left {
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center; }
        .cp-payment-method-list-item .col-left .ico {
          width: 30px;
          font-size: 30px;
          display: block;
          margin-bottom: 4px;
          color: #90c3ae;
          text-align: center; }
        .cp-payment-method-list-item .col-left .ico-label {
          font-size: 11px;
          color: #fff; }
      .cp-payment-method-list-item .col-mid {
        flex: 3;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column; }
        .cp-payment-method-list-item .col-mid > div {
          padding: 0 10px;
          max-width: 680px;
          min-width: 280px;
          margin-left: auto;
          margin-right: auto; }
          .cp-payment-method-list-item .col-mid > div > div {
            margin: 8px 0; }
            .cp-payment-method-list-item .col-mid > div > div > span {
              display: inline-block;
              vertical-align: middle; }
              .cp-payment-method-list-item .col-mid > div > div > span:first-child {
                max-width: 150px; }
              .cp-payment-method-list-item .col-mid > div > div > span:nth-child(2) {
                color: #fff6cc; }
        @media only screen and (max-width: 767px) {
          .cp-payment-method-list-item .col-mid {
            flex-direction: column; } }
      .cp-payment-method-list-item .col-right {
        flex: 1;
        max-width: 135px;
        display: flex;
        align-items: center;
        justify-content: center; }
        .cp-payment-method-list-item .col-right .cpi-verified {
          width: 35px;
          height: 35px;
          border-radius: 50%;
          box-shadow: inset 0 0 0 4px #249d27;
          position: relative;
          overflow: hidden;
          transition: .3s;
          margin-right: 10px; }
          .cp-payment-method-list-item .col-right .cpi-verified span {
            display: block; }
            .cp-payment-method-list-item .col-right .cpi-verified span::before, .cp-payment-method-list-item .col-right .cpi-verified span::after {
              clear: both;
              content: "";
              display: block;
              background-color: #fff;
              border-radius: 2px;
              height: 3px;
              position: absolute;
              z-index: 2;
              transition: .3s;
              transition-delay: 0s; }
            .cp-payment-method-list-item .col-right .cpi-verified span:before {
              left: 5px;
              top: 20px;
              opacity: 0;
              transform: rotate(45deg);
              transition-delay: .1s;
              width: 11px; }
            .cp-payment-method-list-item .col-right .cpi-verified span:after {
              right: 3px;
              top: 17px;
              opacity: 0;
              transform: rotate(-45deg);
              transition-delay: .1s;
              width: 18px; }
          .cp-payment-method-list-item .col-right .cpi-verified:hover {
            box-shadow: inset 0 0 0 50px #249d27; }
            .cp-payment-method-list-item .col-right .cpi-verified:hover span::before {
              opacity: 1;
              left: 7px;
              top: 18px; }
            .cp-payment-method-list-item .col-right .cpi-verified:hover span::after {
              opacity: 1;
              right: 4px;
              top: 16px; }
        .cp-payment-method-list-item .col-right .cpi-unverified {
          width: 35px;
          height: 35px;
          border-radius: 50%;
          box-shadow: inset 0 0 0 4px #ab180d;
          position: relative;
          overflow: hidden;
          transition: .3s;
          margin-right: 10px; }
          .cp-payment-method-list-item .col-right .cpi-unverified span {
            display: block;
            position: absolute;
            width: 35px;
            height: 35px;
            left: 50%;
            top: 50%;
            opacity: 0;
            transform: scale(0) translate(-50%, -50%);
            transform-origin: 0 0;
            transition: .3s; }
            .cp-payment-method-list-item .col-right .cpi-unverified span::before, .cp-payment-method-list-item .col-right .cpi-unverified span::after {
              clear: both;
              content: "";
              display: block;
              background-color: #fff;
              border-radius: 2px;
              height: 3px;
              position: absolute;
              z-index: 2;
              top: 16px;
              width: 25px; }
            .cp-payment-method-list-item .col-right .cpi-unverified span:before {
              left: 5px;
              transform: rotate(45deg); }
            .cp-payment-method-list-item .col-right .cpi-unverified span:after {
              right: 6px;
              transform: rotate(-45deg); }
          .cp-payment-method-list-item .col-right .cpi-unverified:hover {
            box-shadow: inset 0 0 0 50px #ab180d; }
            .cp-payment-method-list-item .col-right .cpi-unverified:hover span {
              opacity: 1;
              transform: scale(1) translate(-50%, -50%); }
        .cp-payment-method-list-item .col-right .ico {
          width: 30px;
          font-size: 30px;
          display: block;
          color: #90c3ae;
          text-align: center; }
        .cp-payment-method-list-item .col-right .tooltip-inner {
          background: #fff;
          color: #000; }
        .cp-payment-method-list-item .col-right .tooltip-arrow {
          border-top-color: #fff; }
      .cp-payment-method-list-item .verTxt,
      .cp-payment-method-list-item .unverTxt {
        min-width: 0;
        padding: 0;
        background: none;
        font-size: inherit; }
      .cp-payment-method-list-item .DelBtn {
        text-decoration: none; }
    .cp-payment-method-list .bankWillShow {
      background: none !important; }

.cp-vip-access {
  margin-top: 10px; }
  .cp-vip-access-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 5px; }
    @media only screen and (max-width: 767px) {
      .cp-vip-access-top {
        flex-direction: column; } }
    .cp-vip-access-top .col-left p {
      font-size: 15px;
      font-weight: 700;
      color: #97d690; }
      .cp-vip-access-top .col-left p span {
        display: inline-block;
        font-size: 14px;
        color: #fff6cc;
        margin-left: 35px; }
  .cp-vip-access > p {
    font-size: 15px;
    font-weight: 700;
    color: #97d690; }
  .cp-vip-access-level-tag {
    background: url(/Content/images/payment/cp-vip-level-placholder.png) center no-repeat;
    width: 163px;
    line-height: 43px;
    font-size: 17px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    margin: 0 auto -10px; }
  .cp-vip-access-level {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .cp-vip-access-level .user-level img {
      display: block;
      margin: 0 auto 5px; }
    .cp-vip-access-level .user-level span {
      font-size: 12px;
      color: #fff;
      display: block;
      text-align: center; }
    .cp-vip-access-level .user-level.next-level span {
      color: #3b8263; }
    .cp-vip-access-level .current-progress {
      position: relative; }
      .cp-vip-access-level .current-progress-wrapper {
        height: 5px;
        min-width: 223px;
        background: #044328;
        position: relative;
        margin: 0 15px; }
        @media only screen and (max-width: 480px) {
          .cp-vip-access-level .current-progress-wrapper {
            max-width: 150px; } }
      .cp-vip-access-level .current-progress::before {
        height: 5px;
        display: block;
        content: '';
        clear: both;
        width: 100%;
        background: #fde611; }
  .cp-vip-access-table-wrap {
    display: flex; }
    @media only screen and (max-width: 991px) {
      .cp-vip-access-table-wrap {
        flex-wrap: wrap; } }
    .cp-vip-access-table-wrap > div {
      flex: 1; }
      @media only screen and (max-width: 991px) {
        .cp-vip-access-table-wrap > div {
          flex-basis: 100%; } }
    .cp-vip-access-table-wrap .tableRight {
      margin-top: 15px; }
      @media only screen and (max-width: 991px) {
        .cp-vip-access-table-wrap .tableRight {
          margin-left: 0;
          margin-top: 20px;
          max-width: 100%; } }
  .cp-vip-access-promo {
    margin-top: 20px;
    display: flex;
    justify-content: space-between; }
    @media only screen and (max-width: 567px) {
      .cp-vip-access-promo {
        flex-direction: column; } }
    .cp-vip-access-promo a {
      width: 48.5%;
      overflow: hidden;
      transition: .3s ease; }
      .cp-vip-access-promo a:hover img {
        transform: scale(1.08); }
      @media only screen and (max-width: 567px) {
        .cp-vip-access-promo a {
          width: 100%;
          margin-top: 15px; }
          .cp-vip-access-promo a:first-child {
            margin-top: 0; } }
    .cp-vip-access-promo img {
      display: block;
      margin: 0;
      max-width: 100%;
      width: 100%;
      height: 100%;
      object-fit: cover;
      transform: scale(1);
      transition: .3s ease; }

.cp-reward-access-bottom {
  display: flex;
  flex-wrap: wrap; }
  .cp-reward-access-bottom > div {
    flex: 1; }
    @media only screen and (max-width: 991px) {
      .cp-reward-access-bottom > div {
        flex-basis: 100%; } }
    .cp-reward-access-bottom > div.col-right {
      padding-left: 15px; }
      @media only screen and (max-width: 991px) {
        .cp-reward-access-bottom > div.col-right {
          padding-left: 0;
          margin-top: 20px; } }

.cp-reward-access-promo a {
  display: block;
  overflow: hidden;
  margin-top: 12px;
  transition: .3s ease; }
  .cp-reward-access-promo a:first-child {
    margin-top: 0; }
  .cp-reward-access-promo a:hover img {
    transform: scale(1.08); }

.cp-reward-access-promo img {
  display: block;
  margin: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1);
  transition: .3s ease; }

@media only screen and (max-width: 480px) {
  .cp-reward-access .cp-time-filter li {
    width: 50%;
    border-left: none;
    margin-bottom: 10px; } }

@media only screen and (max-width: 480px) {
  .cp-reward-access .cp-time-filter li::after {
    left: 0;
    transform: translateX(0); } }

@media only screen and (max-width: 480px) {
  .cp-reward-access .cp-description-wrap {
    flex-direction: column; } }

@media only screen and (max-width: 480px) {
  .cp-reward-access .cp-datepicker {
    width: 100%; } }

.cp-statement .cp-form {
  width: 100%; }
  .cp-statement .cp-form-label {
    text-align: left;
    min-width: 65px; }
    @media only screen and (max-width: 1200px) {
      .cp-statement .cp-form-label {
        text-align: left;
        margin-bottom: 10px; } }
  @media only screen and (max-width: 1200px) {
    .cp-statement .cp-form-input {
      flex: none;
      width: 100%; } }
  @media only screen and (max-width: 1600px) {
    .cp-statement .cp-form-row.datepicker-row {
      flex-wrap: wrap;
      justify-content: space-between; } }
  @media only screen and (max-width: 1200px) {
    .cp-statement .cp-form-row.datepicker-row {
      align-items: flex-end; } }
  .cp-statement .cp-form-row.datepicker-row > div {
    display: flex;
    align-items: center;
    margin-left: 20px; }
    .cp-statement .cp-form-row.datepicker-row > div:first-child {
      margin-left: 0; }
    .cp-statement .cp-form-row.datepicker-row > div:last-child {
      flex: 1; }
      @media only screen and (max-width: 1600px) {
        .cp-statement .cp-form-row.datepicker-row > div:last-child {
          flex-basis: 100%; } }
      .cp-statement .cp-form-row.datepicker-row > div:last-child > button {
        margin: 10px auto 0; }
    @media only screen and (max-width: 1200px) {
      .cp-statement .cp-form-row.datepicker-row > div {
        align-items: flex-start;
        flex-wrap: wrap;
        flex-direction: column; } }
  .cp-statement .cp-form-row.datepicker-row .cp-form-label {
    margin-right: 0;
    min-width: 0; }
  .cp-statement .cp-form-row.datepicker-row .cp-form-input {
    margin-left: 15px;
    max-width: 130px; }
  .cp-statement .cp-form-row.datepicker-row .cp-btn, .cp-statement .cp-form-row.datepicker-row .cashier-content .manage-header .left__profile .vip-rank .levelSpan, .cashier-content .manage-header .left__profile .vip-rank .cp-statement .cp-form-row.datepicker-row .levelSpan {
    line-height: 40px; }

.cp-statement .cp-description-wrap strong {
  text-align: right; }

.cp-statement .cp-description-wrap .cp-time-filter li {
  min-width: 150px;
  text-align: center; }

@media only screen and (max-width: 767px) {
  .cp-statement .cp-description-wrap strong {
    text-align: left; }
  .cp-statement .cp-description-wrap .cp-time-filter li {
    display: inline-block;
    border: none;
    padding: 0 20px 0 0;
    min-width: 0;
    text-align: left; }
    .cp-statement .cp-description-wrap .cp-time-filter li::after {
      display: none; }
  .cp-statement .cp-description-wrap .cp-time-filter.relative-date li {
    width: 50%;
    display: inline-block;
    padding: 0; }
  .cp-statement .cp-form-row.datepicker-row {
    align-items: flex-start;
    margin-left: -10px;
    margin-right: -10px; } }
  @media only screen and (max-width: 767px) and (max-width: 480px) {
    .cp-statement .cp-form-row.datepicker-row {
      flex-direction: column; } }

@media only screen and (max-width: 767px) {
    .cp-statement .cp-form-row.datepicker-row > div {
      flex-direction: column;
      margin-bottom: 10px;
      flex-wrap: wrap;
      align-items: flex-start;
      width: calc(50% - 20px);
      margin-left: 10px !important;
      margin-right: 10px;
      flex: none; } }
    @media only screen and (max-width: 767px) and (max-width: 480px) {
      .cp-statement .cp-form-row.datepicker-row > div {
        width: 100%; } }

@media only screen and (max-width: 767px) {
      .cp-statement .cp-form-row.datepicker-row > div:last-child {
        align-items: center;
        width: 100%; }
      .cp-statement .cp-form-row.datepicker-row > div .cp-form-label {
        margin-right: 0; }
      .cp-statement .cp-form-row.datepicker-row > div .cp-form-input {
        width: 100%;
        max-width: 320px; } }

.cp-reward-access-content #dataTableHistoryHolder .dataTables_wrapper .dataTables_paginate,
.cp-statement #dataTableHistoryHolder .dataTables_wrapper .dataTables_paginate {
  margin-top: 5px; }
  .cp-reward-access-content #dataTableHistoryHolder .dataTables_wrapper .dataTables_paginate .paginate_button,
  .cp-statement #dataTableHistoryHolder .dataTables_wrapper .dataTables_paginate .paginate_button {
    color: #333;
    opacity: 1;
    border-radius: 30px; }
    .cp-reward-access-content #dataTableHistoryHolder .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .cp-reward-access-content #dataTableHistoryHolder .dataTables_wrapper .dataTables_paginate .paginate_button:disabled,
    .cp-statement #dataTableHistoryHolder .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
    .cp-statement #dataTableHistoryHolder .dataTables_wrapper .dataTables_paginate .paginate_button:disabled {
      cursor: not-allowed; }
  .cp-reward-access-content #dataTableHistoryHolder .dataTables_wrapper .dataTables_paginate .previous,
  .cp-statement #dataTableHistoryHolder .dataTables_wrapper .dataTables_paginate .previous {
    background: #faf6ee; }
    .cp-reward-access-content #dataTableHistoryHolder .dataTables_wrapper .dataTables_paginate .previous::before,
    .cp-statement #dataTableHistoryHolder .dataTables_wrapper .dataTables_paginate .previous::before {
      clear: both;
      content: '';
      display: inline-block;
      vertical-align: middle;
      background: #fff;
      width: 20px;
      height: 20px;
      border-radius: 50%;
      background: url(/Content/images/payment/cpi-prev-icon.png) center no-repeat;
      background-size: 100%;
      margin-right: 5px;
      position: relative;
      top: -1px; }
  .cp-reward-access-content #dataTableHistoryHolder .dataTables_wrapper .dataTables_paginate .next,
  .cp-statement #dataTableHistoryHolder .dataTables_wrapper .dataTables_paginate .next {
    background: #faf6ee; }
    .cp-reward-access-content #dataTableHistoryHolder .dataTables_wrapper .dataTables_paginate .next::after,
    .cp-statement #dataTableHistoryHolder .dataTables_wrapper .dataTables_paginate .next::after {
      clear: both;
      content: '';
      display: inline-block;
      vertical-align: middle;
      background: #fff;
      width: 20px;
      height: 20px;
      border-radius: 50%;
      background: url(/Content/images/payment/cpi-next-icon.png) center no-repeat;
      background-size: 100%;
      margin-left: 5px;
      position: relative;
      top: -1px; }

.cp-reward-access-content table.tablesorter,
.cp-statement table.tablesorter {
  border: none; }
  .cp-reward-access-content table.tablesorter thead tr,
  .cp-statement table.tablesorter thead tr {
    background: #0b452c; }
    .cp-reward-access-content table.tablesorter thead tr th,
    .cp-statement table.tablesorter thead tr th {
      border: none;
      color: #fff6cc; }
  .cp-reward-access-content table.tablesorter tbody,
  .cp-statement table.tablesorter tbody {
    box-shadow: inset 0 3px 8px 0 rgba(0, 0, 0, 0.75), 0 2px 3px 0 rgba(255, 255, 255, 0.35); }
    .cp-reward-access-content table.tablesorter tbody tr,
    .cp-statement table.tablesorter tbody tr {
      background: #032014; }
      .cp-reward-access-content table.tablesorter tbody tr:nth-child(even),
      .cp-statement table.tablesorter tbody tr:nth-child(even) {
        background: #0b271b;
        box-shadow: none; }
      .cp-reward-access-content table.tablesorter tbody tr td,
      .cp-statement table.tablesorter tbody tr td {
        border: none;
        color: #fff; }
        .cp-reward-access-content table.tablesorter tbody tr td .cpibtn_cancel,
        .cp-statement table.tablesorter tbody tr td .cpibtn_cancel {
          color: #000;
          background: darkgray;
          border: none;
          margin-top: 7px;
          border-radius: 3px; }
        .cp-reward-access-content table.tablesorter tbody tr td .dep,
        .cp-statement table.tablesorter tbody tr td .dep {
          color: lightgreen; }
        .cp-reward-access-content table.tablesorter tbody tr td .wit,
        .cp-statement table.tablesorter tbody tr td .wit {
          color: lightpink; }
        .cp-reward-access-content table.tablesorter tbody tr td .orange,
        .cp-statement table.tablesorter tbody tr td .orange {
          color: orange; }

.cp-reward-access-content .dataTables_filter label,
.cp-statement .dataTables_filter label {
  color: #97d690;
  background: #012114;
  padding: 5px 6px 5px 10px;
  border-radius: 35px; }

.cp-reward-access-content .dataTables_filter input,
.cp-statement .dataTables_filter input {
  border: thin solid #042b1b;
  background: url(/Content/images/payment/cpi-search-icon.png) calc(100% - 10px) 9px no-repeat #042b1b;
  background-size: 15px;
  color: #3b8263;
  height: 35px;
  line-height: 35px;
  border-radius: 20px;
  box-shadow: inset 0 1px 0 rgba(151, 214, 144, 0.5); }

.cp-reward-access-content .dataTables_length label,
.cp-statement .dataTables_length label {
  color: #97d690; }

.cp-reward-access-content .dataTables_length select,
.cp-statement .dataTables_length select {
  border: thin solid #038746;
  background: #012114;
  color: #3b8263;
  height: 35px;
  line-height: 35px;
  border-radius: 4px; }

.cp-self-exclusion,
.cp-account-deactivation {
  margin-top: 20px;
  padding-bottom: 15px; }
  .cp-self-exclusion .cp-btn:disabled, .cp-self-exclusion .cashier-content .manage-header .left__profile .vip-rank .levelSpan:disabled, .cashier-content .manage-header .left__profile .vip-rank .cp-self-exclusion .levelSpan:disabled,
  .cp-account-deactivation .cp-btn:disabled,
  .cp-account-deactivation .cashier-content .manage-header .left__profile .vip-rank .levelSpan:disabled, .cashier-content .manage-header .left__profile .vip-rank
  .cp-account-deactivation .levelSpan:disabled {
    cursor: not-allowed;
    background: #fff linear-gradient(to right top, #dfdfdf, #e1e1e1, #e3e3e3, #e5e5e5, #e7e7e7, #eaeaea, #ececec, #efefef, #f3f3f3, #f7f7f7, #fbfbfb, #ffffff); }

.cp-account-deactivation .cp-field {
  max-width: 244px;
  margin-left: 20px;
  margin-bottom: 20px; }

.cp-account-deactivation .remarksOthers {
  min-width: 300px;
  min-height: 150px;
  width: 500px;
  height: 200px;
  padding: 5px 10px;
  border: thin solid #038746;
  background: #012114;
  border-radius: 4px;
  color: #3b8263; }

.cp-account-deactivation .remarksOthers.RemarkHide {
  display: none; }

.mgnt-deposit-wrap,
.mgnt-deposit-content {
  width: 100%; }

.depoFrame-content {
  width: calc(100% - 180px); }
  @media only screen and (max-width: 991px) {
    .depoFrame-content {
      width: 100%; } }

.cp-withdraw .cp-form-input .tooltips {
  right: -80%;
  top: 2px;
  margin: 0; }

.cp-withdraw .cp-form-input .okcheck, .cp-withdraw .cp-form-input .okcross {
  position: absolute;
  right: -20px;
  top: 12px; }

.cp-withdraw .txtfield.cp-field {
  padding: 0 5px 0 15px; }
  .cp-withdraw .txtfield.cp-field::-webkit-input-placeholder {
    color: #3b8263;
    font-size: 24px; }
  .cp-withdraw .txtfield.cp-field:-ms-input-placeholder {
    color: #3b8263;
    font-size: 24px; }

.cp-withdraw select.txtfield.cp-field {
  border-radius: 4px;
  /*color: #fff6cc;*/
  -webkit-appearance: listbox;
  border: 1px solid transparent; }
  .cp-withdraw select.txtfield.cp-field > option {
    /*color: #3b8263;*/
    color: white; }
    .cp-withdraw select.txtfield.cp-field > option:checked {
      /*color: #fff6cc;*/
      color: white; }

.cp-withdraw .cp-wd-table {
  display: block;
  box-shadow: inset 0 2px 5px 0 rgba(0, 0, 0, 0.65), 0 1px 2px 0 rgba(255, 255, 255, 0.35);
  border-radius: 4px;
  background: #032014;
  width: 450px;
  margin-left: 165px; }
  @media only screen and (max-width: 767px) {
    .cp-withdraw .cp-wd-table {
      margin-left: 0; } }
  .cp-withdraw .cp-wd-table > div {
    padding: 15px 8px;
    float: left;
    width: 33.33333333%;
    text-align: center; }
    .cp-withdraw .cp-wd-table > div > span.greenBold {
      color: #54b289;
      font-size: 14px; }

.cp-withdraw .btnManage {
  margin-top: 10px;
  color: #6edc5f; }

.cp-withdraw .depoFrame-content {
  float: none; }

.cp-withdraw .withdrawError {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 25px; }
  @media only screen and (max-width: 991px) {
    .cp-withdraw .withdrawError {
      flex-direction: column; } }
  .cp-withdraw .withdrawError .right_to,
  .cp-withdraw .withdrawError .left_to {
    float: none;
    width: auto;
    padding: 0;
    flex: 1; }
  .cp-withdraw .withdrawError .left_to {
    text-align: right; }
    @media only screen and (max-width: 991px) {
      .cp-withdraw .withdrawError .left_to {
        order: 1;
        text-align: center; } }
  .cp-withdraw .withdrawError .right_to {
    text-align: center;
    padding-right: 15px; }
    @media only screen and (max-width: 991px) {
      .cp-withdraw .withdrawError .right_to {
        order: 2;
        padding-right: 0; } }
    .cp-withdraw .withdrawError .right_to h3 {
      font-size: calc(13px + 0.677vw);
      color: #fe5351;
      text-transform: uppercase;
      margin: 0 0 6px;
      white-space: nowrap; }
      @media only screen and (max-width: 1600px) {
        .cp-withdraw .withdrawError .right_to h3 {
          white-space: normal;
          font-size: 18px !important; } }
      @media only screen and (max-width: 567px) {
        .cp-withdraw .withdrawError .right_to h3 {
          white-space: normal;
          font-size: 18px !important; } }
    .cp-withdraw .withdrawError .right_to p {
      font-size: calc(10px + 0.521vw);
      color: #fff;
      text-transform: uppercase; }
      @media only screen and (max-width: 567px) {
        .cp-withdraw .withdrawError .right_to p {
          font-size: 14px !important; } }
      @media only screen and (max-width: 567px) {
        .cp-withdraw .withdrawError .right_to p.lang-en br {
          display: none; } }

.cp-wd-flexcol {
  flex-direction: column; }

.cp-field#TransferAmount #cpProfileModal.in, .cp-field#TransferAmount
#cpTranferCustomModal.in, .cp-field#TransferAmount
#cpPasswordCustomModal.in, .cp-field#TransferAmount
#depositRemarkModal.in {
  display: flex !important;
  align-items: center; }

#cpProfileModal .modal-header,
#cpTranferCustomModal .modal-header,
#cpPasswordCustomModal .modal-header,
#depositRemarkModal .modal-header {
  border-bottom: none;
  position: relative;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0; }
  #cpProfileModal .modal-header::after,
  #cpTranferCustomModal .modal-header::after,
  #cpPasswordCustomModal .modal-header::after,
  #depositRemarkModal .modal-header::after {
    clear: both;
    content: '';
    display: block;
    width: calc(100% - 80px);
    height: 1px;
    background: rgba(255, 255, 255, 0.1);
    margin: 23px auto 0; }
  #cpProfileModal .modal-header .modal-title,
  #cpTranferCustomModal .modal-header .modal-title,
  #cpPasswordCustomModal .modal-header .modal-title,
  #depositRemarkModal .modal-header .modal-title {
    font-size: 20px;
    text-align: center;
    color: #fffd3b;
    margin-bottom: 0; }
  #cpProfileModal .modal-header button,
  #cpTranferCustomModal .modal-header button,
  #cpPasswordCustomModal .modal-header button,
  #depositRemarkModal .modal-header button {
    position: absolute;
    top: 4px;
    right: 13px;
    font-size: 30px;
    color: #fff !important;
    text-shadow: none;
    opacity: 1;
    margin-top: 0; }

#cpProfileModal .modal-body,
#cpTranferCustomModal .modal-body,
#cpPasswordCustomModal .modal-body,
#depositRemarkModal .modal-body {
  padding: 0; }

#cpProfileModal .modal-content,
#cpTranferCustomModal .modal-content,
#cpPasswordCustomModal .modal-content,
#depositRemarkModal .modal-content {
  margin-left: auto;
  margin-right: auto;
  max-width: 484px;
  border: thin solid #3b8263;
  background: url(/Content/images/payment/cpTransferModalAccent.jpg) top left no-repeat #032b1a; }

#cpProfileModal-content,
#cpTranferCustomModal-content,
#cpPasswordCustomModal-content,
#depositRemarkModal-content {
  margin: auto;
  max-width: 484px;
  padding: 25px 40px;
  text-align: center; }
  #cpProfileModal-content .note,
  #cpTranferCustomModal-content .note,
  #cpPasswordCustomModal-content .note,
  #depositRemarkModal-content .note {
    color: #fff6cc;
    text-align: left; }
    #cpProfileModal-content .note.top,
    #cpTranferCustomModal-content .note.top,
    #cpPasswordCustomModal-content .note.top,
    #depositRemarkModal-content .note.top {
      font-size: 14px;
      margin-bottom: 15px; }
  #cpProfileModal-content .cp-form,
  #cpTranferCustomModal-content .cp-form,
  #cpPasswordCustomModal-content .cp-form,
  #depositRemarkModal-content .cp-form {
    width: 100%; }
    #cpProfileModal-content .cp-form-row,
    #cpTranferCustomModal-content .cp-form-row,
    #cpPasswordCustomModal-content .cp-form-row,
    #depositRemarkModal-content .cp-form-row {
      flex-wrap: wrap; }
      #cpProfileModal-content .cp-form-row.swap-btn-wrap,
      #cpTranferCustomModal-content .cp-form-row.swap-btn-wrap,
      #cpPasswordCustomModal-content .cp-form-row.swap-btn-wrap,
      #depositRemarkModal-content .cp-form-row.swap-btn-wrap {
        position: relative;
        margin-bottom: 0; }
      #cpProfileModal-content .cp-form-row:last-child,
      #cpTranferCustomModal-content .cp-form-row:last-child,
      #cpPasswordCustomModal-content .cp-form-row:last-child,
      #depositRemarkModal-content .cp-form-row:last-child {
        justify-content: center; }
    #cpProfileModal-content .cp-form-input .okcheck,
    #cpProfileModal-content .cp-form-input .okcross,
    #cpTranferCustomModal-content .cp-form-input .okcheck,
    #cpTranferCustomModal-content .cp-form-input .okcross,
    #cpPasswordCustomModal-content .cp-form-input .okcheck,
    #cpPasswordCustomModal-content .cp-form-input .okcross,
    #depositRemarkModal-content .cp-form-input .okcheck,
    #depositRemarkModal-content .cp-form-input .okcross {
      position: absolute;
      top: 11px;
      right: -25px; }
    #cpProfileModal-content .cp-form-input .tooltips,
    #cpTranferCustomModal-content .cp-form-input .tooltips,
    #cpPasswordCustomModal-content .cp-form-input .tooltips,
    #depositRemarkModal-content .cp-form-input .tooltips {
      margin-top: -5px;
      top: 0;
      right: 0;
      transform: translateX(100%); }
    #cpProfileModal-content .cp-form-label,
    #cpTranferCustomModal-content .cp-form-label,
    #cpPasswordCustomModal-content .cp-form-label,
    #depositRemarkModal-content .cp-form-label {
      min-width: 90px; }
      #cpProfileModal-content .cp-form-label.text-left,
      #cpTranferCustomModal-content .cp-form-label.text-left,
      #cpPasswordCustomModal-content .cp-form-label.text-left,
      #depositRemarkModal-content .cp-form-label.text-left {
        text-align: left !important; }
      #cpProfileModal-content .cp-form-label.text-block,
      #cpTranferCustomModal-content .cp-form-label.text-block,
      #cpPasswordCustomModal-content .cp-form-label.text-block,
      #depositRemarkModal-content .cp-form-label.text-block {
        position: relative;
        margin-bottom: 11px;
        width: 100%;
        margin-right: 0; }
      #cpProfileModal-content .cp-form-label .red,
      #cpTranferCustomModal-content .cp-form-label .red,
      #cpPasswordCustomModal-content .cp-form-label .red,
      #depositRemarkModal-content .cp-form-label .red {
        color: red; }
  #cpProfileModal-content .cp-field,
  #cpTranferCustomModal-content .cp-field,
  #cpPasswordCustomModal-content .cp-field,
  #depositRemarkModal-content .cp-field {
    color: #fff6cc !important;
    border: thin solid #038746;
    border-radius: 4px !important;
    max-width: 100%;
    font-weight: 700;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.6); }
    #cpProfileModal-content .cp-field.cp-select,
    #cpTranferCustomModal-content .cp-field.cp-select,
    #cpPasswordCustomModal-content .cp-field.cp-select,
    #depositRemarkModal-content .cp-field.cp-select {
      padding-top: 0;
      padding-bottom: 0;
      background: #ffffff;
      color: #222222 !important;
      font-size: 16px;
      box-shadow: inset 2px 2px 6px rgba(0, 0, 0, 0.4), inset -2px -2px 6px rgba(0, 0, 0, 0.4), 2px 2px 6px rgba(0, 0, 0, 0.8); }
      #cpProfileModal-content .cp-field.cp-select optgroup,
      #cpProfileModal-content .cp-field.cp-select option,
      #cpTranferCustomModal-content .cp-field.cp-select optgroup,
      #cpTranferCustomModal-content .cp-field.cp-select option,
      #cpPasswordCustomModal-content .cp-field.cp-select optgroup,
      #cpPasswordCustomModal-content .cp-field.cp-select option,
      #depositRemarkModal-content .cp-field.cp-select optgroup,
      #depositRemarkModal-content .cp-field.cp-select option {
        color: #222222; }
    #cpProfileModal-content .cp-field#TransferAmount,
    #cpTranferCustomModal-content .cp-field#TransferAmount,
    #cpPasswordCustomModal-content .cp-field#TransferAmount,
    #depositRemarkModal-content .cp-field#TransferAmount {
      color: #fff !important; }
      #cpProfileModal-content .cp-field#TransferAmount::placeholder,
      #cpTranferCustomModal-content .cp-field#TransferAmount::placeholder,
      #cpPasswordCustomModal-content .cp-field#TransferAmount::placeholder,
      #depositRemarkModal-content .cp-field#TransferAmount::placeholder {
        color: #fffd3b; }
      #cpProfileModal-content .cp-field#TransferAmount:-ms-input-placeholder,
      #cpTranferCustomModal-content .cp-field#TransferAmount:-ms-input-placeholder,
      #cpPasswordCustomModal-content .cp-field#TransferAmount:-ms-input-placeholder,
      #depositRemarkModal-content .cp-field#TransferAmount:-ms-input-placeholder {
        color: #fffd3b; }
      #cpProfileModal-content .cp-field#TransferAmount::-ms-input-placeholder,
      #cpTranferCustomModal-content .cp-field#TransferAmount::-ms-input-placeholder,
      #cpPasswordCustomModal-content .cp-field#TransferAmount::-ms-input-placeholder,
      #depositRemarkModal-content .cp-field#TransferAmount::-ms-input-placeholder {
        color: #fffd3b; }
    #cpProfileModal-content .cp-field#BonusCode,
    #cpTranferCustomModal-content .cp-field#BonusCode,
    #cpPasswordCustomModal-content .cp-field#BonusCode,
    #depositRemarkModal-content .cp-field#BonusCode {
      color: #fff6cc !important; }
      #cpProfileModal-content .cp-field#BonusCode::placeholder,
      #cpTranferCustomModal-content .cp-field#BonusCode::placeholder,
      #cpPasswordCustomModal-content .cp-field#BonusCode::placeholder,
      #depositRemarkModal-content .cp-field#BonusCode::placeholder {
        color: #fff6cc; }
      #cpProfileModal-content .cp-field#BonusCode:-ms-input-placeholder,
      #cpTranferCustomModal-content .cp-field#BonusCode:-ms-input-placeholder,
      #cpPasswordCustomModal-content .cp-field#BonusCode:-ms-input-placeholder,
      #depositRemarkModal-content .cp-field#BonusCode:-ms-input-placeholder {
        color: #fff6cc; }
      #cpProfileModal-content .cp-field#BonusCode::-ms-input-placeholder,
      #cpTranferCustomModal-content .cp-field#BonusCode::-ms-input-placeholder,
      #cpPasswordCustomModal-content .cp-field#BonusCode::-ms-input-placeholder,
      #depositRemarkModal-content .cp-field#BonusCode::-ms-input-placeholder {
        color: #fff6cc; }
  #cpProfileModal-content #swapWalletCode,
  #cpTranferCustomModal-content #swapWalletCode,
  #cpPasswordCustomModal-content #swapWalletCode,
  #depositRemarkModal-content #swapWalletCode {
    background: url(/Content/images/payment/swap-icon-bg.png) center no-repeat;
    color: #97d690;
    display: block;
    margin: auto;
    font-size: 12px;
    width: 35px;
    height: 35px;
    z-index: 2;
    border: none;
    cursor: pointer;
    transform: scale(0.95);
    transition: .3s; }
    #cpProfileModal-content #swapWalletCode:hover,
    #cpTranferCustomModal-content #swapWalletCode:hover,
    #cpPasswordCustomModal-content #swapWalletCode:hover,
    #depositRemarkModal-content #swapWalletCode:hover {
      transform: scale(1); }
  #cpProfileModal-content .profile-option,
  #cpTranferCustomModal-content .profile-option,
  #cpPasswordCustomModal-content .profile-option,
  #depositRemarkModal-content .profile-option {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 -10px; }
    #cpProfileModal-content .profile-option-list,
    #cpTranferCustomModal-content .profile-option-list,
    #cpPasswordCustomModal-content .profile-option-list,
    #depositRemarkModal-content .profile-option-list {
      margin: 10px;
      width: calc(33.33% - 20px);
      border: 2px solid white;
      border-radius: 8px;
      padding: 0;
      background: rgba(255, 255, 255, 0.6);
      cursor: pointer;
      position: relative;
      overflow: hidden; }
      #cpProfileModal-content .profile-option-list::after,
      #cpTranferCustomModal-content .profile-option-list::after,
      #cpPasswordCustomModal-content .profile-option-list::after,
      #depositRemarkModal-content .profile-option-list::after {
        clear: both;
        content: '';
        display: block;
        position: absolute;
        right: 0;
        bottom: 0;
        background: url(/Content/images/dp-check-white.png) bottom right no-repeat;
        background-size: 30px;
        width: 30px;
        height: 30px;
        border-radius: 0 0 2px 0;
        z-index: 2;
        opacity: 0;
        transition: .3s ease-in; }
      #cpProfileModal-content .profile-option-list.selected::after,
      #cpTranferCustomModal-content .profile-option-list.selected::after,
      #cpPasswordCustomModal-content .profile-option-list.selected::after,
      #depositRemarkModal-content .profile-option-list.selected::after {
        opacity: 1; }
      #cpProfileModal-content .profile-option-list.red,
      #cpTranferCustomModal-content .profile-option-list.red,
      #cpPasswordCustomModal-content .profile-option-list.red,
      #depositRemarkModal-content .profile-option-list.red {
        border-color: red; }
      #cpProfileModal-content .profile-option-list.blue,
      #cpTranferCustomModal-content .profile-option-list.blue,
      #cpPasswordCustomModal-content .profile-option-list.blue,
      #depositRemarkModal-content .profile-option-list.blue {
        border-color: gray; }
      #cpProfileModal-content .profile-option-list.yellow,
      #cpTranferCustomModal-content .profile-option-list.yellow,
      #cpPasswordCustomModal-content .profile-option-list.yellow,
      #depositRemarkModal-content .profile-option-list.yellow {
        border-color: yellow; }
      #cpProfileModal-content .profile-option-list.green,
      #cpTranferCustomModal-content .profile-option-list.green,
      #cpPasswordCustomModal-content .profile-option-list.green,
      #depositRemarkModal-content .profile-option-list.green {
        border-color: green; }
      #cpProfileModal-content .profile-option-list img,
      #cpTranferCustomModal-content .profile-option-list img,
      #cpPasswordCustomModal-content .profile-option-list img,
      #depositRemarkModal-content .profile-option-list img {
        max-width: 100%;
        object-fit: cover;
        width: 100%;
        height: 100%;
        position: relative;
        z-index: 1; }
  #cpProfileModal-content .btn-selectProfile-wrap,
  #cpTranferCustomModal-content .btn-selectProfile-wrap,
  #cpPasswordCustomModal-content .btn-selectProfile-wrap,
  #depositRemarkModal-content .btn-selectProfile-wrap {
    margin: 15px 0 25px; }

#cpTranferCustomModal .transferAmt.txtfield {
  font-size: 16px; }

#depositRemarkModal .vertical-alignment-helper {
  display: table;
  height: 100%;
  width: 100%;
  pointer-events: none; }

#depositRemarkModal .modal-dialog-centered {
  display: table-cell;
  vertical-align: middle;
  pointer-events: none; }

#depositRemarkModal .modal-content {
  width: inherit;
  max-width: 400px;
  height: inherit;
  margin: 0 auto;
  pointer-events: all; }

#depositRemarkModal .modal-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px 0; }
  #depositRemarkModal .modal-body .remark-pop-title {
    text-align: center;
    margin-bottom: 20px;
    font-size: 15px; }
    #depositRemarkModal .modal-body .remark-pop-title span {
      text-transform: uppercase;
      font-weight: 600; }

.fp-banklist {
  padding-left: 30px;
  padding-right: 30px; }
  .fp-banklist li label {
    vertical-align: middle; }
    .fp-banklist li label:first-child {
      width: 90%; }
      .fp-banklist li label:first-child > img {
        display: inline-block; }
    .fp-banklist li label:last-child {
      width: 10%;
      float: left; }

.fp-mob {
  display: none; }
  @media only screen and (max-width: 767px) {
    .fp-mob {
      display: block; } }

.fp-desktop {
  display: block; }
  @media only screen and (max-width: 767px) {
    .fp-desktop {
      display: none; } }

@media only screen and (max-width: 1024px) {
  .cs-backdrop {
    content: "";
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1; } }

.cp-coming-soon {
  display: block;
  text-align: center; }
  .cp-coming-soon > img {
    margin-bottom: 15px; }
    @media only screen and (max-width: 1600px) {
      .cp-coming-soon > img {
        max-width: 350px;
        width: 100%; } }
  .cp-coming-soon > p {
    font-size: 40px;
    font-weight: 600;
    text-transform: uppercase; }
    @media only screen and (max-width: 1600px) {
      .cp-coming-soon > p {
        font-size: 24px; } }

.cp-qrlabel {
  font-size: 15px;
  color: #97d690; }

.cp-qrdesc {
  font-size: 13px;
  color: #fff6cc; }

.authCodeForm {
  text-align: center; }
  .authCodeForm img {
    display: block;
    margin: 0 auto 15px; }
  .authCodeForm h4 {
    display: block; }
  .authCodeForm .transferMoney {
    border-bottom-color: #038746 !important;
    font-size: 15px;
    font-weight: 700;
    color: #fff6cc !important;
    text-align: center;
    max-width: 175px; }
    .authCodeForm .transferMoney::placeholder {
      color: #fff6cc;
      font-size: 15px; }
    .authCodeForm .transferMoney:-ms-input-placeholder {
      color: #fff6cc;
      font-size: 15px; }
    .authCodeForm .transferMoney::-ms-input-placeholder {
      color: #fff6cc;
      font-size: 15px; }

.email-show p {
  color: #fff;
  margin-bottom: 15px;
  font-size: 14px; }

.custom-opt-wrap {
  position: relative;
  display: block;
  width: 100%; }

.custom-opt-wrap-inner {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  padding-top: 30px; }
  .custom-opt-wrap-inner select {
    position: relative;
    z-index: 1; }

.custom-opt {
  background: #012114;
  height: 180px;
  padding-top: 15px;
  padding-left: 15px;
  padding-bottom: 15px;
  width: 100%;
  display: none; }
  .custom-opt span {
    display: block;
    color: #6edc5f !important;
    cursor: pointer;
    margin-bottom: 8px;
    transition: .3s; }
    .custom-opt span:hover {
      color: #97d690 !important; }

.cp-load-content h3.cp-title {
  font-size: 16px;
  margin-bottom: 10px;
  text-transform: uppercase; }

.cp-form.cp-form-deposit.cp-container-with-tutorial {
  width: 70%;
  display: inline-block; }
  @media only screen and (max-width: 767px) {
    .cp-form.cp-form-deposit.cp-container-with-tutorial {
      width: 100%;
      display: block; } }

.withTutorial {
  display: inline-block;
  width: 28%;
  vertical-align: top; }
  @media only screen and (max-width: 767px) {
    .withTutorial {
      display: block;
      width: 100%;
      margin-top: 30px; } }

.withTutorial > a,
.withTutorial span {
  display: block;
  text-align: center;
  color: #f5810b;
  font-weight: 600;
  font-size: 16px;
  margin-top: 10px; }

.dmt-header {
  display: flex;
  justify-content: center;
  align-items: center; }
  .dmt-header .dmt-header-nav {
    display: flex;
    justify-content: flex-start; }
    .dmt-header .dmt-header-nav button {
      margin-right: 2px;
      color: rgba(255, 255, 255, 0.5);
      border-color: #fee71b;
      text-transform: uppercase;
      box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
      border-radius: 2px 2px 0 0;
      padding: 6px 15px;
      border: none;
      font-weight: bold;
      font-size: 16px;
      background: linear-gradient(to right bottom, #048e6a, #0a8a64, #0e865e, #128259, #157e53, #1e8653, #288d52, #339551, #4aaa53, #64bf54, #80d452, #9ee84f); }
      @media only screen and (max-width: 991px) {
        .dmt-header .dmt-header-nav button {
          font-size: 14px; } }
      .dmt-header .dmt-header-nav button.active {
        color: #464112;
        background: linear-gradient(to right top, #ffc400, #ffca03, #ffd107, #ffd70d, #ffde13, #ffe22c, #fee73d, #feeb4c, #feee65, #fff17c, #fff391, #fff6a6); }
  .dmt-header .dmt-close {
    font-size: 24px;
    cursor: pointer;
    text-align: center;
    position: absolute;
    right: -13px;
    top: 23px;
    height: 30px;
    width: 30px;
    border: #fff 1px solid;
    line-height: 23px;
    border-radius: 28px;
    background: #094807;
    font-weight: bold;
    z-index: 1; }

.deposit-modal-tutorial,
.deposit-modal-tutorial1,
.deposit-modal-tutorial2 {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999999; }
  .deposit-modal-tutorial .dmt-img,
  .deposit-modal-tutorial1 .dmt-img,
  .deposit-modal-tutorial2 .dmt-img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 75%;
    max-width: 900px;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%); }
    @media only screen and (max-width: 1600px) {
      .deposit-modal-tutorial .dmt-img,
      .deposit-modal-tutorial1 .dmt-img,
      .deposit-modal-tutorial2 .dmt-img {
        max-width: 700px; } }
    @media only screen and (max-width: 1440px) {
      .deposit-modal-tutorial .dmt-img,
      .deposit-modal-tutorial1 .dmt-img,
      .deposit-modal-tutorial2 .dmt-img {
        max-width: 600px; } }
    @media only screen and (max-width: 991px) {
      .deposit-modal-tutorial .dmt-img,
      .deposit-modal-tutorial1 .dmt-img,
      .deposit-modal-tutorial2 .dmt-img {
        max-width: 60%; } }
    @media only screen and (max-width: 768px) {
      .deposit-modal-tutorial .dmt-img,
      .deposit-modal-tutorial1 .dmt-img,
      .deposit-modal-tutorial2 .dmt-img {
        width: 90%;
        max-width: 100%; } }
    .deposit-modal-tutorial .dmt-img > span,
    .deposit-modal-tutorial1 .dmt-img > span,
    .deposit-modal-tutorial2 .dmt-img > span {
      display: block;
      text-align: right;
      font-size: 25px;
      cursor: pointer; }
  .deposit-modal-tutorial .dmt-images-con,
  .deposit-modal-tutorial1 .dmt-images-con,
  .deposit-modal-tutorial2 .dmt-images-con {
    border: solid 2px #fff; }
  .deposit-modal-tutorial .dictut1,
  .deposit-modal-tutorial .dictut2,
  .deposit-modal-tutorial1 .dictut1,
  .deposit-modal-tutorial1 .dictut2,
  .deposit-modal-tutorial2 .dictut1,
  .deposit-modal-tutorial2 .dictut2 {
    display: none; }
  .deposit-modal-tutorial .blackbackdrop,
  .deposit-modal-tutorial1 .blackbackdrop,
  .deposit-modal-tutorial2 .blackbackdrop {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: -1; }

.linkcon-hover {
  display: none;
  position: absolute;
  background: #123325;
  padding: 5px;
  border-radius: 5px;
  border: 1px solid rgba(255, 255, 255, 0.3); }
  .linkcon-hover::before {
    content: "";
    position: absolute;
    top: -5px;
    left: 40px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #fff; }
  .linkcon-hover > a {
    display: block;
    color: #fff;
    white-space: nowrap;
    font-weight: 300;
    padding: 5px 5px 5px 8px;
    border-radius: 20px;
    max-width: 180px;
    background: rgba(255, 255, 255, 0.1);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
    transition: 400ms;
    font-size: 12px; }
    .linkcon-hover > a:first-child {
      margin-bottom: 5px; }
    .linkcon-hover > a:hover {
      background: #084229;
      box-shadow: inset 0 2px 5px 0 rgba(0, 0, 0, 0.5), 0 1px 2px 0 rgba(255, 255, 255, 0.35);
      text-shadow: 0 0 2px #05ff34, 0 0 2px #05ff34; }

.link-con:hover .linkcon-hover {
  display: block; }

.depslider.slick-slider {
  margin: 0; }

.depslider.slick-slider .slick-dots {
  bottom: 10px; }

.depslider.slick-slider .slick-dots li button:before {
  font-size: 15px; }

.depslider.slick-slider .slick-dots li.slick-active button:before {
  color: #15512f;
  opacity: 1; }

.depslider.slick-slider .slick-prev {
  left: 30px;
  z-index: 1;
  width: 42px;
  height: 42px; }

.depslider.slick-slider .slick-next {
  right: 50px;
  width: 42px;
  height: 42px;
  z-index: 1; }

.depslider.slick-slider .slick-prev::before,
.depslider.slick-slider .slick-next::before {
  color: #15512f;
  font-size: 45px; }

.deposit-slider-arrows {
  position: relative;
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
  padding-left: 15px;
  padding-right: 15px; }
  .deposit-slider-arrows span {
    cursor: pointer;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: thin solid #787878;
    display: flex;
    align-items: center;
    justify-content: center; }
    .deposit-slider-arrows span::before {
      clear: both;
      content: '';
      border: solid #787878;
      border-width: 0 2px 2px 0;
      display: inline-block;
      padding: 2px;
      transform: rotate(135deg); }
    .deposit-slider-arrows span.next::before {
      transform: rotate(-45deg); }

/*figure.containerZoom {
    background-position: 50% 50%;
    position: relative;
    width: 100%;
    overflow: hidden;
    cursor: zoom-in;
    margin: 0
}

figure.containerZoom img {
    transition: opacity .5s;
    display: block;
    width: 100%
}

figure.containerZoom.active img {
    opacity: 0
}*/
@media only screen and (max-width: 1440px) {
  #btn-Chat {
    display: none; } }

@media only screen and (max-width: 567px) {
  .dataTables_wrapper {
    display: block;
    width: 100%;
    overflow-x: auto; }
  #dataTableHistory {
    min-width: 900px; } }

#cpPasswordCustomModal h5.modal-title img {
  height: 20px;
  vertical-align: middle;
  margin: 0 5px; }

#cpPasswordCustomModal h5.modal-title span {
  vertical-align: middle; }

.withlogo img {
  height: 15px; }

.zozoom {
  display: inline-block;
  position: relative; }

/* magnifying glass icon */
/*.zozoom:after {
    content: '';
    display: block;
    width: 33px;
    height: 33px;
    position: absolute;
    top: 0;
    right: 0;
    background: url(/Content/css/icon.png);
}*/
.zozoom img {
  display: block;
  cursor: zoom-in; }

/*.zozoom img::selection {
    background-color: transparent;
}*/
.stepfocusmore .cp-qrlabel {
  font-weight: bold;
  font-size: 16px;
  color: #9aff8f; }

.stepfocusmore .cp-qrdesc {
  font-weight: bold;
  font-size: 16px;
  color: #ffe363; }

.cp-small-logo {
  height: 20px;
  vertical-align: middle;
  display: inline-block;
  margin-top: -3px;
  border-radius: 5px; }

.cp-small-logo.cps {
  margin-left: 2px; }

.cp-success-content {
  display: block;
  max-width: 100%;
  padding: 0 30px; }
  @media only screen and (max-width: 768px) {
    .cp-success-content {
      margin-top: 20px; } }
  .cp-success-content img {
    width: auto;
    height: 20px;
    border-radius: 5px; }
  .cp-success-content .csc-subdesc {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; }
    .cp-success-content .csc-subdesc i {
      background: red;
      color: white;
      height: 20px;
      width: 20px;
      border-radius: 100%;
      display: inline-block;
      text-align: center;
      line-height: 20px;
      font-style: initial;
      font-weight: bold;
      margin-right: 5px;
      font-size: 14px; }
    .cp-success-content .csc-subdesc span {
      color: #ff9614;
      font-size: 20px;
      font-weight: bold; }

.csc-list {
  list-style: none;
  margin: 0;
  padding: 0;
  color: #97d69d; }

.cp-success-content .csc-list > li {
  font-size: 14px;
  line-height: 30px; }
  .cp-success-content .csc-list > li i {
    font-style: initial;
    margin-right: 8px;
    border-radius: 100%;
    background: #0c5b11;
    height: 25px;
    width: 25px;
    display: inline-block;
    line-height: 25px;
    text-align: center;
    vertical-align: middle;
    font-size: 15px; }
  .cp-success-content .csc-list > li span {
    color: #ffb045;
    font-weight: bold; }

.tbl-hr {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3); }

.cp-phone-verify-container {
  display: flex;
  margin: 0 auto;
  justify-content: center;
  margin-bottom: 20px; }
  .cp-phone-verify-container > div {
    display: flex;
    margin: 0 10px; }
    .cp-phone-verify-container > div.fullDigit input {
      box-shadow: 0 0 5px #05ff34;
      border: 1px solid rgba(93, 255, 38, 0.75); }
    .cp-phone-verify-container > div input {
      margin-bottom: 0;
      width: 50px;
      height: 50px;
      background: #012114;
      border: thin solid #038746;
      border-radius: 5px;
      color: #97d690; }
      .cp-phone-verify-container > div input:focus {
        box-shadow: 0 0 5px #05ff34;
        border: 1px solid rgba(93, 255, 38, 0.75); }
  .cp-phone-verify-container.vf-mob > div {
    margin: 0 1%; }
    .cp-phone-verify-container.vf-mob > div.fullDigit input {
      box-shadow: 0 0 5px #05ff34;
      border: 1px solid rgba(93, 255, 38, 0.75); }
    .cp-phone-verify-container.vf-mob > div input {
      width: 40px;
      height: 40px;
      background: #f0fbf8;
      color: #000;
      outline: none; }

.cp-load-content {
  position: relative; }

.hideDetails-modal-backdrop {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 98; }

.modalHideDetails {
  display: none;
  max-width: 90%;
  min-width: 300px;
  width: 500px;
  position: fixed;
  margin: 0;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  background: #e8e8e7;
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  z-index: 99;
  font-size: 16px; }
  .modalHideDetails .hd_header {
    text-align: center;
    background: #016332;
    padding: 5px;
    color: #fff; }
  .modalHideDetails .hd_body {
    text-align: center;
    color: #444;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center; }
    .modalHideDetails .hd_body span {
      font-weight: 600;
      color: #000; }
  .modalHideDetails .hd_footer {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 15px; }
    .modalHideDetails .hd_footer a {
      width: 112px;
      height: 40px;
      border-radius: 40px;
      display: flex;
      justify-content: center;
      align-items: center;
      color: #fff;
      margin: 0 5%; }
      .modalHideDetails .hd_footer a:first-child {
        background: #016332; }
      .modalHideDetails .hd_footer a:last-child {
        background: #890f0f; }

.blur-details {
  position: absolute;
  top: -1%;
  left: -1%;
  width: 102%;
  height: 102%;
  background-color: rgba(255, 255, 255, 0.01);
  backdrop-filter: blur(5px);
  z-index: 9; }

/*egergergerg*/
html:lang(zh-CN) .title-switch .switch-slide {
  width: 75px; }

html:lang(th-TH) .title-switch .switch-slide {
  width: 100px; }

.title-switch.active .switch-slide .switch-slide-bg {
  background: #189e90;
  background: linear-gradient(90deg, #189e90 0%, #36ed7c 100%);
  /*transition: .6s ease cubic-bezier(1,0,1,.05);
                -webkit-transition: .6s ease cubic-bezier(1,0,1,.05);*/ }

.title-switch.active .switch-slide .switch-slide-round {
  left: 3px; }

.title-switch.active .switch-slide .label-on {
  opacity: 1; }

.title-switch.active .switch-slide .label-off {
  opacity: 0; }

.title-switch .switch-slide {
  position: relative;
  cursor: pointer;
  width: 110px;
  height: 31px;
  margin-bottom: 0; }
  .title-switch .switch-slide input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    height: 0;
    width: 0; }
  .title-switch .switch-slide-label {
    position: absolute;
    z-index: 2;
    left: 18px;
    right: auto;
    color: #fff !important;
    line-height: normal;
    text-transform: uppercase;
    top: 50%;
    transform: translateY(-50%);
    /*transition: opacity .4s;*/
    opacity: 1;
    white-space: nowrap;
    font-size: 11px; }
    .title-switch .switch-slide-label.label-on {
      right: 10px;
      left: auto;
      opacity: 0; }
  .title-switch .switch-slide-bg {
    background: linear-gradient(90deg, #ee0c74 0%, #ff6803 100%);
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 40px;
    transition: 0.6s ease cubic-bezier(1, 0, 1, 0.05); }
  .title-switch .switch-slide-round {
    height: 25px;
    width: 25px;
    border-radius: 50%;
    background: white;
    position: absolute;
    z-index: 2;
    top: 3px;
    left: calc(100% - 29px);
    /*transition: left .6s cubic-bezier(0.39, 0.575, 0.565, 1);*/ }