/*.xdsoft_datetimepicker{box-shadow:0 5px 15px -5px rgba(0,0,0,.506);background:#fff;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(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(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%)}*/


@import url(//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css);
* {
  margin: 0;
  padding: 0;
  outline: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  list-style: none;
  vertical-align: top;
  text-decoration: none;
}
html,
body {
  font-size: 14px;
  line-height: 20px;
  font-family: 'Noto Sans JP', sans-serif;
  height: 100%;
  color: #2F3031;
  font-weight: 400;
}
strong {
  font-weight: 700;
}
a {
  text-decoration: none;
  color: #2F3031;
}
img {
  max-width: 100%;
  height: auto;
}
.text-center {
  text-align: center !important;
}
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}
h2 {
  color: #40424F;
  font-size: 32px;
  line-height: 36px;
  font-weight: 400;
}

/*Header
-------------------------*/
.wideHead {
  display: flex;
  justify-content: space-between;
  padding: 10px 20px;
  align-items: center;
}
.logo {
  display: inline-block;
  margin: 10px 12px 0 12px;
  overflow: hidden;
}
.logo img{
  max-width: 100%;
  width: auto;
}
.headRgt {
  background-size: 15px auto;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.wideSearch{
  position: relative;
  padding-left: 28px;
}
.wideSearch svg{
  position: absolute;
  left: 0;
  top: 0;
  color: #9299B9;
  font-size: 18px;
}
.wideSearch input{
  width: 300px;
  height: 20px;
  background: none;
  border: 0;
  color: #9299B9;
  font-size: 14px;
}
.wideSearch input::-webkit-input-placeholder {
  color: #CBD2EC;
}
.wideSearch input:-ms-input-placeholder {
  color: #CBD2EC;
}
.wideSearch input::placeholder {
  color: #CBD2EC;
}
/*Container
-------------------------*/
#container {} .form-control {
  display: block;
  width: 100%;
  height: 50px;
  padding: 0 12px;
  color: #2F3031;
  border: 1px solid #DAE0F6;
  border-radius: 5px;
  font-size: 13px;
  background: #F4F7F9;
}
.btn {
  display: inline-block;
  color: #fff;
  text-align: center;
  background-color: #6F87EE;
  border: 0;
  padding: 0 26px;
  line-height: 40px;
  height: 42px;
  font-weight: 700;
  border-radius: 5px;
  transition: background .15s ease-in-out;
  cursor: pointer;
  font-size: 14px !important;
  text-transform: capitalize !important;
  font-family: 'Noto Sans JP', sans-serif;
}

.btn.btn-small {
  display: inline-block;
  color: #fff;
  text-align: center;
  background-color: #6F87EE;
  border: 0;
  padding: 0 8px;
  line-height: 30px;
  height: 28px;
  font-weight: 700;
  border-radius: 5px;
  transition: background .15s ease-in-out;
  cursor: pointer;
  font-size: 11px !important;
  text-transform: capitalize !important;
}
.btn.btnCancel{
  background: #fff;
  color: #6F87EE;
  border: #6F87EE 1px solid;
  line-height: 38px;
  margin-left: 10px;
}
.btn:hover {
  background: #8da2f9;
  color: #fff;
  border: 0;
}



/*Login
------------------------*/
#login {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.loginHeader .container{
  width: 100%;
  max-width: 1180px;
  padding: 0 20px;
  margin: 0 auto;
}
.loginHeader{
  padding: 20px 0;
}
.loginContOuter{
   display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: calc(100% - 166px);
}
.loginCont {
  width: 100%;
  max-width: 350px;
}
.loginCont h2 span{
  display: block;
  color: #10B1B5;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  padding: 10px 0 20px;
}
.labelOut {
  padding-bottom: 20px;
}
.labelOut:last-child {
  padding-bottom: 0;
}
.loginForm label {
  display: block;
  padding-bottom: 7px;
  color: #40424F;
  font-size: 12px;
}
.loginForm .btn {
  line-height: 50px;
  height: 50px;
  display: block;
  background: #6F87EE;
  padding: 0 30px;
  font-weight: 700;
  margin: 0 auto;
}
.page-title {
  display: inline-block;
  width: 100%;
  margin: 7px 0 12px;
  padding: 0 15px;
  font-size: 28px;
  line-height: normal;
}
.forgotPass{
  color: #9299B9;
  font-size: 12px;
  line-height: 14px;
  display: inline-block;
  margin: 5px 0 10px;
}
.resetPass{
  text-align: center;
}
.resetPass a{
  color: #9299B9;
  font-size: 15px;
  line-height: 18px;
  font-weight: 700;
}
.loginError{
  background: #F55;
  padding: 12px 17px;
  color: #fff;
  font-size: 12px;
  line-height: 16px;
  position: fixed;
  right: 10px;
  bottom: 10px;
  width: 340px;
}
.loginError span{
  display: block;
  font-weight: 600;
  margin-bottom: 5px;
}
.loginError svg{
  margin-right: 5px;
}
.loginErrorClose{
  position: absolute;
  right: 10px;
  top: 10px;
  color: #fff;
}
/*Home Page
-------------------------*/
#mainCont {
  display: flex;
  justify-content: flex-start;
  min-height: 100%;
}
.narrowCol {
  width: 210px;
  border-right: #DAE0F6 1px solid;
  position: relative;
  padding-bottom: 45px;
  overflow: hidden;
  overflow-y: auto;
  max-height: 100vh;
}
.mainNav > li {
  display: block;
}
.mainNav > li > a {
  padding: 16px 15px 16px 25px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.mainNav > li > a > i {
  display: inline-block;
  margin-right: 15px;
  width: 20px;
}
.mainNav > li > a:hover,
.mainNav > li > a.active {
  background: #4166B0;
  color: #fff;
}
.mainNav > li > ul {
  display: none;
  background: #4166B0;
}
.mainNav > li > ul > li {
  display: block;
}
.mainNav > li > ul > li > a {
  display: block;
  padding: 16px 15px 16px 60px;
  color: #fff
}
.mainNav > li > ul > li > a:hover,
.mainNav > li > ul > li > a.active {
  background: #4B72BF;
  font-weight: 700
}
.mainNav > li.subNav >a {
  position: relative;
}
.mainNav > li.subNav > a:after {
  background: url(../images/down-arrow.svg) center center no-repeat;
  background-size: 12px auto;
  position: absolute;
  right: 10px;
  top: 50%;
  height: 15px;
  width: 15px;
  margin-top: -7px;
  content: '';
}
.mainNav > li.subNav > a.active:after {
  background: url(../images/up-arrow.svg) center center no-repeat;
  background-size: 12px auto;
}
.wideCol {
  width: calc(100% - 216px);
}
.w100p {
  width: 100%;
}
.user {
  color: #2F3031;
  font-size: 17px;
  font-weight: 700;
  display: flex;
  align-items: center;
  padding: 20px;
}
.user i {
  display: inline-block;
  padding-right: 15px;
}
.subHead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
  position: relative;
  z-index: 2;
  background: #F4F7F9;
}
.subHead h2{
  line-height: 40px;
}
.myPref{
  margin-left: 26px;
  padding-left: 26px;
  border-left: #9299B9 1px solid;
  display: none;
}
.myPref a{
  display: inline-block;
  color: #40424F;
  font-size: 14px;
}
.detailHead {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.detailHead h2{
  display: inline-block;
}
.detailHead h2 em{
  font-style: normal;
  color: #9299B9;
}
.detailHeadAnc {
    margin-left: 26px;
    padding-left: 26px;
    border-left: #9299B9 1px solid;
    display: flex;
  align-items: center;
  justify-content: flex-start;
}
.detailHeadAnc span {
    display: inline-block;
    height: 42px;
    width: 42px;
    box-shadow: rgb(0 0 0 / 10%) 0 0 10px;
    border-radius: 5px;
    background: #fff;
    line-height: 42px;
    text-align: center;
    margin: 0 10px 0 28px;
}
.openPhonePop.disableCls {
 cursor:not-allowed;
}
.openPhonePop.disableCls span{
  background: #d9d9d9;
}
.detailHead a{
    color: #9299B9;
    font-size: 14px;
    line-height: 42px;
    text-decoration: underline;
}
.detailHead svg {
    color: #9299B9;
    font-size: 18px;
}
.subHeadRgt{
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.subHeadList{
  padding-right: 45px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.subHeadList li{
  padding-left: 12px;
  position: relative;
}
.subHeadList li > a{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 42px;
  width: 42px;
  box-shadow: rgba(0,0,0,0.1) 0 0 10px;
  border-radius: 5px;
  background: #fff;
}
.subHeadList li svg{
  color: #9299B9;
  font-size: 18px;
}
.filter {
  display: flex;
  align-items: center;
}
.filter select {
  border: #B3B3B3 1px solid;
  padding: 0 14px;
  height: 40px;
  width: 158px;
}
.sortNav {
  margin-left: 38px;
  display: inline-block;
  width: 20px;
  text-align: center;
}
.tableOut {
  border: none;
  border-collapse: separate;
  border-spacing: 0;
  position: relative;
}
.tableOut.lead_list_table {
  max-height: calc(100vh - 250px);
  overflow: auto;
}

/* width */
.tableOut.lead_list_table::-webkit-scrollbar {
  width: 10px;
}

/* Track */
.tableOut.lead_list_table::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
.tableOut.lead_list_table::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
.tableOut.lead_list_table::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.tableOut-table {
  border: none;
  border-collapse: separate;
  border-spacing: 0;
  min-width: 100%;
}
.tableOut thead th,
.tableOut tbody td {
  padding: 12px 10px;
  border-top: #DAE0F6 1px solid;
  text-align: left;
  white-space: nowrap;
  color: #40424F;
  max-width:220px;
  overflow: hidden;
}
.tableOut tbody td.lead_list_phone {
	min-width:130px;
}
.company_logo span.no-logo {
	margin: 0px;
    border: 2px solid;
    padding: 20px;
    border-radius: 10px;
}
.tableOut tr.dncCls td.icoTd a.disableCls  {
	display:none;
}
.tableOut thead th {
  padding-top: 30px;
  color: #9299B9;
  font-weight: 400;
  height: 100%;
  border: 0;
}
.tableOut tbody td a{
  color: #40424F;
}
.tableOut-scroller {
  margin-left: 320px;
  overflow-x: auto;
  overflow-y: visible;
  width: calc(100% - 320px);
}
.tableOut-scroller::-webkit-scrollbar {
  height: 10px;
}
.tableOut-scroller::-webkit-scrollbar-track {
  background: #E6E6E6;
}
.tableOut-scroller::-webkit-scrollbar-thumb {
  background: #8E8E8E;
}
.tableOut-scroller::-webkit-scrollbar-thumb:hover {
  background: #8E8E8E;
}
.tableOut tr th:nth-child(1),
.tableOut tr td:nth-child(1) {
  position: absolute;
  top: auto;
  left: 0;
  width: 95px;
  border-left: 0;
}
.tableOut tr th:nth-child(2),
.tableOut tr td:nth-child(2) {
  position: absolute;
  width: 120px;
  left: 95px;
}
.tableOut tr th:nth-child(3),
.tableOut tr td:nth-child(3) {
  position: absolute;
  width: 130px;
  left: 200px;
}
.tableOut tr {
  /*position: relative;*/
}
.tableOut tr td.icoTd,
.tableOut tr th.icoTd {
  position: sticky;
  right: 0;
  top: auto;
  display: none;
  padding: 0;
}
.tableOut tr:hover td {
  display: table-cell;
  background: #E6E6E6;
}
.tableOut tr td.icoTd span {
  display: flex;
  width: 100%;
  padding: 8px;
  justify-content: space-between;
  align-items: center;
  background: #FFA022;
  height: 43px;
}
.tableOut tr td.icoTd a {
  margin: 0 10px;
  display: inline-block;
  font-size: 20px;
}
.tableOut tr td.icoTd a svg {
  color: #fff;
}
.tableOut th label {
  display: block;
  padding-top: 10px;
}
.tableOut th input {
  background: #E6E6E6 url(../images/search.svg) calc(100% - 10px) center no-repeat;
  background-size: 15px auto;
  border-radius: 5px;
  height: 30px;
  width: 100%;
  padding: 0 26px 0 10px;
  border: 0;
  max-width: 166px;
}
.tableOut th input.emailInp {
  max-width: 294px
}
.buffer-listing-table.tableOut-scroller {
  width: calc(100% - 294px);
  margin-left: 294px;
}
.buffer-listing-table tr th:nth-child(1),
.buffer-listing-table tr td:nth-child(1) {
  width: 90px;
}
.buffer-listing-table tr th:nth-child(2),
.buffer-listing-table tr td:nth-child(2) {
  width: 106px;
  left: 90px;
}
.buffer-listing-table tr th:nth-child(3),
.buffer-listing-table tr td:nth-child(3) {
  width: 98px;
  left: 196px;
}
.status {
  display: inline-block;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  margin: 5px 34px 0 0;
}
.orgId {
  background: #FFA022;
}
.blueId {
  background: #2164E8;
}
.greenId {
  background: #18B331;
}
.greyId {
  background: #BBB;
}
.dialLead {
  display: flex;
  height: 100%;
}
.dialLeft {
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
  width: calc(100% - 500px);
}
.dialRgt {
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
  width: 500px;
  border-left: #cececf 1px solid;
  padding: 50px;
}
.dialLeft .btn {
  width: 300px;
  height: 100px;
  font-size: 30px;
  line-height: 100px;
  font-size: 30px;
  font-weight: 700;
}
.dialImput input {
  width: 100%;
  color: #2F3031;
  font-size: 30px;
  text-align: center;
  padding: 10px 20px;
  background: #fff;
  border: 0;
}
.dialNums {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  border-bottom: #e9e9e9 1px solid;
  margin: 30px 0 4px;
}
.dialNums li {
  width: 33.33%;
  text-align: center;
  border-left: #e9e9e9 1px solid;
  border-top: #e9e9e9 1px solid;
}
.dialNums li:nth-child(3n + 1) {
  border-left: 0;
}
.dialNums li a {
  color: #2F3031;
  font-size: 30px;
  line-height: 34px;
  padding: 12px;
  display: block;
  text-align: center;
}
.dialNums li a span {
  display: block;
  padding-top: 10px;
  color: #6d6d6d;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 20px;
}
.dialBtn a {
  display: inline-block;
}
.dialBtn img {
  width: 84px;
  height: auto;
}

/*Lead Detail Page
-----------------------------*/
.onGoCall {} .onGoCall span {
  font-weight: 700;
}
.callFunc {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.disposition {
  width: 237px;
  position: relative;
  margin-right: 32px;
}
.dispositionAnc {
  background: #E6E6E6 url(../images/down-arrow.svg) calc(100% - 13px) center no-repeat;
  background-size: 15px auto;
  color: #848484;
  padding: 0 20px;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  width: 100%;
}
.dispositionAnc.active {
  box-shadow: rgba(0, 0, 0, 0.2) 0 8px 8px;
}
.disposition ul {
  position: absolute;
  left: 0;
  top: 100%;
  box-shadow: rgba(0, 0, 0, 0.2) 0 8px 8px;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  background: #E6E6E6;
  display: none;
  width: 100%;
  padding: 20px 0 10px;
}
.disposition li {
  width: 100%;
}
.disposition li a {
  color: #2F3031;
  padding: 10px 34px;
  display: block;
}
.disposition li a:hover {
  background: #F2F2F2;
}
.callListing {
  display: flex;
  justify-content: flex-start;
}
.callListing li {
  padding-left: 12px;
}
.callListing li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  background: #CECECE;
  border-radius: 50%;
}
.callListing li a.callEndBtn {
  background: #FF0004
}
.callListing li a img {
  height: 20px;
  width: auto;
}
.custCols {
  display: flex;
  justify-content: flex-start;
  min-height: calc(100% - 69px);
  border-top: #cececf 1px solid;
  position: relative;
  z-index: 1;
}
.custLeft {
  background: #F2F2F2;
  border-right: #cececf 1px solid;
  width: 300px;
}
.custDetailTitle {
  color: #848484;
  background: #fff;
  padding: 12px 26px;
  border-bottom: #D4D4D4 1px solid;
}
.custDetailTitle .lbl {
  display: inline-block;
}
.custDetailTitle .cd-edit-link {
  float: right;
  color: #2164E8;
}
.custDetailTitle .cd-save-link {
  float: right;
  display: none;
  color: #2164E8;
}
.custLeft ul {
  padding: 10px 25px;
}
.custLeft li {
  border-bottom: #D4D4D4 1px solid;
  padding: 16px 0;
  display: inline-block;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
.custLeft .edit-mode li {
  padding: 8px 0;
  border-bottom: none;
}
.custLeftCol01 {
  width: 60%
}
.custLeftCol02 {
  width: 38%;
  display: flex;
  justify-content: flex-end;
}
.custLeftCol02 a {
  margin-left: 16px;
  background: #FFA022;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.custLeftCol02 a img {
  width: 13px;
  height: auto;
}
.custLeft .cd-edit-fields .custLeftCol01 {
  width: 100%;
}
.custLeft li .lbl {
  display: inline-block;
  width: 100%;
  color: #848484;
}
.custLeft li .val {
  display: inline-block;
  width: 100%;
}
.custLeft li .val .cd-icon {
  float: right;
}
.custLeft li .edit {
  float: left;
  display: none;
  width: 100%;
  margin: 3px 0 0;
}
.custLeft li .edit .input-field {
  padding: 10px;
  border: none;
  background-color: #FFF;
  color: #2F3031;
  font-size: 15px;
  font-weight: bold;
  width: 210px;
  max-width: 100%;
}
.custRgt {
  width: calc(100% - 300px);
  padding: 42px 36px;
}
.custAcc > li {
  display: block;
  padding-bottom: 30px;
}
.custAcc > li > a {
  color: #2F3031;
  background: #E6E6E6;
  display: block;
  padding: 16px 45px;
  position: relative;
}
.custAcc > li > a:after {
  background: url(../images/down-arrow.svg) center center no-repeat;
  background-size: 20px auto;
  position: absolute;
  right: 26px;
  top: 50%;
  height: 20px;
  width: 20px;
  margin-top: -10px;
  content: '';
}
.custAcc > li > a.active:after {
  transform: rotate(180deg);
}
.custAccCont {
  background: #F2F2F2;
  padding: 17px 45px;
  display: none;
  overflow-y: auto;
  max-height: 300px;
}
.custAccCont.custAccCont_md {
  max-height: 450px;
  overflow: visible;
}
.custAccCont::-webkit-scrollbar {
  width: 10px;
}
.custAccCont::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.custAccCont::-webkit-scrollbar-thumb {
  background: #888;
}
.custAccCont::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.custAccCont.active {
  display: block;
}
.moveDetailList {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  max-width: 990px;
}
.moveDetailList li {
  width: 21%;
  margin: 0 2%;
  padding: 15px 0;
}
.moveDetailList li:nth-child(1),
.moveDetailList li:nth-child(2) {
  width: 46%;
}
.moveDetailList li label {
  display: block;
  margin: 0 0 10px;
  color: #848484
}
.moveDetailList li input,
.moveDetailList li select {
  background: #fff;
  height: 40px;
  border: 0;
  padding: 0 15px;
  width: 242px;
  display: none;
  max-width: 100%;
}
.moveDetailList li input[type="number"] {
  width: 90px;
  margin-left: 4px;
}
.moveDetailList li input.date {
  width: 175px;
  background: #fff url(../images/calendar.svg) calc(100% - 13px) center no-repeat;
  background-size: 15px auto;
  padding-right: 28px;
}
.moveDetailList .input-field {
  width: 100% !important;
  margin: 0 !important;
}
.moveDetailList .md-top {
  display: inline-block;
  width: 97%;
  margin: 0 3% 10px 0;
}
.moveDetailList .md-bottom {
  display: inline-block;
  width: 100%;
}
.moveDetailList .md-city,
.moveDetailList .md-state,
.moveDetailList .md-zip {
  float: left;
  width: 47%;
  margin: 0 3% 0 0;
}
.moveDetailList .autocomplete {
  width: 100%;
}
.moveDetailList .autocomplete-items {
  width: 170px;
  height: 200px;
  overflow: auto;
}
.custAccEdit {
  text-align: right;
}
.custAccEdit a {
  display: inline-block;
  color: #2164E8;
  text-transform: uppercase;
}
.custAccEdit a.saveCust {
  display: none;
}
.custTable table {
  border-collapse: collapse;
  border: 0;
  border-top: #D4D4D4 1px solid;
  border-right: #D4D4D4 1px solid;
  width: 100%;
}
.custTable th,
.custTable td {
  border-left: #D4D4D4 1px solid;
  border-bottom: #D4D4D4 1px solid;
  padding: 10px;
  text-align: center;
}
.custTable th:last-child,
.custTable td:last-child {
  text-align: left;
}
.custTable th {
  font-weight: 700;
}
.noteList li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 22px;
}
.noteUser {
  width: 170px;
  text-align: center;
  font-size: 18px;
  line-height: 20px;
  padding-right: 20px;
}
.noteUser i {
  display: inline-block;
  padding-bottom: 10px;
}
.noteUser span {
  display: block;
  font-weight: 700;
}
.noteDesc {
  padding: 30px;
  background: #E6E6E6;
  position: relative;
  width: calc(100% - 170px)
}
.noteDesc:after {
  right: 100%;
  top: 50%;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(230, 230, 230, 0);
  border-right-color: #E6E6E6;
  border-width: 20px;
  margin-top: -20px;
}
.noteDesc span {
  display: block;
  padding-bottom: 20px;
  text-decoration: underline;
}
.add-notes {
  display: inline-block;
  width: 100%;
}
.add-notes .btn {
  border-radius: 0;
}
.add-notes .an-btn-wrap {
  display: inline-block;
  width: 100%;
}
.add-notes .cnn-btn {
  float: right;
  margin: 0 0 22px;
}
.add-notes .new-note {
  display: none;
  width: 100%;
}
.add-notes .noteDesc {
  background-color: #FFF;
}
.add-notes .noteDesc::after {
  border-right-color: #FFF;
}
.add-notes .input-area {
  display: inline-block;
  height: 120px;
  width: 100%;
  border: none;
  appearance: none;
}
.transList {
  width: 152px;
  position: relative;
  margin-right: 12px;
}
.transListAnc {
  background: #E6E6E6 url(../images/down-arrow.svg) calc(100% - 13px) center no-repeat;
  background-size: 15px auto;
  color: #848484;
  padding: 0 20px;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  width: 100%;
}
.transList ul {
  position: absolute;
  right: 0;
  top: 100%;
  box-shadow: rgba(0, 0, 0, 0.2) 0 8px 8px;
  display: none;
  background: #E6E6E6;
  width: 322px;
  max-height: 340px;
  overflow: auto;
}
.transList ul::-webkit-scrollbar {
  width: 10px;
}
.transList ul::-webkit-scrollbar-track {
  background: #C8C8C8;
}
.transList ul::-webkit-scrollbar-thumb {
  background: #F2F2F2;
}
.transList ul::-webkit-scrollbar-thumb:hover {
  background: #F2F2F2;
}
.transList li {
  width: 100%;
  display: flex;
  padding: 12px 20px;
  justify-content: space-between;
  align-items: center;
}
.transList li:hover {
  background: #F2F2F2;
}
.transList li > div {
  width: calc(100% - 55px);
  font-size: 17px;
  line-height: 20px;
}
.transList li span {
  color: #848484;
  font-size: 12px;
  line-height: 14px;
  display: block;
}
.transList li em {
  font-size: 12px;
  line-height: 14px;
  display: block;
  padding: 5px 0;
  font-style: normal;
}
.transList li a {
  background: #FFA022;
  height: 44px;
  width: 44px;
  border-radius: 50%;
  visibility: hidden;
  padding: 12px;
}
.transList li a img {
  width: 20px;
  height: auto;
}
.transList li:hover a {
  visibility: visible;
}
.popBg {
  background: rgba(0, 0, 0, 0.3);
  height: 100%;
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999999;
  overflow-y: auto;
  display: none;
}
.popBgOut {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  width: 100%;
  height: 100%;
}
.popBgCont {
  width: 100%;
  max-width: 1000px;
  background: #fff;
  padding: 50px;
  position: relative;
}
#msgPop p {
  color: #2F3031;
  font-size: 25px;
  line-height: 50px;
  text-align: center;
}
#msgPop p a {
  text-decoration: underline;
  color: #2F3031;
}
.popClose {
  color: #848484;
  font-size: 34px;
  line-height: 34px;
  position: absolute;
  right: 20px;
  top: 10px;
  text-decoration: none;
  font-weight: 400;
}
#followPop .btn {
  line-height: 60px;
  height: 60px;
  width: 160px;
}
.xdsoft_datetimepicker.xdsoft_inline {
  display: flex;
}
.xdsoft_datetimepicker .xdsoft_datepicker {
  width: 50%;
  float: none;
  margin: 0;
  padding: 70px 80px 0 0;
  position: relative;
}
.xdsoft_datetimepicker .xdsoft_timepicker {
  width: 50%;
  float: none;
  margin: 0;
  padding: 70px 0 0 80px;
  border-left: #ccc 1px solid;
  position: relative;
}
.xdsoft_datetimepicker .xdsoft_datepicker:before,
.xdsoft_datetimepicker .xdsoft_timepicker:before {
  position: absolute;
  top: 0;
  color: #2F3031;
  text-transform: uppercase;
  width: calc(100% - 80px);
  text-align: center;
}
.xdsoft_datetimepicker .xdsoft_datepicker:before {
  content: "Confirm Date";
  right: 80px;
}
.xdsoft_datetimepicker .xdsoft_timepicker:before {
  content: "Confirm Time";
  left: 80px;
}
.xdsoft_today_button {
  display: none !important;
}
.xdsoft_datetimepicker .xdsoft_monthpicker {
  display: flex;
  justify-content: center;
  padding-bottom: 20px;
}
.xdsoft_datetimepicker .xdsoft_month,
.xdsoft_datetimepicker .xdsoft_year {
  width: auto;
}
.xdsoft_datetimepicker .xdsoft_label {
  font-size: 17px;
  line-height: 20px;
  font-weight: 400;
}
.xdsoft_prev,
.xdsoft_next {
  background: url(../images/down-arrow.svg) center center no-repeat !important;
  background-size: 17px auto !important;
  transform: rotate(90deg);
  opacity: 1 !important;
  width: 50px !important;
}
.xdsoft_next {
  transform: rotate(-90deg);
}
.xdsoft_datetimepicker .xdsoft_calendar td,
.xdsoft_datetimepicker .xdsoft_calendar th {
  color: #2F3031;
  font-size: 17px;
  font-weight: 400;
  background: none;
  border: 0;
  height: 50px;
  text-align: right;
}
.xdsoft_datetimepicker .xdsoft_calendar th {
  color: #848484;
  text-transform: uppercase;
  font-size: 14px;
}
.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,
.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
  background: #fff !important;
  box-shadow: none !important;
  color: #2164E8 !important;
  font-weight: 700 !important;
}
.xdsoft_time_variant {
  display: flex;
  flex-wrap: wrap;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div {
  color: #2F3031;
  font-size: 17px;
  line-height: 50px;
  height: 50px;
  border: 0;
  font-weight: 400;
  background: none;
  width: 33.33%
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
  border: 0;
  height: 200px;
}
.xdsoft_timepicker .xdsoft_prev {
  transform: rotate(180deg);
  width: 100%;
  margin-left: 156px !important;
}
.xdsoft_timepicker .xdsoft_next {
  transform: rotate(0deg);
  width: 100%;
  margin-left: 156px !important;
}

/*Divert Call Page
--------------------------*/
.diertCont {
  width: 100%;
  height: calc(100% - 80px);
  display: flex;
  align-items: center;
  justify-content: center;
}
.diertCont form {
  text-align: center;
  max-width: 400px;
}
.diertCont label {
  display: block;
  padding-bottom: 30px;
}
.diertCont input {
  width: 100%;
  height: 76px;
  background: #E6E6E6;
  padding: 16px 30px;
  font-size: 30px;
  color: #2F3031;
  margin-bottom: 30px;
  border: 0;
  text-align: center;
}
.diertCont button {
  min-width: 200px;
}
.diertContInput {
  width: 100%;
}

/*Transfer Page
--------------------------*/
.transCol {
  display: flex;
  justify-content: flex-start;
  min-height: calc(100% - 150px);
}
.transCol table {
  border: none;
  border-collapse: separate;
  border-spacing: 0;
  border-bottom: #cececf 1px solid;
  width: 100%;
}
.transCol th,
.transCol td {
  padding: 8px 15px;
  border-left: #cececf 1px solid;
  border-top: #cececf 1px solid;
  text-align: left;
  color: #2F3031;
}
.transCol th:first-child,
.transCol td:first-child {
  border-left: 0;
}
.transCol th {
  padding: 25px 20px;
  color: #848484;
  font-weight: 400;
  height: 100%;
  vertical-align: middle;
}
.transCol tr th:nth-child(1) {
  width: 100px;
}
.transCol tr th:nth-child(2) {
  width: 200px;
}
.transCol tr th:nth-child(3) {
  width: 160px;
}
.transCol td em {
  background: #EEE;
  border-radius: 5px;
  font-style: normal;
  line-height: 26px;
  padding: 0 10px;
  display: inline-block;
  margin-right: 14px;
}
.transCol td em.active {
  background: #2164E8;
  color: #fff
}
.addedTrMemb {
  background: #DDD;
}
.addedTrMemb input {
  background: #fff;
  width: 100%;
  height: 30px;
  padding: 0 15px;
  text-align: center;
  color: #9F9F9F;
  border: 0;
  border-radius: 5px;
}
.saveTd {
  position: relative;
}
.saveTd .btn-group {
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 100%;
}
.saveTd a {
  padding: 14px 20px;
  background: #0BAE48;
  color: #fff;
  height: 100%;
  line-height: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}
.saveTd .cls_member_cancel {
  background: #dc3545;
}
.membOut {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.membOut a.btn {
  background: #DDD
}
.switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 22px;
}
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 10px;
  background: #D0D0D0;
}
.slider .slick-track {
	background: #D0D0D0;
}
.campContent .slider:before {
	display:none;
}
.slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 3px;
  bottom: 3px;
  background-color: #848484;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 50%;
  background: #F3F3F3;
}
.switch input:checked + .slider{
  background: #4ED164;
}
.switch input:checked + .slider:before {
  -webkit-transform: translateX(17px);
  -ms-transform: translateX(17px);
  transform: translateX(17px);
  background: #fff;
}
#success_message,
#error_message {
  display: none;
  font-size: 18px;
  text-align: center;
  padding: 15px;
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}
#error_message {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}
.display_block {
  display: block;
}
.display_none {
  display: none;
}
.transfer-sec .transCol {
  margin-bottom: 50px;
}
.transfer-sec .transCol th {
  padding: 10px 25px;
}
.transfer-sec .addNewMemb {
  float: right;
  border-radius: 0;
  white-space: nowrap;
}
.ed-btn-group a{
  color: #9299B9;
  font-size: 20px;
  display: inline-block;
  margin: 0 5px;
}
.transfer-sec .ed-btn-group {
  float: right;
}
.addNewStaff, .addNewAccesories{
  font-size: 24px;
  padding: 0 15px;
}

/*.cls_member_edit,
.cls_member_delete {
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 0 0 15px;
  border: none;
  background-color: transparent;
  background-image: url(../images/edit.png);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  font-size: 0;
  cursor: pointer;
}
.cls_member_delete {
  background-image: url(../images/delete.png);
}*/
.amsify-suggestags-area {
  background-color: #FFF;
  border-radius: 5px;
}
.amsify-focus {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.amsify-suggestags-input-area .amsify-select-tag.col-bg {
  margin: 5px 0 0 5px;
  padding: 0 5px !important;
  border-radius: 3px;
}
.amsify-suggestags-area .amsify-suggestags-input-area-default {
  padding: 0 !important;
  border: none !important;
}
.amsify-suggestags-input-area .amsify-select-tag,
.amsify-suggestags-input-area .amsify-plus-tag {
  padding: 0 !important;
}
.amsify-suggestags-area .amsify-suggestags-input-area .amsify-suggestags-input {
  max-width: 120px !important;
  padding: 0 10px !important;
  text-align: left;
}
.autocomplete {
  position: relative;
  display: inline-block;
}
.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  z-index: 99;
  top: 100%;
  left: 0;
  right: 0;
}
.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #d4d4d4;
}
.autocomplete-items div:hover {
  background-color: #FFA022;
  color: #FFF;
}
.autocomplete-active {
  background-color: DodgerBlue !important;
  color: #ffffff;
}
.loader {
  background-color: rgba(0, 0, 0, .6);
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  z-index: 9999;
}
.loader::after {
  content: "";
  position: fixed;
  top: calc(50% - 25px);
  left: calc(50% - 25px);
  border: 5px solid #0BAE48;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
  border-top: 5px solid #fff;
  border-radius: 50%;
  width: 50px;
  height: 50px;
}
.calendar .ui-state-hover,
.calendar .ui-widget-content .ui-state-hover,
.calendar .ui-widget-header .ui-state-hover,
.calendar .ui-menu .ui-menu-item.ui-state-focus,
.calendar .ui-widget-content .ui-state-focus,
.calendar .ui-widget-header .ui-state-focus {
  border: none;
  background-color: transparent;
  color: #231f20;
}
.ui-widget.ui-widget-content.ui-menu {
  max-height: 180px;
  min-width: 230px;
  overflow-y: auto;
  overflow-x: hidden;
}
.ui-autocomplete .ui-menu-item {
  border: none;
}
.ui-autocomplete .ui-menu-item:nth-child(2n) {
  background-color: #F5F5F5;
}
.ui-menu .ui-menu-item-wrapper {
  position: relative;
  padding: 6px 10px !important;
  border: none !important;
  font-size: 16px;
  white-space: nowrap;
}
.ui-menu .ui-menu-item-wrapper.ui-state-active {
  background-color: #FFA022;
  color: #FFF;
}

/*Modal*/
.modalBg {
  display: none;
  content: ' ';
  background-color: rgba(0, 0, 0, 0.3);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
}
.modal {
  display: none;
  width: 1000px;
  background-color: #fff;
  position: absolute;
  top: 50vh;
  left: 50vw;
  transform: translateY(-50%);
  margin-left: -500px;
  z-index: 999;
}
.error-list li{
	text-decoration: none;
	color: red;
	margin-bottom: 10px;
}
.form-control.error {
	border-color:red;
}
.errorMsg{
  font-size: 11px;
  color: red;
  display: block;
  text-align: right;
  display: none;
}
.dispositionPopup .modal-head {
  text-align: center;
  font-size: 15px;
  padding: 25px 30px;
}
.dispositionPopup .modal-body {
  padding: 0 20px 20px 20px;
}
.dispositionPopup ul {
  display: flex;
  justify-content: center;
  align-content: center;
  flex-wrap: wrap;
  width: 100%;
}
.dispositionPopup li a {
  display: block;
  font-size: 13px;
  font-weight: bold;
  color: #fff;
  width: 200px;
  height: 80px;
  padding: 10px;
  margin: 0 11px 21px 11px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.dispositionPopup .redBg {
  background-color: #F36;
}
.dispositionPopup .yellowBg {
  background-color: #D0B200;
}
.dispositionPopup .blueBg {
  background-color: #459FE3;
}
.dispositionPopup .pinkBg {
  background-color: #D80B8F;
}
.dispositionPopup .coffeeBg {
  background-color: #A44200;
}
.dispositionPopup .purpleBg {
  background-color: #6A3499;
}
.dispositionPopup .balckBg {
  background-color: #3B3B3B;
}
.tableOut th.leadTime input,
.tableOut th.callTime input {
  min-width: 90px;
  padding-right: 10px;
  background-image: none;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/*Moving Lead Page
------------------------------*/
.tlTopTable { display: inline-block; width: 100%; padding: 30px 45px; border-bottom: 1px solid #cececf; }
.tlTopTable .table-reponsive {
  height: 200px; overflow: auto; border: 1px solid #cececf;
}
.tablelead-scroller .tlt-reponsive { width: 100%; overflow-x: auto; overflow-y: hidden; }

.tablelead {
  border: none;
  border-bottom: #cececf 1px solid;
  border-top: #cececf 1px solid;
  border-collapse: separate;
  border-spacing: 0;
  position: relative;
  display: flex;
}
.tablelead-table {
  border: none;
  border-collapse: separate;
  border-spacing: 0;
  min-width: 100%;
}
.tablelead-table thead th,
.tablelead-table tbody td {
  padding: 10px;
  border-right: #cececf 1px solid;
  border-bottom: #cececf 1px solid;
  text-align: left;
  white-space: nowrap;
}
.tablelead-table tr:hover {
  background: #F2F2F2
}
.tablelead-table th {
  color: #848484;
  font-weight: 400;
  height: 100%;
  height: 80px;
  vertical-align: middle;
}
.tablelead-scroller {
  overflow-x: auto;
  overflow-y: visible;
  width: calc(100% - 410px);
}
.tablelead-scroller::-webkit-scrollbar {
  height: 10px;
}
.tablelead-scroller::-webkit-scrollbar-track {
  background: #E6E6E6;
}
.tablelead-scroller::-webkit-scrollbar-thumb {
  background: #8E8E8E;
}
.tablelead-scroller::-webkit-scrollbar-thumb:hover {
  background: #8E8E8E;
}
.tableleadLeft {
  min-height: calc(100vh - 56px);
  border-right: #cececf 1px solid;
  width: 410px;
}
.tableleadLeftHead {
  font-size: 18px;
  line-height: 26px;
  font-weight: 700;
  display: flex;
  justify-content: space-between;
  height: 80px;
  align-items: center;
  padding: 0 22px 0 47px;
  background: #E6E6E6;
}
.tableleadLeftHead span {
  font-size: 14px;
  font-weight: 400;
  color: #8E7424
}
.tableleadLeftSubHead {
  height: 74px;
  align-items: center;
  padding: 0 22px 0 47px;
  background: #F2F2F2;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.tableleadLeftSubHead > span {
  color: #848484;
}
.tableleadLeftSubHead span.leadDateChoose {
  color: #2F3031
}


.rangeDateInput { position: absolute; top: 0; left: 0; display: inline-block; height: 30px; width: auto; cursor: pointer; }
.rangeDateInput.openCal {  }
.datePickPop.openCalPopup { display: block; }

.tableleadLeftSubHead > .leadDate { position: relative; display: inline-block; width: 30px; cursor: pointer; }
tr.no_data td { border-right: none; text-align: center; }


.custCheck {
  display: inline-block;
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-right: 20px;
}
.custCheck input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #E6E6E6;
}
.custCheck:hover input ~ .checkmark {
  background-color: #ccc;
}
.custCheck input:checked ~ .checkmark {
  background-color: #2164E8;
}
.custCheck .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.custCheck input:checked ~ .checkmark:after {
  display: block;
}
.custCheck .checkmark:after {
  left: 7px;
  top: 3px;
  width: 3px;
  height: 8px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.custRadio {
  display: inline-block;
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-right: 20px;
}
.custRadio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.custRadio .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #eee;
  border-radius: 50%;
}
.custRadio:hover input ~ .checkmark {
  background-color: #ECECEC;
}
.custRadio input:checked ~ .checkmark {
  background-color: #ECECEC;
}
.custRadio .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.custRadio input:checked ~ .checkmark:after {
  display: block;
}
.custRadio .checkmark:after {
  top: 4px;
  left: 4px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #40424F;
}
.tableleadTable {
  position: relative;
  padding: 8px 8px 100px;
  height: calc(100vh - 210px);
  overflow: auto;
}
.tableleadTable::-webkit-scrollbar {
  height: 10px;
}
.tableleadTable::-webkit-scrollbar-track {
  background: #E6E6E6;
}
.tableleadTable::-webkit-scrollbar-thumb {
  background: #8E8E8E;
}
.tableleadTable::-webkit-scrollbar-thumb:hover {
  background: #8E8E8E;
}
.tableleadTable td,
.tableleadTable th {
  text-align: left;
  padding: 10px 8px;
}
.tableleadTable tr th:nth-child(2) {
  width: 230px;
}

.tlt-wrap { position: relative; padding: 0; }
.tlt-wrap .search-action {
  position: absolute; top: auto; bottom: 0; left: 0; width: 100%; padding: 26px 10px; border-top: 1px solid #D4D4D4;
  background-color: #FFF; text-align: center;
}
.tlt-wrap .search-action .btn { width: 180px; border-radius: 0; }


..narrowCol {
  position: relative;
  padding-bottom: 30px;
}
.logout {
  position: absolute;
  left: 0;
  bottom: 10px;
  padding: 0 15px 0 25px;
}
.logout a {
  line-height: 18px;
}
.logout i {
  display: inline-block;
  margin-right: 15px;
  width: 20px;
}
.tableleadLeftSubHead a.cardAdd {
  background: #2164E7;
  color: #fff;
  font-size: 30px;
  line-height: 40px;
  width: 44px;
  height: 44px;
  text-align: center;
  font-weight: 700;
  display: inline-block;
}
.cardTable table {
  border: none;
  border-collapse: separate;
  border-spacing: 0;
  min-width: 100%;
  border-top: #cececf 1px solid;
}
.cardTable thead th,
.cardTable tbody td {
  padding: 10px;
  border-right: #cececf 1px solid;
  border-bottom: #cececf 1px solid;
  text-align: left;
  white-space: nowrap;
}
.cardTable tr th:last-child,
.cardTable tr td:last-child,
.cardTable tr th:nth-child(3),
.cardTable tr td:nth-child(3) {
  border-right: 0;
}
.cardTable th {
  color: #848484;
  font-weight: 400;
  vertical-align: middle;
}
.cardDelete {
  text-align: center;
  display: block;
  opacity: 0
}
.cardDelete img {
  width: 14px;
  height: auto;
}
.cardTable tr:hover .cardDelete {
  opacity: 1
}
.payTab {
  display: flex;
  border-bottom: #cececf 1px solid;
  margin-bottom: 20px;
}
.payTab li {
  border-right: #cececf 1px solid
}
.payTab li a {
  color: #848484;
  padding: 0 28px;
  line-height: 58px;
  display: inline-block;
  position: relative;
}
.payTab li a.active {
  color: #2F3031;
  font-weight: 700
}
.payTab li a.active:after {
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: -1px;
  background: #fff;
  content: '';
}
.payTabCont {
  display: none;
}
#payTab01 {
  display: block;
}
.payTabCont .tableleadLeft {
    min-height: calc(100vh - 135px);
}
.transHead {
  background: #F2F2F2;
  padding: 10px 52px 10px 41px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.transHeadLeft {
  display: flex;
}
.transHeadLeft li {
  padding-right: 30px;
  line-height: 44px;
}
.transHeadLeft li span {
  font-weight: 700;
}
.transHeadRgt {
  display: flex;
  align-items: center;
}
.blueBtn {
  color: #fff;
  background: #2164E8;
  line-height: 44px;
  display: inline-block;
  min-width: 130px;
  text-align: center;
  font-weight: 700;
}
.transHeadRgt select {
  background: #fff url(../images/down-arrow.svg) calc(100% - 15px) center no-repeat;
  height: 44px;
  padding: 0 30px 0 15px;
  width: 184px;
  background-size: 15px auto;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
}
.transDate {
  position: relative;
  background: #fff;
  height: 44px;
  padding: 7px 15px;
  margin: 0 13px 0 23px;
  display: flex;
  align-items: center;
}
.transDate a {
  display: inline-block;
  margin-left: 24px;
  width: 30px;
}
.transTable {
  width: 100%;
  overflow: auto;
}
.transTable::-webkit-scrollbar {
  height: 10px;
}
.transTable::-webkit-scrollbar-track {
  background: #E6E6E6;
}
.transTable::-webkit-scrollbar-thumb {
  background: #8E8E8E;
}
.transTable::-webkit-scrollbar-thumb:hover {
  background: #8E8E8E;
}
.transTable table {
  border: none;
  border-collapse: separate;
  border-spacing: 0;
  min-width: 100%;
  border-bottom: #cececf 1px solid;
}
.transTable thead th,
.transTable tbody td {
  padding: 10px;
  border-right: #cececf 1px solid;
  border-top: #cececf 1px solid;
  text-align: left;
  white-space: nowrap;
}
.transTable th {
  padding-top: 30px;
  color: #848484;
  font-weight: 400;
  height: 100%;
}
.transSubHead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 52px 10px 41px;
}
.transSubHeadLeft {
  display: flex;
  align-items: center;
}
.transSubHeadLeft select {
  background: #E6E6E6 url(../images/down-arrow.svg) calc(100% - 10px) center no-repeat;
  height: 30px;
  padding: 0 30px 0 15px;
  width: 60px;
  background-size: 10px auto;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  margin: 0 10px;
}
.transSubHeadRgt input {
  background: #E6E6E6 url(../images/loupe.svg) calc(100% - 15px) center no-repeat;
  height: 40px;
  padding: 0 30px 0 15px;
  width: 211px;
  background-size: 14px auto;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
}
.monthForm {
  padding: 0 50px;
}
.monthForm select {
  background: #E6E6E6 url(../images/down-arrow.svg) calc(100% - 10px) center no-repeat;
  height: 44px;
  padding: 0 30px 0 15px;
  width: 291px;
  background-size: 10px auto;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  margin: 0 22px 0 0;
}
.monthForm button {
  color: #fff;
  background: #2164E8;
  line-height: 44px;
  display: inline-block;
  min-width: 206px;
  text-align: center;
  font-weight: 700;
  border: 0;
  cursor: pointer;
}
.notiTable {
  width: 100%;
  overflow: auto;
}
.notiTable::-webkit-scrollbar {
  height: 10px;
}
.notiTable::-webkit-scrollbar-track {
  background: #E6E6E6;
}
.notiTable::-webkit-scrollbar-thumb {
  background: #8E8E8E;
}
.notiTable::-webkit-scrollbar-thumb:hover {
  background: #8E8E8E;
}
.notiTable table {
  border: none;
  border-collapse: separate;
  border-spacing: 0;
  min-width: 100%;
  border-bottom: #cececf 1px solid;
}
.notiTable thead th,
.notiTable tbody td {
  padding: 0 20px;
  border-right: #cececf 1px solid;
  border-top: #cececf 1px solid;
  text-align: left;
  white-space: nowrap;
  vertical-align: middle;
}
.notiTable thead th { padding: 20px; }
.notiTable th {
  padding-top: 30px;
  color: #848484;
  font-weight: 400;
  height: 100%;
}
.notiTable .switch {
  margin: 0 5px;
}
.notiTable .custCheck {
  margin: 16px 0;
  display: block;
  line-height: 18px;
}
.notiContRgt input[type="text"] {
  background: #E6E6E6;
  height: 40px;
  padding: 0 12px;
  width: 158px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
}
.notiContRgt input.calInput {
  background: #E6E6E6 url(../images/calendar.svg) calc(100% - 10px) center no-repeat;
  padding: 0 43px 0 12px;
  background-size: 30px auto;
}
.notiCont {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.notiContLeft {
  width: 400px;
}
.debitCardTra { display: inline-block; width: 100%; margin: 0 0 7px; }
.notiContRgt label,
.notiContLeft p {
  color: #848484;
  font-size: 10px;
  line-height: 12px;
  display: block;
  padding-bottom: 5px;
}
.custCheckOut {
  display: flex;
  margin: 0 -9px;
}
.custCheckinn {
  padding: 0 9px;
}
.ms-options-wrap {
  position: relative;
}
.addCardPop{
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
  display: none;
}
.addCardInn{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}
.addCardCont{
  background: #F2F2F2;
  padding: 42px 64px;
  width: 537px;
  position: relative;
}
.addCardTitle{
  font-size: 18px;
  line-height: 20px;
  padding-bottom: 28px;
  color: #2F3031
}
.addCardCont label{
  display: block;
  color: #848484;
  padding: 0 4px 5px;
}
.addCardCont input[type="text"]{
  width: 100%;
  height: 40px;
  background:#fff;
  padding: 0 18px;
  border: 0;
}
.addCardCont button {
  color: #fff;
  background: #2164E8;
  line-height: 44px;
  display: inline-block;
  min-width: 164px;
  text-align: center;
  border: 0;
  margin-top: 32px;
  cursor: pointer;
}
.addCardCont li{
  display: block;
  padding: 8px 0;
  margin: 0 -4px;
}
.addCardInp{
  display: inline-block;
  padding: 0 4px;
}
.addCardInp201{
  width: 201px;
}
.addCardInp234{
  width:200px;
}
.addCardInp93{
  width:116px;
}
.addCardInp65{
  width:82px;
}
.addCardInp301{
  width:301px;
}
.addCardInp102{
  width:102px;
}
.addCardClose{
  color: #2F3031;
  font-size: 18px;
  line-height: 30px;
  width: 30px;
  text-align: center;
  position: absolute;
  right: 5px;
  top: 5px;
}
/*Timepicker
----------------------*/
.ui-timepicker-container {
  position: absolute;
  overflow: hidden;
  box-sizing: border-box
}
.ui-timepicker,
.ui-timepicker-viewport {
  box-sizing: content-box;
  height: 205px;
  display: block;
  margin: 0
}
.ui-timepicker {
  list-style: none;
  padding: 0 1px;
  text-align: center
}
.ui-timepicker-viewport {
  padding: 0 !important;
  overflow: auto;
  overflow-x: hidden;
  min-width: 100%;
}
.ui-timepicker-standard {
  background-color: #FFF;
  border: none;
  color: #222;
  margin: 0;
  padding: 0;
}
.ui-timepicker-standard a {
  border: 1px solid transparent;
  color: #222;
  display: block;
  padding: .2em .4em;
  text-decoration: none
}
.ui-timepicker-standard .ui-state-hover {
  background-color: #DADADA;
  border: 1px solid #999;
  font-weight: 400;
  color: #212121
}
.ui-timepicker-standard .ui-menu-item {
  margin: 0;
  padding: 0
}
.ui-timepicker-corners,
.ui-timepicker-corners .ui-corner-all {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px
}
.ui-timepicker-hidden {
  display: none
}
.ui-timepicker-no-scrollbar .ui-timepicker {
  border: none
}
.ui-timepicker .ui-timepicker-viewport .ui-menu-item {
  min-width: 100%;
  border-radius: 0;
}
.ui-timepicker .ui-timepicker-viewport .ui-menu-item .ui-corner-all {
  min-width: 100%;
  border-radius: 0;
}
.pagination-wrap {
  padding: 50px 20px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.25rem;
}
.page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #6F87EE;
  background-color: #fff;
  border: 1px solid #dee2e6;
}
.page-link:hover {
  color: #0056b3;
  text-decoration: none;
  background-color: #e9ecef;
  border-color: #dee2e6;
}
.page-link:focus {
  z-index: 2;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.page-link:not(:disabled):not(.disabled) {
  cursor: pointer;
}
.page-item:first-child .page-link {
  margin-left: 0;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.page-item:last-child .page-link {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.page-item.active .page-link {
  z-index: 1;
  color: #fff;
  background-color: #6F87EE;
  border-color: #6F87EE;
}
.page-item.disabled .page-link {
  color: #6c757d;
  pointer-events: none;
  cursor: auto;
  background-color: #fff;
  border-color: #dee2e6;
}
.pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
  line-height: 1.5;
}
.pagination-lg .page-item:first-child .page-link {
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}
.pagination-lg .page-item:last-child .page-link {
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.pagination-sm .page-link {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
}
.pagination-sm .page-item:first-child .page-link {
  border-top-left-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
}
.pagination-sm .page-item:last-child .page-link {
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}
.justify-content-center {
  -webkit-box-pack: center!important;
  -ms-flex-pack: center!important;
  justify-content: center!important;
}
.pagi-goto{
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.pagi-goto span{
  display: inline-block;
  padding-right: 10px;
}
.pagi-goto input.form-control{
  width: 50px;
  height: 33px;
}

/*datepicker UI
-----------------------*/
.ui-widget {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 14px;
}
.tableleadLeftSubHead{
  position: relative;
}
.datePickPop{
  position: absolute;
  left: 100%;
  top: 0;
  display: none;
}
.datePickPopInner{
  background: #fff;
  border: #8E8E8E 1px solid;
  width: 850px;
  display: flex;
  position: relative;
}
.datePickPopInner:after, .datePickPopInner:before {
  right: 100%;
  top: 38px;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.datePickPopInner:after {
  border-color: rgba(255, 255, 255, 0);
  border-right-color: #fff;
  border-width: 20px;
  margin-top: -20px;
}
.datePickPopInner:before {
  border-color: rgba(0, 0, 0, 0);
  border-right-color: #8E8E8E ;
  border-width: 21px;
  margin-top: -21px;
}
.datePickPopLeft{
  max-width: 100%;
  width: 650px;
  padding: 40px;
  border-right: #8E8E8E 1px solid;
}
.datePickPopRgt{
    padding: 42px;
    font-size: 12px;
}
.calendar .datepicker-wrap {
  position: relative;
  display: inline-block;
  height: 380px;
  width: 380px;
}
.calendar input[type='text'] {
  position: absolute;
  height: 0;
  width: 0;
  margin: 0 0 0 -80px;
  padding: 0;
  opacity: 0;
}
#datepicker {
  display: block;
  width: 100%;
  font-weight: 400;
}
.ui-datepicker {
  width: auto;
  padding: .2em .2em 0;
  border: none;
}
.ui-datepicker table {
  width: 90% !important;
  font-size: inherit;
  border-collapse: collapse;
  margin: 15px !important;
}
.ui-datepicker .ui-datepicker-header {
  padding: 0;
  border: none;
  background:none;
  color: #000;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev.ui-state-hover,
.ui-datepicker .ui-datepicker-next.ui-state-hover {
  margin: 0;
  border: none !important;
  background:#A6ACC6 url(../images/ico-arrow.svg) center center no-repeat;
  cursor: pointer;
  height: 42px !important;
  width: 42px !important;
  border-radius: 5px;
  background-size: auto 16px;
}
.ui-datepicker .ui-datepicker-prev {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
  left: 20px !important;
  top: 15px !important;
}
.ui-datepicker .ui-datepicker-next {
    right: 20px !important;
    top: 15px !important;
}
.ui-datepicker .ui-datepicker-title {
  color: #2F3031;
  line-height: 20px;
  font-weight: 400;
  font-size: 20px;
  padding:16px 0;
  color: #40424F;
 }
.ui-datepicker th {
  font-weight: normal;
  border: 0;
  color: #40424F;
  padding: .7em .3em;
  text-align: center;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 12px;
}
.ui-datepicker td {
  height: 30px;
  width: 30px;
}
.ui-datepicker .ui-datepicker-calendar .ui-state-hover,
.ui-datepicker .ui-datepicker-calendar .ui-state-active,
.ui-datepicker .ui-datepicker-calendar .ui-widget-content .ui-state-hover {
  border: none;
  background: #A6ACC6 !important;
  color: #FFF !important;
  border-radius: 0;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: 0;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
    padding: 0;
    background: none;
    color: #5C648A !important;
    font-size: 12px;
    font-weight: 400;
}
.ui-state-disabled, .ui-widget-content .ui-state-disabled {
    opacity: .5;
    filter: Alpha(Opacity=50);
}
.ui-widget-header .ui-state-disabled{
  display: none;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default,
.ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
  border: none !important;
  background: none !important;
}

.calendar .ui-state-hover,
.calendar .ui-widget-content .ui-state-hover,
.calendar .ui-widget-header .ui-state-hover,
.calendar .ui-menu .ui-menu-item.ui-state-focus,
.calendar .ui-widget-content .ui-state-focus,
.calendar .ui-widget-header .ui-state-focus {
  border: none;
  background-color: transparent;
}
.ui-datepicker {
  background: none;
  border: 0;
}
.ui-widget.ui-widget-content {
  border: 0 !important;
  /* width: auto !important; */
  padding: 0;
  margin: 0;
}
.ui-datepicker-calendar .ui-state-highlight,
.calendar .ui-state-hover.ui-state-highlight,
.calendar .ui-widget-content .ui-state-default.ui-state-hover,
.ui-datepicker-calendar .ui-widget-content .ui-state-highlight,
.ui-datepicker-calendar .ui-widget-header .ui-state-highlight {
  border: none;
  background-color: #4166B0;
  color: #FFF;
  border-radius: 0;
}

.ui-icon, .ui-widget-content .ui-icon { background-image: none !important; }

.calender .ui-datepicker-inline {
  display: inline-block;
  max-width: 100%;
  width: 700px !important;
}
.datePickPopRgt dl{
  padding-bottom: 20px;
}
.datePickPopRgt dt{
  padding-bottom: 15px;
}
.datePickPopRgt dt a{
  color: #4166B0;
  text-decoration: underline;
}
.datePickPopRgt dd{
  display: block;
  padding-bottom: 10px;
}
.fromDate{
  padding-bottom: 10px;
}
.toDate{
  padding-bottom: 20px;
}
.fromDate span, .toDate span{
  color: #848484
}
.dateBtn{
  background: #4166B0;
  color: #fff;
  display: block;
  width: 100%;
  text-align: center;
  height: 34px;
  line-height: 34px;
}
.grey-active {
	background-color:#ddd;
}

.hidenDatePicker { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; }

/*Datepicker End here
------------------------------*/


.daterangepicker.show-calendar .ranges { padding: 15px; }
.daterangepicker .ranges li { font-size: 14px !important; }

.daterangepicker .ranges li.active { background: #4166B0 !important; }
.daterangepicker .drp-calendar { max-width: 300px !important; }
.daterangepicker .drp-calendar.left { padding: 30px !important; }
.daterangepicker .drp-calendar.right { padding: 30px !important; }

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
  min-width: 36px !important; width: 36px !important; height: 28px !important; line-height: 28px !important;
  font-size: 14px !important;
}
.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
  margin: 10px 0 0;
}

.daterangepicker .drp-buttons .btn {
  display: inline-block;
  background: #4166B0;
  color: #fff;
  width: auto;
  height: auto;
  padding: 10px 30px !important;
  line-height: normal;
  border-radius: 0;
  webkit-border-radius: 0;
}
.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: #4166B0 !important; color: #FFF !important;
}
.daterangepicker td.start-date, .daterangepicker td.end-date {
  border-radius: 0 !important;
  webkit-border-radius: 0 !important;
}
.daterangepicker .drp-selected { padding: 10px 0 0; }
.menuToggle{
  padding: 20px 0 32px;
  text-align: right;
}
.menuToggle a{
  display: inline-block;
  margin-right: 18px;
}
.menuToggle svg{
  color: #CBD2EC;
  font-size: 20px;
  display: inline-block;
  width: 24px;
}
#leftNavigation ul{
  width: 210px;
}
#leftNavigation li{
  position: relative;
}
#leftNavigation li a{
  color: #5C648A;
  font-size: 14px;
  line-height: 24px;
  padding: 15px 20px;
  position: relative;
  display: block;
}
#leftNavigation li svg{
  color: #9299B9;
  font-size: 20px;
  display: inline-block;
  margin-right: 10px;
  width: 24px;
}
#leftNavigation li a:hover, #leftNavigation li.active a{
 background: #DAE0F6;
 color: #5C648A;
 font-weight: 700;
}
#leftNavigation li:hover:after, #leftNavigation li.active:after{
  position: absolute;
  left: calc(100% - 4px);
  top: 0;
  width: 3px;
  height: 100%;
  background: #40424F;
  content: '';
  transition: left 0.2s linear;
}
.narrowCol.active #leftNavigation li.active:after{
  left: 56px;
}
#leftNavigation li:hover svg, #leftNavigation li.active svg {
  color: #000;
}
.blackOver{
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.2);
  z-index: 99999;
  display: none;
}
.leadPopInner{
  position: fixed;
  right: -500px;
  top: 0;
  width: 500px;
  height: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  z-index: 999999;
  overflow: hidden;
  overflow-y: auto;
  transition:right 0.3s linear;
}
.leadPopInner.active{
  right: 0;
}
.leadPopInner::-webkit-scrollbar {
  width: 10px;
}
.leadPopInner::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.leadPopInner::-webkit-scrollbar-thumb {
  background: #888;
}
.leadPopInner::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.leadPopCont{
  position: relative;
  background: #ffff;
  padding: 32px 0 18px;
  min-height: 100%;
}

.leadPopCont li .invalid-feedback {
  white-space: nowrap;
}

.leadPopClose{
  position: absolute;
  left: 15px;
  top: 10px;
}
.leadPopClose svg{
  color: #40424F;
  font-size: 16px;
}
.leadPopCont ul{
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  border-top: #DAE0F6 1px solid;
  padding: 14px 28px 7px;
  flex-wrap: wrap;
}
.leadPopCont ul:first-child{
  padding-top: 0;
  border: 0;
}
.leadPopCont li{
  width: 50%;
  padding: 0 12px 7px;
}
.leadPopCont li.third{
  width: 33.33%;
}
.leadPopCont li.full{
  width: 100%;
}
.leadPopCont span {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 5px;
    color: #40424F;
    font-size: 12px;
}
.leadPopCont em{
  font-style: normal;
}
.leadPopCont span a{
  color: #6F87EE;
}
.leadPopCont .form-control{
  height: 42px;
}
.leadPopCont .btn{
  width: 100%;
  text-align: center;
  margin-top: 12px;
}
.narrowCol, .wideCol, .narrowCol .logo{
  transition: width .3s;
}
.menuToggle a{
   transition: transform .3s ease-in-out;
}
.narrowCol.active{
  width: 60px;
}
/* .narrowCol.active .logo{
  width: 22px;
} */
a.header-logo {
  width: 200px;
  display: block;
}
.narrowCol.active #leftNavigation li span{
  opacity: 0;
}
.wideCol.active {
  width: calc(100% - 60px);
}
.menuToggle a.active {
  transform: rotate(180deg);
}
.dualCalOut{
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 999999;
  display: none;
}
.dualCal{
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dualCalInner{
  position: relative;
  background: #ffff;
  padding: 32px;
  width: 100%;
  max-width: 700px;
}
.dateBtns{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-top: 15px;
}
.dualCalOutClose{
  position: absolute;
  right: 15px;
  top: 10px;
}
.dualCalOutClose svg{
  color: #40424F;
  font-size: 16px;
}


/* custom checkbox */
/*.custCheck {
  display: inline-block;
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin:5px 20px 0 0;
  font-size: 12px;
}
.custCheck input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #F4F7F9;
  border: 1px solid #DAE0F6;
}
.custCheck:hover input ~ .checkmark {
  background-color: #ccc;
}
.custCheck input:checked ~ .checkmark {
  background-color: #9299B9;
}
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.custCheck input:checked ~ .checkmark:after {
  display: block;
}
.custCheck .checkmark:after {
  left: 6px;
  top: 2px;
  width: 3px;
  height: 8px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}*/

.sortOverlay{
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0,0,0,0.2);
  z-index: 99999;
  display: none;
}
.sortList{
  position: absolute;
  right: 0;
  top: calc(100% + 10px);
  background: #fff;
  z-index: 999999;
  border-radius: 5px;
  width: 620px;
  display: none;
}
.sortList dl{
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.sortList dd{
  display: inline-block;
  margin: 0;
  padding: 18px 15px;
  border-left: #DAE0F6 1px solid;
}
.sortList dd:first-child{
  border: 0;
 }
.sortList dd label{
  margin: 0;
}

.filterOverlay{
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0,0,0,0.2);
  z-index: 99999;
  display: none;
}
.filterList{
  position: absolute;
  right: 0;
  top: calc(100% + 10px);
  padding: 15px;
  background: #fff;
  z-index: 999999;
  border-radius: 5px;
  width: 600px;
  display: none;
}
.filterListInner {
  display: flex ;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.filterListInner dl{
  padding: 0 15px;
}
.filterListInner dt, .filterListInner dd{
  width: 100%;
  padding: 0 0 8px;
}
.filterListInner dt{
  color: #9299B9;
}
.filterBtns a:first-child{
  color: #9299B9;
  margin-right: 20px;
}
.userThumb {
  margin-left: 20px;
  position: relative;
  display: inline-block;
}
.userThumbico{
  text-align: center;
  background: #9299B9;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: inline-block;
  background-position: center center;
  line-height: 37px;
  color: #fff;
  font-size: 20px;
}

.profOverlay{
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0,0,0,0.2);
  z-index: 99999;
  display: none;
}
.profPop{
  position: absolute;
  right: 0;
  top: calc(100% + 10px);
  padding: 25px;
  background: #fff;
  z-index: 999999;
  border-radius: 5px;
  width: 400px;
  display: none;
}
.profPopClose {
  position: absolute;
  right: 10px;
  top: 10px;
}
.profPopClose svg {
    color: #40424F;
    font-size: 16px;
}
.profPopicoOut{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 15px;
}
.profPopico{
  background: #9299B9;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: inline-block;
  overflow: hidden;
  position: relative;
  line-height: 37px;
  color: #fff;
  font-size: 20px;
  text-align: center;
}

.profPopico img{
  width: 40px; height: 40px; object-fit: cover; object-position: 50% 50%;
}
.profPopCont{
  width: calc(100% - 60px);
}
.profPopCont span{
  color: #40424F;
  display: block;
  font-size: 14px;
}
.profPopCont a{
  color: #9299B9;
  display: inline-block;
  font-size: 14px;
}
.profPop dd{
    padding: 5px 0;
}
.profPop dd a{
  color: #9299B9;
  display: inline-block;
  font-size: 14px;
}
.applyCont{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 20px;
}
.applyCont a{
  color:#6F87EE ;
  font-size: 15px;
  font-weight: 700;
}
.prefCont{
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
}
.prefLeft{
    width: 75%;
}
.prefLeft table{
  width:100%;
  border-collapse: collapse;
  border-spacing: 0;
  border: 0;
  border-top: #DAE0F6 1px solid;
}
.prefLeft th, .prefLeft td{
    border-left: #DAE0F6 1px solid;
    border-bottom: #DAE0F6 1px solid;
    padding: 10px;
    text-align: left;
}
.prefLeft th:first-child, .prefLeft td:first-child{
  border-left: 0;
}
.prefLeft label{
  margin: 0;
}
.prefRgt{
    width: 25%;
    border-top: #DAE0F6 1px solid;
    border-left: #DAE0F6 1px solid;
}
.prefRgtTitle{
    border-bottom: #DAE0F6 1px solid;
    color: #9299B9;
    font-weight: 700;
    text-align: center;
    padding: 10px;
}
.prefRgtCont{
    min-height: 50vh;

}
.prefRgtCont li{
  padding: 10px 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 12px;
}
.prefRgtCont li span{
    width: calc(100% - 40px);
    display: inline-block;
}
.prefRgtCont li span svg{
  color: #9299B9;
  margin-right: 10px;
}
.prefRgtCont li a{
    width: 30px;
    display: inline-block;
}
.prefRgtCont li a svg{
  color: #9299B9;
}
.leadDetailHead{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 28px;
  border-bottom: #DAE0F6 1px solid;
}
.leadDetailHeadLeft{
  color: #9299B9;
  font-size: 12px;
  font-weight: 700;
}
.leadDetailHeadLeft span{
  margin-left: 14px;
  padding-left: 14px;
  border-left: #9299B9 1px solid;
  display: inline-block;
  color: #40424F;
  font-weight: 400;
}
.leadDetailHeadLeft span.nobor{
  border: 0;
  padding: 0;
  margin: 0;
}
.leadDetailHeadLeft svg{
  color: #9299B9;
  margin-right: 8px;
  font-size: 16px;
}
.leadDetailHeadRgt a, .saveLocationMap{
  color: #6F87EE;
  font-size: 15px;
  font-weight: 700;
  text-transform: capitalize;

}
.leadDetailCont{
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  min-height: calc(100% - 170px);
}
.editLocPage .leadDetailCont{
  min-height: calc(100vh - 140px);
}
.campContent {
  display: none;
}
.campContent.active {
  display: block;
}
.campainDetailForm{
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding: 30px 15px;
}
.campainDetailForm li {
    width: 50%;
    padding: 0 15px 15px;
}
.campainAccessMain .campainDetailForm{
  margin: 0 -15px;
}
.campainAccessMain .campainDetailForm li {
    width: calc(50% - 60px);
    padding: 0 15px 15px;
}
.campainAccessMain .campainDetailForm li.add_new_email,
.campainAccessMain .campainDetailForm li.remove_new_email,
.campainAccessMain .campainDetailForm li.add_new_granot,
.campainAccessMain .campainDetailForm li.remove_new_granot,
.campainAccessMain .campainDetailForm li.add_new_sms,
.campainAccessMain .campainDetailForm li.remove_new_sms,
.campainAccessMain .campainDetailForm li.add_new_crm,
.campainAccessMain .campainDetailForm li.remove_new_crm{
  width: 60px;
}
.crm_url,
.crm_name{
  margin-top: 5px;
}
.add_email,
.remove_email,
.add_granot,
.remove_granot,
.add_sms,
.remove_sms,
.add_crm,
.remove_crm {
  background: #FFA022;
  height: 30px;
  width: 30px;
  text-align: center;
  line-height: 28px;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  margin-top: 34px;
}
.remove_email,
.remove_granot,
.remove_sms,
.remove_crm{
  background: red;
}
.campainDetailForm li.full {
    width: 100%;
    padding-top: 45px;
}
.campainDetailForm li span {
    display: block;
    padding-bottom: 5px;
    color: #40424F;
    font-size: 12px;
}
.campaignSize {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding-top: 5px;
  margin: 0 -15px;
}
.campaignSize dd{
  padding: 0 15px 15px;
  width: 33.33%;
}
.leadDetailContLeft{
  width: 200px;
  border-right: #9299B9 1px solid;
  padding-left: 10px;
  padding-top: 10px;
}
.leadDetailContLeft li {
    position: relative;
}
.leadDetailContLeft li a {
    color: #9299B9;
    font-size: 13px;
    line-height: 24px;
    padding: 10px 15px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.leadDetailContLeft li a:hover, .leadDetailContLeft li.active a {
    background: #DAE0F6;
    color: #40424F;
    font-weight: 700;
    text-decoration: none;
}
.leadDetailContLeft li:hover:after, .leadDetailContLeft li.active:after {
    position: absolute;
    left: calc(100% - 4px);
    top: 0;
    width: 3px;
    height: 100%;
    background: #40424F;
    content: '';
    transition: left 0.2s linear;
}
.leadDetailContRgt{
  width: calc(100% - 200px);
}
.leadDetailContRgtInn{
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  min-height: calc(100vh - 203px);
}
.leadDetailContRgtInnBlock{
    width: 50%;
    padding: 24px;
}
.leadDetailContRgtInn .leadDetailContRgtInnBlock:first-child{
  border-right: #DAE0F6 1px solid;
}
.leadDetailContRgtInn ul {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 0 -7px 45px;
}
.leadDetailContRgtInn li {
    width: 50%;
    padding: 0 7px 15px;
}
.leadDetailContRgtInn li.full {
    width: 100%;
}
.leadDetailContRgt li.third {
    width: 33.33%;
}
.leadDetailContRgtInn em , .leadDetailContRgtInn i{
    font-style: normal;
    font-size: 12px;
}
.leadDetailContRgtInn li > span a {
    color: #6F87EE;
}
.leadDetailContRgtInn li > span {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 5px;
    color: #40424F;
    font-size: 12px;
}
.leadDetailContRgtInn li > span.leftAlign{
  justify-content: flex-start;
  flex-wrap: wrap;
}
.leftAlign i{
  color: #9299B9;
  display: inline-block;
  padding-left: 8px;
}
.leadDetailContRgtInn .form-control {
    height: 42px;
}
#datepicker02{
  background: #fff;
  box-shadow: rgba(0,0,0,0.1) 0 0 5px;
}

.formEdit .form-control {
    display: inline-block;
    width: 100%;
    height: auto;
    padding: 0;
    color: #40424F;
    border: 0;
    background: none;
    appearance: none;
}
.formEdit #datepicker02{
  display: none;
}
.formEdit .leadDetailContRgtInnBlock:first-child li{
    width: 100% ;
}
.formEdit .leadDetailContRgtInnBlock:first-child .form-control {
    width: 100%;
}
.formEdit li > span{
  color: #9299B9;
}
.formEdit .leftAlign i {
    color: #40424F;
    display: block;
    width: 100%;
    margin-top: 5px;
    padding: 0;
}
.leadDetailContRgtInn.formEdit li {
    padding: 0 7px 7px;
}
.leadDetailContRgtInn.formEdit li.third, .formEdit .leadDetailContRgtInnBlock:first-child li.leftHalf {
    width: auto;
    padding: 0 3px 15px 7px;
}

.leadDetailTabCont{
  display: none;
}
.leadDetailTabCont.active{
  display: block;
}
.notesList li {
  padding: 20px 25px;
  border-bottom: #DAE0F6 1px solid;
  font-size: 12px;
  color: #40424F;
}
.notesList li div{
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #9299B9;
  line-height: 38px;
}
.notesList li div > p, .notesList li div > span{
  width: 50% !important;
}
.notesList li div.noteDescLable{
  color: #40424F;
  padding-top: 5px;
  line-height: 17px;
}
.notesList li em{
    display: none;
    padding: 0 5px;
    background: #FFA022;
    margin-left: 10px;
}
.notesList li:hover em{
  display: inline-block;
}
.notesList li a {
    margin: 0 10px;
    display: inline-block;
    font-size: 20px;
}
.notesList li svg {
    color: #fff;
}
.addNotes{
  position: relative;
}
.addNotesPop{
  position: absolute;
  background: #fff;
  box-shadow: rgb(0, 0, 0, 0.2) 0px 10px 10px;
  right: 0;
  top: 100%;
  width: 355px;
  padding:40px 22px 22px;
  display: none;
}
.leadDetailHeadRgt a.btn {
    color: #fff;
}
.addNotesPopClose{
  position: absolute;
  right: 14px;
  top: 14px;
}
.addNotesPopClose svg{
  color: #000;
}
.addNotesPopCont textarea{
  color: #40424F;
  font-size: 12px;
  line-height: 24px;
  margin:10px 0 20px;
  resize: none;
  font-family: 'Noto Sans JP', sans-serif;
  height: 200px;
  padding: 10px;
}

.tableLines {
  border: none;
  border-collapse: separate;
  border-spacing: 0;
  min-width: 100%;
}
.tableLines thead th,
.tableLines tbody td {
  padding: 12px 20px;
  border-bottom: #DAE0F6 1px solid;
  text-align: left;
  white-space: nowrap;
  color: #40424F;
}
.tableLines thead th {
  padding-top: 30px;
  color: #9299B9;
  font-weight: 400;
  height: 100%;
}
.secTable{
  padding-top: 36px;
}

#booking{
  padding: 17px 25px;
}
.bookHead {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 25px 17px;
    border-bottom: #DAE0F6 1px solid;
    margin: 0 -25px;
    font-size: 12px;
}
.bookHead div{
  display: inline-block;
}
.bookHead svg {
    color: #9299B9;
    margin-right: 8px;
    font-size: 16px;
}
.bookForm {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 0 -12px;
    padding: 20px 0;
}
.bookForm li {
    width: 50%;
    padding: 0 12px 16px;
}
.bookForm li > span {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 8px;
    color: #40424F;
    font-size: 12px;
}
.bookForm .form-control {
    height: 42px;
}
.number{
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.minus, .plus{
  width:25px;
  height:25px;
  background:#ECECEC;
  display: inline-block;
  text-align: center;
  line-height: 24px;
  font-size: 12px;
  cursor:pointer;
  font-weight: 700;
}
.number input{
  height:25px;
  width: 40px;
  text-align: center;
  font-size: 12px;
  line-height: 25px;
  display: inline-block;
  background: #fff;
  border: #ECECEC 1px solid;
}

.estiList {
  background: #F4F7F9;
  border: #DAE0F6 1px solid;
  border-radius: 2px;
  margin-bottom: 20px;
}
.estiList li{
  border-top: #DAE0F6 1px solid;
  padding: 5px 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 12px;
  color: #40424F;
}
.estiList li.totalLi{
  background: #DAE0F6;
  line-height: 26px;
}
.estiList li.totalLi span{
  min-width: unset;
}
.totalLiLft{
  display: inline-block;
}
.totalLiRgt{
  display: inline-block;
}
.estiList li.totalLi input{
  background: #fff;
  height: 26px;
  border: 0;
  margin-left: 20px;
}
.applyCpn{
  color: #4ED164;
  display: inline-block;
  background: #fff;
  padding: 0 10px;
  text-decoration: underline;
  font-weight: 700;
}
.disPrice{
  margin-right: 10px;
  text-decoration: line-through;
  color: #9299B9;
  display: inline-block;
  font-weight: 700;
}
.disTxt{
  display: inline-block;
  padding-left: 5px;
}
.disTxt, .disPrice{
  display: none;
}
.estiList li:first-child{
  border: 0;
  color: #9299B9;
  padding: 10px 8px;
}
.estiAnc{
  color: #9299B9;
}
.estiAnc svg{
  color: #6F87EE;
  font-size: 15px;
  font-weight: 700;
  margin-left: 5px;
}
.estiList li input{
  background: #fff;
  border: #DAE0F6 1px solid;
  padding: 0 5px;
  height: 25px;
  font-size: 12px;
}
.estiList li span input{
  width: 70px;
}
.estiList li span{
  min-width: 55px;
}
.pickCall {
  position:fixed;
  right:20px;
  bottom:20px;
  z-index:999;
}
.left-space {
  margin-left:10px;
}
.pickCallInn{
    background: rgba(64,66,79,0.94);
    font-size: 12px;
    color: #fff;
    border-radius: 5px;
    padding: 0 15px;
    line-height: 42px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.openPhonePop{
  display: inline-block;
  border-left: rgba(255, 255, 255, 0.5) 1px solid;
  padding:12px 0 12px 15px;
  margin-left: 15px;
  color: #fff;
  font-size: 18px;
  line-height: 18px;
}
.passPop{
  position: fixed;
  left: 0;
  top: 0;
  background: rgba(0,0,0,0.2);
  width: 100%;
  height: 100%;
  z-index: 99;
  text-align: center;
  display: none;
}
.passPopInn{
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.passPopCont{
   background: #fff;
  padding: 50px 24px;
  position: relative;
  width: 100%;
  max-width: 400px;
}
.passArrow{
  padding-bottom: 24px;
  color: #9299B9;
  font-size: 50px;
  line-height: 60px;
}
.voicePop{
  position: fixed;
  left: 0;
  top: 0;
  background: rgba(0,0,0,0.2);
  width: 100%;
  height: 100%;
  z-index: 99;
  text-align: center;
  display: none;
}
.voicePopInn{
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.voicePopCont{
   background: #fff;
  padding: 50px 24px;
  position: relative;
  width: 100%;
  max-width: 738px;
  border-radius: 10px;
}
.voicePopCont p{
  padding-bottom: 50px;
  font-size: 15px;
  line-height: 25px;
}
.voicePopCont .btn{
  background: #F5CB39;
}
.phonePop{
  position: fixed;
  left: 0;
  top: 0;
  background: rgba(0,0,0,0.2);
  width: 100%;
  height: 100%;
  z-index: 99;
  text-align: center;
  display: none;
}
.phonePopInn{
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.phonePopCont{
  background: #fff;
  padding: 30px 24px;
  position: relative;
  border-radius: 10px;
  width: 100%;
  max-width: 820px;
}
.phonePopClose{
  position: absolute;
  right: 20px;
  top: 16px;
}
.phonePopClose svg{
  color: #6F87EE;
  font-size: 16px;
  font-weight: 700;
}
.phoneLeadId{
  color: #40424F;
  text-align: left;
  text-decoration: underline;
}
.phoneNme{
  color: #40424F;
  font-size: 20px;
  line-height: 30px;
  font-weight: 700;
  padding-bottom: 10px;
}

.phoneNme span{
  display: block;
  font-size: 15px;
  line-height: 20px;
  font-weight: 400;
}
.phoneSource{
  font-size: 12px;
  padding-bottom: 30px;
}
.phoneTime{
  color: #40424F;
  font-size: 15px;
  line-height: 18px;
  font-weight: 400;
  padding-bottom: 15px;
}
.dropCall{
  display: inline-block;
  height: 40px;
  width: 122px;
  background: #F52712;
  border-radius: 5px;
  line-height: 40px;
  text-align: center;
}
.dropCall svg{
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  transform: rotate(134deg);
  position: relative;
  top: 3px;
}
.multiBtns{
  padding: 50px 50px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: -20px -24px 0;
  flex-wrap: wrap;
  box-shadow: rgb(0 0 0 / 12%) 0 -7px 10px;
}
.multiBtns > li {
  width: 25%;
  padding: 0 7px 20px;
  position: relative;
}
.dateTimeOuter{
    position: absolute;
    left: 7px;
    bottom: calc(100% - -10px);
    display: none;
}
 .ui-datepicker-prev, .ui-datepicker-next{
  background-color: #F4F7F9 !important;
 }
.multiBtns > li > a{
  display: block;
  background: #F5CB39;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  border-radius: 5px;
  line-height: 42px;
  border: transparent 4px solid;
}
.multiBtns > li:nth-child(2) > a{
  background: #FF824C;
}
.multiBtns > li:nth-child(3) > a, .multiBtns > li:nth-child(8) > a{
  background:#E7404A;
}
.multiBtns > li:nth-child(4) > a{
  background:#D80B8F;
}
.multiBtns > li:nth-child(5) > a{
  background:#2BB7D0;
}
.multiBtns > li:nth-child(6) > a{
  background:#28B873;
}
.multiBtns > li:nth-child(7) > a{
  background:#6A3499;
}
.multiBtns > li > a.active, .multiBtns > li > a:hover{
  background: #000;
  border: rgba(255, 255, 255, 0.8) 4px solid;
  text-decoration: none;
}
.commonTableOut {
  overflow: auto;
}
.commonTable {
   border: none;
   border-collapse: separate;
   border-spacing: 0;
   min-width: 100%;
}
.commonTable thead th,
.commonTable tbody td {
   padding: 12px 20px;
   border-top: #DAE0F6 1px solid;
   text-align: left;
   white-space: nowrap;
   color: #40424F;
   font-size: 12px;
   line-height: 14px;
   vertical-align: middle;
}
.commonTable thead tr.addedTrStaff th,
.commonTable tbody tr.addedTrStaff td {
  padding: 0 20px;
}
.commonTable thead th, .commonTable thead th a {
   color: #9299B9;
   font-weight: 400;
   height: 100%;
   border: 0;
}
.commonTableAnc{
  margin: 0 5px;
}
.commonTableAnc svg{
  color: #9299B9;
  font-size: 20px;
  line-height: 24px;
}
.commonTable tr:hover{
  background: #e6e6e6;
}
.commonTable tr td.icoTd{
  text-align: right;
  padding: 0;
}
.commonTable tr td.icoTd span{
 padding: 0;
}
.commonTable tr td.icoTd span {
  display: inline-block;
  padding: 12px 10px;
  align-items: center;
  background: #FFA022;
  height: 100%;
   opacity: 0;
   max-width: 110px;
}
.commonTable tr:hover td.icoTd span{
  opacity: 1;
}
.commonTable tr td.icoTd a{
  color: #fff;
}

.calTableOut {
  overflow: auto;
  padding-right: 36px;
}
.calTable {
   border: none;
   border-collapse: separate;
   border-spacing: 0;
   min-width: 100%;
   border-bottom: #DAE0F6 1px solid;
}
.calTable td {
   padding: 8px 20px;
   border-right: #DAE0F6 1px solid;
   text-align: center;
   white-space: nowrap;
   color: #40424F;
   font-size: 12px;
   line-height: 14px;
   vertical-align: middle;
}
.calTable tr td:first-child{
  text-align: left;
  font-weight: 700;
  width: 140px;
}
.calTable tr.empCheck td .custCheck {
   width: 20px;
   height: 20px;
   padding: 0;
   margin: 0 auto;
}
.calTable td input[type="text"]{
  border: #DAE0F6 1px solid;
  background: #F4F7F9;
  width: 50px;
  height: 25px;
  border-radius: 2px;
  text-align: center;
}

.jqs-table td {
    border-left: 1px solid #DAE0F6 !important;
    border-right: 1px solid #DAE0F6 !important;
}
.jqs-grid-line {
  border-top: 0 !important;
}
.jqs-grid-line:before{
  display: none !important;
}
.jqs-grid-head{
  border-left: 1px solid #DAE0F6 !important;
}
.jqs-grid-day{
  border-top: 1px solid #DAE0F6 !important;
  border-right: 1px solid #DAE0F6 !important;
}
.peopleTab li a.active {
   color: #40424F;
   font-weight: 700;
   border-bottom: #40424F 2px solid
}
.jqs-grid-hour{
  color: #9299B9;
  padding-left: 20px;
  font-size: 14px !important;
}
label.form_label {
   display: block;
}
.inline_blockFields {
   display: inline-block;
}

.user-permission-popup,
.newMemberPopUp {
   background: rgba(0, 0, 0, 0.14);
   width: 100%;
   height: 100%;
   position: fixed;
   left: 0;
   top: 0;
   z-index: 99;
   display: none;
}
.user-permission-popup-cont,
.newMemberPopUpCont{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}


.newMemberPopUpInn{
  background: #fff;
  width: 100%;
  max-width: 560px;
  padding: 34px;
  box-shadow: rgba(0,0,0,0.1) 0 0 5px;
  border-radius: 5px;
  position: relative;
}
.close_btn {
   position: absolute;
   right: 18px;
   top: 18px;
   cursor: pointer;
}
.peopleTab {
   display: flex;
   border-bottom: #cececf 1px solid;
}
.peopleTab li a {
   color: #9299B9;
   padding: 0 28px;
   line-height: 50px;
   display: inline-block;
   position: relative;
}
.peopleTab li a:hover{
  text-decoration: none;
}
.peopleFormField {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 0 -4px;
}
.peopleFormField > li{
    width: 50%;
    padding: 0 4px 14px;
}
.peopleFormField > li.full {
    width: 100%;
}
.peopleFormField > li > span {
    padding-bottom: 5px;
    color: #40424F;
    font-size: 12px;
    display: block;
}
.peopleFormField .btn {
    width: 100%;
    text-align: center;
    margin-top: 12px;
}
.checkboxListing{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0 -4px;
  flex-wrap: wrap;
}
.checkboxListing dd{
  width: 50%;
  padding: 0 4px 14px;
}
.sourceLocOut{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 20px;
}
.sourceLocLeft{
  width: calc(50% - 15px);
}
.sourceLocRgt{
  width: calc(50% - 15px);
}
.sourceMap{
  min-height: 490px;
}
.sourceMap img{
  width: 100%;
  height: auto;
}
.sourceLocTop{
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin: 0 -10px 30px;
  flex-wrap: wrap;
}
.sourceLocTop li{
  padding: 0 10px;
  color: #9299B9;
  font-weight: 700;
}
.sourceLoc{
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin: 0 -10px;
  flex-wrap: wrap;
}
.sourceLoc li{
  width: 20%;
  padding: 0 10px 20px;
}
.mapBoxTitle{
  padding-bottom: 5px;
}
.mapBoxDisc textarea{
  border: #DAE0F6 1px solid;
  background: #F4F7F9;
  padding: 15px;
  resize: none;
  height: 115px;
  border-radius: 0;
}
.peopleTabContent {
  display: none;
}
.peopleTabContent.active{
  display: block;
}
.timepicker{
  width:140px;
  height: 40px;
  border: #DAE0F6 1px solid;
  background: #F4F7F9;
  color: #40424F;
  font-weight: 700;
  padding:0 15px ;
  text-align: center;
}
.ui-timepicker-container{
  border: #DAE0F6 1px solid;
  background: #F4F7F9;
}
.ui-timepicker-viewport{
  overflow: visible !important;
}
.availLeft .ui-timepicker,
.availLeft .ui-timepicker-viewport {
  box-sizing: content-box;
  height: 205px;
}
.availLeft .ui-timepicker {
  list-style: none;
  text-align: center
}
.availLeft .ui-timepicker-viewport {
  padding: 0px;
  overflow-x: hidden
}
.availLeft .ui-timepicker-standard {
  font-family: Verdana, Arial, sans-serif;
  font-size: 0.9em;
  background-color: #FFF;
  border: 1px solid #AAA;
  color: #222;
}
.availLeft .ui-timepicker-standard a {
  border: 1px solid transparent;
  color: #222;
  display: block;
  text-decoration: none
}
.availLeft .ui-timepicker-standard .ui-state-hover {
  background-color: #DADADA;
  color: #212121
}
.availLeft .ui-timepicker-corners,
.availLeft .ui-timepicker-corners .ui-corner-all {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px
}
.availLeft li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-bottom: 10px
}
.availLeft li > span{
  padding: 0 5px;
}
.availLeft .custCheck {
  font-weight: 700;
  color: #40424F;
  min-width: 120px;
}
.toTxt{
  color: #9299B9;
  font-size: 12px;
}
.availCont{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 28px;
}
.availLeft{
  width: calc(50% - 15px);
}
.availRgt{
  width: calc(50% - 15px);
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.availRgt #datepicker{
  background: #fff;
  box-shadow: rgba(0, 0, 0, 0.2) 0 0 10px;
  padding: 20px;
  max-width: 400px;
  border-radius: 5px;
}
.copyTime {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  max-width: 456px;
}
.copyTime a{
  display: inline-block;
  color: #6F87EE;
}
.copyTime a svg{
  margin-right: 5px;
  width:30px;
}

.wareCont{
  background: #F4F7F9;
  border: #DAE0F6 1px solid;
  font-size: 12px;
  margin: 20px;
  width: 100%;
  max-width: 600px;
}
.wareCont dt{
  color: #9299B9;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 7px 10px;
}
.wareCont dd{
  color: #40424F;
  padding: 7px 10px;
  border-top: #DAE0F6 1px solid;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.wareCont dd .wareInput{
  position: relative;
}
.wareCont dd .wareInput:before{
  position: absolute;
  left: 7px;
  top: 3px;
  color: #9299B9;
  content: "$";
  display: none;
}
.wareCont dd input{
  border: #DAE0F6 1px solid;
  background: #fff;
  color: #40424F;
  padding: 5px 5px 5px 6px;
  width: 60px;
  display: none;
}
.wareCont dd .custRadio{
  margin: 0 20px;
}
.campainDetailForm li input,
.campainDetailForm li select,
.campaignSizeOut{
  display: none;
}
.wareCont dd em,
.campainDetailForm li em{
  font-style: normal;
}
.wareCont.active dd em, .campainDetailForm.active li em{
  display: none;
}
.wareCont.active dd input,
.campainDetailForm.active li input,
.campainDetailForm.active li select{
  display: block;
}

.bookCont{
  padding: 20px;
}
.bookBtns {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 0 -10px;
}
.bookBtns li{
    width: 25%;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bookBtns li a{
      background: #6F87EE;
    padding: 15px 17px;
    border-radius: 5px;
    color: #fff;
    font-weight: 700;
    display: flex;
    align-items: center;
    min-height: 70px;
    width: 100%;
    justify-content: flex-start;
}
.bookBtns li a span{
  display: inline-block;
  border-right: #fff 1px solid;
  padding-right: 15px;
  margin-right: 15px;
  /* width: 80px; */
}
.bookBtns li:nth-child(3) a, .bookBtns li:nth-child(4) a{
  /*background: #8DCF37;*/
}
.slotPop{
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
  z-index: 3;
  display: none;
}
.slotPopCont{
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.slotPopInn{
  width: 100%;
  max-width: 375px;
  background: #fff;
  border: #DAE0F6 1px solid;
}
.slotHead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
  color: #9299B9;
  font-weight: 700;
}
.slotHead a{
  color: #33353F;
}
.slotPopInn li{
  border-top: #DAE0F6 1px solid;
}
.slotPopInn li a{
  color: #40424F;
  font-size: 14px;
  font-weight: 700;
  padding: 20px;
  display: block;
  text-align: center;
}
.slotPopInn li a span{
  display: none;
  padding-bottom: 5px;
  font-size: 16px;
}
.slotPopInn li a:hover{
  font-size: 12px;
  padding: 10px 20px 5px;
  background: #FFB946;
}
.slotPopInn li a:hover span{
  display: block;
  font-size: 16px;
}

.slotConfPop{
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  display: none;
}
.slotConfSlide{
  position: fixed;
  left: 100%;
  top: 0;
  background: #fff;
  width: 100%;
  max-width: 620px;
  padding: 32px 22px 22px;
  min-height: 100%;
  overflow: auto;
  z-index: 3;
  animation-direction: alternate;
}
.slotConfSlide.active{
  left: calc(100% - 620px);
}
.slotConfHead{
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  font-size: 12px;
  color: #000;
  padding: 15px 0;
}
.slotList{
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  border-top: #ECECEC 1px solid;
  padding: 15px 0;
  flex-wrap: wrap;
}
.slotList li{
  width: 50%;
  color: #40424F;
  font-size: 13px;
  padding: 3px 0;
}
.slotList li.full{
  width: 100%;
}
.slotQtr.slotList li{
  width: 33.33%;
}
.slotList li span{
  display: block;
  color: #9299B9;
  font-size: 12px;
}
.slotConfLeftSlide .slotList li span{
  padding-bottom: 7px;
}
.capAside.slotList li span {
  display: inline-block;
  min-width: 74px;
}
.slotBoxList{
  background: #F4F7F9;
  border-radius: 5px;
  overflow: hidden;
}
.slotBoxList li{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px 10px;
  color: #40424F;
  font-size: 12px;
}
.slotBoxList li.boxDark{
  background: #DAE0F6;
  font-weight: 700;
  padding: 8px 10px;
}
.slotBoxList li a{
  color: #8DCF37;
  text-decoration: underline;
  display: inline-block;
  margin-bottom: 20px;
}
.slotConfSlide .btn{
  width: 100%;
  text-align: center;
  margin-top: 20px;
}
.sendPay{
  padding: 20px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.popUpPriceCountBox span.bottom_payment_text {
  font-size: 11px;
}
.sendPay a{
  color: #2164E8;
  font-weight: 700;

}
.slotConfSlideClose svg{
  color: #40424F;
  width: 20px;
  position: absolute;
  left: 15px;
  top: 15px;
  display: inline-block;
}

.calendar-label {
  padding: 5px 10px !important;
}
.modal-open .modal {
    transform: translate(-50%, -50%);
    overflow-x: hidden;
    overflow-y: auto;
    left: 50%;
    top: 50%;
    width: 100vw;
    height: 100vh;
    margin: 0 !important;
}
.campainAccessMain{
  padding: 20px;
}
.campaign_access_label{
  font-weight: 700;
  padding-bottom: 10px;
}
.campaign_accessto_box{
  padding-bottom: 34px;
}
.ourTeamList{
  display: flex;
  align-items: center;
  justify-content: left;
  flex-wrap: wrap;
  margin: 0 -10px;
}
.ourTeamList li{
  width: 16.66%;
  padding: 0 10px 24px;
}

.userList{
  display:block;
  height:300px;
  width:100%;
  background: #F4F7F9;
  padding: 15px;
  resize: none;
  height: 115px;
  border-radius: 0;
  border: 1px solid #DAE0F6;
}
.userList li {
  display: inline-block;
  padding: 5px;
  background: #9299B9;
  border-radius: 2px;
  margin: 0 2px;
  color: #fff;
}
.userList li a.removeItem {
  padding: 0 4px;
  background: #fff;
  margin: 0 0 0 5px;
  font-size: 10px;
}
.assignCont {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    min-height: calc(100vh - 203px);
}
.assignBlock {
    width: 50%;
    padding: 24px;
}
.assignCont .assignBlock:first-child {
    border-right: #DAE0F6 1px solid;
}
.assignLeftTitle{
  color:#40424F;
  padding-bottom: 10px;
  font-size: 12px;
  line-height: 16px;
}
.vehicleList{
  border: #DAE0F6 1px solid;
  padding: 14px;
  background: #F4F7F9;
  max-height: 170px;
  overflow: auto;
  margin-bottom: 30px;
}
.vehicleList::-webkit-scrollbar {
  width: 5px;
}
.vehicleList::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 3px;
}
.vehicleList::-webkit-scrollbar-thumb {
  background: #DAE0F6;
  border-radius: 3px;
}
.vehicleList::-webkit-scrollbar-thumb:hover {
  background: #DAE0F6;
}
.vehicleList li{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0;
  color:#40424F;
  font-size: 12px;
  line-height: 16px;
  width: 100%;
}
.vehicleList li span{
  color: #9299B9;
}
.vehicleList li .custRadio .checkmark{
  border: #9299B9 1px solid;
}
.vehicleList li .custRadio .checkmark:after{
  background: #9299B9;
}
.crewList{
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.crewList li{
  width: 33.33%;
  padding: 5px;
}
.crewList li a{
  display: flex;
  width: 100%;
  align-items: center;
  border: #DAE0F6 1px solid;
  background: #F4F7F9;
  padding: 12px 10px;
  color: #40424F;
  font-size: 12px;
}
.crewList li a:hover, .crewList li a.active{
  background: #9299B9;
  color: #fff;
  text-decoration: none;
}
.assignRgt dl{
  padding-bottom: 32px;
}
.assignRgt dt{
    color: #9299B9;
    font-size: 12px;
    line-height: 16px;
}
.assignRgt dd{
    color: #40424F;
    font-size: 12px;
    line-height: 16px;
    padding: 3px 0;
}
.paymentHead{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding: 10px;
    border-bottom: #DAE0F6 1px solid;

}
.paymentHeadLeft a{
   background: #8DCF37;
   font-size: 18px;
   font-weight: 700;
   margin-right: 4px;
   border-radius: 5px;
   padding: 10px;
   color: #fff;
   display: inline-block;
   min-width: 125px;
   pointer-events: none;
}
.paymentHeadLeft a:nth-child(3){
    background:#34AA63 ;
    pointer-events: none;
}
.paymentHeadLeft a:nth-child(2){
    background: #F55;
    pointer-events: none;
}
.paymentHeadLeft a span{
  display: block;
  font-size: 12px;
  font-weight: 400;
  padding-bottom: 3px;
}
.slotStair_hide_2 .itm_2_2 {
	display:none;
}
.accPop{
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: rgba(0,0,0,0.14);
  z-index: 3;
  display: none;
}
.accPopInn{
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.accPopCont{
  position: relative;
  background: #fff;
  padding: 54px;
  width: 100%;
  max-width: 574px;
}
#generalPay .accPopCont{
    max-width: 570px;
}
.accPopCont ul{
  margin: 0 -7px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.accPopCont li {
    width: 50%;
    padding: 7px;
}
.accPopCont li span {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 5px;
    color: #40424F;
    font-size: 12px;
}
.accPopCont li.full{
  width: 100%;
}
.accPopCont li.half{
  width: 50%;
}
.accPopContBtn{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.accPopContBtn a{
  color: #6F87EE;
  font-size:15px;
  font-weight: 700;
  text-decoration: underline;
}
.accPopPin{
  color: #6F87EE;
  font-size:12px;
  position: relative;
}
.accPopPin input{
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.accPopPin svg{
  display: inline-block;
  margin-right: 5px;
}
.accPopClose{
  position: absolute;
  right: 10px;
  top: 10px;
  color: #40424F;
}
.accPopClose svg{
  font-size: 17px;
}
.dollarIco{
  position: relative;
}
.dollarIco .form-control{
  padding-left: 34px;
}
.dollarIco:before{
  position: absolute;
  left: 0;
  top: 16px;
  content: "$";
  color: #9299B9;
  font-size: 12px;
  line-height: 17px;
  padding: 0 10px;
  border-right: #9299B9 1px solid;
}
#bookingpayment{
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 1140px;
  margin: 0 auto;
  width: 100%;
  flex-wrap: wrap;
  padding: 50px 20px;
}
#bookingpayment .slotList{
  padding: 15px 0 0;
  margin: 15px 0;
}
.bookingpaymentOut, .terms_condition_content{
  width: 100%;
}
.bookingpaymentOut{
  padding-bottom: 50px;
}
.terms_condition_p{
  padding-bottom: 30px;
}
.terms_condition_title{
  padding-bottom: 10px;
  font-size: 24px;
  line-height: 30px;
}
 .bookingpaymentCont {
  display: flex;
  width: 100%;
  font-size: 12px;
  line-height: 20px;
}
.slotConfLeftSlide  {
  width: 50%;
  padding: 40px 40px 40px 0;
}
.slotConfRightSlide {
  width: 50%;
  padding: 40px 0 40px 40px;
  border-left: #9299B9 1px solid;
}
 .bookingpaymentCont .slotList li{
  font-size: 12px;
}
.paymentForm ul{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  margin: 0 -7px;
}
.paymentForm li{
  width: 100%;
  padding:0 7px 15px;
}
.paymentForm li.qtrP{
  width: 66.66%;
}
.paymentForm li.qtr{
  width: 33.33%;
}
.paymentForm li label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 5px;
  color: #40424F;
  font-size: 12px;
}
.slotConfHead1 h3{
   padding-bottom: 24px;
}
.slotConfHead1 span{
  display: block;
  padding-bottom: 34px;
}
.paymentForm li.refundable span{
  color: #9299B9;
  display: block;
  padding-top: 15px;
}
.paymentForm li .btn{
  width: 100%;
  text-align: center;
}
.transTxt{
  padding-left: 30px;
  color: #9299B9;
  position: relative;
  line-height: 18px;
}
.transTxt svg{
  position: absolute;
  left: 0;
  top: 50%;
  font-size: 15px;
  color: #495057;
  margin-top: -7px;
}
.paymentForm li a{
  color: #6F87EE;
  text-decoration: underline;
}

.manage_profile{
  width: 100%;
  max-width: 412px;
  margin: 40px auto ;
}

.photoTop{
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 40px;
}
.photoLeft{
  width: 88px;
}
.photoRgt{
  width: calc(100% - 88px);
  padding-left: 18px;
}
#preview-profile-image{
   height: 88px;
   width: 88px;
   background: #9299B9;
   border-radius: 50%;
   color: #fff;
   font-size: 50px;
   line-height: 88px;
   text-align: center;
}
.profileUploadBtn input[type=file]{
   display:none;
}
.manageAccountTab li a:hover{
  text-decoration: none;
}
.manageAccountTab li a.active {
   color: #2F3031;
   font-weight: 700;
   border-bottom: #40424F 2px solid
}
.manageAccountTab {
   display: flex;
   border-bottom: #cececf 1px solid;
   margin-bottom: 20px;
}
.manageAccountTab li a {
   color: #848484;
   padding: 0 28px;
   line-height: 58px;
   display: inline-block;
   position: relative;
}
.user_name{
  color: #40424F;
  font-size: 24px;
  line-height: 30px;
  padding-bottom: 12px;
}

.profileForm li {
  color: #9299B9;
  font-size: 13px;
  padding-bottom: 15px;
}
.peopleUser {
  padding: 50px 50px 0 50px;
  width: 50%;
  border-right: 1px solid #ccc;
  margin-right: 50px;
}
.manage_profile_main {
  display: flex;
}
.stateListCheckbox {
  width: 50%;
  margin-top: 30px;
}
.state_list_heading {
  padding-top: 10px;
  padding-bottom: 10px;
}
.profileForm li label {
  padding-bottom: 5px;
  display: block;
  color: #40424F;
  font-size: 12px;
}
.btn.removePhoto{
  border: #DAE0F6 1px solid;
  background: #fff;
  color: #9299B9;
  font-weight: 700;
  margin-left: 10px;
}
.eyeIco .form-control{
  padding-right: 50px;
}
.eyeIco {
  position: relative;
}
.eyeIco a{
  position: absolute;
  right: 15px;
  top: 50%;
  font-size: 15px;
  margin-top: -7px;
  color: #9299B9;
}
.leadBookedpaymentForm{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.leadBookedpaymentContRgt{
  width: 70%;
}
.leadBookedpaymentContLeft{
  width: 30%;
  padding-right: 7px;
}
.leadBookedpaymentContRgt .slotList{
  padding: 15px;
}
.leadBookedpaymentContLeft .slotBoxList li{
  padding: 7px 15px;
}
.leadBookedpaymentContLeft .slotBoxList{
  padding-top: 10px;     margin-bottom: 10px;
}
.leadBookedpaymentContLeft .slotBoxList li.boxDarkTotal{
  margin-top: 102px;
}
.sentPayBtns{
  padding: 30px 15px;
}
.sentPayBtns a{
  margin-right: 10px;
  text-align: center;
  width: 250px;
}
.decideCamp1{
  margin-left: 20px;
}
.error_text{
  font-size: 11px !important;
  line-height: 16px !important;
  color: red !important;
}

.cardErrorMessage, .omniErrorMessage{
  font-size: 11px !important;
  line-height: 16px !important;
  color: red !important;
  display: block;
  padding: 0 0 5px;
}
.alert-success li{
  font-size: 18px;
  text-align: center;
  padding: 15px;
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}
.successPay{
  font-size: 22px;
  line-height: 1.3;
  text-align: center;
  padding: 50px 15px;
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
  width: 100%;
}
.successPay.payError{
  background: #fac8c8;
  color: #c61111;
}
.float-right a{
  color: #9299B9;
}
.xdsoft_datetimepicker{
  width: 500px;
   padding:0!important;
}
.xdsoft_datepicker, .xdsoft_timepicker{
  padding: 40px 20px 20px !important;
}
.xdsoft_datepicker{
  width: 60% !important;
}
.xdsoft_timepicker{
  width: 35% !important;
  margin: 0 !important;
}
.xdsoft_datetimepicker .xdsoft_timepicker:before {
    left: 0 !important;
    width: 100% !important;
}
.xdsoft_datetimepicker .xdsoft_datepicker:before {
    right: 0 !important;
    width: 100% !important;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div{
  width: 100% !important;
}
.xdsoft_datetimepicker .xdsoft_month {
    text-align: center !important;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next  {
    margin-left: 42px !important;
}
.xdsoft_datetimepicker .xdsoft_datepicker:before,
.xdsoft_datetimepicker .xdsoft_timepicker:before{
    top: 10px !important;
}
.xdsoft_time_variant{
      border: 1px solid #ddd;
}
.calBtns{
  background: #fff;
  padding: 10px;
  border: 1px solid #ccc;
  border-top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.calBtns .btn{
  margin: 0 5px;
}
.calendar .calendar-events {
    margin-left: 90px !important;
    width: calc(100% - 90px) !important;
}
#calendar.calendar{
  margin-left: -50px;
}
#bookingpayment.viewBookingCls {
  padding: 30px 20px;
}
.viewBookingCls .slotConfLeftSlide {
  padding: 0 40px 40px 0;
}
.company_logo img {
    width: 150px;
    height: auto;
}
.campainAccessMain .campainDetailForm li.crm_fields{
  width: 100%;
}
span.count_spn {
  display: inline-block;
}
.disposition_cls {
  display: inline-block;
  padding-left: 10px;
  margin-left: 10px;
  border-left: #9299B9 1px solid;
  color: #9299B9;
}

.info_img{
  width: 15px;
  padding: 5px 0 0 0;
}
.tooltip {
  /* position: relative; */
  display: inline-block;
  /* border-bottom: 1px dotted black; */
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 290px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 100%;
  right: 0;
  left: 0;
  /* left: 65%; */
  /* margin-left: -50px; */
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 57%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}
a.disableEditRefundCls {
  pointer-events: none;
}
span.generatelinkto {
  word-break: break-word;
}
#generalPay .custCheck {
  margin-right: 0;
}
.pay_slotList li {
  display: flex;
}
body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
  overflow: visible !important;
  padding-right: 0 !important;
}


@media only screen and (min-width: 2000px) {
  .tableOut-table {
    min-width: 100%;
  }
  .people_tableOut_table {
      min-width: 100%;
   }
}
@media only screen and (max-width: 1500px) {
  .datePickPopLeft {
    width: 350px;
    padding: 20px;
  }
  .datePickPop {
    width: 600px;
  }
}
@media only screen and (max-width: 1599px) {
  .custAccCont {
    padding: 15px;
  }
  .custAcc > li > a {
    padding: 16px 45px 16px 15px;
  }
  .moveDetailList li input,
  .moveDetailList li select {
    width: 150px;
  }
}

@media only screen and (max-width: 767px) {
  #bookingpayment{
    padding: 20px;
  }
  .bookingpaymentCont{
    flex-wrap: wrap;
  }
  .slotConfLeftSlide {
    width: 100%;
    padding: 0 0 50px;
  }
  .slotConfRightSlide {
    width: 100%;
    padding: 0;
    border-left: 0;
  }
  .slotList li {
    width: 100%;
  }
  .capAside.slotList li span {
    min-width: 100px;
  }
}

.ed-btn-group a.user_edit {
  color:#77E874;
}

.ed-btn-group a.user_trash {
  color:#E87474;
}

.ed-btn-group a.send_credentials {
  color:#D8D579;
}


.userThumbicoList{
  text-align: center;
  background: #9299B9;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: inline-block;
  background-position: center center;
  line-height: 37px;
  color: #fff;
  font-size: 20px;
}

.userThumbicoList.textico {
    width:30px;
    height:30px;
    font-size: 10px;
    line-height: 30px;
    text-decoration: none;
}
.idleicoList,
.logouticoList,
.loginicoList{
  text-align: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: inline-block;
  background-position: center center;
  line-height: 37px;
  color: #fff;
  font-size: 20px;
}

.loginicoList{
  background: #4ED164;
}
.logouticoList{
  background: red;
}
.idleicoList{
  background: yellow;
}
.idleicoList.loginico,
.logouticoList.loginico,
.loginicoList.loginico {
    width:15px;
    height:15px;
    font-size: 10px;
    line-height: 30px;
    text-decoration: none;
}

.userThumbico.textico {
    width:40px;
    height:40px;
    font-size: 15px;
    line-height: 40px;
    text-decoration: none;
}

.user_name .font-small{
  color: #40424F;
  font-size: 16px;
  line-height: 30px;
  padding-bottom: 12px;
}

.user-td {
    display: flex;
    align-items: center;
    gap:5px;
}

.fix-message {
    position: fixed;
    top: 0;
    width: calc(100% - 210px);
    z-index: 1;
}

.close-message {
  float:right;
  color:#E87474;
}

input.form-control:read-only {
  background-color: #cccccc75;
    opacity: 0.8;
    border-color: #cccccc38;
    cursor: default;
}

a.pushme {
  background-color: #9faef3;
    text-decoration: none !important;
    color: #fff;
    border-radius: 18px;
    padding: 5px 13px 6px 24px;
    display: inline-block;
    margin-bottom: 10px;
    margin-top: 10px;
    text-align: center;
    min-width: 84px;
    font-weight: 500;
    letter-spacing: 1px;
    position: relative;
    transition: 0.4s;
}
a.pushme.active {
  background-color: #66d982;
  padding: 5px 24px 6px 10px;
  transition: 0.4s;
}

a.pushme:after {
  content: '';
    width: 15px;
    height: 15px;
    background-color: #fff;
    display: block;
    position: absolute;
    border-radius: 10px;
    left: 6px;
    top: 5px;
    transition: 0.4s;
}

a.pushme.active:after {
    left: 62px;
    /* right: 6px; */
    top: 5px;
    transition: 0.4s;
}

a.btnNote {
  background-color: #9299b9;
  width: 73px;
  display: flex;
  height: 33px;
  position: fixed;
  right: 20px;
  bottom: 20px;
  align-items: center;
  justify-content: center;
  /* flex-direction: column; */
  gap: 5px;
  border-radius: 5px;
  text-decoration: none !important;
  color: #fff;
  z-index: 1;
}

.NoteAreabox {
  position: fixed;
  background-color: #fff;
  padding: 20px;
  box-shadow: -6px -2px 15px #ccccccb8;
  right: 0;
  bottom: 0;
  display: none;
  flex-direction: column;
  align-items: center;
  gap: 7px;
  z-index: 2;
}
.NoteAreabox .form-control {
  min-height: 150px;
  min-width: 350px;
  font-family: 'Noto Sans JP', sans-serif;
  padding: 20px;
}

.NoteAreabox.active {
  display: flex;
}

.btn.btnCancel {
  background: #fff;
  color: #6F87EE;
  border: #6F87EE 1px solid;
  line-height: 38px;
  margin-left: 10px;
}
.btn.btnCancel:hover {
  background: #6F87EE;
  color: #fff;
  border: #6F87EE 1px solid;
  line-height: 38px;
  margin-left: 10px;
}



.tableOut-table {
  border: none;
  border-collapse: separate;
  border-spacing: 0;
  min-width: 100%;
  min-height: 108px;
}

.btnPushbox {
  text-align: center;
}
.btnPushbox .custCheck {
  margin: 0 auto;
  padding: 0 0 0 20px;
}

.twocalldiv {
  display: flex;
    gap: 20px;
    width: 90%;
    margin: 20px auto;
}
.twocalldiv div label{
  margin-bottom: 4px;
  display: block;
  color: #40424F;
  font-size:12px;
}
.upd-btn{
  margin: 0px auto;
    width: 90%;
}

.twocalldiv .col {
  width: 50%;

}
.mb10{
  margin-bottom: 10px;
}
.mt10{
  margin-top: 10px;
}
.ml0{
  margin-left: 0px !important;
}
.noteDescText .form-control{
  padding: 10px !important;
}

.btn.btnCancel:hover {
  background: #e46014;
  border: #e46014 1px solid;
  color: #fff;
  border: 0;
}



/* Ratings widget */
.ratingBlock .rate {
  display: inline-block;
  border: 0;
}
/* Hide radio */
.ratingBlock .rate > input {
  display: none;
}
/* Order correctly by floating highest to the right */
.ratingBlock .rate > label {
  float: right; color: #c7cad5;
}
/* The star of the show */
.ratingBlock .rate > label:before {
  display: inline-block;
  font-size: 1.8rem;
  padding: .3rem .2rem;
  margin: 0;
  cursor: pointer;
  font-family: FontAwesome;
  content: "\f005"; /* full star */

}

/* Half star trick */
.ratingBlock .rate .half:before {
  content: "\f089"; /* half star no outline */
  position: absolute;
  padding-right: 0;

}
/* Click + hover color */
.ratingBlock input:checked ~ label, /* color current and previous stars on checked */
.ratingBlock label:hover, .ratingBlock label:hover ~ label { color: #ff9800;  } /* color previous stars on hover */

/* Hover highlights */
.ratingBlock input:checked + label:hover, .ratingBlock input:checked ~ label:hover, /* highlight current and previous stars */
.ratingBlock input:checked ~ label:hover ~ label, /* highlight previous selected stars for new rating */
.ratingBlock label:hover ~ input:checked ~ label /* highlight previous selected stars */ { color: #ff9800;  }
.ratingBlock label.active  { color: #ff9800;  } /* color previous stars on hover */




.ratingBlock .rate.rate-view-only > label {
  pointer-events: none;
}

.ui-selectmenu-button.ui-button {
  text-align: left;
  white-space: nowrap;
  width: 100% !important;
  border: 1px solid #DAE0F6 !important;
  border-radius: 5px;
  font-size: 13px;
  background: #F4F7F9 !important;
  padding: 13px;
}
.ui-selectmenu-menu {
  width: auto;
    max-width: 300px;
    box-shadow: -2px 4px 10px #ccc;
    background-color: #fff;
    border-radius: 5px;
    overflow: hidden;
    overflow-y: auto;
    max-height: 310px;
    min-width: 310px;

}

.ui-selectmenu-icon.ui-icon {
  position: relative;
  top: 0;
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  border-right: 0.2em solid #666;
  border-top: 0.2em solid #666;
  transform: rotate(135deg);
  margin-right: 0.5em;
  margin-left: 1.0em;
}
.ui-menu .ui-menu-item-wrapper.ui-state-active {
  background-color: #6f87ee;
  color: #FFF;
}
.ui-selectmenu-button:active {
  color: #000 !important;
}
.ui-menu .ui-menu-item-wrapper {
  font-size: 14px;
}

.ui-selectmenu-button {
  color: #CBD2EC !important;
}
.ui-selectmenu-button[aria-disabled="false"] {
  color: #000 !important;
}
/* .ui-selectmenu-button[aria-labelledby="ui-id-1"] {
  color: #CBD2EC !important;
}

.ui-selectmenu-button[aria-labelledby="ui-id-5"] {
  color: #CBD2EC !important;
} */

.bookBtns li {
  width: auto;
  max-width: 26%;
}
.bookBtns li a {
  flex-wrap: wrap; min-height: 90px;
}
.bookBtns li .ratingBlock {
  margin-top: 10px;
}
.bookBtns li .ratingBlock .rate > label:before {
  font-size: 1.4rem;
}
.leadDetailHeadLeft span {
  margin-left: 14px;
  padding-left: 14px;
  border-left: 0;
  display: flex;
  color: #40424F;
  font-weight: 400;
  align-items: center;
  position: relative;
}
.leadDetailHeadLeft {
  color: #9299B9;
  font-size: 12px;
  font-weight: 700;
  display: flex;
  align-items: center;
}
.leadDetailHeadLeft span::after {
  content: '';
  display: block;
  height: 15px;
  width: 1px;
  background-color: #ced1e1;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -7px;
}

.leadDetailHeadLeft span span::after {
  display: none;
}

/* auto complate textarea css*/
.textcomplete-dropdown {
  background-color: #FFFFFF;
  border: 1px solid #000;
  height: 152px;
  overflow-y: scroll;
}

.textcomplete-dropdown .textcomplete-item{
  padding: 5px;

}

.textcomplete-dropdown li.active{
  background-color: #DAE0F6;
}

.textarea-control {
  min-height: 150px;
  padding: 12px;
}

.twocolend {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.twocolend span { font-size: 12px; }

.keySelect {
  max-width: 200px;
  height: 30px;
  margin-bottom: 2px;
}

.dropbtn {
  background-color: #6f87ee;
  color: white;
  padding: 5px 40px 6px 10px;
  font-size: 13px;
  border: none;
  cursor: pointer;
  text-decoration: none !important;
  border-radius: 5px;
}

.dropbtn .arrow {
  border: solid white;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    position: absolute;
    right: 12px;
    top: 50%;
    margin-top: -6px;
}
.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.dropbtn:hover, .dropbtn:focus {
  background-color: #6f87ee;
}

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

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #fff;
  min-width: 140px;
  overflow: auto;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  padding: 10px;
  top: 27px;
  max-height: 200px;
  right: 0;
}

.dropdown-content div.list {
  color: black;
  padding: 5px 10px;
  background-color: #fff;
  text-decoration: none;
  display: block;
}

.show {display: block;}

.ml5 {
  margin-left: 5px !important;
}
.mr5 {
  margin-right: 5px !important;
}

.user-permission-popup-inn{
  background: #fff;
  width: 100%;
  max-width: 470px;
  padding: 34px;
  box-shadow: rgba(0,0,0,0.1) 0 0 5px;
  border-radius: 5px;
  position: relative;
}

.user-permission-ul{
  min-height: 335px;
  max-height: 425px;
}
.permission-ul{
  min-height: 245px;
  max-height: 340px;
  overflow: auto;
  margin: 15px 0px;
}

.permission-ul li{
  padding: 5px 0px;
}
.permission-ul li.half-40{
  width: 50%;
  float: left;
}
.permission-ul li.half-60{
  width: 50%;
  float: left;
}
.btn-li{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.bookBtns li.recomn_icon {
  position: relative;
}
.bookBtns li.recomn_icon::before {
  position: absolute;
  right: -2px;
  top: -2px;
  content: '';
  background: url(../images/recomanded_icon.png) 0 0 no-repeat;
  width: 46px;
  height: 46px;
  background-size: 46px;
  display: block;
}

.bookBtns li.recomn_500.recomn_icon::before {
  background: url(../images/500.png) 0 0 no-repeat;
  background-size: 38px;
}

.bookBtns li.recomn_250.recomn_icon::before {
  background: url(../images/250.png) 0 0 no-repeat;
  background-size: 38px;
}

.peopleFormField .btn.btninput {
  width: auto;
  margin: 25px 0 0 0;
  height: 50px;
}


/* Payment Page Start
------------------------------------ */

.paymentCardRow {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 22px;
}

.pmtCards {
  display: flex;
  gap: 20px;
  align-items: center;
}

.pmtCards .pmtcard {
  width: 280px;
  height: 111px;
  background: #E97272;
  border-radius: 7px;
  color: #fff;
  padding: 27px 20px; position: relative;
}

.pmtCards .pmtcard.orange_bg {
  background: #E97272;
}
.pmtCards .pmtcard.green_bg {
  background: #00AB68;
}

.pmtCards .pmtcard .title {
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
}

.pmtCards .pmtcard .cardname {
  font-weight: 700;
  font-size: 25px;
  line-height: 36px;
}

.pmtCards .pmtcard a.pmtlink {
  font-weight: 700;
  font-size: 15px;
  line-height: 22px;
  text-decoration: underline;
  text-transform: capitalize;
  color: #FFFFFF;
  position: absolute;
  right: 13px;
  bottom: 10px;
  cursor: pointer;
}

.pmtCards .pmtcard a.pmtlink:hover {
  text-decoration: none;
}

.pmtSort {
  display: flex;
  align-items: center;
  gap: 10px;
}

.paymentListTable .statusPmt {
  text-transform: uppercase; font-weight: 700;
  color: #5E77BF;
}

.paymentListTable .statusPmt.pending {
  color: #ECBE49;
}

.paymentListTable .statusPmt.failed {
  color: #AB504D;
}

.cardBoxRow {
  display: flex;
  align-items: center;
  gap: 100px;
  justify-content: center;
  padding: 30px;
}

.cardBox {
  background:#CCCCCC url(../images/card_bg.png) 50% 100% no-repeat;
  width: 316px;
  height: 200px;
  overflow: hidden;
  border-radius: 15px;
  padding: 30px 20px;
  color: #40424F; position: relative;
  cursor: pointer;
}
.cardBox .bankName {
  font-weight: 500;
  font-size: 20px;
  line-height: 29px;
}
.cardBox .cardNumb{
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
}
.cardBox .expiryDate{
  font-weight: 400;
  font-size: 12px;
  line-height: 17px;
  margin-top: 16px;
}
.cardBox .cardBottom {
  position: absolute;
  bottom: 15px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  left: 0;
  padding: 0 20px;
}
.cardBox .cardBottom .col1 {
  display: flex;
  font-weight: 400;
  font-size: 12px;
  line-height: 17px;
  gap: 7px;
  align-items: center;
}
.cardBox .cardBottom .col2 {
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  display: flex;
  align-items: center;
  gap: 7px;
}
.cardBox .paymentDateLine {
  font-style: normal;
  font-weight: 700;
  font-size: 11px;
  line-height: 16px;
  color: #7281E9;
  background-color: #fff;
  padding: 5px;
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 49px;
  text-align: center;
  display: none;
}

.cardBox.activeCard .paymentDateLine.active {
  display: block;
}

.cardBox.activeCard {
  background:#7281E9 url(../images/card_bg.png) 50% 100% no-repeat;
  color: #fff;
  box-shadow: -11px 10px 10px rgba(0, 0, 0, 0.15);
  cursor: default;
}



.cardBox .editRemove {
  position: absolute;
  right: 16px;
  top: 8px;
  display: flex;
  gap: 20px;
  font-weight: 400;
  font-size: 12px;
}
.cardBox .editRemove a {
  cursor: pointer;
}

.cardBox.activeCard .editRemove a {
  color: #fff;
}

.cardToggle {
  display: flex;
  background: #fff;
  padding: 2px;
  border-radius: 20px;
  color: #000;
  gap: 0;
  line-height: 21px;
}
.cardToggle .onoff {
  padding: 0 10px;
  cursor: pointer;
}
.cardToggle .onoff.active {
  background: #59BD09;
  border-radius: 130px;
  color: #fff;
}
.cardBox .icoCheck {
  display: none;
}
.cardBox.activeCard .icoCheck {
  background:#fff url(../images/iconCheck.png) 44% 60% no-repeat;
  display: block;
  width: 18px;
  height: 18px;
  border-radius: 20px;
}

.paymentMethodRow {
  display: flex;
  justify-content: center;
  padding: 30px;
}
.paymentMethodBox {
  width: 316px;
    height: 200px;
    border: 2px dashed #40424F;
    border-radius: 15px;
    padding: 30px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    cursor: pointer;
    gap: 10px;
}

.paymentMethodBox .text {
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  color: #40424F;
}
.paymentMethodBox .iconPlus {
  width: 27px;
  height: 27px;
  background: url(../images/icon_plus.png) 50% 50% no-repeat;
  display: block;
}


#CardModal, #addCardModal, #removeCardModal, #makePaymentModal{
  display:none
}
.CardModal .ui-widget-header{
  background: none !important;
  border:0 !important;
}
.CardModal .ui-widget-header .ui-icon {
  background: url(../images/closeModal.png) 50% 50% no-repeat !important;
  width: 12px;
  height: 12px;
  display: inline-block;
}
.ui-dialog.CardModal .ui-dialog-titlebar-close {
  position: absolute;
  right: -16px;
  top: 50%;
  width: 20px;
  margin: 0;
  padding: 0;
  height: 20px;
}
.CardModal.ui-widget.ui-widget-content {
  width: 444px !important;
  border-radius: 11px !important;
  padding: 0 30px 20px 30px;
}
.cardFrow {
  margin-bottom: 15px;
}
.cardFrow.col2box {
  display: flex;
  gap: 20px;
}
.cardFrow.col2box .col-4 {
  width: 30%;
}
.cardFrow.col2box .col-8 {
  width: 70%;
}

.cardFrow.col2box .col-3 {
  width: 20%;
}
.cardFrow.col2box .col-9 {
  width: 80%;
}
.toggleform {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 12px;
}

.toggleform .cardToggle {
  background: radial-gradient(171.43% 171.43% at 48.68% 46.43%, #FFFFFF 0%, #DADADA 41.03%, #ECECEC 100%);
  padding: 0;
}
.toggleform .cardToggle .onoff.active {
  background: #7281E9;
}
.btnCardForm {
  width: 100%;
  height: 42px;
  background: #7281E9;
  border-radius: 6px;
  border: 0;
  color: #fff;
  cursor: pointer;
}
.CardModal p {
  font-weight: 400;
  font-size: 12px;
  line-height: 17px;
  text-align: center;
  color: #B7B5B5;
}
.CardModal p.text-left {
  text-align: left;
}
.CardModal label {
  display: inline-flex;
  padding-bottom: 2px; color: #40424F; font-size: 12px; gap: 5px;
}
.ui-widget-overlay {
  background: #000 !important;
}
.toggleform.justify-between {
  justify-content: space-between;
}

.cardBtnRow {
  display: flex;
  gap: 20px;
  justify-content: center;
}

.CardModal p.font15 {
  font-weight: 500;
  font-size: 15px;
  line-height: 22px;
  /*text-transform: capitalize;*/
  color: #9299B9;
}

.cardBtnRow .btnCardForm {
  max-width: 100px;
}

.CardModal .checkBox {
  display: flex;
  gap: 10px;
  align-items: flex-start;
}

.CardModal .checkBox label {
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  color: #B7B5B5;
}

.makePaymentThankyou {
  display: none;
}

.makePaymentThankyou .icon_thumb {
  width: 66px;
  margin: 0 auto;
  display: block;
  margin-bottom: 10px;
}

.makePaymentThankyou h3 {
    font-weight: 500;
  font-size: 30px;
  line-height: 43px;
  text-transform: capitalize;
  color: #40424F;
  text-align: center;
}
.makePaymentThankyou p.gray-text {
  font-weight: 500;
  font-size: 12px;
  line-height: 17px;
  text-transform: capitalize;
  color: #9299B9;
  margin-bottom: 15px;
}
.makePaymentThankyou p {
  font-weight: 400;
  font-size: 12px;
  line-height: 17px;
  text-align: center;
  color: #B7B5B5;
}

#callSmsTable {
  width: 100%; border-collapse:separate; border-spacing:0 10px;
}

#callSmsTable td {
  background: #F4F7F9;
  color: #40424F;
  padding: 10px 20px;
  border-top: 1px solid #d6d8df;
  border-bottom: 1px solid #d6d8df;
}
#callSmsTable td .move {
  background:#9298B7 url(../images/up_arrow.png) 50% 50% no-repeat !important;
  border: 0;
  width: 22px;
  height: 22px;
  cursor: pointer; border-radius: 4px; margin-right: 5px;
}

#callSmsTable td .move.downm {
  background:#9298B7 url(../images/down_arrow.png) 50% 50% no-repeat !important;
}
#callSmsTable td .callText {
  position: relative;
  padding: 0 0 0 35px;
  display: flex;
  align-items: center;
}
#callSmsTable td .callText::before {
  content: '';
  background: url(../images/icon_call.png) 50% 50% no-repeat !important;
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  left: 0;
}

#callSmsTable td .smsText {
  position: relative;
  padding: 0 0 0 35px;
  display: flex;
  align-items: center;
}
#callSmsTable td .smsText::before {
  content: '';
  background: url(../images/icon_sms.png) 50% 50% no-repeat !important;
  display: block;
  width: 25px;
  height: 24px;
  position: absolute;
  left: 0;
}
#callSmsTable td:first-child {
  width: 100px;
}
#callSmsTable td:last-child {
  width: 106px;
}

#callSmsTable td:nth-child(2) {
  width: 206px;
}

#callSmsTable td .tags {
  background: #dde3e7;
  border-radius: 45px;
  margin-right: 4px;
  font-size: 13px;
  padding: 3px 14px;
  line-height: 23px;
}
#callSmsTable td .tags.orange {
  background: #F0CDB3;
}
#callSmsTable td .tags.yellow {
  background: #F0EAB3;
}
#callSmsTable td .tags.blue {
  background: #B3E1F0;
}
#callSmsTable td .tags.green {
  background: #B3F0C1;
}

#newActionModal, #placeCallModal, #sendSmsModal {
  display: none;
}

.CardModal.newAction.ui-widget.ui-widget-content {
  width: 354px !important;
}
.CardModal.callModal.ui-widget.ui-widget-content {
  width: 410px !important;
  z-index: 999 !important;
}

.CardModal.smsModal.ui-widget.ui-widget-content {
  width: 410px !important;
}


.btnCallSms {
  width: 105px;
  height: 105px;
  background: #4F59A1;
  border-radius: 10px;
  border: 0;
  color: #fff;
  cursor: pointer;
}
.btnCallSms .iconCall {
  background: url(../images/ico_callModal.png) 50% 50% no-repeat !important;
  display: block;
  width: 40px;
  height: 40px;
  margin: 0 auto; margin-bottom: 15px;
}
.btnCallSms .iconSms {
  background: url(../images/ico_smsModal.png) 50% 50% no-repeat !important;
  display: block;
  width: 40px;
  height: 40px;
  margin: 0 auto; margin-bottom: 15px;
}
.cshudelblock {
  padding: 10px;
}

.CallSmsRow {
  display: flex;
  gap: 20px;
  justify-content: space-between;
}

#sendSmsModal textarea.form-control {
  min-height: 110px;
    padding: 12px;
}

.form-control:focus {
  border: 1px solid #b3bad7;
    background: #fff;
}
#sendSmsModal .d-flex {
  display: flex;
  margin-top: 33px; align-items: center; gap: 30px;
}
#sendSmsModal .d-flex .custCheck {
  padding-right: 0;
    margin-right: 26px;
    padding-left: 28px;


}
#sendSmsModal .d-flex .custCheck:last-child {
  margin-right: 0;
}
#sendSmsModal {
  margin: -5px -20px -15px -20px;
}
#sendSmsModal h3 {
  position: relative; margin-top: -9px;
}

.CardModal.removeCardRow.ui-widget.ui-widget-content {
  width: 337px !important;
}

.timeflex {
  display: flex;
  gap: 10px;
  align-items: center;
}
#placeCallModal {
  margin: -5px -10px;
}
.twoboxflex {
  display: flex; gap: 10px;
}
.twoboxflex select.form-control {
  min-width: 74px;
}

.divCHeckInput {
  display: inline-flex;     margin-right: 50px;
}

.divCHeckInput .custCheck {
  margin-right: 0;
}
.divCHeckInput .form-control {
  margin-top: -13px;
}
.divCHeckInput .form-control.emailControl {
  min-width: 270px;
}

.slotList li {
  min-width: 300px;
}

/* table header fixed start*/

.tableOut {
  position: relative;
}
.tableOut-scroller {
  margin-left: 0;
  overflow-x: visible;
  overflow-y: visible;
  width: 100%;
}

.tableOut tr th:nth-child(3), .tableOut tr td:nth-child(3) {
  position: sticky;
  width: 132px;
  left: 170px;
  background-color: #fff;
  border-left: 1px solid #fff;
}
.tableOut tr th:nth-child(2), .tableOut tr td:nth-child(2) {
  position: sticky;
  width: 128px;
  left: 80px;
  background-color: #fff;
}
.tableOut tr th:nth-child(1), .tableOut tr td:nth-child(1) {
  position: sticky;
  top: 0;
  left: 0;
  width: 99px;
  border-left: 0;
  background-color: #fff;
}
.tableOut tr th:nth-child(3), .tableOut tr th:nth-child(2), .tableOut tr th:nth-child(1) {
  z-index: 1;
}

.tableOut thead th {
  position: sticky;
  top: 0;
  background-color: #fff;
  z-index: 0;
}
/* table header fixed END */



.agentCallCenterTop {
  display: flex; border-bottom: 2px solid #E8EBF9;
}
.agentCallCenterTop .colLeft {
  width: 44%;
}
.agentCallCenterTop .colRight {
  width: 56%;
}
.leadConnect {
  display: flex; align-items: center; gap: 10px; padding: 20px;
}

.rightConnectBox {
  display: flex; align-items: center; gap: 30px; padding: 20px; justify-content: flex-end;
}
.agentConnect, .leadsNumber {
  display: flex; align-items: center; gap: 10px;
}
.agentConnect {
  position: relative;
}
.agentConnect::before {
  content: '';
    display: block;
    width: 1px;
    height: 29px;
    background-color: #9299B9;
    position: absolute;
    left: -15px;
}

.agentCallBottom {
  display: flex;
}
.agentCallBottom .colLeft {
  width: 44%;     border-right: 2px solid #E8EBF9;
}
.agentCallBottom .colRight {
  width: 56%;
}
.btnGroupCall {
  padding: 30px 20px 20px 20px; position: relative;
}
.btnGroupCall .btn {
  min-width: 32%;
  padding: 0 12px;
  margin: 0 4px 6px 0;
}

.btnGroupCall .btn.disabled {
  background-color: #ccc !important;
  cursor: default;
  pointer-events: none;
}
.btnGroupCall .btn.disabled.btnManualHangUp {
  outline: 3px solid #ccc;
}




@media only screen and (max-width: 1500px) {
  .btnGroupCall .btn {
    min-width: 32%;
    padding: 0 7px;
    margin: 0 4px 6px 0;
    font-size: 13px !important;
  }
}
.btnGroupCall h3, .noteCall h3, .recentUpCall h3 {
  margin-bottom: 14px; color: #7C819C;
}
.btnGroupCall h3 {
  margin-bottom: 22px;
}
.btnGroupCall .btn.btnWrong {
  background-color: #E9CF72;
}
.btnGroupCall .btn.btnDNC {
  background-color: #8AACDE;
}
.btnGroupCall .btn.btnFollowUp {
  background-color: #DE8AA8;
}
.btnGroupCall .btn.btnBooked {
  background-color: #72CCE9;
}
.btnGroupCall .btn.btnBookedOthers {
  background-color: #8372E9;
}
.btnGroupCall .btn.btnDisconnected {
  background-color: #E972D6;
}
.btnGroupCall .btn.btnVoiceMessage {
  background-color: #E9CF72;
}

.noteCall {
  padding: 20px; border-top: 2px solid #E8EBF9;
}
.formArea {
  position: relative;
}
.formArea .form-control {
  padding: 10px 10px 40px 10px;
    min-height: 120px;
}
.formArea a.btn.btnText {
  position: absolute;
  right: 0;
  bottom: 0;
  background-color: inherit;
  color: #7281E9;
}

.recentUpCall {
  padding: 20px; border-top: 2px solid #E8EBF9;
}
.UCactionBtn a.btn.btnSpan{
  background-color: #fff;
  color: #7281E9;
  border: 1px solid #9299B9;
  padding: 5px 10px;
  line-height: 21px;
  height: 54px;
  margin: 0 2px 4px 0; min-width: 170px;
}
@media only screen and (max-width: 1500px) {
  .UCactionBtn a.btn.btnSpan{
    min-width: 145px;
    font-size: 12px !important;
  }
}
.UCactionBtn a.btn.btnSpan span{
  display: block;
  color: #9299B9;
}
.UCactionBtn a.btn.btnSpan i.icon {
  background: url(../images/recentCall.png) 0 0 no-repeat;
  width: 13px;
  height: 13px;
  display: inline-block;
  position: relative;
  margin-right: 4px;
  top: 4px;
}
.UCactionBtn.mb30 {
  margin-bottom: 30px;
}


.leadBlockTop .lead_left {
  display: flex; padding: 20px; border-bottom: 2px solid #E8EBF9; justify-content: space-between;     align-items: center;
}

.numCall_right {
  width: 56%; display: flex; justify-content: flex-end; gap: 30px; align-items: center;
}
.numCall_right .number {
  font-weight: 400;
  font-size: 25px;
  line-height: 36px;
  color: #40424F; position: relative;
}
.leadBlockTop h3 {
  color: #7C819C;
}
.leadBlockTop h3 .fa-check-circle {
  margin-right: 4px;
}
.numCall_right .number::before {
  content: '';
    display: block;
    width: 1px;
    height: 29px;
    background-color: #9299B9;
    position: absolute;
    right: -15px;
}
.callType {
  background: url(../images/leadCallBound.png) 0 0 no-repeat; padding-left: 26px; height: 25px;
}

.InboundcallType {
  background: url(../images/inbound_icon.png) 0 0 no-repeat; padding-left: 26px; height: 25px;
}

.leadBlockList {
  padding: 20px;
}
.leadBlockList .leadBox {
  width: 49%;
  display: inline-flex; font-size: 12px; padding-bottom: 7px; align-items: center;
}
.leadBlockList .leadBox .leadLabel {
  line-height: 17px;
  color: #9299B9;
  min-width: 84px;
}
.leadBlockList .leadBox .leadName {
  font-size: 14px; color: #40424F;
}
.leadBlockList .leadBox .leadLink {
  text-decoration: underline;
  color: #7281E9; cursor: pointer;
}
.leadFromToSize {
  display: inline-flex; border-top: 2px solid #E8EBF9; padding: 20px; width: 100%;
}
.leadFromToSize .lead_Box {
  width: 25%;
}
.leadFromToSize .lead_Box .leadLabel {
  line-height: 17px;
  color: #9299B9;
  margin-bottom: 5px; font-size: 12px;
}
.leadFromToSize .lead_Box .leadName {
  font-size: 14px; color: #40424F;
}

.CallTopBtnbox .btn .icon_btn {
  margin-top: 11px;
  margin-right: 4px;
}
.CallTopBtnbox {
  display: flex;
  gap: 10px;
}
.CallTopBtnbox .btn.disabled {
  background-color: #ccc;
  cursor: default;     pointer-events: none;
}

.btn_input_col {
  display: flex;
}
.btn_input_col .btnCardForm {
  margin-left: 10px;
  max-width: 86px;
}

#ManualSMSModal h3 ,
#TransferCallModal h3 ,
#SoftPhoneModal h3 {
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  color: #7C819C;
}

#ManualSMSModal .btnCardForm ,
#ManualSMSModal .form-control ,
#TransferCallModal .btnCardForm ,
#TransferCallModal .form-control ,
#SoftPhoneModal .btnCardForm ,
#SoftPhoneModal .form-control {
  height: 42px;
}

#ManualSMSModal,
#TransferCallModal,
#SoftPhoneModal,
#PhoneCheckedModal {
  display: none;
}

.mike_icon {
  position: relative;
}
.mike_icon::before {
  content: '';
  display: block;
  width: 1px;
  height: 29px;
  background-color: #9299B9;
  position: absolute;
  right: -15px;
  top: -4px;
}
.btnRunningCall {
  height: 46px;
  background: #72E98C;
  border-radius: 5px;
  font-weight: 400;
  font-size: 25px;
  line-height: 36px;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  padding: 10px 15px;
  border: 0;
  gap: 10px;
  position: fixed;
  bottom: 13px;
  right: 116px;
  cursor: pointer;
}
.btnRunningCall::after {
  content: '';
  display: block;
  width: 19px;
  height: 19px;
  background: url(../images/running_call.png) 0 0 no-repeat;
}

.btnGroupCall .btn.btnManualHangUp {
  background: #FE4444;
    border-radius: 5px;
    border: 1px solid #fff;
    outline: 3px solid #FE4444;
    height: 38px;
    line-height: 33px;
    position: absolute;
    right: 27px;
    top: 21px;
    padding: 0 10px 0 16px;
    min-width: 164px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.btnGroupCall .btn.btnManualHangUp::before {
  content: '';
  display: block;
  width: 18px;
  height: 8px;
  background: url(../images/hangupCall_icon.png) 0 0 no-repeat;
}
@media only screen and (max-width: 1500px) {
  .btnGroupCall .btn.btnManualHangUp {
    right: 23px;
  }
}

.CallInBound .leadBlockTop .lead_left {
  justify-content: flex-end;     border: 0;
}
.CallInBound .numCall_right {
  width: 80%;
}




.callboardBox {
  position: fixed;
    bottom: 0;
    right: 0;
    display: flex;
    gap: 10px;
    width: auto;
    justify-content: flex-end; flex-wrap: wrap; z-index: 2; flex-flow: wrap-reverse; padding: 10px;
    border-radius:13px;

}
.callboardBox .innerbox {
  position: relative;
  width: 281px;
  height: 289px;
  background: url(../images/callBoard.png) 0 0 no-repeat;
  border-radius: 10px;
  border: 1px solid #dfdfdf;
  box-shadow: 0 0 18px #d8d8d8;
  padding: 10px;
}
.callboardBox .call_user {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 40px 20px;
  height: 204px;
}
.callboardBox .user_img {
  border-radius: 100px;
  overflow: hidden;
  width: 50px;
  height: 50px;
}
.callboardBox .callNumber {
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  color: #40424F;
  margin-top: 10px;
}
.callboardBox .callbtns {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0px;
  gap: 100px;
}
.callboardBox .callbtns a {
  cursor: pointer;
}

.callboardBox .callbtns .callUp {
  position: relative;
  right: -4px;
}
.callboardBox a.closeCallModal {
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  right: 10px;
  top: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.inventary_inner .inventary_top {
  padding: 15px 20px; display: flex; justify-content: space-between;
  border-bottom: 1px solid #E8EBF9;
}

.inventary_inner .filterBox {
  display: flex; gap: 30px;
}

.inventary_inner .filter_search {
  display: flex;
  position: relative;
}
.inventary_inner .btnIconSearch {
  position: absolute;
  bottom: 1px;
  right: 0;
  width: 41px;
  height: 41px;
  background: url(../images/search_icon.png) 50% 50% no-repeat;
  border: 0;
  display: block;
  text-indent: -999em; cursor: pointer;
}

.inventary_table table {
  width: 100%;
}
.inventary_table table tr td {
  border-bottom: 1px solid #E8EBF9;
  padding: 10px 20px; vertical-align: middle;
}
.inventary_table .cat_title {
  border-bottom: 1px solid #E8EBF9;
  padding: 20px; color: #9299B9;
}

.inventary_table .checkbox_outer {
  margin: 8px 0;
}
.inventary_table table tr td:first-child  {
  width: 33%;
}
.inventary_table table tr td:nth-child(2) {
  width: 25%;
}
.inventary_table table tr td:nth-child(3) {
  width: 25%;
}
.inventary_table table tr td:last-child  {
  width: 20%;
}

.inventary_table .chargebox {
  max-width: 159px;
}
.inventary_table .wrapbox {
  max-width: 200px;
}
.inventary_table .wrapbox label, .inventary_table .chargebox label {
  color: #9299B9; margin-bottom: 4px; display: block;
}
.inventary_table .checkbox_outer .custCheck {
  color: #9299B9; font-weight: 700;     font-size: 13px;
}
.inventary_inner .form-control {
  height: 40px;
}
.inventary_table .cat_detail {
  display: flex;
  align-items: center;
  gap: 20px;
  color: #40424F; font-weight: 700;
}

.inventory_container {
  height: calc(100vh - 245px);
  overflow: auto;
  overflow-x: hidden;
}

.ui-accordion.inventory_accordion .ui-accordion-header {
  border: 0;
  border-radius: 0 !important;
  border-bottom: 1px solid #DAE0F6 !important;
  width: 100%;
  text-align: left;
  padding: 10px 20px;
  margin: 0;
  height: auto; color: #40424F; font-weight: 700;
  font-size: 15px;
}
.ui-accordion.inventory_accordion .ui-accordion-content {
  border: 0;
  border-radius: 0;
  border-bottom: 1px solid #DAE0F6 !important;
  width: 100%;
  text-align: left;
  padding: 20px;
  margin: 0;
}
.ui-accordion.inventory_accordion .ui-accordion-header-icon {
  position: absolute;
  bottom: 17px;
  right: 20px;
  width: 16px;
  height: 16px;
  background: url(../images/accourdion-arrow.png) 50% 50% no-repeat !important;
  border: 0;
  display: block;
  text-indent: -999em; cursor: pointer;
}
.ui-accordion.inventory_accordion .ui-accordion-header-active .ui-accordion-header-icon{
  transform: rotate(180deg);
}

.AddCustomProductLi .btn.btnAddCustomProduct {
  background-color: #9a9ca7;
  border-radius: 25px;
  height: 33px;
  padding: 0 18px;
  line-height: 35px;
}

.ProAddRemove {
  display: flex;
  gap: 2px; align-items: center;
}
.ProAddRemove .button {
  padding:5px;
  cursor:pointer;
  background:#fff;
  color:#000;
  width:30px;
  height:30px;
  text-align:center;
  display:inline-block;
  border: 1px solid #DAE0F6; line-height: 18px; text-align: center; border-radius: 30px; font-size: 20px; font-weight: 400;
 }

.ProAddRemove .button:hover {
  background:#DAE0F6;
 }

 .ProAddRemove input {
  width: 30px; text-align: center; font-size: 16px !important; border: 0; background: none; font-weight: 700; color: #40424F;
 }

 ul.inventProList {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
}
ul.inventProList li { width: 25%; padding: 20px; }
ul.inventProList .proName {
  font-weight: 700;
  font-size: 15px;
  line-height: 22px;
  color: #40424F;
  padding: 10px 0;
}

.CardModal.AddCustomProductModal.ui-widget.ui-widget-content {
  width: 644px !important;
}

#AddCustomProductModal .cardFrow {
  display: flex;
  width: 100%;
  gap: 10px;
}
#AddCustomProductModal .cardFrow .col {
  width: 100%;

}

#AddCustomProductModal {
  display: none;
}
#AddCustomProductModal .btn.btnCancel {
  background: #fff !important;
  color: #6F87EE;
  border: #6F87EE 1px solid;
  line-height: 38px;
}
#AddCustomProductModal .btnRow {
  justify-content: center;
}
#AddCustomProductModal p {
  text-align: left;
}

.submenu3_link.active {
  background-color: #DAE0F6;
}

ul.submenu3 {
  display: none;
  padding-left: 13px;
  background-color: #dae0f64f;
}

.submenu3_link {
  position: relative;
}
.submenu3_link::before {
  content: '';
  display: block;
  width: 18px;
  height: 18px;
  background: url(../images/submenu3_arrow.png) 50% 50% no-repeat;
  position: absolute;
  right: 12px;
}

.submenu3 li a span {
  float: right;
}

.invetory_new_page .inventary_table table tr th, .invetory_new_page .inventary_table table tr td {
  text-align: left;
  padding: 5px 5px;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #9299B9;
  border-bottom: 1px solid #E8EBF9;
}
.invetory_new_page .inventary_table table tr td:first-child {
  width: 17%;
  padding-left: 16px;
}
.invetory_new_page .inventary_table table tr td:nth-child(2) {
  width: 17%;
}
.invetory_new_page .inventary_table table tr td:nth-child(3) {
  width: auto;
}
.invetory_new_page .inventary_table table tr td:last-child {
  width: auto;
  padding-right: 16px;
}
.invetory_new_page .inventary_table table tr th {
  width: 72px;
  background-color: #fff;
  position: sticky;
  top: 0px;
  z-index: 1;
}
.invetory_new_page .inventary_table {
  position: relative;
}
/* .invetory_new_page .inventary_table table tr td .w80 {
  width: 80px;
} */

.invetory_new_page .inventary_table table tr td select.form-control {
  min-width: 85px;
}

#addInventoryModal {
  display: none;
}

.col3row {
  display: flex;
  gap: 10px;
}
.col3row .col {
  width: 33.333%;
}

.col2row {
  display: flex;
  gap: 10px;
}
.col2row .col {
  width: 50%;
}

.fileuploadbox {
  position: relative;
  overflow: hidden;
  display: inline-block;
  min-width: 113px;
}

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

.CardModal.addInventoryModal.ui-widget.ui-widget-content {
  width: 500px !important;
  border-radius: 11px !important;
  padding: 0 30px 20px 30px;
}

.uploadfileFlex {
  display: flex;
  align-items: center;
  gap: 10px;
}

.uploadfileFlex .fileInfoText {
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  color: #E14949;
}

.uploadfileFlex .info_icons {
  width: 30px;
}

.fileuploadrow {
  display: none;
}

.fileInfoText {
  display: none;
}

.inventory_title {
  background: #9299B9;
  font-weight: 700;
  font-size: 15px;
  line-height: 22px;
  color: #FFFFFF;
  padding: 10px 20px;
  display: flex;
  justify-content: space-between;
}
.inventoryLable {
  font-weight: 700;
}

ul.submenu3.active {
  display: block;
}

.leadDetailContLeft .submenu3 li a {
  padding: 6px 15px;
}

.btnFollowUp {
  position: relative;
}
.inputDTCalendar {
  display: block;
  width: 100%;
  border: 0;
  background: none;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  z-index: 1;
  cursor: pointer;
  text-indent: -999em; font-size: 0;
}
.inputDTCalendarQuote {
  width: 100%;
  border: 0;
  background: none;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  z-index: 1;
  cursor: pointer;
  text-indent: -999em; font-size: 0;
}

#ui-datepicker-div.ui-datepicker table {
  margin: 0 !important;
  width: 100% !important;
}

#ui-datepicker-div {
  background-color: #fff;
  padding: 8px 12px;
  width: 244px;
  border: 1px solid #ccc !important;
  margin: 6px 0;
}

.ui_tpicker_time, .ui_tpicker_hour_label, .ui_tpicker_minute_label, .ui_tpicker_timezone_label, .ui_tpicker_microsec, .ui_tpicker_millisec, .ui_tpicker_second {
  display: none;
}
#ui-datepicker-div .ui-datepicker-calendar tbody tr td.ui-datepicker-today {
  background-color: #A6ACC6 !important;
  opacity: 1 !important;
}
#ui-datepicker-div .ui-state-default, #ui-datepicker-div.ui-widget-content .ui-state-default {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  color: #000;
}
#ui-datepicker-div.ui-datepicker td {
  padding: 0;
}


#ui-datepicker-div .ui-timepicker-div dl {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}
#ui-datepicker-div dt.ui_tpicker_time_label {
  width: 100%;
  font-weight: 500;
  font-size: 12px;
  line-height: 17px;
  padding-bottom: 5px;
  color: #40424F;
}

#ui-datepicker-div .ui-timepicker-select, #ui-datepicker-div .ui_tpicker_timezone select {
  background: #F4F7F9;
  border: 1px solid #E1E6F6;
  border-radius: 5px;
  width: 50px;
  height: 30px;
  font-size: 12px;
  color: #B7B5B5;
}

#ui-datepicker-div .ui-timepicker-div dl dd {
  margin-right: 10px;
}

#ui-datepicker-div .ui-timepicker-div {
  padding: 5px 9px;
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-title {
  margin: 0 1em;
  padding: 5px 0;
  font-size: 15px;
  color: #40424F;
  font-weight: 500;
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-next {
  right: 11px !important;
  top: 5px !important;
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-prev {
  left: 11px !important;
  top: 5px !important;
}

#ui-datepicker-div.ui-datepicker .ui-datepicker-prev, #ui-datepicker-div.ui-datepicker .ui-datepicker-next, #ui-datepicker-div.ui-datepicker .ui-datepicker-prev.ui-state-hover,
#ui-datepicker-div.ui-datepicker .ui-datepicker-next.ui-state-hover {
  height: 32px !important;
  width: 32px !important;
  border-radius: 5px;
  background-size: 50% 12px;
}
#ui-datepicker-div.ui-datepicker .ui-datepicker-buttonpane {
  padding: 6px 8px;
    border: 0;
    margin: 0;
    height: 58px;
}
#ui-datepicker-div.ui-datepicker th {
  text-transform: capitalize;
}

#ui-datepicker-div button.ui-datepicker-close {
  background: #7281E9 !important;
  border-radius: 5px;
  height: 42px !important;
  color: #fff !important;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
}

#ui-datepicker-div.ui-helper-clearfix:before {
  width: 0px;
  height: 0px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #ccc;
  display: block;
  position: absolute;
  top: -10px;
}
#ui-datepicker-div.ui-helper-clearfix:after {
  width: 0px;
  height: 0px;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-bottom: 9px solid #fff;
  display: block;
  position: absolute;
  top: -9px;
  margin: 0 1px 0 ;
}
#ui-datepicker-div .ui-widget-header .ui-state-disabled {
  display: block;
  background: #A6ACC6 url(../images/ico-arrow.svg) center center no-repeat;
  background-size: 50% 12px;
}

.audioCallbox {
  width: 100%;
  align-items: center;
  display: flex;
  gap: 7px;
}
.audioCallbox span {
  width: 30px;
  height: 15px;
  background-color: #e5e2e2;
  display: inline-block;
}
.audioCallbox span.active {
  background-color: #48c548;
}
.CallTopBtnbox .btnHangUp {
  background: #FE4444;
  border-radius: 5px;
  border: 1px solid #fff;
  outline: 3px solid #FE4444;
  height: 36px;
  line-height: 31px;
  margin-top: 3px;
  display: flex;
  gap: 10px;
  align-items: center;
}
.CallTopBtnbox .btnHangUp::before {
  content: '';
  display: block;
  width: 18px;
  height: 8px;
  background: url(../images/hangupCall_icon.png) 0 0 no-repeat;
}

.CallTopBtnbox .btn.btnHangUp.disabled {
  outline: 3px solid #ccc;
}

/* .inventary_table tr td {
  position: relative;
}
.inventary_table tr td .icoTd
 {
  position: absolute;
  right: 0;
  top: 0;
  display: none;
  padding: 0;
}
.inventary_table tr:hover td .icoTd {
  display: flex;
}

.inventary_table tr td .icoTd span {
  padding: 0;
 }
 .inventary_table tr td .icoTd span {
   display: inline-block;
   padding: 12px 10px;
   align-items: center;
   background: #FFA022;
   height: 100%;
    opacity: 0;
    max-width: 110px;
 }
 .inventary_table tr td .icoTd span {
   opacity: 1;
 }
 .inventary_table tr td .icoTd  a{
   color: #fff;
 } */

.mt5 {
  margin-top: 5px !important;
}
.mt10 {
  margin-top: 10px !important;
}
.mt15 {
  margin-top: 15px !important;
}
.mt20 {
  margin-top: 20px !important;
}
.mt25 {
  margin-top: 25px !important;
}
.ml5 {
  margin-left: 5px !important;
}
.ml10 {
  margin-left: 10px !important;
}
.ml15 {
  margin-left: 15px !important;
}
.ml20 {
  margin-left: 20px !important;
}
.ml25 {
  margin-left: 25px !important;
}
.mr5 {
  margin-right: 5px !important;
}
.mr10 {
  margin-right: 10px !important;
}
.mr15 {
  margin-right: 15px !important;
}
.mr20 {
  margin-right: 20px !important;
}
.mr25 {
  margin-right: 25px !important;
}
.mb5 {
  margin-bottom: 5px !important;
}
.mb10 {
  margin-bottom: 10px !important;
}
.mb15 {
  margin-bottom: 15px !important;
}
.mb20 {
  margin-bottom: 20px !important;
}
.mb25 {
  margin-bottom: 25px !important;
}


.pt5 {
  padding-top: 5px !important;
}
.pt10 {
  padding-top: 10px !important;
}
.pt15 {
  padding-top: 15px !important;
}
.pt20 {
  padding-top: 20px !important;
}
.pt25 {
  padding-top: 25px !important;
}
.pl5 {
  padding-left: 5px !important;
}
.pl10 {
  padding-left: 10px !important;
}
.pl15 {
  padding-left: 15px !important;
}
.pl20 {
  padding-left: 20px !important;
}
.pl25 {
  padding-left: 25px !important;
}
.pr5 {
  padding-right: 5px !important;
}
.pr10 {
  padding-right: 10px !important;
}
.pr15 {
  padding-right: 15px !important;
}
.pr20 {
  padding-right: 20px !important;
}
.pr25 {
  padding-right: 25px !important;
}
.pb5 {
  padding-bottom: 5px !important;
}
.pb10 {
  padding-bottom: 10px !important;
}
.pb15 {
  padding-bottom: 15px !important;
}
.pb20 {
  padding-bottom: 20px !important;
}
.pb25 {
  padding-bottom: 25px !important;
}

.d-none {
  display: none !important;
}
.d-block {
  display: block !important;
}
.d-flex {
  display: flex !important;
}
.justify-center {
  justify-content: center !important;
}


.inOutSwitch {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 0;
}

.inOutSwitch .box {
  display: flex;
  gap: 8px;
  padding: 9px 14px;
  border: 1px solid #c5e3ca;
  border-radius: 5px;
  background-color: #ebffeeab;
  white-space: nowrap;
}

.inOutSwitch .box.obox {
  background-color: #ffecf3a8;
  border: 1px solid #efd5df;
}

.inOutSwitch .box.obox .switch input:checked + .slider {
  background: #de8aa8;
}

.inOutSwitch .box.obox, .inOutSwitch .box.gbox  {
  color: #c3c3c3;
}

.inOutSwitch .box.obox.active, .inOutSwitch .box.gbox.active  {
  color: #000;
}

#ui-datepicker-div .ui-datepicker-calendar tbody tr td.ui-datepicker-today {
  background-color: #f7f3f3 !important;
  opacity: 1 !important;
  border: 1px solid #A6ACC6;
}

.ProAddRemove input.qtyinput {
  border: 1px solid #ccc;
    width: 55px;
    padding: 4px;
    font-size: 14px !important;
    height: 28px;
    border-radius: 22px;
    opacity: 1;
}
.ProAddRemove input.qtyinput.disabled {
  opacity: 0.5;
  pointer-events: none;
}

.editbtnbox {
  background: url(../images/editSavBtn.png) 0 0 no-repeat;
  width: 26px;
  height: 26px;
  display: inline-block;
  margin-left: 5px;
  text-indent: -999em;
}

.editbtnbox.active {
  background: url(../images/editSavBtn.png) 0 -26px no-repeat;
}

.bookdetail_flex {
  display: flex;align-items: flex-start;
}

.capMsizeDate {
  width: 150px;
}
.capMovingPackage li label {
   margin-right: 12px;
}


.SMSToNumberModal, .SMSToLeadboxModal,
.dialNumberModal, .dialLeadboxModal {
  position: fixed !important;
}


.menualsmsbox .btn,
.menualcallbox .btn {
  margin-right: 5px; min-width: 32%;
}
.btn.btnDialNumber,
.btn.btnSMSToNumber, {
  background-color: #11c978;
}
.btn.btnDialLead,
.btn.btnSMSToLead{
  background-color: #36b2e3; min-width: 32%;
}


#SMSToNumberModal,
#dialNumberModal, #dialUpNumberModal {
  display: none; padding: 16px 40px 40px 40px;

}

.SMSToNumberModal,
.dialNumberModal {
  width: 346px !important;
}
.SMSToNumberModal .ui-widget-header ,
.dialNumberModal .ui-widget-header {
  border: 0;
  background: none; height: 30px;
}
.SMSToNumberModal .ui-dialog-title,
.dialNumberModal .ui-dialog-title {
  display: none;
}
.SMSToNumberModal .ui-button-icon,
.dialNumberModal .ui-button-icon {
  background: url(../images/call_close.png) no-repeat 0 0 !important ;
  display: block;
    width: 20px;
    height: 20px;
    margin-top: -8px;
    margin-left: 0;
}
.ui-dialog.SMSToNumberModal .ui-dialog-titlebar-close ,
.ui-dialog.dialNumberModal .ui-dialog-titlebar-close {
  margin: 0;
  right: 0;
  width: 30px;
  height: 30px;
  top: 6px;
}


#SMSToNumberModal .row ,
#dialNumberModal .row, #dialUpNumberModal .row {
  margin: 10px auto;
  width: 280px;
  clear: both;
  text-align: center;
  font-family: 'Exo';
}

#SMSToNumberModal .digit,
#SMSToNumberModal .dig,
#dialNumberModal .digit,
#dialNumberModal .dig, #dialUpNumberModal .digit, #dialUpNumberModal .dig {
  float: left;
  padding: 18px 26px;
  width: 92px;
  font-size: 2rem;
  cursor: pointer;
  text-align: center;
}

#SMSToNumberModal .sub,
#dialNumberModal .sub, #dialUpNumberModal .sub {
  font-size: 0.8rem;
  color: grey;
}

#SMSToNumberModal .container ,
#dialNumberModal .container, #dialUpNumberModal .container {
  background-color: white;
    width: 100%;
    padding: 0;
    margin: 0;
    height: 380px;
    text-align: center;
    box-shadow: none;
}
#SMSToNumberModal #output,
#dialNumberModal #output, #dialUpNumberModal #output {
    font-size: 2rem;
    height: 60px;
    font-weight: 400;
    color: #000;
    background-color: #eee;
    line-height: 63px;
    border-radius: 5px;
}
#SMSToNumberModal #call,
#dialNumberModal #call, #dialUpNumberModal #call {
  display: inline-block;
    background-color: #66bb6a;
    padding: 8px 23px;
    margin: 10px 14px;
    color: white;
    border-radius: 4px;
    float: left;
    cursor: pointer;
    font-size: 18px;
}
#SMSToNumberModal #numbRemove,
#dialNumberModal #numbRemove, #dialUpNumberModal #numbRemove {
  float: left;
    width: 60px;
    height: 36px;
    line-height: 40px;
    margin: 10px 16px;
    cursor: pointer;
    background-color: #e3e3e3;
    border-radius: 5px;
    font-size: 17px;
}
#SMSToNumberModal .botrow,
#dialNumberModal .botrow, #dialUpNumberModal .botrow {
  margin: 0px auto;
  width: 280px;
  clear: both;
  text-align: center;
  display: flex;
  justify-content: center;
  border-top: 1px solid #eee;
  padding: 8px;
}

#SMSToNumberModal .digit:active,
#SMSToNumberModal .dig:active,
#dialNumberModal .digit:active, #dialUpNumberModal .digit:active
#dialNumberModal .dig:active, #dialUpNumberModal .dig:active {
  background-color: #e6e6e6;
}

#SMSToNumberModal #call:hover,
#dialNumberModal #call:hover, #dialUpNumberModal #call:hover {
  background-color: #81c784;
}

#SMSToNumberModal .dig,
#dialNumberModal .dig, #dialUpNumberModal .dig {
  float: left;
  padding: 10px 20px;
  margin: 10px;
  width: 30px;
  cursor: pointer;
}

#SMSToLeadboxModal,
#dialLeadboxModal {
  display: none;
  padding: 10px 40px 40px 40px;
}

.SMSToLeadboxModal,
.dialLeadboxModal {
  width: 500px !important;
}
.SMSToLeadboxModal .ui-widget-header ,
.dialLeadboxModal .ui-widget-header {
  border: 0;
  background: none; height: 30px;
}
.SMSToLeadboxModal .ui-dialog-title ,
.dialLeadboxModal .ui-dialog-title {
  display: none;
}
.SMSToLeadboxModal .ui-button-icon ,
.dialLeadboxModal .ui-button-icon {
  background: url(../images/call_close.png) no-repeat 0 0 !important ;
  display: block;
    width: 20px;
    height: 20px;
    margin-top: -8px;
    margin-left: 0;
}

.ui-dialog.SMSToLeadboxModal .ui-dialog-titlebar-close ,
.ui-dialog.dialLeadboxModal .ui-dialog-titlebar-close {
  margin: 0;
  right: 0;
  width: 30px;
  height: 30px;
  top: 6px;
}


.ui-menu.customDialLead .ui-menu-item-wrapper::before {
  display: none;
}

.SMSToLeadboxModal .innerbox label ,
.dialLeadboxModal .innerbox label {
  display: block;
}

.SMSToLeadboxModal .innerbox .ui-widget ,
.dialLeadboxModal .innerbox .ui-widget {
  display: flex;
  flex-direction: column; gap: 10px; align-items: center;
}

.ui-menu.customDialLead .ui-state-active {
  margin: 0;
  text-decoration: none;
}

#SMSToNumberModal #output span,
#dialNumberModal #output span, #dialUpNumberModal #output span {
  position: relative;
}
#SMSToNumberModal #output span:nth-child(1)::before ,
#dialNumberModal #output span:nth-child(1)::before, #dialUpNumberModal #output span:nth-child(1)::before{
  content: ' ( ';
  display: inline-block;
  position: relative;
  top: -2px;
}

#SMSToNumberModal #output span:nth-child(3)::after ,
#dialNumberModal #output span:nth-child(3)::after, #dialUpNumberModal #output span:nth-child(3)::after{
  content: ' ) ';
  display: inline-block;
  position: relative;
  top: -2px; margin-right: 5px;
}

#SMSToNumberModal #output span:nth-child(6)::after ,
#dialNumberModal #output span:nth-child(6)::after, #dialUpNumberModal #output span:nth-child(6)::after{
  content: ' - ';
  display: inline-block;
  position: relative;
  top: -2px;
}

.dialpadRow {
  display: flex; justify-content: center;
}
.btnRowPad {
  justify-content: center;
  border-top: 1px solid #DAE0F6;
  padding-top: 5px;     margin: 5px;
}

.dialpadRow button {
  background-color: #fff;
  width: 43px; height: 41px;
  border: 0; display: block;
  margin: 5px; font-size: 18px !important; border: 1px solid #DAE0F6; border-radius: 5px; cursor: pointer;
}

.dialpadRow button.del {
  font-size: 14px !important;
}


.dialpadRow button.btnGoSMSToPad {
  background-color: #11c978;
  border: 0;
  color: #fff;
  margin: 5px;
  width: 94px;
  cursor: pointer;
  border-radius: 5px;

}

.dialpadRow button.btnGoDialPad {
  background-color: #11c978;
  border: 0;
  color: #fff;
  margin: 5px;
  width: 94px;
  cursor: pointer;
  border-radius: 5px;

}

#SMSToNumberModal .cls_phone,
#dialNumberModal .cls_phone, #dialUpNumberModal .cls_phone { font-size: 18px; text-align: center;}

#SMSToNumberModal .inputOuter,
#dialNumberModal .inputOuter, #dialUpNumberModal .inputOuter{
  padding: 0 5px 5px 5px;
}

.transferCallBlock,
.menualcallblock,
.menualsmsblock {
  padding: 20px;
  border-top: 2px solid #E8EBF9;
}
.transferCallBlock h3,
.menualcallblock h3,
.menualsmsblock h3  {
  margin-bottom: 14px;
  color: #7C819C;
}

.dialpadRow button.btnGoSMSToPad .fa-phone {
  transform: rotate(90deg);
}
.dialpadRow button.btnGoDialPad .fa-phone {
  transform: rotate(90deg);
}

.ui-widget.ui-widget-content.ui-menu.customDialLead {
  max-height: 180px;
  min-width: 148px;
  position: fixed;
}

.smstonumber{
  padding: 10px;
  height: 90px;
}

















/* estimate page start */
.estimate_page {
  max-width: 710px;
  margin: 0 auto;
}

.mlogobox {
  margin: 15px 0;
}


.estimate_page .innerbox {
  border: 0.8px solid #dcdcdc;
  border-radius: 10px;
  padding: 14px;
}

.eMoversCustom {
  display: flex;
  gap: 14px;
  margin-bottom: 14px;
}

.estimate_page .box {
  border: 0.8px solid #dcdcdc;
  border-radius: 7px;
  padding: 11px 14px;
}

.eMoversCustom .box {
  width: 50%;
}

.estimate_page h5 {
  font-weight: 500;
  font-size: 15px;
  line-height: 22px;
  color: #40424F;
  margin-bottom: 5px;
}

.estimate_page ul.movers_list {
  font-weight: 400;
  font-size: 12px;
  line-height: 17px;
  letter-spacing: -0.03em;
  color: #40424F;
}

.estimate_page ul.movers_list li {
  padding: 5px 0;
  display: flex;
  gap: 10px;
  color: #40424F;
}

.estimate_page ul.movers_list li span {
  color: #9299B9;
  min-width: 96px;
}

.estimate_page ul.movers_list.cdetail li span {
  min-width: 36px;
}

.eMvingDetail {
  margin-bottom: 14px;
}

.eMvingDetail ul.movers_list {
  display: flex; flex-wrap: wrap;
}
.eMvingDetail ul.movers_list li {
  width: 50%;
}
.eMvingDetail ul.movers_list li.mpackFloat {
  display: block;
}

.estimate_page .eMvingDetail ul.movers_list li span {
  min-width: 80px;
}

.mPackType {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 7px;
}

.mPackType .list {
  display: flex;
  gap: 5px;
  width: 34%;
  align-items: center;
  margin-bottom: 3px;
}
.mEstatimateBox {
  border: 0.8px solid #dcdcdc;
  border-radius: 7px;
  overflow: hidden;
}
.mEstatimateBox .title {
  font-weight: 500;
  font-size: 15px;
  line-height: 22px;
  color: #40424F;
  padding: 10px 14px;
}
.rowblue {
  background: #F4F7F9;
  display: flex;
  justify-content: space-between;
  padding: 6px 15px 7px 15px;
  border-top: 0.4px solid #dcdcdc;
  font-size: 12px;
  font-weight: 500;
  line-height: 17px;
}
.rowblue .lableb {
  color: #9299B9;
}

.bookingFees_row {
  background: #0B294A;
  display: flex;
  justify-content: space-between;
  padding: 3px 15px 3px 15px;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  align-items: center;
}
.bookingFees_row .col1 span {
display: block;
font-weight: 400;
font-size: 10px;
line-height: 14px;
}
.bookingFees_row .col2 {
  font-weight: 400;
font-size: 14px;
display: flex;
align-items: center;
gap: 5px;
}
.bookingFees_row .col2 span {
  font-weight: 700;
  font-size: 20px;
  line-height: 15px;
}
.paytermtab {
  background: #F9EDBD;
  display: flex;

  align-items: center;
}
.paytermtab label {
  display: flex;
  width: 50%;
  align-items: center;
  gap: 7px;
  padding: 15px;
  cursor: pointer;
  border-bottom: 0.4px solid #B7B7B7;
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
  color: #40424F;
}

.paytermtab label.active {
  background-color: #fff;
}

.paymentContent {
  padding: 20px;
}

.pamntFlex {
  display: flex;
  font-size: 13px;
  justify-content: space-between;
  margin-bottom: 10px;
}

.agreePaymentLine {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 13px;
}
.fontblue11 {
  font-weight: 400;
  font-size: 11px;
  line-height: 15px;
  text-align: justify;
  color: #9299B9;
  margin-bottom: 10px;
}
.agreePaymentLine input {
position: relative; top: 4px;
}

.agreePaymentLine.fontblue11 input {
  top: 1px;
}

.paymtSignBox {
  display: flex;
  margin: 20px 22px;
  text-align: center;
  justify-content: space-between;

}

.paymtSignBox .signbox {
  width: 170px;
}

.paymtSignBox input, .signatureBox {
  background: #FBFAE2;
border: 0.9px solid #707070;
width: 100%;
height: 44px;
padding: 15px;
text-align: center; margin-bottom: 5px;
}

.paymentForm_row {
  display: flex;
  gap: 20px;
}

.paymentForm_row label {
  font-weight: 500;
  font-size: 12px;
  line-height: 17px;
  letter-spacing: -0.03em;
  color: #9299B9;
}

.paymentForm_row .form-control {
  height: 45px;
  border: 1px solid #edeef3;
}

.paymentForm_row .form-control.disabled {
  background: #EBEBEB;
  border-radius: 5px;
  pointer-events: none;
  padding-left: 40px;
  width: 216px;
}
.amountBox {
  position: relative;
  margin-bottom: 15px;
}
.amountBox::before {
  position: absolute;
  left: 15px;
  top: 13px;
  content:" $ | ";
  width: 20px;
  height: 20px;
  display: block;
  font-weight: 400;
    font-size: 13px;
    line-height: 17px;
    color: #B3B3B3;
}

.amountBox .inoutflex {
  display: flex;
  gap: 15px;
  align-items: center;
}

.paymentForm_row .pay_form_col {
  width: 50%;
  margin-bottom: 15px;
}
.paymtBtn {
  text-align: center;
  margin-bottom: 10px;
  margin-top: 10px;
}
.paymtBtn button {
  background: #E1C03A;
  border-radius: 5px;
  width: 361px;
  height: 42px;
  border: 0;
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0;
  color: #FFFFFF;
  display: inline-block;
  cursor: pointer;
}

.paymtBtn button.disable {
  background: #ccc;
  pointer-event: none;
}

.amountBox .inoutflex .nonLine {
  font-weight: 400;
  font-size: 10px;
  line-height: 14px;
  color: #9299B9;
  width: 225px;
}

.paymt_inventory {
  border: 0.8px solid #dcdcdc;
  border-radius: 7px;
  margin: 15px 0 0 0;
}

.paymt_inventory .title {
  padding: 16px 20px;
  font-weight: 500;
  font-size: 15px;
  line-height: 22px;
  color: #40424F;
}
.pay_inv_item_list {
  display: flex;

}
.pay_inv_item_list .list_i {
  padding: 8px 15px;
  border-right: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
}



.item_name.list_i {
  width: 170px;
  display: flex;
    gap: 5px;
    align-items: center;
    font-weight: 400;
    font-size: 11px;
    line-height: 16px;
    letter-spacing: -0.03em;
    text-transform: capitalize;
    color: #40424F;
}
.item_number.list_i {
  width: 57px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
font-size: 12px;
  line-height: 16px;
  letter-spacing: -0.03em;
  text-transform: capitalize;
  color: #40424F;
}

.pay_inv_item_list .list_i:first-child {
  border-left: 0;
}
.pay_inv_item_list:last-child .list_i {
  border-bottom: 0;
  border-right: 1px solid #dcdcdc;
  border-left: 0;
}
.pay_inv_item_list:last-child .list_i:nth-child(6) {
  border-bottom: 0;
  border-right: 0;
  border-left: 0;
}
.pay_inv_item_list .list_i:nth-child(6) {
  border-right: 0;
}
.paymt_inventory .title {
  border-bottom: 1px solid #dcdcdc;
}

.pmtTermsbox {
  padding: 20px;
}


.pmtTermsbox h3 {
  font-weight: 500;
  font-size: 15px;
  line-height: 22px;
  color: #40424F;
  margin-bottom: 5px;
}
.pmtTermsbox p {
  font-weight: 400;
  font-size: 11px;
  line-height: 15px;
  text-align: justify;
  color: #9299B9;
  margin-bottom: 10px;
}

.paytermtab label input[type='radio']:after {
  width: 14px;
  height: 14px;
  border-radius: 15px;
  top: -1px;
  left: -1px;
  position: relative;
  background-color: #F9EDBD;
  content: '';
  display: inline-block;
  visibility: visible;
  border: 1px solid #999999;
}

.paytermtab label input[type='radio']:checked:after, .paytermtab label.active input[type='radio']:after {
  width: 10px;
    height: 10px;
    border-radius: 15px;
    top: -1px;
    left: -1px;
    position: relative;
    background-color: #E1C03A;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 3px solid #fff;
    outline: 1px solid #E1C03A;
}


input[type='checkbox'] {
  appearance: none;
  width: 17px;
    height: 17px;
}


input[type='checkbox']:before {
  content: '';
  background: #fff;
  border-radius: 0;
  border: 2px solid #E1C03A;
  display: inline-block;
  vertical-align: middle;
  width: 9px;
  height: 9px;
  padding: 2px;
  margin-right: 10px;
  text-align: center;
  top: -1px; position: relative;
}

input.error_cls[type='checkbox']:before {
  border: 2px solid #f00;
}

input[type='checkbox']:checked:before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 5px;
  border: solid #fff;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  border-radius: 0px;
  margin: 0px 15px 5px 5px;
  position: relative;
  z-index: 2;
  background: #e1c03a;
}

input[type='checkbox']:checked:after {
  content: "";
  display: inline-block;
  background-color: #e1c03a;
  width: 17px;
  height: 17px;
  position: relative;
  top: -18px;
}


@media only screen and (max-width: 767px) {

  .pay_inv_item_list:last-child .list_i {
    border-bottom: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
    border-left: 0;
}

.pay_inv_item_list:last-child .list_i:nth-child(5) {
  border-bottom: 0;
}

  .pay_inv_item_list .list_i:nth-child(2), .pay_inv_item_list .list_i:nth-child(4) {
    border-right: 0;
  }
  .eMoversCustom {
    display: block;
}
.eMoversCustom .box {
  width: 100%;
}
.eMoversCustom .box:first-child {
  margin-bottom: 15px;
}
.eMvingDetail ul.movers_list {
  display: block;
}
.eMvingDetail ul.movers_list li {
  width: 100%;
}
.paytermtab label {
  font-size: 10px;
  line-height: 14px;
  padding: 10px 15px;
  height: 50px;
}

.pamntFlex {
  display: block;
  font-size: 11px;
}
.agreePaymentLine {
  font-size: 11px;
  line-height: 16px;
}

.paymtSignBox {
  display: block;
}
.paymtSignBox .signbox {
  width: 100%; margin-bottom: 15px;
}

.paymtBtn button {
  width: 100%;
}

.pay_inv_item_list {
  flex-wrap: wrap;
}

.item_name.list_i {
  width: 84%;
}
.item_number.list_i {
  width: 16%;
}

.pay_inv_item_list .list_i:nth-child(3), .pay_inv_item_list .list_i:nth-child(5) {
  border-left: 0;
}
.pmtTermsbox {
  padding: 15px;
}
.estimate_page .innerbox {
  border: 0;
  border-radius: 0;
  padding: 0 14px;
}
.mlogobox {
  margin: 15px 0;
  text-align: center;
}
.rowblue {
  font-size: 11px;
  line-height: 16px;
}
.mlogobox svg {
  width: 160px;
}



}










@media only screen and (max-width: 1023px) {
  .bookingpayment .slotConfLeftSlide {
    width: 100%;
    padding: 0;
  }
  .bookdetail_flex {
    display: block;
  }
  .bookdetail_flex .capAside.slotList {
    display: block;
  }
  .capMsizeDate {
    width: 100%;
  }
  .capFromToblock.slotList.wrap-none li {
    min-width: 50%;
  }
  .capMovingPackage li label {
    margin: 0 5px 10px; min-width: 88px;
  }
  .slotConfHead1 h3 {
    padding-bottom: 10px; padding-top: 20px;
  }
  .slotConfHead1 span {
    padding-bottom: 20px;
  }
  .slotConfRightSlide {
    width: 100%;
    padding: 10px 0 0 20px;
  }
}

.edit_name {
  display: inline-block; margin-left: 5px; font-size: 12px; color: #6f87ee;
}
.edit_inventory_input {
  display: none;
}

@media only screen and (max-width: 480px) {
  .slotConfRightSlide {
    padding: 0;
  }
  .bookingpaymentOut {
    padding-bottom: 6px;
}
}

.whatus_container {
  display: flex;
  width: 100%;
}
.whatus_container .leftBox {
  width: 30%;
  border-right: 1px solid #d0d3e1;
}
.whatus_container .rightBox {
  width: 70%;
}
.whatUpNav {
  max-height: calc(100vh - 144px);
  overflow: auto;
}

.whatUpNav .wnavBox {
  position: relative;
  padding: 15px;
  padding-right: 80px;
  cursor: pointer;
  background-color: #fff;
  transition: 0.4s;
}
.whatUpNav .wnavBox.active, .whatUpNav .wnavBox:hover {
  background-color: #DAE0F6;
}
/* .whatUpNav .name {
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 3px;
}
.whatUpNav .desc {
  font-size: 11px;
  margin-bottom: 5px;
  line-height: 15px;
}
.whatUpNav .wnavBox .time {
  font-size: 10px;
  position: absolute;
  right: 15px;
  text-align: right;
  top: 15px;
} */





.whatus_container_outer {width:100%;margin:0 auto; position: relative;}

.ui-tabs-vertical {
  display: flex;
  width: 100%;
 }
  .ui-tabs-vertical .sms_left_panel {
    width: 30%;
    border: 0;
  border-right: 1px solid #d0d3e1;
  padding: 0 !important; margin: 0 !important;

  border-radius: 0;
  background-color: #fff !important;

   }
   .ui-tabs-vertical .ui-tabs-nav  {
    max-height: calc(100vh - 144px);
    overflow: hidden;
    overflow-y: auto;
    min-height: calc(100vh - 144px);
   }

  .ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border:0 !important; margin: 0 !important; white-space: normal !important;
     display: block; height: auto; border-radius: 0 !important;
  }
  .ui-tabs-vertical .ui-tabs-nav li a { display:block; color: #000 !important; margin: 0 !important; padding: 0 !important;
    display: block !important; float: none !important;
    position: relative;
    padding: 15px !important;
    padding-right: 80px !important;
    cursor: pointer;
    background-color: #fff !important; text-align: left !important;
  }
  .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding: 0 !important; margin: 0 !important; border: 0 !important;


  }

  .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active a { padding: 0 !important; margin: 0 !important; border: 0 !important;
    position: relative;
    padding: 15px !important;
    padding-right: 80px !important;
    cursor: pointer; background-color: #DAE0F6 !important;
  }

  .ui-tabs-vertical .ui-tabs-panel { padding: 1em; width: 70%;
    max-height: calc(100vh - 222px);
    overflow: hidden;
    overflow-y: auto;
    min-height: calc(100vh - 222px);
    border-radius: 0; border-bottom: 1px solid #d0d3e1 !important;
  }

  .ui-tabs-vertical .ui-tabs-nav li a .name {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 3px; line-height: 18px;
  }
  .ui-tabs-vertical .ui-tabs-nav li a .desc {
    font-size: 12px;
    margin-bottom: 5px;
    line-height: 15px; line-height: 18px; min-height: 15px;
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden;
    display: block;
    white-space: nowrap;
  }
  .ui-tabs-vertical .ui-tabs-nav li a .time {
    font-size: 10px;
    position: absolute;
    right: 15px;
    text-align: right;
    top: 8px;
  }
  .ui-tabs-vertical .ui-tabs-nav li a .wnumber {
  font-size: 12px;
    position: absolute;
    right: 15px;
    text-align: right;
    top: 34px;
  }
  .ui-tabs-vertical .ui-tabs-nav li a .wnumber span {
    display: block;
    min-width: 20px;
    height: 20px;
    border-radius: 20px;
    background-color: #3bc97f;
    text-align: center;
    line-height: 12px;
    color: #fff;
    padding: 4px 4px;
  }

  .ui-tabs-vertical .ui-tabs-nav li a .lead-wnumber {
    font-size: 12px;
    position: relative;
    text-align: right;
    display: inline-block;
  }
  .ui-tabs-vertical .ui-tabs-nav li a .lead-wnumber span {
    display: block;
    min-width: 20px;
    height: 20px;
    border-radius: 20px;
    background-color: #3bc97f;
    text-align: center;
    line-height: 12px;
    color: #fff;
    padding: 4px 4px;
  }

  .whatsUpClient {
    display: inline-flex;
    padding: 20px 50px 25px 20px;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    float: left;
    width: 50.2%;
    border-radius: 10px;
    background: #F4F7F9;
    text-align: left;
    margin-bottom: 15px;
    position: relative;
  }

  .whatsUpAdmin {
    display: inline-flex;
    padding: 20px 50px 25px 20px;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    float: right;
    width: 50.2%;
    border-radius: 10px;
    background: #9299B9;
    text-align: left;
    color: #fff;
    margin-bottom: 15px;
    position: relative;
  }

  .whatsUpAdmin .double_check {
      position: absolute;
      right: 10px;
      bottom: 5px;
      font-size:12px;
  }

  .whatsUpAdmin .single_check {
      position: absolute;
      right: 10px;
      bottom: 5px;
      font-size:12px;
  }

  .wsUpTimeline {
    background-color: #DAE0F6;
    height: 1px;
    width: 105%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: -1.4em;
    margin-top: 32px;
    margin-bottom: 42px;
    float: left;
  }
  .wsUpTimeline span {
    font-size: 11px;
    line-height: 10px;
    background-color: #fff;
    padding: 3px 10px;
    color: #9299B9;
  }
  .whstEditor {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 70%;
    padding: 12px;
  }
  .whstEditorInner {
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

.weditorbox {
  border-radius: 10px;
  background: #e8f3f9;
  padding: 7px 16px;
  width: 100%;
  display: flex;
  gap: 8px;
  align-items: center;
}
.wmsgSend {
  display: inline-flex;
  padding: 15px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 10px;
  background: #6F87EE;
  border: 0;
  cursor: pointer;
  margin-right: 10px;
}

.whaSChatText {
  border: 0; background: none;
  padding: 10px;
  width: 100%; resize: none; height: 38px; appearance: none;
}
.wiconbox {
  display: flex;
  gap: 10px;
  align-items: center;
}
.weditorbox a.mike {
  display: flex; width: 27px; height: 20px;
}
.wiconbox a{
  display: flex; width: 27px; height: 18px; cursor: pointer;
}

.WhatsUpFileInput label {
cursor: pointer;
}
.WhatsUpFileInput > input
{
    display: none;
}
.whsUpFilter.form-control, .whsUpSearch.form-control {
  height: 40px; background: #fff;
}
.whsUpSearch.form-control {
  padding-right: 40px;
  background: #fff url(../images/searchWhatusp.svg) 95% 50% no-repeat;
}
.whsUpSearch ~ input {
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  height: 40px;
  cursor: pointer;
  background: no-repeat;
  border: 0;
  outline: none;
}
.selRep{
  width: 50%;
  height: 43px;
  float: left;
  margin-right: 10px;
}
.transferCallBox select{
  max-width: 32%;
}
.transferCallBox .btn {
  margin-right: 5px; min-width: 32%;
}
.btn.btnTransferCall {
  background-color: #36b2e3; min-width: 32%;
}
.user_target_perfs{
    display:flex;
    gap:10px;
}
.user_target_list{
    background-color:#ffe9de;
    padding: 15px;
    font-size:12px;
}
.user_target_list div{
    display: flex;
    justify-content: space-between;
}

.user_target_list div span{
    text-align:left;
    min-width:50px;
}
.heading_perfs{
    font-weight: bold;
    margin-bottom:5px;
}
.your_target_list{
    background-color:#d5ecff;
    padding: 15px;
    font-size:12px;
}
.your_target_list div{
    display: flex;
    justify-content: space-between;
}

.your_target_list div span{
    text-align:left;
    min-width:50px;
}

.sms_left_panel nav {
  display: flex;
  flex-direction: column;
  padding: 15px;
}
.sms_left_panel nav .rounded-md {
  display: flex;
}
.sms_left_panel nav > .flex {
width: 100%;
justify-content: space-between;
display: none;
}
.sms_left_panel nav .hidden {
  display: flex;
  justify-content: center;
}
.sms_left_panel nav .hidden div:first-child {
  display: none;
}

.ui-tabs .sms_left_panel .ui-tabs-nav {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
}
.sms_left_panel nav .hidden div .relative {
  display: flex;
  gap:0;
}
.sms_left_panel nav .hidden div .relative a, .sms_left_panel nav .hidden div .relative span {
  display: flex;
  background-color: #fff;
  color: #6F87EE;
  padding: 0;
  margin-left: -1px;
  min-width: 22px;
  text-align: center;
  justify-content: center;
  align-items: center;
  border: 1px solid #dee2e6;
}
.sms_left_panel nav .hidden div .relative span {
  background-color: #6F87EE;
  color: #fff;
}
.leadCostTable.leadVoiceMsgBox {
  padding: 0;
  border: 0;
}
.leadCostTable table {
  width: 100%;
  border: 0;
  background: #ffffff59;
  border-collapse: collapse;
}
.leadCostTable table th {
  text-align: left;
  border: 1px solid #E8EBF9;
  color: #9299B9;
  font-weight: normal;
  font-size: 12px;
}
.leadCostTable table th.thead, .leadCostTable table td {
  text-align: center;
  border: 1px solid #E8EBF9;
}
.leadCostTable table th, .leadCostTable table td {
padding: 7px 20px;
}
.leadCostTable table td {
  font-size: 14px;
  }