:root {
    --main-bg-color: #f6f7f9;
    --main-blue-color: #0052cc;
    --main-border-color: #ebedf0;
    --main-text-color: #172B4D;
    --primary: #0747A6 !important;
    --primary-dark: rgb(7, 70, 147) !important;
    --theme-primary: #0747A6 !important;
    --primary-alt: #bbcfff !important;
    --secondary: rgba(222, 235, 255, 0.9) !important;
    --gray-light: #bbbbbb;
    --negative: #dc3545;
    --light: #f6f7f9;
}

.counter-dot{
    height: 25px;
    width: 25px;
    background-color: #2e73d9;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    margin-right: 10px;
    vertical-align: middle;
    color: white;
    line-height: 1.8em;
}
.header-nav .nav-item a.nav-link.nav-mini-link.is-active {
    background-color: #024aa6 !important;
}

body {
    background: #fff;
    font-family: -apple-system, BlinkMacSystemFont, Arial, sans-serif, Helmet, Freesans, Helvetica, "Segoe UI", Roboto, "Noto Sans", Ubuntu, "Droid Sans", "Helvetica Neue", sans-serif;
    color: #172B4D;
}

.flag {
    height: 11px !important;
}

.iti-flag {
    background-image: url(https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/11.0.14/img/flags.png);
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .iti-flag {
        background-image: url(https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/11.0.14/img/flags@2x.png);
    }
}

.recpresso-theme.fr-toolbar {
    background-color: var(--light) !important;
    border-radius: 5px 5px 0 0 !important;
}

.fr-wrapper {
    border-radius: 0 0 5px 5px;
}

.pending {
    width: 16px;
    height: 16px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABpUlEQVR42q2TyytEURzH/QFWRCFTVhJF2WFla0XJwkKxlJ2VRxI1lA2RlRRWnqVGiRqPmJJXYqKGPEOGYdIwg/Nxzpm55ozByq1v3c6538fve85NSPjvhzcfnPTBYQ3slyP2ymC3Ajx21N7fZN8S4qgKAkO8M4N4HQBvB9w26nXhzIabOX4lc1qHn3WCjMFHJ7w0S4EGvc5JtRYJztviRXRsGTeAU5KH+KALQh0xAsJTiXCXadyN22S6h6iImlk89krX4bCz5f7YKN3qowK6j1IeHLncu+yGgCopNBEmWVBkI75KqMgKgeVCPCMlpkBppLCGWFzXaugC3WF3tovxL+aw05NmCMhF3XaE8AVVXGR2y53NQj1CrIDakEelo5pQsY3o2kgKnI3a2OovigqIg/boxyYsokH2ObJw96fgcXQaAvJI1FxWy3HECPllKY/j4XRW2lIJPXu/3YWLaZ5mM+IcLShnRV5rTcS7O/3zbRSnk5yPpOk0odV87ajeL8czdWxnU+rvZOt5f77haqGZvcECNuzJuNqTcHUX4J5qIei/5d//3k/ScyAkq+CgnAAAAABJRU5ErkJggg==) no-repeat 0 0
}

.running {
    width: 16px;
    height: 16px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAB8ElEQVR42mNgoDb4/OfD/9UPpv6vv5z4v+C83/+sM17/c0+F/595o/f/u+/v/uPVfOHrgf8114L+L33f+H/j997/s98V/O95Hvu/5UHI/5wzLv+dtuv+3/Vy23+cmuvvRvw/9H/h/6U/qv53fgj93/DM93/VA/f/Jbcd/xdctfmffcH8v+kaqf/bnqMZAnJ22RW///v+zP0/52f+/76vUXADah97gQ3IvWz1P/OcKRgrLZNG9c6K+1P+z3lZDrcZhFtfB4E1V9xz/V980wFsQNoZ4/9xJ/T/W62T+d9+oh1hQOm5iP8bPvX9b30ZCMfozgfZnAjUHHlM+7/HdpX/NkusEQYknHACuwCkAWQrzGYQBmkGYZjtQYc0/1tvlv0vN1kSYUDkYdv/Ex6lgG1DxjDNyLb77FcDB6T0BAmEATGHvP933ouCa4BhUKiDMLJmj70q/7Xmi/63mm2JMKD7Yis4nmGhjIzjoJoDD2qANYNsl53C+79lbwvCAFCUGG5QBfsTZBsMgzSC/AyzGeR3ldlC/yXbRDFT5bon68DxC9OErNFpjyLYZpBmgWbO/+uurcOeGtc8WPNfbr44OJ6dtyuCMUij1kJRsLPFW0Vwa4aBF19f/K/eW/3faLbBf9FuATA2mqz/v2ZrzX+QHNVzLwAjy7LsIPIjLQAAAABJRU5ErkJggg==) no-repeat 0 0
}

.stopped {
    width: 16px;
    height: 16px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABrElEQVR42q2TyytEURzH/QFW1JRHIxsTUiNWHgtCFOWRPEpZyAJZkKSZhccgsVBIFqRkZdKUZCFFNLEQJUnJQk0eGcQCk+bj/O6dyZ3rsXLr272dcz7f3/d3zrlRUf/98PIIK1Mw0gzOKnCU6+/FUYJPD/wNH23DcB14F+DcA7sz4B5ScK8+XmuDvXV+h6da4GkfzpZhywWePljqhLlWmGiEwWoCFdbvJlpsNcm1MjmZVwnGfzaQdpT8RdbIdrSe16fhcFEHRWsOtRfdsNCuJ5MWxKCrgMeadPzTowYDp5o8dutQWAKb4tNTqhm8NmdxWZVnMFCDbM3ogFECTzZFVKctl7eGDE6zEwwGalDbbQHCkthSOQyHqstaaeHYHmcw6CjSj0oAoyS2CaY1i6vCJI7Kcr4MgrMD+mK5MEYJaIKlusS/GHMZDNSRvFWmfFUzgyE4UJ/GZW48ezYLAf+96S5srvJckhgJhUCRFBDYmxyNf83z820Mbrjx5cVpMeWoZLfl26cujsTeSbH8Doefj7sbfCMOToozOUyN5cAWw0G+nbN+J+93t/z73/sJB/zttLkU5gUAAAAASUVORK5CYII=) no-repeat 0 0
}

.stopping {
    width: 16px;
    height: 16px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABpUlEQVR42q2TyytEURzH/QFWRCFTVhJF2WFla0XJwkKxlJ2VRxI1lA2RlRRWnqVGiRqPmJJXYqKGPEOGYdIwg/Nxzpm55ozByq1v3c6538fve85NSPjvhzcfnPTBYQ3slyP2ymC3Ajx21N7fZN8S4qgKAkO8M4N4HQBvB9w26nXhzIabOX4lc1qHn3WCjMFHJ7w0S4EGvc5JtRYJztviRXRsGTeAU5KH+KALQh0xAsJTiXCXadyN22S6h6iImlk89krX4bCz5f7YKN3qowK6j1IeHLncu+yGgCopNBEmWVBkI75KqMgKgeVCPCMlpkBppLCGWFzXaugC3WF3tovxL+aw05NmCMhF3XaE8AVVXGR2y53NQj1CrIDakEelo5pQsY3o2kgKnI3a2OovigqIg/boxyYsokH2ObJw96fgcXQaAvJI1FxWy3HECPllKY/j4XRW2lIJPXu/3YWLaZ5mM+IcLShnRV5rTcS7O/3zbRSnk5yPpOk0odV87ajeL8czdWxnU+rvZOt5f77haqGZvcECNuzJuNqTcHUX4J5qIei/5d//3k/ScyAkq+CgnAAAAABJRU5ErkJggg==) no-repeat 0 0
}

.waiting {
    margin: 0 auto;
    width: 20px;
    height: 20px;
    background: url(data:image/gif;base64,R0lGODlhFAAUAOZ/AMXa7uHs9/j7/QBate70+jN8xdHi8lSQzgxjuvr8/m2h1bbQ6pm+4r7V7EGFybfR6qDC5J3A4xpsvpG54Mrc8ABTsoWx3KzK5/T4/OXv+ABGrSl2wj2CyKrI5q7L54Ku26XF5Yiy3WGZ0o223+jw+djm9FqV0HKk1v7+/3mo2RBmuxRpvMze8JS64XWm2FyW0LDM6Ory+ezz+fH2+06NzSJxwC14w9Xk83Cj1sLY7vb5/P3+/uPt99zo9fz9/r/W7SZ0wUmJy/D2+5a84Wme1FCPzX6s2t7q9rLO6QA4pwBNsHyq2c/g8Yq03kOGyjqAx2Wc03Sl17TP6drn9FeTzwRet/D1+yRywbrS6+Dr9laSz6jH5kaHyl6Y0UmKy9bl84+33+vy+Th/xiBwwGed1AdguPf6/fP3++fw+Onx+fP4/KPD5d7q9bHN6cfb79Pj8rzT7FiT0Hen2EyMzN3q9d3p9Y+43wlhubzU7Haj1kiIyh5vvzB4w2Sb0////////yH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozMTQzREQ0RTE0MEJFMzExQkMxMzhEODA1NEMyQUQ1RSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3MThERjM5MjBCMTYxMUUzOUJCNEQ2QzhDMkE5NUU4OSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3MThERjM5MTBCMTYxMUUzOUJCNEQ2QzhDMkE5NUU4OSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjM0NDNERDRFMTQwQkUzMTFCQzEzOEQ4MDU0QzJBRDVFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjMxNDNERDRFMTQwQkUzMTFCQzEzOEQ4MDU0QzJBRDVFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEBQoAfwAsAAAAABQAFAAAB/+Af4KDGWteUml8H2+DjYQnEmUSbTIDFQN6N46CVhVVQBs2UjIqpRVJP45pKEOfGxuUCKVKBz4+gxgrEH8XAysrIGmXGi9/ZiA6glF7NSx/dk4GCSgGB3p/CR4dOX8zQA5PEqm3jTsoHVIPFxgXNQ5OYzSbgnUdDw8eTE57NhsSWfP+7PDgoY0HKTzQoMlAIqAgAWYimtEhUYDDPz4SaExgwsGcIA6sBNwxpAWDIREuPIljgkOIgCUmQIDQAksYByZMFIgQMMsICGvsZPCjwAGHLX/qwJjhx5gbA3+mTBgCoWkMIB/+EKDxgsyXBBZS4Jjy58sHNIOY/MlggsgJBSw5BFgIYeFEiT9pHAnwEucEDgUGBDQJ0WSJiDCb/Eyx8KILESYCQhiRM6IEioCKISx5I6BFhxvkBgUCACH5BAkKAH8ALAAAAAAUABQAAAf/gH+Cg2kwXXhhTnYlg42EHwU1BVgEEiorVFOOgjMrYxxOTg0EQBsbCBUGjgR/a3sOTg6UpRtlJ391g2Z8Hn8LK3w2HmGXA0Z/D0mqfyFiHDd/ES+Mf199fX89SkoSfmoOcQcFFH87jigAGlUqSm5YHCYmHGSbgiIaKyoVNCZiQVwFMtT7c0ZJhQEVqqAJEyNNmIGCmLhhQdGMgIsJIJbzsWOHjxMvyIgwcWYgCiwPsGBpgEULDhxxGAzkcWHBAw8UCJh4SePCwAxbHjzoIOPPhxcmFvzh8QPDIAO5eHiA8UAQASdD/sxQIMdIAB8QWozg8ScABFaCGMVw8aHJhxIJMyBAiAAmwB8rjhKQidIkhIU6PtbIHfJhRr0AEVKk+NADLIMWIOxCDIBkAp0EHRoEMNcoEAAh+QQJCgB/ACwAAAAAFAAUAAAH/4B/goMEWCcABCYRbIONgzItcxw0AEIFG3wKWY6CGAUcWiYmbkIOTg4bCF+OM39tT1SiAFYcpjUfPjyDAjR4fz8FXl5YBBs2EiN/OUo3ggwHcT1/FydHPig9LlF/WXdVBX86LzgKRQZ/fo5+LAN7NlVMACY4J1RGnIIuAzapIicHIroUCYPvDwYEKiSoqBGDAAEZBAoK4pElgEUBCRJglPgnTQYSaNA0kfPBiBwdBc0MqDBgwB03J0KEiHIBn58QSlSoqODgjByZCrAUtKABwQolHfwwkOMix58YTDCkS0BHxp8ISircQfHnTJ8OBptMiJBmxwMPIDD8wZGkzaBNVjvGronAw8eDBws6nPmzJd0gHyEmQIAQIcMOLHdhQEjAyQ8JGC1aFDbbxgOeGH7xhcmxJYOPH0zScG0UCAAh+QQFCgB/ACwAAAAAFAAUAAAH/4B/goMzABYGVgoXPIONhCBQJmQGZ3NOXh+Mjn86NFQKJydvZ1QmJk42bI46f3haoDiUWqYcLTsZgwkKFH8sRX0iFFZcXmIRf253PYIXJ1EBf1hNPD4oAU1NfzxXe3N/ZikhFgpTm4JvEmJOY18GUSEhUUPmfxZ7Tg4bLiE4SykKVujpuALExgYxBGZYsTKDnqAYGUiQQJPAh4+KDjmdwYBBDYQWDIZMEEBPwAoVElaMuQEGAoQJOegNqQIEiIoDOia4BOOGHogKBatI8QOjRYueM44I8POHRIgWfxZUUVEDBScLDb51uJDDiowBFTTA+DNBA5ZBaf5g8CDlAYAwGTMGrECgAUQ0poN2gLjwwC2BNFNXVEjCy5EfAjk8eMjxdwDYFSB8OJxhgAIBEhKKQGDVKBAAIfkEBQoAfwAsAAAAABQAFAAAB/+Af4KDOgYMdWcfWGmDjYRSRi4fPTpQXX0tjI5/AgpRFiFNRzoKODgvXhmOAn8UnyEhdaSmcSAoYYM+TSV/bzhGRl9qXSIHHn8GGwGCOWAtWa1rJDt+GRERf2gOT31/CS0QEWBHm4JTYkUvHHV1ExAQE23lf0NiJiZOIRAjQy1NGPPMOHDixUmRGRgwnAE474+MGDJkhPGx4w/Fhn/MYNDB8YEHJG08JJiXgM+GAjaeBOjw4MGFN/NA1HDgYAMZARdabiExr40KDlz2/PgDwAMMaEjy8BAkw92fHzVS+uG0ZsofNxoqVFlg5QqCCg/+RBiQY9CZPzmUlFlxB0IYIDYzgAw4VrZRjCRKVqhQ4YGAjQ02VGiA6cgHFj4VKtzZQgDICgQbjs3zsUAEkL4c+nQw4ygQACH5BAkKAH8ALAAAAAAUABQAAAf/gH+CgwI9MBk6Q24Eg42DZgAMEwwZAkYpRiCMjn8JTRMREGtoAhYhISlkMY4Jf192oRAZZqYhLgt/VoM7IDx/bCNDDAE6KUs4DX9TemiCBh0wJH83WKt/YTAw1yZaS38+Hg8LHc2cf0cHRFFUPGgXDw8XbuZ/WwcnOF0MP0jwbQL0BJh4IaILER0CzJgBSC8XgYcEeEgMkKGhIB0K/6hQMqCCEl/0vHCZE+TAByUqNs7xY64NhzhUuCypUyGlBgX0GvCh8oIDhT9XPBr5A8BIxT8EIFz4Q4EDlwOC6iQJ8ifAAAQSGszgsGHFjz8e9rAY1GbHlzJjbNToQICDEw57Mh78GdvoTIUqNjYAWWDFiQMuNqqU4ITihxMEKmq0scKBDxAnD3Y0/IHjyQMrB24xHBQIACH5BAkKAH8ALAAAAAAUABQAAAf/gH+Cgz4ZOTICF29ng42DCW9IF1IECQwtDFiMjn8oFxcLD1iVERAQLSFCjj1/aaCipKZ2AH6bfzMaOH9nIG1SYQlDDCMsfwF9MoJeGkoefxkUVih+Mg05fwRyJy1/MhUICBoMnII8OB9NUWktSiorShJ+5Fg4ISEpF+8DFRpf5H8JXKQwkuIDCwMGWLz5J+iMlRkQZ2BQcwYDwz8CzAjIyEfFHgkISPzzIaILFBFERlTZsKGKiH8NTODA0QVMgDssKxj552aOgihU3vjhgKDMiD8swKSRN+MClj8G4ohQIC+AkhfPVgApAACDFicF3PyBw+HGIDwoptR44uSJFCtaNUxoEXPNXyMdCMY4ceKgwRkTJl7oqZGFEwo3JoBseKJJixcHXXLs+LfDjZEiP2YQCfEjgaNAACH5BAUKAH8ALAAAAAAUABQAAAf/gH+CgzwMGxc+LEdmg42DASIDShUgfj8ebSyMjn9hGkoIKlUXKAAPDx4gGI4ZO01KKqJbpacXJX+bf2cVLX9rGpJDKD9tWz1/JBYzgl0DVW5/FnwsArpMtzEtdhd/BAgbNQMPfz6caCMREGBWEGUbNlVinIIsExAQLT8bAysqA8fzfExoMaRFhCw8eATIMG+QDgwQIeqYmGteAgEYBTgBUsAGkDANdxhJYWTJhwh7HDgYE6UhiyghQqQAkQGIEwcrRjR8Q8RCkxM9/GgBUoPBnxsQCPj5gwEOgD9TophcmqGMgj9pCjigoUlBFxpv/lDocmQQAD8BOBR5caCBDgUnNxQcYPEniyMzNji8MEHFjZkTOKKIcMDQEQoDOBxwOZDDjII+L1wwQdEQBRM7UNzoMMKARblGgQAAOw==) no-repeat 0 0
}

.busy {
    margin: 0 auto;
    width: 20px;
    height: 20px;
    background: url(data:image/gif;base64,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) no-repeat 0 0
}

.text-primary {
    color: var(--main-blue-color) !important;
}

.in-terminated {
    cursor: not-allowed;
    color: gray !important
}

.btn.btn-facebook {
    padding: 10px 0 10px 0;
}

.bottom-border {
    border-bottom: 1px solid #ebedf0 !important;
    border-bottom: 1px solid var(--main-border-color) !important
}

.modal-header {
    padding: 12px;
    background-color: white;
    border-bottom: 1px solid #ebedf0 !important;
    border-bottom: 1px solid var(--main-border-color) !important
}

.close {
    font-size: 32px;
    opacity: .4
}

.modal .modal-dialog .modal-content .modal-header .modal-title {
    width: auto;
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    color: #44444a;
}

.modal .modal-dialog .modal-content {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    zoom: 1
}

.app .pricing-table .price {
    padding-bottom: 10px;
    line-height: inherit;
    font-size: 32px;
    font-weight: 700;
    color: #1B2431
}

.app .pricing-table {
    float: left;
    width: 100%;
    background: #FFF;
    border: 1px solid #ebedf0;
    border: 1px solid var(--main-border-color);
    margin-top: 5px;
    margin-bottom: 30px
}

.app .pricing-table .title, .app .pricing-table .price, .app .pricing-table .features, .app .pricing-table .button-holder {
    float: left;
    width: 100%;
    text-align: center;
    padding: 15px
}

.app .pricing-table .subtitle {
    padding: 0 !important;
    font-style: italic;
    color: #7F8FA4
}

.app .pricing-table .title {
    padding-top: 10px !important;
    padding-bottom: 0 !important
}

.payment-type {
    font-size: 18px;
    color: #1B2431;
    font-weight: 700;
    line-height: 36px;
    text-align: center
}

.app-spinner.snake {
    margin: 0 !important
}

.large-icon {
    font-size: 20px
}

.app .app-widget-tile {
    float: left;
    width: 100%;
    padding: 10px 15px;
    min-width: 90px;
    background: #FFF;
    border: 1px solid #ebedf0;
    border: 1px solid var(--main-border-color);
    margin-bottom: 0 !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    zoom: 1
}

.app .app-widget-tile .intval {
    font-size: 32px;
    line-height: 50px;
    font-weight: 600;
    text-align: center;
    float: left;
    width: 100%
}

.header-row {
    background-color: #fbfbfb;
    background-color: var(--main-bg-color);
}

table.dataTable {
    clear: both;
    margin-top: 6px;
    margin-bottom: 0 !important;
    max-width: none !important;
    border-collapse: separate !important
}

.app-heading.app-heading-small {
    margin-bottom: 0 !important
}

table.datatable-basic {
    border-left: 0 !important;
    border-right: 0 !important;
    border-bottom: 0 !important
}

.pipe-card-footer {
    height: 20px;
    text-align: right;
    clear: both;
}

.pipe-job-box {
    background-color: #f6f7f9;
    font-size: smaller;
    color: #545659;
    margin-top: 6px;
    width: auto;
    padding-bottom: -10px;
    position: absolute;
    left: 0;
    right: auto;
    border-top-right-radius: 4px;
    padding-left: 5px;
    padding-right: 5px;
    clear: both;
    border-right: 1px solid #e9ebee;
    border-top: 1px solid #e9ebee;
}

span.cand-label {
    font-size: 13px;
    font-weight: 500;
}

.pipe-state-box {
    color: #545659;
    margin-top: 11px;
    width: auto;
    padding-bottom: -10px;
    position: absolute;
    left: auto;
    right: 0;
    border-top-left-radius: 4px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 13px;
}

.candidate-pipe-state-box {
    background-color: #f6f7f9;
    color: #545659;
    margin-top: 6px;
    width: auto;
    left: auto;
    right: 0;
    border-radius: 4px;
    padding-left: 5px;
    padding-right: 5px;
}

.pipe-action-menu {
    padding: 5px;
    margin-top: 0;
    background-color: #fbfbfb;
    background-color: var(--main-bg-color);
    border-bottom: 1px solid #ebedf0;
    border-bottom: 1px solid var(--main-border-color);
}

.pipe-icon {
    display: table-cell;
    width: 10px;
}

.pipe-job-container {
    display: table-cell;
    width: 200px;
}

.pipe-search-container {
    display: table-cell;
    width: 200px;
    padding-left: 10px;
}

.pipe-action-conainer {
    display: table-cell;
    padding-left: 10px;
}

.pipe-search-box {
    font-family: Arial, 'Font Awesome 5 Pro';
}

.no-uline {
    text-decoration: none !important;
}

.icon-mini {
    font-size: 16px !important;
    line-height: 20px !important
}

.max-900 {
    max-width: 900px !important
}

.max-800 {
    max-width: 800px !important
}

.max-600 {
    max-width: 600px !important
}

.max-1000 {
    max-width: 1000px !important
}

.max-1200 {
    max-width: 1200px !important
}

.warning-block {
    padding: 10px;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 3px;
    border: 1px dashed;
    text-align: center
}

.bulk-action-info-block {
    padding: 10px;
    background-color: #c0d9ff;
    border-radius: 3px;
}

.fatal-block {
    padding: 10px;
    font-size: large;
    color: #ffffff;
    background-color: #C70C00;
    text-align: center
}

.info-block {
    padding: 10px;
    color: #14b03e;
    background-color: #eaf9f2;
    border-radius: 3px;
    border: 1px dashed;
    text-align: center
}

.disabled-user {
    padding: 10px;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 3px;
}

.password-block {
    margin-top: 15px;
    margin-bottom: 5px;
    padding: 20px;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 3px;
    border: 1px dashed;
    text-align: center
}

.app-login-box-container .alert .alert-info {
    margin-left: -15px
}

.app .app-login-box .app-login-box-title .title {
    margin-left: -15px
}

.app .app-login-box .app-login-box-title .subtitle {
    margin-left: -15px
}

.center {
    text-align: center;
    margin: 0 auto
}

.card-security-notice {
    padding: 10px;
    font-size: larger;
    font-weight: 400;
    color: #343238;
    text-align: center;
}

.payment-method-form {
    padding: 15px;
    border: 1px solid #ebedf0;
    border: 1px solid var(--main-border-color);
    background-color: #fafafa
}

#paymentmethod input.button {
    padding: 10px;
    margin-top: 20px
}

.app-faq .app-faq-item .app-faq-item-title:after {
    content: "\e95f" !important
}

.app-faq .app-faq-item.open .app-faq-item-title:after {
    content: "\e95e" !important
}

.docko-pricing-business {
    cursor: pointer;
    border: 1px solid #ebedf0 !important;
    border: 1px solid var(--main-border-color) !important;
    text-align: center;
    background: linear-gradient(#fff, #ececec) !important;
    border-bottom: 3px solid #79ac41 !important
}

.docko-pricing-personal {
    cursor: pointer;
    border: 1px solid #ebedf0 !important;
    border: 1px solid var(--main-border-color) !important;
    text-align: center;
    background: linear-gradient(#fff, #f5f5f5) !important
}

.docko-btn-business {
    background-color: #eee !important
}

.wizard .stepContainer {
    float: left;
    width: 100%;
    margin-top: 20px
}

.wizard .anchor li a:after {
    border-radius: 50px !important
}

.rolearnform {
    background: linear-gradient(#fff, #f9f9f9) !important
}

.termination-alert {
    padding: 20px;
    background-color: #f03b11;
    color: #fff;
    font-weight: 600
}

.trial-alert {
    padding: 20px;
    background-color: #f0dd4e;
    font-weight: 600
}

.width-35 {
    width: 35px !important
}

.width-25 {
    width: 25px !important
}

.width-20 {
    width: 20px !important
}

.page-404-container {
    text-align: center !important;
    width: 300px !important;
    margin: 0 auto
}

.page-404 h3 {
    font-size: 52px;
    font-weight: 700;
    line-height: 1.2;
    margin: 0;
    color: #999;
    text-transform: uppercase;
    text-align: center
}

.page-404 h2 {
    font-size: 100px;
    font-weight: 700;
    width: 300px;
    height: 300px;
    line-height: 300px;
    text-align: center;
    border: 10px solid #999;
    color: #999;
    border-radius: 50%;
    margin: 0 auto 60px
}

.typeahead, .tt-query, .tt-hint {
    padding: 8px 12px;
    line-height: 30px;
    outline: none
}

.typeahead {
    background-color: #fff
}

.typeahead:focus {
    border: 2px solid #0097cf
}

.tt-query {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.tt-hint {
    color: #999
}

.tt-menu {
    margin: 6px 0;
    padding: 5px 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px
}

.tt-suggestion {
    min-width: 200px;
    padding: 3px 10px;
    font-size: 14px;
    line-height: 16px
}

.tt-suggestion:hover {
    cursor: pointer;
    color: #fff;
    background-color: #0097cf
}

.tt-suggestion.tt-cursor {
    color: #fff;
    background-color: #0097cf
}

.tt-suggestion p {
    margin: 0
}

.app .app-content-tabs > ul > li > a span[class^="icon-"] {
    font-size: 13px !important;
}

.app .app-content-tabs > ul > li > a > span {
    margin-right: 5px !important;
    width: 16px !important
}

.app .app-content-tabs > ul > li > a {
    font-size: 13px !important;
    padding: 2px 7px 2px 7px !important;
    border-radius: 0 !important;
    color: #696d73 !important
}

.rwd-table {
    background-color: white !important
}

.app .app-content-tabs > ul > li > a.active {
    color: #1B2431;
    background: #fff !important;
    border-bottom-color: #fff !important
}

.app .app-container {
    background: #fff
}

.app .table.table-head-light > thead > tr > th {
    color: #606975
}

.app .table > thead > tr > th {
    font-weight: 600 !important;
    cursor: pointer !important
}

.app .table.table-bordered > tbody > tr > td {
    padding: 10px 7px 7px 10px !important;
}

.buttonNext {
    border-color: #6ea038 !important;
    background: #76AB3C !important;
    color: #FFF !important
}

.readonly[readonly] {
    color: #525252 !important;
    background-color: #e6e6e6 !important
}

.image-border > img {
    border: 2px solid #d8d8d8;
    width: 500px !important
}

.header-row > th {
    cursor: pointer !important;
}

th.sorting-desc::before {
    font-family: 'icomoon' !important;
    content: "\e9b6";
    margin-right: 4px;
}

th.sorting-asc::before {
    font-family: 'icomoon' !important;
    content: "\e9b5";
    margin-right: 4px;
}

.app .app-login-box .app-login-box-user {
    margin-bottom: 25px !important;
    padding: 20px 20px 20px !important;
    background-color: #0052cc;
    background-color: var(--main-blue-color);
    color: #fafafa;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.app-login-box-footer {
    color: black;
}

.app-login-box {
    border: none !important;
}

.manual-login {
    background-color: #d9dfe8 !important;
    vertical-align: middle;
    padding: 10px;
    height: 40px;
    width: 40px;
    margin: 0 auto;
    border-radius: 50%;
    color: #6b778a !important;
}

.pass-help {
    line-height: 40px;
}

.help-links {
    font-size: 10pt;
}

.signup-terms {
    color: gray;
    font-size: smaller;
}

.copyright {
    font-size: smaller;
    color: #a2a8b0;
    padding-bottom: 20px;
    text-align: center;
}

.company-info {
    padding: 20px;
    font-size: smaller;
    color: var(--main-text-color);
}

.btn-amazon {
    border-color: #c4a04c;
    color: #000;
    background: linear-gradient(#f7c848, #f7c848, #f7c848, #f7c848, #f6cd5a, #f6ca53);
}

.text-centre {
    text-align: center !important;
}

.app-login-box {
    background: white !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
}

.app-login-box-footer {
    background: transparent !important;
}

.subtitle {
    color: #757575 !important;
}

.app-login-box-user img {
    border: 0 none !important;
    padding: 0;
}

.form-horizontal .form-group {
    margin-left: auto !important;
    margin-right: auto !important;
}

.margin-left-15 {
    margin-left: auto !important;
}

.listing {
    color: #3d3d3d;
}

.text-regular {
    color: #3d3d3d;
}

.trans {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.trans .app-container {
    background: transparent;
}

.width-600 {
    width: 600px !important;
    max-width: 600px !important;
}

.width-500 {
    width: 500px !important;
    max-width: 500px !important;
}

.app-login-box-container > p {
    color: #3d3d3d;
    text-align: center;
}

.app-login-box-container > code {
    text-align: center;
}

.app-navigation nav > ul > li a {
    line-height: 22px !important;
    padding: 5px 2px 5px 15px !important;
}

.app-navigation nav > ul > li.title {
    line-height: 22px;
    padding: 2px 0 2px 15px !important;
}

.app-navigation.app-navigation-style-default nav > ul > li.title {
    font-size: 11px;
    font-weight: 700;
    color: #676869 !important;
    text-shadow: none !important;
}

.app-navigation.app-navigation-style-default nav > ul > li a {
    background: inherit !important;
    color: #1b2431 !important;
    font-size: 12px;
    font-weight: 500 !important;
    text-shadow: none !important;
}

.sticky-header {
    z-index: 100;
}

.app .panel > .panel-heading {
    padding: 2px 15px !important;
}

.app .panel > .panel-heading .panel-title {
    font-size: 9pt;
}

.item-dragger {
    font-family: icomoon !important;
    padding-top: 2px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    text-align: center;
    width: 45px;
    background-color: #764482;
    font-size: 24px;
    margin-left: -15px;
    margin-top: -3px;
    position: absolute;
    height: 46px;
    color: white;
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}

.item-title {
    margin-left: 45px;
}

.app-checkbox.inline, .app-radio.inline {
    margin-right: 13px !important;
}

.VS-search .search_facet input {
    margin: 0;
    color: #0052cc;
    color: var(--main-blue-color);
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    padding: 5px 0 5px 4px;
    height: 16px;
    width: auto;
    z-index: 100;
    position: relative;
    padding-top: 6px;
    padding-bottom: 2px;
    padding-right: 3px;
}

.VS-search .VS-search-box {
    cursor: text;
    position: relative;
    border: 1px solid #dee3e6;
    border-radius: 16px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    background-color: #ffffff;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    min-height: 26px;
    height: auto;
    padding: 4px;
}

.VS-search .VS-icon-search {
    display: none !important;
}

.VS-search .VS-icon-cancel {
    position: absolute;
    right: 9px;
    top: 13px;
}

.VS-search .search_input input {
    padding: 6px 3px 6px 2px;
    line-height: 10px;
    height: 22px;
    margin-top: 4px;
    width: 10px;
    z-index: 100;
    min-width: 4px;
    position: relative;
}

.VS-interface.ui-autocomplete {
    position: absolute;
    border: 1px solid #C0C0C0;
    border-top: 1px solid #D9D9D9;
    background-color: #ffffff;
    cursor: pointer;
    z-index: 10000;
    padding: 0;
    margin: 0;
    width: auto;
    min-width: 80px;
    max-width: 220px;
    max-height: 240px;
    overflow-y: auto;
    overflow-x: hidden;
    font-size: 12px;
    top: 5px;
    opacity: .97;
    box-shadow: 3px 4px 5px -2px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 3px 4px 5px -2px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 3px 4px 5px -2px rgba(0, 0, 0, 0.5);
}

.ui-menu-item-wrapper {
    padding: 5px;
}

.app-accordion .block {
    margin: 0px;
}

.hidden {
    display: none;
}

.app-accordion .item:last-child {
    -webkit-border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;
    border-bottom: none !important;
}

a.hlink[target='_blank']:not(.disl):after {
    font-family: "Font Awesome 5 Pro";
    content: "\f08e";
    padding-left: 4px;
    margin-right: 5px;
}

.app .listing > .listing-item a {
    font-weight: 500;
}

.sticky-block {
    z-index: 100;
}

.counter {
    background-color: #828282;
    color: white;
    margin-left: 4px;
    margin-top: 4px;
    border-radius: 50%;
    height: 18px;
    width: 18px;
    line-height: 18px;
    text-align: center;
}

.plan-alert {
    background-color: #4f6281 !important;
    color: #9fabbf !important;
    text-shadow: none !important;
    top: 0px !important;
}

.app-heading-page {
    background: linear-gradient(to right, rgb(251, 251, 251), rgb(237, 237, 237)) !important;
}

.dx-datagrid {
    position: inherit !important;
}

.dx-datagrid-rowsview {
    border-top: 0 none !important;
}

.dx-header-row {
    background-color: var(--light);
    color: rgb(66, 82, 110);
}

.dx-datagrid-headers .dx-datagrid-table .dx-row > td {
    border-bottom: 1px solid #ddd;
    padding: 12px 7px 12px 7px;
}

.dx-datagrid-rowsview .dx-selection.dx-row > td, .dx-datagrid-rowsview .dx-selection.dx-row:hover > td {
    background-color: #f5f5f5;
}

.dx-scheduler-filter {
    float: left;
    padding: 10px;
    white-space: nowrap;
    min-width: 180px;
    max-width: 40%;
    font-size: 13px !important;
}

#overall-application-stats .dx-datagrid-content .dx-datagrid-table .dx-row > td {
    text-align: center !important;
    vertical-align: middle !important;
    padding-top: 7px !important;
    padding-bottom: 7px !important;
}

#dashboard-pipeline-stats-table .dx-datagrid-content .dx-datagrid-table .dx-row > td {
    vertical-align: middle !important;
    padding-top: 7px !important;
    padding-bottom: 7px !important;
}

#dashboard-pipeline-stats-table .dx-datagrid-content .dx-datagrid-table .dx-row > td:not(:first-child) {
    text-align: center !important;
}

.right-bordered {
    border-right: 1px solid #ebedf0;
    border-right: 1px solid var(--main-border-color);
}

.dx-popup-content {
    padding: 0;
    border-radius: 5px;
}

.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.width-200 {
    width: 200px !important;
}

.width-250 {
    width: 250px !important;
}

.width-600 {
    width: 600px !important;
}

.width-800 {
    width: 800px !important;
}

.width-900 {
    width: 900px !important;
}

.form-horizontal .control-label {
    padding: 5px 0 0 0;
    font-weight: 500 !important;
    color: #707070;
    text-align: right;
    word-wrap: break-word;
}

.dx-toolbar {
    background-color: transparent !important;
}

.dx-datagrid {
    background-color: transparent !important;
}

.dx-submenu {
    border: 1px solid #ebedf0;
    border: 1px solid var(--main-border-color);
}

.dx-menu-items-container {
    background-color: white;
}

.dx-checkbox-indeterminate {
    display: none !important;
}

.rating-symbol {
    color: #f69f00;
}

.glyphicon-star-empty {
    color: #cacaca;
}

.ui-resizable-handle:after {
    left: 0 !important;
    font-size: 18px !important;
    color: #b6b6b6 !important;
    content: "\e9e9" !important;
}

.p-name {
    cursor: pointer;
    color: #545659;
    font-size: 11pt;
}

.p-name.larger {
    font-weight: 500;
}

.p-headline {
    cursor: pointer;
    color: #545659;
}

.p-comp {
    color: #545659;
}

.larger {
    font-size: larger;
}

.extra-large {
    font-size: 19px;
}

.app .block {
    border-radius: 4px;
    border: 1px solid #ebedf0;
    border: 1px solid var(--main-border-color);
}

.app .tile-basic.tile-basic-bordered {
    border-radius: 5px;
}

.cool-stat-widget {
    background: #2152cc !important;
    border-radius: 5px !important;
    color: white;
    border: none !important;
}

.cool-stat-widget * {
    color: white !important;
}

.app .block.block-condensed > .block-heading {
    padding: 0;
    background: #fbfbfb;
    background: var(--main-bg-color);
    border-bottom: 1px solid #ebedf0;
    border-bottom: 1px solid var(--main-border-color);
    border-top-right-radius: 2.8px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 2.8px;
}

.action-menu {
    margin-bottom: 10px;
    text-align: center;
}

.nav.nav-pills > li > a {
    color: #8d8e90;
    background: transparent;
    border: none;
    font-weight: 500;
    border-radius: 0 !important;
}

.nav.nav-pills > li.active > a {
    background: none !important;
    border-bottom: 1px solid #d3d4d6 !important;
    color: var(--main-blue-color);
    font-weight: 500;
}

.nav.nav-pills > li > a:hover {
    background: none !important;
}

/*.nav.nav-vt > li.active > a {*/
/*border-right: 1px solid #cccccc;*/
/*}*/

/*.nav.nav-hz > li:nth-child(n+2).active > a {*/
/*border-left: 1px solid #cccccc;*/
/*}*/

/*.nav.nav-hz > li:not(:last-child).active > a {*/
/*border-right: 1px solid #cccccc;*/
/*}*/

.add-clear-x {
    height: 30px !important;
    line-height: 35px !important;
    color: rgb(230, 52, 49) !important;
}

.add-clear-span {
    margin-bottom: 0px !important;
}

.lead-Open:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: 9px;
    content: "\f111";
    font-weight: bolder;
    color: #2bcd34;
}

.lead-Closed:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: 9px;
    content: "\f111";
    font-weight: bolder;
    color: #c3c3c3;
}

.lead-Working:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: 9px;
    content: "\f111";
    font-weight: bolder;
    color: #ff906e;
}

.ARCHIVED {
    background-color: #c3c3c3;
    color: black;
}

.label.label-default {
    background: #ebedf0 !important;
    background: var(--main-border-color) !important;
    color: #454545 !important;
}

.label.label-cool {
    background: #0052cc;
!important;
    background: var(--main-blue-color) !important;
    color: #ffffff !important;
}

.label-OPEN {
    background-color: #5db162 !important;
    color: white !important;
}

.label-CLOSED {
    background-color: red !important;
    color: white !important;
}

.lead-OPEN {
    color: #5db162 !important;
    font-size: smaller;
}

.lead-CLOSED {
    color: red !important;
    font-size: smaller;
}

.lead-WORKING {
    color: #ff906e !important;
    font-size: smaller;
}

.opportunity-OPEN {
    color: #5db162 !important;
    font-size: smaller;
}

.opportunity-CLOSED {
    color: red !important;
    font-size: smaller;
}

.opportunity-WORKING {
    color: #ff906e !important;
    font-size: smaller;
}

.job-OPEN {
    color: #5db162 !important;
    font-size: smaller;
}

.job-CLOSED {
    color: red !important;
    font-size: smaller;
}

.job-ON_HOLD {
    color: #ff906e !important;
    font-size: smaller;
}

.placement-PERMANENT {
    color: #5db162 !important;
    font-size: smaller;
}

.placement-CONTRACT {
    color: #ff906e !important;
    font-size: smaller;
}

.status-dot {
    font-size: smaller;
}

.DNC {
    background-color: red;
    color: white;
}

.status-label {
    padding: 2px 4px 2px 4px;
    font-size: x-small;
    border-radius: 2px;
    text-transform: uppercase;
    color: black;
    background-color: #ebedf0;
    background-color: var(--main-border-color);
}

.right-border > tbody > tr > th {
    /*border-right:1px solid var(--main-border-color) !important;*/
}

.table {
    margin-bottom: 0px !important;
}

.table-mini > tbody > tr > td {
    padding: 5px !important;
    border: 0 !important;
}

.tag-row > td {
    padding: 5px 3px 3px 5px !important;
}

.table-mini > tbody > tr {
    border: 0 !important;
}

.nav-justified {
    border-bottom: 1px solid #ebedf0 !important;
    border-bottom: 1px solid var(--main-border-color) !important;
}

.table-mini > tbody > tr > th {
    padding: 5px !important;
    color: #545659 !important;
    font-weight: 500;
    line-height: 16px;
    float: none;
    margin: 0 16px 0 0;
    text-align: right;
    border: 0 !important;
}

.table-no-border > tbody > tr > th {
    float: none;
    text-align: left;
    border: 0 !important;
}

.table-no-border > tbody > tr {
    border: 0 !important;
}

.table-no-border > tbody > tr > td {
    border: 0 !important;
}

.app .app-heading {
    background: none !important;
}

.dx-datagrid-headers {
    border-top-left-radius: 2.8px;
    border-top-right-radius: 2.8px;
}

.dx-datagrid-scroll-container {
    border-top-left-radius: 2.8px;
    border-top-right-radius: 2.8px;
}

.dx-datagrid {
    border-top-left-radius: 2.8px;
    border-top-right-radius: 2.8px;
}

.qtip {
    max-width: 400px !important;
    font-size: 12px;
}

.infopop {
    /*border-bottom: 1px dashed gray;*/
}

.alertify .ajs-body {
    color: #444444;
}

.alertify .ajs-dialog {
    max-width: 750px !important;
    box-shadow: rgba(0, 0, 0, 0.2) 0 2px 6px;
}

.no-border {
    border: 0px none !important;
}

.no-border-radius {
    border-radius: 0 !important;
}

.tip {
    background-color: #fafafa;
    border: 1px solid #efefef;
    padding: 5px;
    border-radius: 3px;
    color: #404254;
}

.tip:before {
    font-family: 'Font Awesome 5 Pro';
    content: "\f059";
}

.app .app-content-tabs > ul > li > a {
    border: 1px solid #ebedf0 !important;
    border: 1px solid var(--main-border-color) !important;
    border-radius: 3px 3px 0 0 !important;
}

.app .app-content-tabs {
    border-bottom: 1px solid #ebedf0 !important;
    border-bottom: 1px solid var(--main-border-color) !important;
}

.dropdown-menu > li > a {
    display: block;
    float: left;
    width: 100%;
    padding: 4px 15px;
    line-height: 20px;
}

.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
    color: #0052cc;
    color: var(--main-blue-color);
    font-weight: 600;
    text-transform: uppercase;
    font-size: 11px;
}

.filter-subtitle {
    color: #0052cc !important;
    color: var(--main-blue-color) !important;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 11px;
}

.filter-list > a.selected:after {
    font-family: 'Font Awesome 5 Pro';

    content: " \f058";
}

.dropdown-menu > li > a.selected:after {
    font-family: 'Font Awesome 5 Pro';
    content: " \f058";
}

.filter-list > .list-group-item {
    padding: 4px 0px !important;
}

.list-group-item > label {
    font-weight: 400 !important;
    margin: 0px !important;
}

/*.active-filter {*/
/*background-color: var(--main-blue-color) !important;*/
/*border-color: var(--main-blue-color) !important;*/
/*color: white !important;*/
/*}*/

/*.active-filter:active {*/
/*background-color: var(--main-blue-color) !important;*/
/*border-color: var(--main-blue-color) !important;*/
/*color: white !important;*/
/*}*/

/*.active-filter > .fa {*/
/*color: white !important;*/
/*}*/
/*.active-filter > .fa:hover {*/
/*color: #6a6d73 !important; ;*/
/*}*/

.qq-upload-button {
    display: inline;
    width: auto !important;
    margin-bottom: 10px;
    padding: 4px;
    margin-top: 5px;
    text-align: left;
    float: left;
    background: transparent;
    color: #4d4f53;
    border-radius: 0 !important;
    border: 0 none !important;
    text-decoration: underline;
}

.qq-btn, .qq-upload-button {
    box-shadow: none !important;
}

.qq-upload-button-hover {
    background: transparent !important;
}

.hc {
    margin: 0px auto;
}

.qq-uploader:before {
    font-family: 'Font Awesome 5 Pro', Arial, 'Open Sans', sans-serif;
    content: attr(qq-drop-area-text) " \f0ee";
    position: absolute;
    font-size: 18px;
    font-weight: 500;
    width: 100%;
    text-align: center;
    top: 40%;
    opacity: .25;
    padding-left: 10px;
}

.qq-uploader {
    position: relative;
    min-height: 100px;
    max-height: 120px;
    overflow-y: hidden;
    width: inherit;
    border-radius: 6px;
    background-color: #FDFDFD;
    border: 1px dashed #CCC;
    padding: 0px;
}

.alertify.ajs-resizable:not(.ajs-maximized) .ajs-dialog {
    min-width: 300px;
}

.alertify .ajs-modal {
    overflow-y: hidden !important;
}

.ajs-header {
    padding: 16px 14px !important;
    color: #333 !important;
    font-weight: 600 !important;
    background: #f5f5f5 !important;
    border-bottom: 1px solid #ccc !important;
}

.ajs-commands {
    margin: 12px 12px 0 0 !important;
}

.attachment {
    background-color: #eef5fd;
    border: 1px solid #e1ecf9;
    padding: 3px;
    margin: 1px;
}

.note-row {
    margin: 20px !important;
    border-radius: 3px;
    background-color: #fafafa;
    border: 1px solid #eaeaea;
}

.note-row-header {
    font-weight: 600;
    padding: 7px;
    border-bottom: 1px solid #eaeaea;
    color: #686b71;
}

.note-row-body {
    background-color: white;
    border-radius: 3px;
    padding: 7px;
}

.note-row-attachments {
    border-top: 1px solid #eaeaea;
    padding: 7px;
}

.note-COMMENT:before {
    font-family: 'Font Awesome 5 Pro' !important;
    content: "\f24a ";
}

.event-CALL:before {
    font-family: 'Font Awesome 5 Pro' !important;
    content: " \f095 ";
}

.event-MEETING:before {
    font-family: 'Font Awesome 5 Pro' !important;
    content: " \f2b5 ";
}

.section-separator {
    /* border-bottom: 1px solid #ddd;*/
    padding-bottom: 5px;
    margin-bottom: 15px;
}

.alertify .ajs-footer .ajs-buttons .ajs-button.ajs-ok {
    background: #0052cc;
    background: var(--main-blue-color);
    border-color: transparent;
    color: #fff !important;
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
    border-radius: 3.01px;
}

.btn-cool {
    background: #0052cc;
    background: var(--main-blue-color);
    border-color: transparent !important;
    color: #fff !important;
    font-weight: bold !important;
    -webkit-font-smoothing: antialiased;
}

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button {
    text-transform: inherit !important;
    font-size: inherit !important;
}

.btn-blue {
    background: #0052cc !important;
    background: var(--main-blue-color) !important;
}

.btn-blue:hover {
    background: #2470da !important;
}

.btn-cool:hover {
    background: #2470da;
    border-color: transparent !important;
    color: #fff !important;
    font-weight: bold !important;
    -webkit-font-smoothing: antialiased;
    border-radius: 3.01px;
}

body a {
    color: #0052cc;
    color: var(--main-blue-color);
    text-decoration: none;
}

body a:hover {
    color: #0052cc;
    color: var(--main-blue-color);
    text-decoration: underline;
}

.audit-INSERT {
    font-size: smaller;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    margin-left: -15px;
    background-color: green;
    color: white;
    margin-right: 5px;
}

.audit-UPDATE {
    font-size: smaller;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    margin-left: -15px;
    background-color: orange;
    color: black;
    margin-right: 5px;
}

.audit-DELETE {
    font-size: smaller;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    margin-left: -15px;
    background-color: tomato;
    color: white;
    margin-right: 5px;
}

.sms-from {
    background-color: #e0eaf7;
    padding: 2px;
    border-radius: 4px;
    color: #2e5f90;
    border: 1px dashed #81b8ff;
}

.clear-sel {
    background-color: #e3f1ff;
    padding: 5px;
    border-radius: 3px;
    font-size: smaller;
    line-height: 22px;
    margin-right: 5px;
}

.rejected-cand {
    background-color: #e3f1ff;
    padding: 3px;
    border-radius: 3px;
    color: #0152cc;
    font-size: 12px;
}

.dx-checkbox-has-text {
    margin-left: 10px;
}

.dx-checkbox-has-text .dx-checkbox-icon {
    height: 16px;
    width: 16px;
}

.dx-checkbox-checked .dx-checkbox-icon {
    font: 14px/1 DXIcons;
    color: #0152cc;
    font-size: 12px;
    text-align: center;
    line-height: 16px;
}

.dx-checkbox-has-text .dx-checkbox-text {
    display: inline-block;
    vertical-align: middle;
    white-space: pre-wrap;
    line-height: 20px;
    word-wrap: break-word;
    height: 18px;
    width: auto;
    padding-right: 5px;
}

.filter-counter {
    background-color: #e3f1ff;
    padding: 3px;
    border-radius: 3px;
    color: #0152cc;
    font-size: smaller;
}

.alertify.ajs-maximized .ajs-header, .alertify.ajs-resizable .ajs-header {
    z-index: 1;
}

.vspace-100 {
    clear: both;
    height: 100px !important;
}

.vspace-150 {
    clear: both;
    height: 150px !important;
}

.vspace-200 {
    clear: both;
    height: 200px !important;
}


.vspace-50 {
    clear: both;
    height: 50px;
!important;
}

.vspace-10 {
    clear: both;
    height: 10px;
!important;
}

.vspace-25 {
    clear: both;
    height: 25px;
!important;
}

.email-row {
    margin: 20px !important;
    border-radius: 3px;
    background-color: #fafafa;
    border: 1px solid #eaeaea;
}

.email-row-header {
    font-weight: 600;
    padding: 7px;
    border-bottom: 1px solid #eaeaea;
    color: #686b71;
}

.email-row-body {
    background-color: white;
    border-radius: 3px;
    padding: 7px;
}

.email-row-attachments {
    border-top: 1px solid #eaeaea;
    padding: 7px;
}

.doc-row {
    margin: 10px !important;
    padding: 10px !important;
    border-bottom: 1px solid #eaeaea;
}

.sms-row {
    margin: 20px !important;
    border-radius: 3px;
    background-color: #fafafa;
    border: 1px solid #eaeaea;
}

.sms-row-header {
    font-weight: 600;
    padding: 7px;
    border-bottom: 1px solid #eaeaea;
    color: #686b71;
}

.sms-row-body {
    background-color: white;
    border-radius: 3px;
    padding: 7px;
}

.job-description {
    margin: 20px !important;
}

.job-description-body {
    background-color: white;
    border-radius: 3px;
    padding: 7px;
}

.calendarevent-row {
    margin: 20px !important;
    border-radius: 3px;
    background-color: #fafafa;
    border: 1px solid #eaeaea;
}

.calendarevent-row-header {
    font-weight: 600;
    padding: 7px;
    border-bottom: 1px solid #eaeaea;
    color: #686b71;
}

.calendarevent-row-body {
    background-color: white;
    border-radius: 3px;
    padding: 7px;
}

.calendarevent-row-attachments {
    border-top: 1px solid #eaeaea;
    padding: 7px;
}

.dx-data-row.selected {
    background-color: var(--light);
}

.dx-datagrid .dx-row-lines > td {
    border-bottom: 1px solid #ebedf0;
    border-bottom: 1px solid var(--main-border-color);
}

.deal-label {
    font-weight: 400;
    color: #0152cc;
}

.event-type {
    cursor: pointer;
    padding: 5px;
    background-color: #d9e9ff;
    border-radius: 5px;
    border: 1px solid #b2cff7;
    color: #0152cc;
}

.lead-rating-rd {
    cursor: pointer;
    padding: 2px 4px 2px 4px;
    border-radius: 5px;
    font-weight: 600;
    border: 1px solid #b2cff7;
    background-color: #d9e9ff;
    color: #0152cc;
}

.opp-prob-rd {
    cursor: pointer;
    padding: 2px 4px 2px 4px;
    border-radius: 5px;
    font-weight: 400;
    font-size: 12px;
    background-color: #d9e9ff;
    border: 1px solid #b2cff7;
    color: #0152cc;
}

.margin-20 {
    margin: 20px !important;
}

.margin-top-0 {
    margin-top: 0px !important;
}

.margin-bottom-0 {
    margin-bottom: 0px !important;
}

/* Theme */
.app-navigation.app-navigation-style-default nav > ul > li {
    border-bottom: none !important;
}

.app-navigation.app-navigation-style-default {
    background: #fbfbfb !important;
    background: var(--main-bg-color) !important;
    border-right: 1px solid #ebedf0;
    border-right: 1px solid var(--main-border-color);
}

.app-navigation.app-navigation-style-default nav > ul > li a.active {
    text-decoration: underline; /* 1px dashed #1a528a !important;*/
    background-color: #e8f0fe !important;
}

.side-menu-icon {
    width: 16px !important;
    margin-right: .5em;
    text-align: center;
    font-size: 1.7rem;
    color: #a6abbd;
}

.app-navigation nav > ul > li a span {
    margin: 1px 15px 0 0 !important;
    font-size: 13px !important;
    line-height: 1.5em;
    text-transform: none !important;
}

.app-navigation.app-navigation-style-default nav > ul > li a.active span {
    color: var(--main-blue-color) !important;
    font-weight: 500 !important;
}

.app-navigation.app-navigation-style-default nav > ul > li a span {
    color: #363642 !important;
    font-weight: normal;
}

.app .app-container .app-sidebar:not(.sidebar-collapsed) {
    width: 145px !important;
}

.app .app-container .app-content.app-sidebar-left {
    padding-left: 145px !important;
}

.app .app-container .sidebar-collapsed {
    width: 0 !important;
}


/*END THEME */
.datepicker table tr td.today, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover {
    background-color: #c9def5;
    background-image: none !important;
    border-color: #c9def5;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    color: #fff;
}

.datepicker table tr td.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active:hover {
    background: #0052cc !important;
    background: var(--main-blue-color) !important;
}

.vw-panel {
    max-width: 1200px;
}

.selectize-dropdown, .selectize-dropdown.form-control {
    z-index: 999999;
    padding: 10px;
}

.type-tag {
    background-color: #ccdae8;
    padding: 2px;
    border-radius: 2px;
    color: #495c68;
    font-size: 10px;
}

.app .contact.contact-lg > .contact-container > a, .app .contact.contact-xlg > .contact-container > a, .app .contact.contact-single > .contact-container > a {
    font-weight: 500 !important;
}

.dx-popup-wrapper > .dx-overlay-content {
    border-radius: 3px !important;
}

.app .contact.contact-lg, .app .contact.contact-xlg, .app .contact.contact-single {
    padding-left: 10px !important;
}

.audit-icon {
    font-size: 25px;
    font-weight: 400;
    padding-left: 10px;
    color: #9da4ad;
}

.contact-container {
    padding-top: 3px;
}

.app .contact.contact-lg > .contact-container > a, .app .contact.contact-xlg > .contact-container > a, .app .contact.contact-single > .contact-container > a, .app .contact.contact-lg > .contact-container > span, .app .contact.contact-xlg > .contact-container > span, .app .contact.contact-single > .contact-container > span, .app .contact.contact-lg > .contact-container > p, .app .contact.contact-xlg > .contact-container > p, .app .contact.contact-single > .contact-container > p {
    line-height: 16px !important;
}

#cool-menu {
    margin-top: 5px;
    padding: 5px 15px !important;
}

.business-logo {
    max-height: 100px;
    max-width: 600px;
}

.tenant-logo {
    display: table;
    margin: 0 auto;
}

ul.country-list {
    width: 650% !important;
}

.intl-tel-input {
    width: 99%;
}

.email-excerpt {
    cursor: pointer;
}

.pipeline-stats-container {
    width: 90%;
    margin: 0 auto;
}

.pipeline-stats {
    margin: 0 auto;
    display: table;
}

.pipeline-item {
    cursor: pointer;
    display: table-cell;
}

.pipeline-count {
    padding: 5px 10px !important;
    color: #1b4169;
}

.pipeline-stats .pipeline-item {
    border-left: 1px solid #ebedf0;
    border-top: 1px solid #ebedf0;
    border-bottom: 1px solid #ebedf0;
    border-left: 1px solid var(--main-border-color);
    border-top: 1px solid var(--main-border-color);
    border-bottom: 1px solid var(--main-border-color);
    text-align: center;
    padding: 10px;
    background-color: #fafafa;
}

.pipeline-stats .pipeline-item:last-child {
    border-right: 1px solid #ebedf0;
    border-top: 1px solid #ebedf0;
    border-bottom: 1px solid #ebedf0;
    border-right: 1px solid var(--main-border-color);
    border-top: 1px solid var(--main-border-color);
    border-bottom: 1px solid var(--main-border-color);
}

.pcard {
    overflow-y: hidden;
    overflow-x: hidden;
    position: relative;
    padding: 5px 5px 10px 10px;
    background-color: #fff;
    cursor: pointer;
    margin-bottom: 8px;
    min-height: 20px;
    z-index: 0;
    border: none;
    box-shadow: 0 0 0 1px rgba(20, 20, 31, .05), 0 1px 3px 0 rgba(20, 20, 31, .15);
}

.pipe-header-items {
    padding-left: 10px;
    margin-right: 5px;
    padding-bottom: 5px
}

.pcard .pcard-menu {
    display: none;
    position: absolute;
    background-color: #0052cc;
    background-color: var(--main-blue-color);
    border-bottom-left-radius: 3px;
    height: 25px;
    width: 25px;
    text-align: center;
    right: 0;
    top: 0;
}

.pcard:hover .pcard-menu {
    display: inline;
}

.pcard.psel:not(.pcardrejected) {
    background-color: #f3fff3dd;
    border: none;
    box-shadow: 0 0 0 1px rgba(20, 20, 31, .05), 0 1px 3px 0 rgba(20, 20, 31, .15);
}

.hand {
    cursor: pointer !important;
}

.pcol {
    vertical-align: top;
}

.pover {
    border: 2px dashed #0052cc !important;
    border: 2px dashed var(--main-blue-color) !important;
}

.pipeline-header {
    background-color: #0052cc;
    background-color: var(--main-blue-color);
    color: white;
}

.action-sheet button {
    display: block;
}

.full-width {
    width: 100%;
}

.pcol-container {
    position: relative;
    overflow: hidden;
    background-color: var(--light);
}

.pcol-content {
    padding-top: 10px;
    padding-right: 10px;
    padding-left: 5px;
    padding-bottom: 150px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    white-space: normal;
}

.tcard {
    position: relative;
    border-radius: 5px;
    padding: 5px;
    border: 1px solid #ebedf0;
    border: 1px solid var(--main-border-color);
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    cursor: pointer;
    margin-bottom: 6px;
    z-index: 0;
}

.tcard-content {
    padding: 5px;
    margin: 2px;
}

.tcol-content {
    height: 78vh !important;
    margin-right: 5px;
    padding: 15px;
    background-color: #fbfbfb;
    background-color: var(--main-bg-color);
    border: 1px solid #ebedf0;
    border: 1px solid var(--main-border-color);
    overflow-y: scroll !important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
    border-radius: 3px;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    max-height: 95%;
    position: relative;
    white-space: normal;
}

.app-spinner.inprogress {
    float: left;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    border: 3px solid #ffe7ba;
    border-top-color: #f69f00;
    animation: spin 1s infinite linear;
}

.cwrap {
    border-bottom: 1px solid #eaeaea;
}

.cwrap .cname {
    font-size: small;
    font-weight: 500;
}

.cwrap .corg {
    font-size: smaller;
    font-weight: 600;
}

.cwrap .cemail {
    font-size: small;
    font-weight: 400;
    color: darkgray;
}

.dot {
    height: 10px;
    width: 10px;
    border-radius: 99px;
    background-color: #d3d3db;
    display: inline-block;
}

.centre {
    text-align: center;
    margin: 0 auto;
}

.pipeview {
    padding: 15px;
    text-align: center;
    margin: 0 auto;
}

.nav.nav-tabs > li > a {
    font-weight: 400 !important;
}

.pcardrejected {
    color: #bababa !important;
    border-top: 3px solid #ff6156;
}

.pcardrejected .ptext {
    color: #ff6156;
    font-size: 18px;
    font-weight: 700;
}

.pcardrejected .ptextbg {
    position: absolute;
    top: 10px;
    left: 30px;
    background: transparent;
    z-index: 0;
    display: block;
}

.tcardarchived {
    color: #bababa !important;
    border-top: 3px solid #ff6156;
}

.tcardarchived .ttext {
    color: #ff6156;
    font-size: 18px;
    font-weight: 700;
}

.tcardarchived .ttextbg {
    position: absolute;
    top: 15px;
    left: 30%;
    background: transparent;
    z-index: 0;
    display: block;
}

.pipeline-stats-container {
    margin-top: 20px;
}

th.fc-day-header {
    background-color: #fbfbfb;
    background-color: var(--main-bg-color);
}

.fc-slats td {
    padding: 4px !important;
}

.fc button {
    height: auto !important;
    line-height: 2.3em !important;
    font-weight: 500 !important;
}

.fc-state-default.fc-corner-right {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

.fc-state-default.fc-corner-left {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

.app .app-content-tabs > ul > li > a {
    line-height: 26px;
    background-color: #fff;
    font-weight: normal !important;
}

.VS-search .VS-search-box.VS-focus {
    border: 1px solid #0052cc !important;
    border: 1px solid var(--main-blue-color) !important;
}

.email-from-name {
    font-weight: 400;
    color: #505054;
}

.email-subject {
    color: #6b6b6b;
    font-size: 12px;
}

.mail-list-container {
    border-top: 1px solid #ebedf0;
    border-top: 1px solid var(--main-border-color);
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

.email-date {
    background: #fafbfd;
    border: 1px solid #ebedf0;
    border: 1px solid var(--main-border-color);
    color: #545659 !important;
    border-radius: 2px;
    padding: 2px;
    font-size: small;
}

.email-header-subject {
    font-size: large;
    margin-bottom: 5px;
}

.email-attachment-wrapper {
    display: table;
    background: #ffffff;
    border: 1px solid #ebedf0;
    border: 1px solid var(--main-border-color);
    color: #030305 !important;
    border-radius: 2px;
    padding: 0 0 0 5px;
}

.email-attachment {
    display: table-cell;
}

.email-attachment-btn {
    background-color: #ebedf0;
    border-radius: 0;
    margin-left: 5px;
}

.inbox-qview-container {
    height: 90vh !important;
    padding: 0;
}

.email-header-container {
    padding: 10px;
    background-color: #fbfbfb;
    background-color: var(--main-bg-color);
    border-bottom: 1px solid #ebedf0;
    border-bottom: 1px solid var(--main-border-color);
}

.inbox-tabs-container {
    width: 400px;
    display: table-cell;
    vertical-align: top
}

.inbox-view-container {
    border-left: 1px solid #ebedf0;
    border-left: 1px solid var(--main-border-color);
    width: auto;
    display: table-cell;
    vertical-align: top
}

.inbox-page {
    display: table;
    width: 100%;
}

.unread .email-from-name {
    font-weight: 700 !important;
}

div.jconfirm-content-pane {
    height: auto !important;
}

.panel-default > .panel-heading {
    background-color: #ffffff !important;
}

.block-heading {
    color: #545659;
}

.block-pipeline-action {
    padding: 0;
    background: #fbfbfb;
    background: var(--main-bg-color);
    min-height: 560px;
    width: 320px;
}

.jconfirm .jconfirm-box div.jconfirm-title-c {
    padding: 15px 15px 5px 15px;
    background-color: #ffffff;
    border-bottom: none;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.app .app-heading .title h1, .app .app-heading .title h2, .app .app-heading .title h3, .app .app-heading .title h4, .app .app-heading .title h5, .app .app-heading .title h6 {
    font-weight: 500;
    color: #545659;
}

.chk-show-archives label {
    font-weight: 500;
    color: var(--main-text-color);
}

.app .app-heading .title p {
    color: #0052cc;
    color: var(--main-blue-color);
}

.app .list-group .list-group-title {
    color: #5d6b84;
}

.app .list-group.list-group-condensed a.list-group-item:focus, .app .list-group.list-group-condensed a.list-group-item:hover, .app .list-group.list-group-condensed button.list-group-item:focus, .app .list-group.list-group-condensed button.list-group-item:hover {
    color: #0052cc !important;
    color: var(--main-blue-color) !important;
}

.form-group:last-child {
    margin-bottom: 8px !important;
}

.intro-block {
    background-color: #fbfbfb;
!important;
    background-color: var(--main-bg-color) !important;
}

.intro-title {
    float: none !important;
    text-align: center !important;
}

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons {
    background-color: #fbfbfb;
!important;
    background-color: var(--main-bg-color) !important;
    border-top: 1px solid #e8eaed !important;
}

.dx-datagrid-search-text {
    background-color: #0052cc !important;
    background-color: var(--main-blue-color) !important;
}

.dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-select {
    min-width: 35px;
    width: 35px !important;
    padding-top: 4px;
}

.pcard-footer {
    text-align: right;
    padding-top: 5px;
}

.align-right {
    text-align: right !important;
}

.tcard-linked-records {
    padding-top: 5px;
}

.duplicate-rec {
    height: 75px;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px dotted #ebedf0;
    border: 1px dotted var(--main-border-color);
    background-color: #FCFCFC;
}

.dup-alert {
    padding: 10px;
    background-color: #fdebeb;
    border-bottom: 1px solid #f3d3d3;
}

.dx-scrollable-scrollbar.dx-widget.dx-scrollbar-horizontal {
    display: none !important;
}

.import-export {
    margin-bottom: 10px;
    clear: both;
    margin-top: 10px;
}

.import-export .ie-icon {
    float: left;
    vertical-align: middle;
    padding-right: 12px;
}

.tile-icon {
    text-align: center;
    font-size: 40px;
    color: #0052cc;
    color: var(--main-blue-color);
}

.tile-head {
    text-align: center;
    font-size: x-large;
    padding: 20px;
    margin-bottom: 20px;
}

.tile-basic.tile-basic-icon-top {
    border: 1px solid #eeeeee;
    clear: both;
    padding: 10px;
    background-color: #fbfbfb;
}

.jconfirm.jconfirm-white .jconfirm-bg, .jconfirm.jconfirm-light .jconfirm-bg {
    opacity: .5 !important;
}

.lower {
    text-transform: lowercase;
}

.p-location {
    border: 1px dashed #ebedf0;
    border: 1px dashed var(--main-border-color);
    background-color: #fbfbfb;
    background-color: var(--main-bg-color);
    padding: 2px;
}

.dx-datagrid-content .dx-datagrid-table .dx-row > td {
    vertical-align: middle !important;
    padding-top: 7px !important;
    padding-bottom: 7px !important;
}

.notification-counter {
    position: absolute;
    top: 5px;
    left: 20px;
    background-color: rgba(212, 19, 13, 1);
    color: #fff;
    border-radius: 3px;
    font: 9px Verdana;
}

.app-counter {
    padding: 2px 4px 2px;
    background-color: rgba(4, 2, 5, 0.56);
    color: #fff;
    border-radius: 4px;
    font: 9px Verdana;
}

.public-job-url {
    padding: 4px;
    border: 1px dashed #d6d5d5;
    background-color: #eaecf0;
    font-size: small;
    border-radius: 2px;
}

.public-links {
    margin-top: 10px;
    text-align: center;
}

.alertify-notifier .ajs-message {
    background: rgba(255, 255, 255, 0.95);
    color: #000;
    text-align: center;
    border-left: solid 4px #0052cc;
    border-left: solid 4px var(--main-blue-color);
    border-radius: 2px;
}

.api-key {
    padding: 3px;
    background-color: #e8f1ff;
    border: 1px dashed #bbbbbb;
    border-radius: 2px;
}

.api-key-disabled {
    padding: 3px;
    background-color: #efefef;
    border: 1px dashed #bbbbbb;
    text-decoration: line-through;
    border-radius: 2px;
}

.app-job-links {
    font-size: small;
    margin-top: 4px;
    color: gray;
}

.app-job-label {
    font-weight: 500;
}

.appl-name {
    font-weight: 500;
}

.appl-contact {
    font-size: small;
    margin-top: 4px;
}

.btn-success-blue {
    border-color: #0052cc;
    background: #0052cc;
    border-color: var(--main-blue-color);
    background: var(--main-blue-color);
    color: #FFF !important;
}

.dropzone {
    border: 2px dashed #0052cc;
    border: 2px dashed var(--main-blue-color);
    border-radius: 5px;
    background: #fbfbfb;
    background: var(--main-bg-color);
    box-sizing: border-box;
    height: 150px;
    min-height: 100px;
    padding: 10px !important;
}

.dropzone .dz-preview {
    margin: 0 !important;
    min-height: 80px;
    width: 120px;
}

.dropzone .dz-preview .dz-details {
    padding: 1em !important;
}

.uline {
    text-decoration: underline !important;
}

.dx-popup-title.dx-toolbar .dx-toolbar-before {
    width: 96% !important;
}

.help-block:empty {
    margin: 0 !important;
}

.VS-search .search_facet .category {
    float: left;
    text-transform: inherit;
    font-size: 12px;
    font-weight: 600;
    color: #838384;
    line-height: 13px;
    cursor: pointer;
    padding: 4px 0 0;
}

.VS-search .VS-search-inner {
    margin: 0 !important;
}

.separator-heading {
    border-bottom: 1px solid #dedede;
    margin-bottom: 25px;
}

.separator-heading .header {
    font-weight: 600;
    color: #545659;
}

.candidate-employment {
    background-color: #fbfbfb;
    background-color: var(--main-bg-color);
    border-radius: 4px;
    padding: 5px 0 5px 0;
}

.table-compact > tbody > tr > td {
    line-height: 20px;
    padding: 3px 3px 3px 3px !important;
    vertical-align: middle;
    border-top: none !important;
}

.table-compact > thead > tr > th {
    line-height: 20px;
    padding: 3px 3px 3px 3px !important;
    vertical-align: middle;
}

.text-muted {
    font-weight: 400;
    font-style: normal;
    line-height: 20px;
    font-size: 12px;
    color: #6c798f !important;
}

.toggl_switch {
    position: relative;
    display: inline-block;
    width: 38px;
    height: 24px;
    margin-bottom: 0 !important;
}

.toggl_switch input {
    display: none;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc !important;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 4px;
    bottom: 4px;
    top: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

/* Rounded sliders */
.slider.round {
    border-radius: 30px;
}

.slider.round:before {
    border-radius: 50%;
}

.social-share {
    display: table !important;
}

.rownum {

}

.rownum:before {
    content: '\0023';
}

.app .label {
    font-size: 9px;
    font-weight: 600;
}

.dx-popup-content .app {
    min-height: auto !important;
}

.label-soft {
    background-color: var(--secondary);
    color: #0d2f86;
    text-transform: none !important;
    font-size: .950em !important;
}

.editable-buttons {
    margin-left: 4px !important;
    line-height: 17px !important;
}

.editable-buttons .editable-cancel {
    margin-left: 2px !important;
}

.editable-click, a.editable-click {
    text-decoration: none;
    border-bottom: none;
}

a.editable-click:hover {
    text-decoration: none;
    border: 1px solid #cbcbcb;
    padding: 4px 5px 4px 5px;
    margin-left: -5px;
    border-radius: 2px;
}

a.editable-click:hover:after {
    font-family: 'Font Awesome 5 Pro';
    content: '  \f040';
    color: #9c9fa3;
}

.editable-empty, .editable-empty:hover, .editable-empty:focus {
    font-style: normal;
    color: #545659;
    text-decoration: none;
}

.app .app-container .app-content.app-content-resizable .app-content-resizable-column .ui-resizable-handle:after {
    height: 2px !important;
}

.app-accordion .item .heading .title {
    font-weight: 600 !important;
    font-size: 13px !important;
    line-height: 40px;
    color: #545659;
}

.pipeline-table {
    width: 150px;
    margin: 0 auto;
}

.pipeline-table tr td {
    padding: 3px !important;
    border-top: 0 !important;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    border-top: 1px solid #ebedf0;
    border-top: 1px solid var(--main-border-color);
}

.app-accordion .item .heading {
    height: 40px;
    padding: 0 10px;
    border-bottom: 1px solid #ebedf0;
    border-bottom: 1px solid var(--main-border-color);
}

.app-accordion .item .heading:hover {
    background-color: #fbfbfb;
    background-color: var(--main-bg-color);
}

.app-accordion .item.open .heading {
    border-bottom: 1px solid #ebedf0;
    border-bottom: 1px solid var(--main-border-color);
    background: transparent;
}

.app-accordion .item {
    float: left;
    width: 100%;
    overflow: hidden;
    height: 50px;
    border: none !important;
    border-bottom: 0;
}

.no-border {
    border: 0 none !important;
}

.no-border-top {
    border-top: 0 !important;
}

.app-accordion .item:first-child {
    border-radius: 2px 2px 0 0;
}

.txt-comments-footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 7px 10px;
    margin: 0;
    /* background-color: var(--main-bg-color); */
    border: 1px solid #ebedf0;
    border: 1px solid var(--main-border-color);
    border-top: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.hline {
    border-bottom: 1px solid #fbfbfb;
    border-bottom: 1px solid var(--main-bg-color);
    width: 95%;
    clear: both;
    margin: 0 auto;
    height: 1px;
}

/*==================================
    TIMELINE
==================================*/
/*-- GENERAL STYLES
------------------------------*/
.timeline {
    line-height: 1.4em;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

.timeline h1, .timeline h2, .timeline h3, .timeline h4, .timeline h5, .timeline h6 {
    line-height: inherit;
}

/*----- TIMELINE ITEM -----*/
.timeline-item {
    margin-top: 5px;
    padding-left: 5px;
    position: relative;
    margin-bottom: 10px;
}

.timeline-item:last-child {
    padding-bottom: 0;
}

/*----- TIMELINE INFO -----*/
.timeline-info {
    margin: .3em 0 0 0;
    white-space: nowrap;
}

/*----- TIMELINE CONTENT -----*/
.timeline-message {
    padding: 10px;
    background-color: #fbfbfb;
    background-color: var(--main-bg-color);
    border-radius: 3px;
    border: 1px solid var(--main-border-color);
}

.timeline-message-inbound {
    background-color: #DEEBFF !important;
    border: 1px solid #B3D4FF !important;
}

.timeline-attachments {
    text-align: left;
    padding-left: 23px;
}

.timeline-attachments:before {
    font-family: 'Font Awesome 5 Pro';
    content: "\f0c6";
}

/*----- TIMELINE PERIOD -----*/
.period {
    padding: 0;
}

.period .timeline-info {
    display: none;
}

.period .timeline-marker:before {
    background: transparent;
    content: "";
    width: 15px;
    height: auto;
    border: none;
    border-radius: 0;
    top: 0;
    bottom: 30px;
    position: absolute;
    border-top: 3px solid #CCD5DB;
    border-bottom: 3px solid #CCD5DB;
}

.period .timeline-marker:after {
    content: "";
    height: 32px;
    top: auto;
}

.period .timeline-content {
    padding: 40px 0 70px;
}

.period .timeline-title {
    margin: 0;
}

/*----------------------------------------------
    MOD: MARKER OUTLINE
----------------------------------------------*/
.marker-outline .timeline-marker:before {
    background: transparent;
    border-color: #0052cc;
    border-color: var(--main-blue-color);
}

.marker-outline .timeline-item:hover .timeline-marker:before {
    background: #0052cc;
    background: var(--main-blue-color);
}

.multitag {
    background-color: #f3f3f4 !important;
    color: #333 !important;
    border: 1px solid #ebedf0;
    border: 1px solid var(--main-border-color);
    border-radius: 3px;
    line-height: 22px;
    margin-right: 5px;
    display: inline-block;
}

.dx-popup-title.dx-toolbar .dx-toolbar-label {
    font-size: inherit !important;
}

.timeline-menu > li {
    padding: 0 0 0 5px !important;
}

/*.timeline-item:hover .timeline-footer { display: block; }*/
.swal2-icon.swal2-info {
    color: #0152cc;
    border-color: #0152cc;
}

.swal2-icon.swal2-question {
    color: #0152cc;
    border-color: #0152cc;
}

.swal2-icon.swal2-warning {
    color: #0152cc;
    border-color: #0152cc;
}

.swal2-icon.swal2-success {
    color: #0152cc;
    border-color: #0152cc;
}

.swal2-popup .swal2-styled:focus {
    box-shadow: none !important;
}

.padding-top-30 {
    padding-top: 30px !important;
}

.cv-container {
    background-color: #ffffff;
    display: block;
    border: 1px solid #ebedf0;
    border: 1px solid var(--main-border-color);
    margin-bottom: 5px;
    margin-right: 5px;
    border-radius: 2px;
}

.cv-container .header {
    padding: 8px 5px 5px 10px;
    background-color: #fbfbfb;
    background-color: var(--main-bg-color);
    height: 35px;
    width: 100%;
    vertical-align: middle;
    color: #545659;
    border-bottom: 1px solid #ebedf0;
    border-bottom: 1px solid var(--main-border-color);
}

.cv-container .content {
    text-align: center;
    padding: 10px;
    color: #545659;
}

.image-box {
    border: 1px solid #ebedf0;
    border: 1px solid var(--main-border-color);
    padding: 2px;
    background-color: #ffffff;
    width: 105px;
    height: 105px;
    vertical-align: middle;
    cursor: pointer;
    color: #454545;
    text-align: center;
    border-radius: 50%;
    margin: 0 auto;
}

.img-photo {
    height: 98px !important;
    width: 98px !important;
    vertical-align: middle;
    border-radius: 50%;
}

.business-logo-box {
    padding: 2px;
    vertical-align: middle;
    cursor: pointer;
    text-align: left;
}

.image-uploader {
    z-index: 16;
    transition: all .2s ease-in-out;
    opacity: .8;
    transform: scale(.8);
}

.image-uploader .fa {
    font-size: 2.2rem;
    margin-top: 2.4rem;
}

.contact-box {
    padding: 10px;
    margin-top: 5px;
    min-width: 225px;
    background-color: #ffffff;
    border: 1px solid #ebedf0;
    border: 1px solid var(--main-border-color);
    border-radius: 4px;
    display: inline-block;
    text-align: left;
    float: right;
}

.loader {
    position: absolute;
    color: #000000;
    top: 12%;
    left: 8%;
}

.disabled img {
    opacity: 0.3;
    filter: alpha(opacity=30);
}

.coolblue {
    color: #0152cc !important;
}

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

span.skill {
    background-color: #e9f1fd;
    padding: 3px;
    color: #4a5361;
    border-radius: 2px;
    border: 1px solid #cbdefb;
    line-height: 26px;
}

.mCSB_inside > .mCSB_container {
    margin-right: 10px;
}

.btn-group.open {
    z-index: 10000 !important;
}

.wordwrap {
    word-wrap: break-word;
    word-break: break-word;
    white-space: normal;
}

.csbox {
    padding-top: 10px;
    background-color: #fafafa;
    border-bottom: 1px solid #ebedf0;
    border-bottom: 1px solid var(--main-border-color);
}

.csbox1 {
    padding: 10px;
    background-color: var(--main-bg-color);
    border: 1px solid var(--main-border-color);
    border-radius: 5px;
}

.fl-form .fl-has-focus label.fl-label {
    color: #0152cc;
    font-weight: 600;
}

.fl-form label.fl-label {
    color: #686d72;
}

.dropdown-menu > li .fa, .dropdown-menu > li span[class^=icon-] {
    line-height: normal;
}

.cool-badge {
    font-weight: 400;
}

/*
.dx-datagrid-rowsview .dx-row.dx-group-row {
    color: #545659;
    background-color: #ffffff;
    font-weight: bold;
}
*/
.dx-datagrid-group-opened {
    color: #545659;
}

.dx-datagrid-group-closed {
    color: #545659;
}

.dx-checkbox-container {
    line-height: 1em;
}

.journal-type {
    font-weight: 600;
}

.journal-user {
    font-weight: 300;
}

.timeline-menu a {
    color: #b1b6bd;
    font-size: smaller;
}

.journal-type-icon {
    width: 20px;
    color: #545659;
    text-align: center;
    display: inline-block;
    font-size: 15px;
}

.journal-Note:after {
    font-family: 'Font Awesome 5 Pro';
    content: " \f0e5";
    font-weight: 700;
}

.journal-Email:after {
    font-family: 'Font Awesome 5 Pro';
    content: " \f003";
    font-weight: 700;
}

.journal-Event:after {
    font-family: 'Font Awesome 5 Pro';
    content: " \f073";
}

.journal-SMS:after {
    font-family: 'Font Awesome 5 Pro';
    content: " \f10b";
    font-weight: 700;
}

.journal-MARKETING_EMAIL:after {
    font-family: 'Font Awesome 5 Pro';
    content: " \f003";
    font-weight: 700;
}

.table-condensed > tbody > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > thead > tr > th {
    line-height: 10px !important;
    padding: 10px 8px !important;
}

.icon-MEETING:after {
    font-family: 'Font Awesome 5 Pro';
    content: " \f2b5";
    font-weight: 700;
}

.icon-CALL:after {
    font-family: 'Font Awesome 5 Pro';
    content: " \f095";
    font-weight: 700;
}

.iedit {
    display: none;
    color: #0052cc !important;
    color: var(--main-blue-color) !important;
    font-size: 14px;
}

.editable:hover .iedit {
    display: inline;
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    background-color: #fbfbfb !important;
    background-color: var(--main-bg-color) !important;
}


.yellow {
    color: gold;
}

.app-accordion {
    padding-left: 5px;
}

.jconfirm-buttons {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.jconfirm-title-c.jconfirm-hand {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.jconfirm .jconfirm-box {
    overflow: visible;
}

.jconfirm .jconfirm-box div.jconfirm-content-pane {
    display: block !important;
    overflow: visible;
}

.intl-tel-input.allow-dropdown .flag-container:hover .selected-flag {
    background-color: #fbfbfb;
    background-color: var(--main-bg-color);
}

.intl-tel-input .country-list .country.highlight {
    background-color: #fbfbfb;
    background-color: var(--main-bg-color);
}

.app .tile-basic .tile-content {
    padding: 10px;
}

.filter-header {
    font-weight: 500;
    padding: 5px 0 7px 0;
    color: #4b4d50;
}

.filter-list {
    padding-left: 0;
}

.filter-item {
    line-height: 1em;
    vertical-align: middle;
    display: block;
    padding: 10px 0 10px 0;
    border-bottom: 1px solid var(--main-border-color);
}

.filter-item:hover {
    background-color: #fbfbfb;
    background-color: var(--main-bg-color);
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default {
    background-color: #0052cc !important;
    background-color: var(--main-blue-color) !important;
    color: #ffffff !important;
}

.opportunity-converted {
    display: table;
    background-color: #fbfbfb;
    background-color: var(--main-bg-color);
    border: 1px solid #ebedf0;
    border: 1px solid var(--main-border-color);
    width: 100%;
    margin-bottom: 20px;
    border-radius: 5px;
}

.vcentre {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.state-icon {
    color: #656769;
}

.kpi-cell {
    padding: 2px !important;
    vertical-align: middle;
}

.kpi-filter {
    padding: 10px;
    background-color: #fbfbfb;
    background-color: var(--main-bg-color);
}

.kpi-linear-chart {
    height: 60px;
    background-color: #f6f7f9;
    border: 1px solid #ebedf0;
    border: 1px solid var(--main-border-color);
    padding-top: 10px;
    padding-bottom: 10px;
}

.kpi-data-table {
    border: 1px solid #ebedf0;
    border: 1px solid var(--main-border-color);
}

.table-kpi {
    margin-top: 10px;
    border: 1px solid #ebedf0;
    border: 1px solid var(--main-border-color);
}

.geosearch-group {
    background-color: #fbfbfb;
    background-color: var(--main-bg-color);
    padding-top: 5px;
    padding-bottom: 5px;
}

.chart-title {
    color: #545659;
    font-weight: 500;
}

.stage {
    color: #7B7B7B;
}

.stage__number {
    display: block;
    margin-bottom: 3px;
    font-weight: 500;
    font-size: 18px;
}

.stage__inner {
    padding-top: 5px;
    padding-bottom: 5px;
}

.campaign-container {
    border: 1px solid #ebedf0;
    border: 1px solid var(--main-border-color);
    color: #545659;
}

.campaign-header {
    padding: 7px;
    background-color: #fbfbfb;
    background-color: var(--main-bg-color);
    border-bottom: 1px solid #ebedf0;
    border-bottom: 1px solid var(--main-border-color);
}

.campaign-footer {
    padding: 7px;
    background-color: #fbfbfb;
    background-color: var(--main-bg-color);
    border-bottom: 1px solid #ebedf0;
    border-bottom: 1px solid var(--main-border-color);
}

.campaign-stats {
    border-bottom: 1px solid #ebedf0;
    border-bottom: 1px solid var(--main-border-color);
}

.campaign-name {
    font-weight: 500;
}

.campaign-DRAFT {
    font-size: smaller;
    padding: 4px;
    background-color: #ffe298 !important;
}

.campaign-FAILED {
    font-size: smaller;
    padding: 4px;
    background-color: #d4533b !important;
    color: white;
}

.stage__number {
    color: #7B7B7B;
    text-align: center;
}

.stage__label {
    text-align: center;
    color: #545659;
    font-size: 10px;
}

.campaign-stats .cell:not(:last-child) {
    border-right: 1px solid #e9ebee;
    padding: 5px;
}

.campaign-container a {
    color: #545659 !important;
}

.campaign-SENT:before {
    content: '\f00c ';
    font-family: 'Font Awesome 5 Pro';
}

.campaign-SENT {
    font-size: smaller;
    padding: 4px;
    background-color: #1ca765 !important;
    font-weight: bold;
    border-radius: 3px;
    color: white;
}

.jobboard-parameters {
    padding: 10px;
    background-color: #fbfbfb;
    background-color: var(--main-bg-color);
    border: 1px solid #ebedf0;
    border: 1px solid var(--main-border-color);
}

.ms-container {
    width: 485px;
}

.msel-header {
    background: #fbfbfb;
    background: var(--main-bg-color);
    font-weight: 500;
    text-align: center;
}

.ms-container .ms-selectable li.ms-hover, .ms-container .ms-selection li.ms-hover {
    background-color: #0052cc;
    background-color: var(--main-blue-color);
}

.trans-item {
    background: transparent !important;
}

.task-done {
    text-decoration: line-through;
    color: gray;
}

/*Sweet alert text */
.swal-text {
    font-weight: bold;
!important;
}

/*Sortable table css*/
.sortable tr {
    cursor: pointer;
}

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

.hcard {
    padding: 19px;
    margin-bottom: 20px;
    background-color: #fbfbfb;
    background-color: var(--main-bg-color);
    border: 1px solid #ebedf0;
    border: 1px solid var(--main-border-color);
    border-radius: 3px;
    width: 100%;
    vertical-align: middle;
    text-align: center;
    display: table-cell;
}

.height-350 {
    height: 350px;
}

.rpt-search-box {
    background-color: #fbfbfb;
    background-color: var(--main-bg-color);
    padding: 10px;
    margin: 0 0 10px 0;
    border: 1px solid #ebedf0;
    border: 1px solid var(--main-border-color);
    border-radius: 5px;
}

.app .breadcrumb > li > a {
    color: #0052cc !important;
    color: var(--main-blue-color) !important;
}

.app .breadcrumb > li.active {
    color: #36383c;
    font-weight: 500;
}

.app .app-heading-container {
    float: left;
    width: 100%;
    line-height: 40px;
    background: #fbfbfb;
    background: var(--main-bg-color);
    padding: 0 15px;
}

.app .app-heading-container.app-heading-bordered {
    border: 1px solid #ebedf0;
    border: 1px solid var(--main-border-color);
}

.max-1400 {
    max-width: 1400px !important;
}

.dx-pivotgrid .dx-pivotgrid-area td {
    color: #545659;
}

.dx-pivotgrid .dx-grandtotal {
    background-color: #fbfbfb;
    background-color: var(--main-bg-color);
}

.dx-pivotgrid .dx-pivotgrid-border .dx-filter-header {
    border-top: 1px solid #ebedf0;
    border-top: 1px solid var(--main-border-color);
}

.dx-pivotgrid .dx-pivotgrid-border .dx-filter-header, .dx-pivotgrid .dx-pivotgrid-border .dx-area-column-cell, .dx-pivotgrid .dx-pivotgrid-border .dx-column-header, .dx-pivotgrid .dx-pivotgrid-border .dx-filter-header, .dx-pivotgrid .dx-pivotgrid-border .dx-area-data-cell {
    border-right: 1px solid #ebedf0;
    border-right: 1px solid var(--main-border-color);
}

.dx-pivotgrid .dx-pivotgrid-border .dx-data-header, .dx-pivotgrid .dx-pivotgrid-border .dx-filter-header, .dx-pivotgrid .dx-pivotgrid-border .dx-area-description-cell, .dx-pivotgrid .dx-pivotgrid-border .dx-area-row-cell {
    border-right: 1px solid #ebedf0;
    border-right: 1px solid var(--main-border-color);
}

.dx-pivotgrid.dx-row-lines .dx-pivotgrid-area td {
    border-top: 1px solid #ebedf0;
    border-top: 1px solid var(--main-border-color);
}

.dx-pivotgrid .dx-pivotgrid-horizontal-headers td {
    border: 1px solid #ebedf0;
    border: 1px solid var(--main-border-color);
}

#report-grid-chart {
    padding-top: 25px;
}

.ranges li:hover {
    background-color: #0052cc;
    background-color: var(--main-blue-color);
    border: 1px solid #0052cc;
    border: 1px solid var(--main-blue-color);
}

.ranges li.active {
    background-color: #0052cc;
    background-color: var(--main-blue-color);
    border: 1px solid #0052cc;
    border: 1px solid var(--main-blue-color);
}

.ranges li.active, .ranges li:hover {
    background: #0052cc;
    background: var(--main-blue-color);
    border: 1px solid #0052cc;
    border: 1px solid var(--main-blue-color);
}

.ranges li {
    color: #0052cc;
    color: var(--main-blue-color);
}

.ranges li {
    color: #0052cc;
    color: var(--main-blue-color);
}

.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #0052cc;
    background-color: var(--main-blue-color);
}

.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #0052cc;
    background-color: var(--main-blue-color);
}

.daterangepicker td.in-range {
    background-color: #ecf3ff;
}

.large-loader {
    font-size: xx-large;
    text-align: center;
}

.ui-dialog-titlebar-close {
    position: relative;
    background: 0;
    border: 0;
    float: right;
    z-index: 1;
}

.ui-dialog-titlebar-close:after {
    position: relative;
    top: 1px;
    content: "X";
    z-index: 2;
    font-weight: 500;
    font-size: larger;
}

.ui-widget-header {
    border: 0 none;
    background: transparent;
}

.ui-dialog .ui-dialog-content {
    padding: 0;
}

.app-widget-tile.app-widget-tile-cool {
    background-color: #0052cc !important;
    background-color: var(--main-blue-color) !important;
    border: 1px solid #0052cc !important;
    border: 1px solid var(--main-blue-color) !important;
    color: white !important;
}

.app-widget-tile.app-widget-tile-cool .title {
    color: white;
}

.app .app-widget-tile .intval.intval-lg {
    line-height: 60px;
    font-size: 23px;
    font-weight: 400;
}

.app .app-widget-tile .subtitle, .app .app-widget-tile .title {
    font-weight: 500;
}

.app .pricing-table.pricing-table-cool {
    background: #0052ac;
    border-color: #0052ac;
    color: #FFF;
}

.app .badge.badge-trailing {
    background: #f69f00;
    color: #FFF;
}

.app .badge.badge-negative {
    background: #dc3545;
    color: #FFF;
}

.app .badge.badge-active {
    background: #0052cc;
    background: var(--main-blue-color);
    color: #FFF;
}

.pipe-table-container {
    padding-top: 10px;
}

.btn-pipe-filter {
    background: transparent;
}

.dropdown-menu > li .fa, .dropdown-menu > li span[class^=icon-] {
    float: initial !important;
}

/* Start state */
.setup-checklist-header {
    background: #0052ac;
    height: 135px;
    color: #f1f1f1;
    padding: 20px;
}

.setup-checklist-container {
    max-width: 475px;
}

.setup-checklist-body {
    padding: 20px;
    color: var(--main-text-color);
}

.fancybox-content {
    padding: 0;
}

.fancybox-close-small {
    color: white;
}

.checklist-item {
    border: 0 !important;
}

.task-status-hdr {
    color: var(--main-text-color);
    padding-left: 5px;
}

.overall-campaign-stats td {
    text-align: center;
}

.stat {
    width: 75px;
    font-size: large;
    padding: 20px !important;
}

.overall-campaign-stats th {
    text-align: center;
}

.pink {
    color: hotpink;
}

.orange {
    color: orange;
}

.green {
    color: green;
}

.red {
    color: red !important;
}

.profile-icon {
    display: inline-block;
    position: relative;
    outline: 0;
    width: 26px;
    height: 26px;
}

.profile-icon-wrap {
    -webkit-appearance: none;
    color: rgb(222, 235, 255);
    background-color: #0052cc;
    background-color: var(--main-blue-color);
    fill: #0052cc;
    fill: var(--main-blue-color);
    -webkit-box-align: center;
    align-items: center;
    cursor: pointer;
    display: flex;
    line-height: 1;
    width: 26px;
    height: 26px;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    border-radius: 50%;
    padding: 0;
    outline: none;
    margin-top: 6px;
    margin-left: 5px;
    margin-right: -5px;
}

.profile-initials {
    color: white;
    vertical-align: middle;
    text-transform: uppercase;
    padding-top: 4px;
}

.pipe-stage-wrapper {
    padding: 10px;
    background-color: #fbfbfb;
    border-radius: 2px;
    border: 1px solid #ebedf0;
    width: 99%;
}

.audit-log {
    background-color: #fbfbfb;
    background-color: var(--main-bg-color);
    padding: 10px;
    border-radius: 4px;
    border: 1px solid #ebedf0;
    border: 1px solid var(--main-border-color);
}

#audit-range-picker {
    padding: 8px;
}

.criteria-table {
    width: 100%;
    border: 0;
}

.tablediv {
    display: table;
}

.table-cell {
    display: table-cell;
    vertical-align: top;
}

.txt-search {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 0 none;
}

.email-create-record > .dropdown {
    padding: 5px;
    float: inherit;
}

.custom-field-container {
    border: 1px solid #ebedf0;
    border: 1px solid var(--main-border-color);
    color: #545659;
}

.custom-field-header {
    padding: 5px;
    background-color: #fbfbfb;
    background-color: var(--main-bg-color);
    border-bottom: 1px solid #ebedf0;
    border-bottom: 1px solid var(--main-border-color);
}

.tribute-container {
    max-width: 250px;
}

.tribute-container li.highlight, .tribute-container li:hover {
    background: #0346a6 !important;
    color: white;
}

.tribute-container li.highlight, .tribute-container li {
    padding-top: 7px;
    padding-bottom: 7px;
    border-bottom: 1px solid var(--main-border-color);
}

.tribute-container ul {
    background: #ffffff;
    border: 1px solid var(--main-border-color);
    /*-webkit-box-shadow: 0 0 2px 0 rgba(150,150,150,0.75);*/
    /*-moz-box-shadow: 0 0 2px 0 rgba(150,150,150,0.75);*/
    /*box-shadow: 0 0 2px 0 rgba(150,150,150,0.75);*/
}

.usr-img {
    border-radius: 50%;
}

.unstyled {
    list-style: none;
}

.settings-trigger {
    padding: 5px;
}

.settings-trigger > div {
    line-height: 1.1em !important;
}

.settings-trigger > .user-name {
    color: var(--main-blue-color);
}

.settings-trigger > .tenant-name {
    color: #737678;
    font-size: small;
}

.tab-counter {
    margin-top: .4em;
    padding: 4px;
    line-height: 1em;
    background-color: var(--main-border-color);
    border-radius: 5px;
    font-size: smaller;
    font-weight: 600;
}

.nav-filter {
    background-color: var(--main-bg-color);
}

.filter-container {
    padding: 15px;
}

.dx-scrollview-content {
    padding-left: 5px;
    padding-right: 5px;
}

.list-url {
    background-color: var(--main-bg-color);
    border: 1px solid var(--main-border-color);
    padding: 5px;
}

.document-view {
    margin-top: 10px;
    padding: 10px;
    display: table;
    height: 75vh !important;
    width: 98% !important;
}

.covering-letter {
    padding: 15px;
    border: 1px solid var(--main-border-color);
    background-color: var(--main-bg-color);
}

.counter-badge {
    padding: 4px 4px 4px;
    margin-top: -5px;
}

.application-approve-header {
    padding: 5px;
    background-color: #fbfbfb;
    background-color: var(--main-bg-color);
    border: 1px solid #ebedf0;
}

.vhdr {
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    min-height: 60px;
    min-width: 80px;
}

.dx-header-row {
    background-color: var(--light) !important;
    color: rgb(51, 51, 51) !important;
    font-weight: 600 !important;
}

.overflow-hidden {
    overflow: hidden;
}

.divider {
    margin-top: 5px;
    margin-bottom: 5px;
    border: 0;
    border-top: 1px solid #ddd;
}

.application-form__options .toggle-label {
    position: absolute;
    top: 13px;
    right: 0;
}

.toggle-label input[type=radio] {
    opacity: 0;
    left: 0;
    top: 0;
    position: absolute;
}

.toggle-label input[type=radio]:checked + label {
    color: #00756a;
    background: #daf2da;
    cursor: default;
}

.toggle-label label {
    font-weight: 600;
    color: #636d77;
    background: #fff;
    margin: 0;
    padding: 4px 8px;
    display: inline-block;
    border-radius: 30px;
    font-size: 11px;
    text-transform: uppercase;
}

.form-group.required label:after {
    content: " *";
    color: red;
    size: 14px;
}

#recruitly-chat-jspanel-popup-min > .jsPanel-hdr {
    background-color: #001438 !important;
    color: white;
    border-top-left-radius: 7px !important;
    border-top-right-radius: 7px !important;
    height: 40px;
}

.recruitly-chat-jspanel-popup * .jsPanel-controlbar .jsPanel-btn-minimize {
    color: white !important;
}

.recruitly-chat-jspanel-popup > .jsPanel-hdr {
    background-color: #001438 !important;
    color: white;
    border-top-left-radius: 7px !important;
    border-top-right-radius: 7px !important;
    height: 40px;
}

.recruitly-chat-jspanel-popup {
    box-shadow: none !important;
    border-radius: 7px !important;
    z-index: 9999999999999!important;
}

.recruitly-chat-jspanel-popup * .jsPanel-title {
    color: white !important;
    text-transform: none !important;
    font-variant: none !important;
}

.recruitly-chat-jspanel-popup * .jsPanel-controlbar .jsPanel-btn-close {
    color: white !important;
}

.recruitly-chat-jspanel-popup * .jsPanel-controlbar {
    height: 36px;
}

.recruitly-chat-jspanel-popup * .jsPanel-headerbar {
    height: 40px;
}

.recruitly-chat-jspanel-popup > .jsPanel-content {
    background: #f3f6fb !important;
    border-bottom-left-radius: 7px !important;
    border-bottom-right-radius: 7px !important;
    box-shadow: none !important;
    border-bottom: 1px solid #d0d8e7 !important;
    border-left: 1px solid #d0d8e7 !important;
    border-right: 1px solid #d0d8e7 !important;
}