.colorpicker-visible,
.colorpicker-visible .dropdown-menu {
  display: block !important;
}
colorpicker-saturation {
  display: block;
  width: 100px;
  height: 100px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAFJhJREFUeAGMU+/q4kAMzFYf4LgP96a+q4c+gSIqxf/r5maWDoTgz15gmM0kW5uMLa21v2b2G6jAG2iEzqUU6q5c/OlMuHtL/ULNd5TP6EJ1RP7NuXvKE397jmbg7MrzHI748T1UA3eopyGQV2qK1+vVHo/Hm1itVm0J7Q+afwGMmgeRphf7Noh6lCeuHJAvm/X8rAQNlw2VScoj6863OQjl2ZB3qkeu5Lh0RJ3qynuNjJA21FppQAHa8/l83263No5jOxwOttlsbL1e2xIXXpMZzzRsXoTw34bQgLiQbKh6M9SXDBSypn4XGOSkGUO1cJdn1Yh4/qYVgctmGSwXyARNcOSFRuBMHvA1GMzwy+Vix+PRdrvdYrvd2vl87oZYDCxBL9B/jEyopghzlNjL0DlB+gAoPNXyOfa3oA9puXonyVHzdH+g9MEISa5z0qUNkwkm6MJkxALg8mlMAxvNwBfhYLvf7w50vl6vBV9H2e/3BjYateQDY8gM5bmWovygdyEb87k/G5Zz9c/2zfEQFysO5nDJ6mMel91Z//pwFpygIWIaMXE3AoYssPBCI/B12DiONMT5VZxOJ0f+j/MyWo5chYGowfn/j03lNXBpl85Up8d46u6DChBMvKv2UePrrAsChtdLTi73oEBjFDYpmIp/KSgRhRw357sXuHLknRgI8d90F8QL761oI8iQeJqvUOGnAoEkgNblF13iiJASZCwhLkG+v7/Halvt5+enr7x+02lZOwKymJ7jMAXK32RxaXnNxfXzCOkCxTO2I3NiR0i9gAjQLLoVHkKG8pCi0UT4Q0h5xUFIlBJEYmg+1yg6TrUq+YfEWKK0lWsSS8+DkNvCWtvJXu0UbDyH/NYjoDHFybPd/cPeficiW5LvkVdBNY4UoIqOQMwPBXm9vUYIVCj3GkXCCo1tRS//uMhYoVG3q46HaBQtamESTs/+0o92hOTaBbqjBwpu8reCuzAP4rkXpQBzQwbhZxD7jNYEAS4CI2Rg4hLitPUor2hGh6j4hQ5FfWt8LQF+SwyJIpGUV05nu56VHqJhR8ybb+Q+/dnPYZYSigIICvY3xfYxCckz/qazprjDiFJ+5DWVwscaMpSDgkleI2uutaKk5kPFNTqO8pBDlBQZEqKvoJXp7+lxzx7Cuoqp2M7zlrm5JbH/9oZ/GLdzBGf9FNmmvPi+h2FXnm8L5WhdCMJNyr1D6yvKP1rFQYgSjWpteE0JMraEME8ykpzo/0/+wcg5yGHMooegQYIRyXU1i52tCSfn9oSQFH+Fe4jypxs3RHA+xNCcNUZ+BXRg7iu0lhgDAesisSfE6UA0iudz9sNHKChek5eBX9a+FwKkKQ+Nd6JljkLX6B4x2L8hhHOsVdhR4iHEEe1LeWJCSI2tCo9AU3OIKHGgbupv6NvyRciGgMzPPLP5LmhPdKTx8qgSWIXxVkZx8QJihmCvPP8nE6IRXniKT9GThhKF0QkZal3KQYcLgn+s8YwWJiNnLVL4mOz1b+4piM8/+YYb8xNlLoASXqC7c9DCOokhl4RAKgSkCNM9wklBOPL4BIJoblQggsb8Km9W/IlIJkKrPN4xEETPwtS3hczrp8//pxmzpoUIBfeSO8r8/OE59wgTIsnIb4yBj7Cft6pYI8Sbh5TBD749IANSlKPgJQQmrr0uUfjbCnlV/V9OCfLpDc9b0nw4x3bznAbWFAyfUeBLEIhA3uaCKifFyUBg8pg+Ro8nOCVOintKoy0xj5bFvhNCQMAfoUqgc8UwMRot8dWy/qPcDHQk5XkgOPD97//Gl/xC2kKlkhl2V4pMQmAON+22E+4XgIzMKYMSmp7S0ymTcpYEYM6eVjKlJV25HgYguZ6lD1hR4S4byoxRwMUQjm87MYVxrW19nCqbgTD4kSEde7FlxcF4tKDCPu41lBUKa7tjgGuHJuPCwpBPdcONuVTiMEMgbPpugJE0+GIRusL+yD9qGhrP05ClFHfOuppZeV4ZkgyJdJc3dkxh0+8YDBpbsyuxrXYzV4VfmJLFwxdAEq7azIj9Yw9AuUCjEL3I7pD1xgo0BPv5Y2U9MCBvegpGxq9/vK7BftOQssP3ueL+HfJwLkAqVLlgPH9CF7phgMoKj/X8EjiNCtGQHzFU9mM7gsR8W/5wkuZ9ZUKBcYuWdE3qU2YYqLIllfo5aog2m2haKnlsvP30YUHO+3f9Yu2GrNpW2rYV8id2bM/9KxBPc/QgZQT9AlotQRtgSls1pIDADvo+3hL0bXBU0yxqG4Fx2ZshdXSBaEjZYtIdh/uxQDOrpMV/Biatjj8nzRgq8p0Ud6w9fAwwe+9mSJPWUMWzPG+A21ZWG45nhoQp1RdaBZ1WYDteUQ4gffvH1jomTHlkxk9GTDi5AS0YAODxMoRjMiqsjq/MyqvFFJX9buv6+18Y8mwDyFRH7Dj+T1rBtYivRV1v9mHtiKhfD10QrRFdsxor9Z4bgChAtF22fLsv1sfsGL4B0grazi9DygpagZ0A2s2WBMBmLn0de15D11KG5WSAvh20rB92fEIVwk0jdV2qPdyWr4mYuw75NMua7FFtmZxbkN7qi4DSFgaqQjc75GwDwbgBMkMMAPfD6cR1wpl1o7GftDhMMSPaFmm05+Tv/HWW9aQXbMfiBAZ4cNLdnz6hyAyj7ki9oQYYqdYd4h405JRwXs4DhLKozKhzG65449eQ4i5nX2LKXYjCVDcWF58Y0uJvj2EpY2VN79NzjHlVF8E1M2JZxOzW62rIEhhlywoAMMhrS8dFBJhgMJx5aRxg/fv9rSW9WN7LeQxZPn4bo6ExYgppsWNkQIt2pOAU8DAK8Oh/yK7ECM8pCAboJDTRFNsJQ3ZkBdtFXgV+A5qAEasl4sk2WxjOzn9PY6sZ1ZxJD/p9FMwoc1pjLNhEbLd2eX2Kpv6Y+aSCn8OUxhqyGBOwS9fxUiwDPIXfZw2JeNs+hS2/2R6r2Lfv+S/ivt3PG7eHh3S/52EDDD0j5h9rStliJiQLc5/fW9wP0PNcfB77nmVpX6Js2WaOQwb9OrXLJ9UMz7UmuJaAQj7fjxi6V97wIGftsqVMwcGZN2ZTL30fr7IYkL4xpG/9Y9bV677pUYXfrHk5tzuvoS1aRPX9ScV+3+Mn1FU7YMR6GT8LEP38xs2OyzVZRjIz9mWrIV2lTYo6LLk3BKXGKCM47jycKCb4zb4GzBi0g3Ec0a9OsBVQQsp+YwTjo+Mr9C/MQluIJmIkYYvvzpL2RhuiKT1uttTrK+q74p8siUsR64/nlS3XedcfZgY6kfUsv/FOUZfOlwGTfjyPCxjrRDbCvMLr4vCc9kN26pBR7H8KuW0wHZrkYCzj2+z5WbPCoZM2rISeEwop48KRZdhiPtmYLXNSyZs91YAeH06dow/Vpg3o+W9a/hbgPI5jTnvdx5YxZUbrCY1V7De22qProHXrDL/9B8dlHIuM3QQqUxL7d/pLyyqrzKlV6/2O/F/GBXP6ochjYdiKvQ4saA1ddlTvY/bEkY9Wa1iLkEN2JVavOhxHRlvqMF/XAnEVOJgXy3fAhCgY0N8bC0Nnpl8Lw/bt2LnCnsENO6o5r7bMcn2hONzQswSK2WVbphBy2kcjGqqWNRJQfU6ALwFgHTlo41pWWaE+O4V2zuhYZ1jYinTnvVmcC0Oclck+MgTH1jZU9Ty/VWaUIS42JwFPpkiWyDiZafZDygiJTseTIrc/g5v1qYQ6kgVnT48A+bztNN774MD2U8kDphjxaP18nyGzZBGUh7Y9L1uGvIp6Mq3EePVl7Xxf2/pE9gWI2KTFX2J3xx8Z0jWvnv+VhaG6tr8vkccerdTfdvhaXzTlLUM8t6HNIa9a4DfuDYgCWEaUCQ5jBcz2YI43lgqsrRi21F+pRThPhW5NvqLDK0Nw5E7RV7DKjDreX69/ZVY14wGQ8+HN733OxHGci9MKTBlkMNCSMqJA/udFzgg5IWqXKW9pbwvDu9VxFIjREGtHAS1w7rs4bcXtpIEV1t7H9QdgfmPIGrTmKDAW+gmIFHxNaRl3iCKEvYcsjuPAgTEzQ5zO2SHY3q+FX98oqti8casANPRxL19nx34JWZ9XQJ4r+uOLpmwxZxGyZF8Bcb9lf+dUR0zZgjwCigMKmGltbXG/SzZmUzQlxzMzGCdcmVUDEH3OijXp7k5StNVSh7xnV6Nju98+MaTMaMjK+b7xCy2gD1vk+G54eVxM6PEzM2TLqjJk3IdR/4iG7RSF+y1klQk4jqGvb/h4n6TBQwHZ77GYE0alLzZOTOl1+ShiFvUyBYRJIvSC1PFPfYemMoW+EpWXtaznArCLitWSnX6BKnPOLkTWIT/3vB3SEFemqF+m0Bh7ZIoY13m7IfmhfyxNzsu90j/f65Bn5hSoMSHIvPE+nptWAKesbWRY6xJax/NG30AnvS4AAPkVEOuDmHBk3KJ+dsewIt41+3t8+kqRB85Sy82QAmZmpGrfGnfqejZrKlP8Rv+GIZ0nnWi/Ys74kWzs6Ly7INTfYvA4CshcGL6wpSJ8I1/GtLCs9ji0lQG+vgzBOkmInRh2a0Y1If0DYPmr5vTPwIv9hCWPXyBcjUGL+n+PhWEdL9Rhi390Wv2lxeHRjGZbYR0Os7DWgb0f15VVzPd5XVcgClAZ41se8uE/3efT7Eq7oQXk7xpSB3NcrfAYzGmFLUAL1MwYtabPjBeYXhcAAGolA3vSjJkZ88Zdx6+/pzrEaf35x9XeODgANYTlPox167cOfmJMAbnv4+1QGNA6pAwpg8qInhdAPa4GFTjrKQi5XSAsjrsf0qWSb3sjm+M4vQz5fNEaA1TGTMxo9vVu2wIATgWozlfavegXZJ7h/+3dYY7cOA7F8VQnu/e/5u4dtnqRwThD/KA/ywU0Jl9GQGCZkl0yHx9JSW4nGPRxKXuA8RzG/BygfJchBtujW5Ipzso9R5HGA998fC7MCMX2kYyrC+mrwd9z7+n5ZIMM9bODV8kYUjuEoeTPAyPemVxq0feB+cJ/xJYuKj3qFoL3r0khi4uHLEvLJwitTGlA4pz734whA7A+ElO05MEer2vLt9hPRgoQcVQmBUM6oNf7VxPlOXudyl7AYEI3Yk0z4TOYxXyEVDliCvOZp+NH8cmAEXNmevVk1p7fpr89MZyKP1l9xZIXzPmIdPmkkLlrqEL8bpbu8XUBJOTT+psdPAvPMV1LAnOlvgkIfyPoPsjxMxquUV2ncX/do65KmSvOriY70XSF2OecL0A7Yf08eYKMJeiHuFq7hE+A2V3WUGgE7sEKGHFjTuNKwAfp8HPGLRUA4N+GAv8QaOkqr91Yl9E+ActMDb059ktX92PIolQB+Hx9Ta9voeB8y/4A9mmCqjyzMvY5PhjHMchf7REHZNH15xSTIfafLss/R2hABEKmtPK5VwPszNms7xOwLB8VM5RrqZbprier+Ei/cncBZYzxQkCaIdv+uUvr9Mm3ViKmPIwBk0GAL7N0mRFjWh6z/+d0oRrAVGTMMSZwMwP9dOvW6077IcWUufB3cjnXUspxM2l+YvZwf2PHtFI+vEm/YMbhvGIJ/SI7Q4kyJGJVsk9mjIniD7Os27GEPjLiaLE323Nyimu85GXtMhM3kvs3F8BPsr+NISPNpR0WhKuaxvkSkIeu5PpW1rWqSrvnMqn+nvE4TxkymeA5zOnzcZnn34whtD281rb511sX+5mTPGVmrWWZP1vPd31Xix+gvMGcEwO9RycRvdFm7DH1TMB1VbqnQ1enDMYUWfNwtRelN1Nc32KVuIBA3qlxj6GMpZlhPYB4VIzyt4JhFyN+nXs/FH8vy5p7HlMZIjwyiGNGtCluDOrElNXKG+gEeAcw5j4HVygTbBf4qfTt/V7rP+YX5a7B+S1FFxFBvSeMs06/zfVk3f0Zf98gbJJge9WV6bKW9hP7vG8EeHcMUYxKOLkvY4D+WoDGMQO9TAt31oC2mysDAqhwaWBmf5iTACADEPZDZMJunYJG8NU9IburyOhztPgyjOt4igUE+3xW2SCYm7IFPQJ6z9SvclKKD6tchS0uyz4F/gocYDcjPLaRnTBIVzaex+Mp/pxiyXMAknvq5bZOR/vLBhX0oH8r/v6xx6d27x8FAgU3a2RixRCSooshjxUQPyV+zGooKD+PBUSwLmVfAWa09bOgZ9zQAwZMr/AcR1n10mWlHzaoNrv6WAogdazY9iXHUalOt+8FsJ8nt49rHYAMlxWAzBRYBWbATdkAVIujr22vLNd4Z+Z253pdh8quMQuMCp4NHUcA5PjWieDAjqByANJ1gRV0AcQ0yfioe6Rpldm2M6d/WuVHW7isUJ5lUV4yQ5mgC2y4SYGq/t5vjU8b4xmDynxo/TIi6iX7fgRk/ueQbrSMPY+rbrawAlfgFLA1nylSAHRbbjDj/n36ehk8ZBPome5eRZfV8w/lo+hK7Huso1TqgDkskvoat+L/X3QsGoDM2tHouKDcJmPWeT9kobMvXc+dwrkOhtJeK/Nm/XEXaCx01ssAWtc99rUOAJ6Uu/srhrQyWgn2g4K6GOvZL5TBwwSA742/x7ijZF3F7tfNUi7Lh5grvwbisoxwYReZamaf9VC8cWhVsAuV4Y5oYyaNcdAuoPa1TcPQZX3v/y16+N55kyFTGQIxNLcDpwIvFKe7cU7keHd2VMxrhR+Y+WXnx+xsrPbm4Mf+eTMn1mYGaFrjptDj/ZmkmjaXVWv19slxkTXJynCvnIdL8zdZOnn83A9ZFSTAB4VsSpGmyipunCjuGN9liwzZs8ddwQVEyzeyuGPYD7APuOS6o7aO9xWo/P3fbrnF8e5y2+7Lnamvyg8GKNeKog2m2NaW+SjwLCQhlr5/M6DamjnNlAbJLKtBaQZU226Ru2KbCe+Ph6Tk3THb/v5zaRQ7yz4M6usa1HywJU50n+7bgb4Z0sC2XIa8P56+JvvuWHTaa6kgbLn7ELvV9bU76A0+hpTKuh3PoryDwKvrflwx5F/1IMaK9wrK+h3ltf/+bb8d5d8/XdZ//txS/N9hxfdvGNg/ZQT1//4fih7V/hdi/qwAAAAASUVORK5CYII=");
  background-size: contain;
  cursor: crosshair;
  float: left;
}
colorpicker-saturation i {
  display: block;
  height: 7px;
  width: 7px;
  border: 1px solid #000;
  border-radius: 5px;
  position: absolute;
  top: 0;
  left: 0;
  margin: -4px 0 0 -4px;
}
colorpicker-saturation i::after {
  content: '';
  display: block;
  height: 7px;
  width: 7px;
  border: 1px solid #fff;
  border-radius: 5px;
}
colorpicker-hue,
colorpicker-alpha {
  width: 15px;
  height: 100px;
  float: left;
  cursor: row-resize;
  margin-left: 4px;
  margin-bottom: 4px;
}
colorpicker-hue i,
colorpicker-alpha i {
  display: block;
  height: 2px;
  background: #000;
  border-top: 1px solid #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  margin-top: -1px;
}
colorpicker-hue {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkCAMAAABw8qpSAAABLFBMVEUA/z8AuP//JAAA/33/3AAA/1ABAv8A/7r/AH7/jgD2AP8A//j/AEHmAP/XAP/HAP+4AP//ALyoAP+aAP+JAP97AP9rAP9cAP9MAP8+AP8tAP8fAP8PAP8ATv//AG7/cAD/vgD/APoAmv//ADH/AKwB/wMA5//4Eg4AL///AOr/UQD/nwAA/27/7AAA/+kAe/8Ayf8A/5sA/zEA/6z/ABEAEP8A/17/MgAA/9n/ACL/gAD/AJ0AXP8Aqv//AMoA/yHqFBb/zAD/AGD/ANsA9//1/wDk/wDV/wDF/wC3/wD/AI2m/wD/FACY/wCI/wB5/wBp/wD/YgBb/wBK/wA8/wAs/wAd/wAN/wAAPv8A/xH/AFAAi///rQAA/8r/+gAA1///QwAAH/8Abf8A/43c/JNGAAAAiUlEQVR4AQXBg2EDAAAAsMy2bds2ttp2+/8PTby79mDLsKJPq/oFPdk24dWXAxsGjRg1ZtykKdNmzJozb8GiJct63WjYl7fiWdOZkk0vOpyr2fVtyKl7FX2uXGjpcuxWDy69KdiRk5WRlpIUFxMVERLw78+vH1Unun1YV3ZkwKM1CYfq7nQK22sD03ITV2Aqp0IAAAAASUVORK5CYII=");
  background-size: contain;
}
colorpicker-alpha {
  display: none;
}
colorpicker-alpha,
.colorpicker-color {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAABkCAMAAACIElGlAAADAFBMVEUAAADT09PT09P////T09P////e3t7q6urT09Px8fHT09P////////T09PT09P////////T09PT09P////////////T09PT09P////////////T09P////T09PT09PT09P////T09PT09P////////////////T09P////T09PT09P////T09PT09PT09PT09PT09PT09P////T09P////T09PT09P////////////T09P////T09P////////////T09PT09P////T09P////////////////////T09P////////T09PT09P////////////////////////T09PT09P////////////////////////T09PT09P////T09PT09P////////T09P////////////T09P////////T09P////T09P////T09P////T09PT09PT09PT09P////T09PT09PT09PT09PT09PT09P////T09P////T09PT09P////////////T09PT09PT09P////T09PT09PT09PT09PT09PT09PT09P////////////////T09PT09P////////////T09P////////T09P////T09PT09PT09P////////T09P////////T09P////T09PT09P////////////////T09PT09PT09PT09P////T09PT09PT09PT09PT09PT09PT09P////T09P////T09PT09PT09PT09PT09P////////////////////////////////////T09P////T09P////T09P////T09PT09P////////////T09P////T09P////T09P////////////T09PT09P////////////////T09PT09P////T09P////T09PT09P////T09P////T09PT09P////T09PT09PT09PT09P////T09PT09P////////////T09PT09P////T09P////////T09MQsm1FAAABAHRSTlMAgJN8/vcDAfcCnJyGaZmZlomGk4yJOmM/eTxs8wY0YDFC7HNdLx18n5/7aUvzCcW9+qKiK8P0ZiltRwfdw/n8Px3WduJjItj78ss5PDHUNELbwP5wplA2FglEVwvkqNarCs4Z7b2sDLgQ0xNdyLrr0eLLUeW1Vs5TWQLwjPI3ZvQGdvxFyFrAeevaLCLvGd0kpRskGyf4qK605xKvFrGyDRHnBYMEkJaDkIBvB/gpH99O6CrbIC4nH3Lg2SXp4A7Qul/GDEgPSlMQ6LjqFU0SjyCCj5V/gnBN7xglL3O70WBU7gjFFEfft0sPTo1ndRipwXr2yRemWRVENq+ytbGuxGaWGQAAAnpJREFUeNpNxmdcDHAAxvEHOWXvmXX23ntv2XvvMg/Z44x0KaRBSnfcKSqlnYZKp1QqGpT20KZh783/eePj+3vzw3/q/AM9iURPTy6XS+RwcXNzcZMQTE1dTE3bE7y9S0u9xxD600rCGtpI2ErOsbGxzoiMrIqscnaOi4vDdnp4XYSrguwxQSb7KpMllycnl2MFaTSaTxrY5NrY5BoKb2BnZ2doZ29vb2OPSdSd4Bcc7OcXGhqamgqrYCsrq+mEiEtC3gUBDg55Dg53IkQYSYG+gb6+GEqB5wV0o5D8/JAQdKK5hA40n3BS+L6c0JJmE+ZQW8JEak1YQJ0Jq+jbaQEPnotGE+IrK+Pj+xKqU6pTUrIDAgKysZ+WEY5QQkJxcQIO0WrCUbL4YmFhgZ3UlVAUHR1d1JEwjVoRRpDJKxMTE/ShBoRR1I6whLyyvLyyUFAQFhbWhTCFFArFawXOCu/bEHpQLYKnZ0aGZw2CR1qah0dmpqurK+pTU0ILakJoTi+PC7j5RHTrqQg1qRkh3T3d3b0xoSE1ItSleoSe1IswmIYQPl8UlhLWkaOj41tHbKENBLX6j1qt/KFUKnFN+Onk9NvJCQdJpfqlUqGiIjExcRthN91/JsJmGkhYRO/OCBhHwwgxMWUxZQMIu8j8o7m5OfbRLMJh2kTYQ1FRhYVR2EHzCOtpMmEG3SUsJEvLoKAg2Prb2tqOJYSH+/uH33shwlTaS1hLBwhX6AYX2tuiRwStVntOa5yUZJwEqbREKjUi5Bjl5BhZW1uXWOMYGRBOnNDX1zfoxz1FwwkfSJfgo6vr41P7soBBNJ7Qm2YSzHTMzMwmEHRoMf0Fm5mYOUrzNBYAAAAASUVORK5CYII=");
  background-size: 10px 100%;
}
.colorpicker {
  top: 0;
  left: 0;
  z-index: 99999;
  display: none;
}
.colorpicker colorpicker-hue,
.colorpicker colorpicker-alpha,
.colorpicker colorpicker-saturation {
  position: relative;
}
.colorpicker input {
  width: 100px;
  font-size: 11px;
  color: #000;
  background-color: #fff;
}
.colorpicker.alpha {
  min-width: 140px;
}
.colorpicker.alpha colorpicker-alpha {
  display: block;
}
.colorpicker.dropdown {
  position: absolute;
}
.colorpicker.colorpicker-fixed-position {
  position: fixed;
}
.colorpicker .dropdown-menu::after,
.colorpicker .dropdown-menu::before {
  content: '';
  display: inline-block;
  position: absolute;
}
.colorpicker .dropdown-menu::after {
  clear: both;
  border: 6px solid transparent;
  top: -5px;
  left: 7px;
}
.colorpicker .dropdown-menu::before {
  border: 7px solid transparent;
  top: -6px;
  left: 6px;
}
.colorpicker .dropdown-menu {
  position: static;
  top: 0;
  left: 0;
  min-width: 129px;
  padding: 4px;
  margin-top: 0;
}
.colorpicker-position-top .dropdown-menu::after {
  border-top: 6px solid #fff;
  border-bottom: 0;
  top: auto;
  bottom: -5px;
}
.colorpicker-position-top .dropdown-menu::before {
  border-top: 7px solid rgba(0, 0, 0, 0.2);
  border-bottom: 0;
  top: auto;
  bottom: -6px;
}
.colorpicker-position-right .dropdown-menu::after {
  border-right: 6px solid #fff;
  border-left: 0;
  top: 11px;
  left: -5px;
}
.colorpicker-position-right .dropdown-menu::before {
  border-right: 7px solid rgba(0, 0, 0, 0.2);
  border-left: 0;
  top: 10px;
  left: -6px;
}
.colorpicker-position-bottom .dropdown-menu::after {
  border-bottom: 6px solid #fff;
  border-top: 0;
}
.colorpicker-position-bottom .dropdown-menu::before {
  border-bottom: 7px solid rgba(0, 0, 0, 0.2);
  border-top: 0;
}
.colorpicker-position-left .dropdown-menu::after {
  border-left: 6px solid #fff;
  border-right: 0;
  top: 11px;
  left: auto;
  right: -5px;
}
.colorpicker-position-left .dropdown-menu::before {
  border-left: 7px solid rgba(0, 0, 0, 0.2);
  border-right: 0;
  top: 10px;
  left: auto;
  right: -6px;
}
colorpicker-preview {
  display: block;
  height: 10px;
  margin: 5px 0 3px 0;
  clear: both;
  background-position: 0 100%;
}
/* BASICS */
.CodeMirror {
  /* Set height, width, borders, and global font properties here */
  font-family: monospace;
  height: 300px;
  color: black;
  direction: ltr;
}
/* PADDING */
.CodeMirror-lines {
  padding: 4px 0;
  /* Vertical padding around content */
}
.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
  padding: 0 4px;
  /* Horizontal padding of content */
}
.CodeMirror-scrollbar-filler,
.CodeMirror-gutter-filler {
  background-color: white;
  /* The little square between H and V scrollbars */
}
/* GUTTER */
.CodeMirror-gutters {
  border-right: 1px solid #ddd;
  background-color: #f7f7f7;
  white-space: nowrap;
}
.CodeMirror-linenumber {
  padding: 0 3px 0 5px;
  min-width: 20px;
  text-align: right;
  color: #999;
  white-space: nowrap;
}
.CodeMirror-guttermarker {
  color: black;
}
.CodeMirror-guttermarker-subtle {
  color: #999;
}
/* CURSOR */
.CodeMirror-cursor {
  border-left: 1px solid black;
  border-right: none;
  width: 0;
}
/* Shown when moving in bi-directional text */
.CodeMirror div.CodeMirror-secondarycursor {
  border-left: 1px solid silver;
}
.cm-fat-cursor .CodeMirror-cursor {
  width: auto;
  border: 0 !important;
  background: #7e7;
}
.cm-fat-cursor div.CodeMirror-cursors {
  z-index: 1;
}
.cm-fat-cursor-mark {
  background-color: rgba(20, 255, 20, 0.5);
  -webkit-animation: blink 1.06s steps(1) infinite;
  -moz-animation: blink 1.06s steps(1) infinite;
  animation: blink 1.06s steps(1) infinite;
}
.cm-animate-fat-cursor {
  width: auto;
  border: 0;
  -webkit-animation: blink 1.06s steps(1) infinite;
  -moz-animation: blink 1.06s steps(1) infinite;
  animation: blink 1.06s steps(1) infinite;
  background-color: #7e7;
}
@-moz-keyframes blink {
  50% {
    background-color: transparent;
  }
}
@-webkit-keyframes blink {
  50% {
    background-color: transparent;
  }
}
@keyframes blink {
  50% {
    background-color: transparent;
  }
}
/* Can style cursor different in overwrite (non-insert) mode */
.cm-tab {
  display: inline-block;
  text-decoration: inherit;
}
.CodeMirror-rulers {
  position: absolute;
  left: 0;
  right: 0;
  top: -50px;
  bottom: 0;
  overflow: hidden;
}
.CodeMirror-ruler {
  border-left: 1px solid #ccc;
  top: 0;
  bottom: 0;
  position: absolute;
}
/* DEFAULT THEME */
.cm-s-default .cm-header {
  color: blue;
}
.cm-s-default .cm-quote {
  color: #090;
}
.cm-negative {
  color: #d44;
}
.cm-positive {
  color: #292;
}
.cm-header,
.cm-strong {
  font-weight: bold;
}
.cm-em {
  font-style: italic;
}
.cm-link {
  text-decoration: underline;
}
.cm-strikethrough {
  text-decoration: line-through;
}
.cm-s-default .cm-keyword {
  color: #708;
}
.cm-s-default .cm-atom {
  color: #219;
}
.cm-s-default .cm-number {
  color: #164;
}
.cm-s-default .cm-def {
  color: #00f;
}
.cm-s-default .cm-variable-2 {
  color: #05a;
}
.cm-s-default .cm-variable-3,
.cm-s-default .cm-type {
  color: #085;
}
.cm-s-default .cm-comment {
  color: #a50;
}
.cm-s-default .cm-string {
  color: #a11;
}
.cm-s-default .cm-string-2 {
  color: #f50;
}
.cm-s-default .cm-meta {
  color: #555;
}
.cm-s-default .cm-qualifier {
  color: #555;
}
.cm-s-default .cm-builtin {
  color: #30a;
}
.cm-s-default .cm-bracket {
  color: #997;
}
.cm-s-default .cm-tag {
  color: #170;
}
.cm-s-default .cm-attribute {
  color: #00c;
}
.cm-s-default .cm-hr {
  color: #999;
}
.cm-s-default .cm-link {
  color: #00c;
}
.cm-s-default .cm-error {
  color: #f00;
}
.cm-invalidchar {
  color: #f00;
}
.CodeMirror-composing {
  border-bottom: 2px solid;
}
/* Default styles for common addons */
div.CodeMirror span.CodeMirror-matchingbracket {
  color: #0b0;
}
div.CodeMirror span.CodeMirror-nonmatchingbracket {
  color: #a22;
}
.CodeMirror-matchingtag {
  background: rgba(255, 150, 0, 0.3);
}
.CodeMirror-activeline-background {
  background: #e8f2ff;
}
/* STOP */
/* The rest of this file contains styles related to the mechanics of
   the editor. You probably shouldn't touch them. */
.CodeMirror {
  position: relative;
  overflow: hidden;
  background: white;
}
.CodeMirror-scroll {
  overflow: scroll !important;
  /* Things will break if this is overridden */
  /* 50px is the magic margin used to hide the element's real scrollbars */
  /* See overflow: hidden in .CodeMirror */
  margin-bottom: -50px;
  margin-right: -50px;
  padding-bottom: 50px;
  height: 100%;
  outline: none;
  /* Prevent dragging from highlighting the element */
  position: relative;
}
.CodeMirror-sizer {
  position: relative;
  border-right: 50px solid transparent;
}
/* The fake, visible scrollbars. Used to force redraw during scrolling
   before actual scrolling happens, thus preventing shaking and
   flickering artifacts. */
.CodeMirror-vscrollbar,
.CodeMirror-hscrollbar,
.CodeMirror-scrollbar-filler,
.CodeMirror-gutter-filler {
  position: absolute;
  z-index: 6;
  display: none;
}
.CodeMirror-vscrollbar {
  right: 0;
  top: 0;
  overflow-x: hidden;
  overflow-y: scroll;
}
.CodeMirror-hscrollbar {
  bottom: 0;
  left: 0;
  overflow-y: hidden;
  overflow-x: scroll;
}
.CodeMirror-scrollbar-filler {
  right: 0;
  bottom: 0;
}
.CodeMirror-gutter-filler {
  left: 0;
  bottom: 0;
}
.CodeMirror-gutters {
  position: absolute;
  left: 0;
  top: 0;
  min-height: 100%;
  z-index: 3;
}
.CodeMirror-gutter {
  white-space: normal;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: -50px;
}
.CodeMirror-gutter-wrapper {
  position: absolute;
  z-index: 4;
  background: none !important;
  border: none !important;
}
.CodeMirror-gutter-background {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 4;
}
.CodeMirror-gutter-elt {
  position: absolute;
  cursor: default;
  z-index: 4;
}
.CodeMirror-gutter-wrapper ::selection {
  background-color: transparent;
}
.CodeMirror-gutter-wrapper ::-moz-selection {
  background-color: transparent;
}
.CodeMirror-lines {
  cursor: text;
  min-height: 1px;
  /* prevents collapsing before first draw */
}
.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
  /* Reset some styles that the rest of the page might have set */
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  border-width: 0;
  background: transparent;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  white-space: pre;
  word-wrap: normal;
  line-height: inherit;
  color: inherit;
  z-index: 2;
  position: relative;
  overflow: visible;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-variant-ligatures: contextual;
  font-variant-ligatures: contextual;
}
.CodeMirror-wrap pre.CodeMirror-line,
.CodeMirror-wrap pre.CodeMirror-line-like {
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: normal;
}
.CodeMirror-linebackground {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0;
}
.CodeMirror-linewidget {
  position: relative;
  z-index: 2;
  padding: 0.1px;
  /* Force widget margins to stay inside of the container */
}
.CodeMirror-rtl pre {
  direction: rtl;
}
.CodeMirror-code {
  outline: none;
}
/* Force content-box sizing for the elements where we expect it */
.CodeMirror-scroll,
.CodeMirror-sizer,
.CodeMirror-gutter,
.CodeMirror-gutters,
.CodeMirror-linenumber {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.CodeMirror-measure {
  position: absolute;
  width: 100%;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}
.CodeMirror-cursor {
  position: absolute;
  pointer-events: none;
}
.CodeMirror-measure pre {
  position: static;
}
div.CodeMirror-cursors {
  visibility: hidden;
  position: relative;
  z-index: 3;
}
div.CodeMirror-dragcursors {
  visibility: visible;
}
.CodeMirror-focused div.CodeMirror-cursors {
  visibility: visible;
}
.CodeMirror-selected {
  background: #d9d9d9;
}
.CodeMirror-focused .CodeMirror-selected {
  background: #d7d4f0;
}
.CodeMirror-crosshair {
  cursor: crosshair;
}
.CodeMirror-line::selection,
.CodeMirror-line > span::selection,
.CodeMirror-line > span > span::selection {
  background: #d7d4f0;
}
.CodeMirror-line::-moz-selection,
.CodeMirror-line > span::-moz-selection,
.CodeMirror-line > span > span::-moz-selection {
  background: #d7d4f0;
}
.cm-searching {
  background-color: #ffa;
  background-color: rgba(255, 255, 0, 0.4);
}
/* Used to force a border model for a node */
.cm-force-border {
  padding-right: 0.1px;
}
@media print {
  /* Hide the cursor when printing */
  .CodeMirror div.CodeMirror-cursors {
    visibility: hidden;
  }
}
/* See issue #2901 */
.cm-tab-wrap-hack:after {
  content: '';
}
/* Help users use markselection to safely style text background */
span.CodeMirror-selectedtext {
  background: none;
}
.dc-chart path.dc-symbol,
.dc-legend g.dc-legend-item.fadeout {
  fill-opacity: 0.5;
  stroke-opacity: 0.5;
}
div.dc-chart {
  float: left;
}
.dc-chart rect.bar {
  stroke: none;
  cursor: pointer;
}
.dc-chart rect.bar:hover {
  fill-opacity: 0.5;
}
.dc-chart rect.deselected {
  stroke: none;
  fill: #ccc;
}
.dc-chart .pie-slice {
  fill: #fff;
  font-size: 12px;
  cursor: pointer;
}
.dc-chart .pie-slice.external {
  fill: #000;
}
.dc-chart .pie-slice :hover,
.dc-chart .pie-slice.highlight {
  fill-opacity: 0.8;
}
.dc-chart .pie-path {
  fill: none;
  stroke-width: 2px;
  stroke: #000;
  opacity: 0.4;
}
.dc-chart .selected path,
.dc-chart .selected circle {
  stroke-width: 3;
  stroke: #ccc;
  fill-opacity: 1;
}
.dc-chart .deselected path,
.dc-chart .deselected circle {
  stroke: none;
  fill-opacity: 0.5;
  fill: #ccc;
}
.dc-chart .axis path,
.dc-chart .axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}
.dc-chart .axis text {
  font: 10px sans-serif;
}
.dc-chart .grid-line,
.dc-chart .axis .grid-line,
.dc-chart .grid-line line,
.dc-chart .axis .grid-line line {
  fill: none;
  stroke: #ccc;
  opacity: 0.5;
  shape-rendering: crispEdges;
}
.dc-chart .brush rect.background {
  z-index: -999;
}
.dc-chart .brush rect.extent {
  fill: #4682b4;
  fill-opacity: 0.125;
}
.dc-chart .brush .resize path {
  fill: #eee;
  stroke: #666;
}
.dc-chart path.line {
  fill: none;
  stroke-width: 1.5px;
}
.dc-chart path.area {
  fill-opacity: 0.3;
  stroke: none;
}
.dc-chart path.highlight {
  stroke-width: 3;
  fill-opacity: 1;
  stroke-opacity: 1;
}
.dc-chart g.state {
  cursor: pointer;
}
.dc-chart g.state :hover {
  fill-opacity: 0.8;
}
.dc-chart g.state path {
  stroke: #fff;
}
.dc-chart g.deselected path {
  fill: #808080;
}
.dc-chart g.deselected text {
  display: none;
}
.dc-chart g.row rect {
  fill-opacity: 0.8;
  cursor: pointer;
}
.dc-chart g.row rect:hover {
  fill-opacity: 0.6;
}
.dc-chart g.row text {
  fill: #fff;
  font-size: 12px;
  cursor: pointer;
}
.dc-chart g.dc-tooltip path {
  fill: none;
  stroke: #808080;
  stroke-opacity: 0.8;
}
.dc-chart g.county path {
  stroke: #fff;
  fill: none;
}
.dc-chart g.debug rect {
  fill: #00f;
  fill-opacity: 0.2;
}
.dc-chart g.axis text {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
}
.dc-chart .node {
  font-size: 0.7em;
  cursor: pointer;
}
.dc-chart .node :hover {
  fill-opacity: 0.8;
}
.dc-chart .bubble {
  stroke: none;
  fill-opacity: 0.6;
}
.dc-chart .highlight {
  fill-opacity: 1;
  stroke-opacity: 1;
}
.dc-chart .fadeout {
  fill-opacity: 0.2;
  stroke-opacity: 0.2;
}
.dc-chart .box text {
  font: 10px sans-serif;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
}
.dc-chart .box line,
.dc-chart .box circle {
  fill: #fff;
}
.dc-chart .box rect,
.dc-chart .box line,
.dc-chart .box circle {
  stroke: #000;
  stroke-width: 1.5px;
}
.dc-chart .box .center {
  stroke-dasharray: 3, 3;
}
.dc-chart .box .outlier {
  fill: none;
  stroke: #ccc;
}
.dc-chart .box.deselected {
  opacity: 0.5;
}
.dc-chart .box.deselected .box {
  fill: #ccc;
}
.dc-chart .symbol {
  stroke: none;
}
.dc-chart .heatmap .box-group.deselected rect {
  stroke: none;
  fill-opacity: 0.5;
  fill: #ccc;
}
.dc-chart .heatmap g.axis text {
  pointer-events: all;
  cursor: pointer;
}
.dc-chart .empty-chart .pie-slice {
  cursor: default;
}
.dc-chart .empty-chart .pie-slice path {
  fill: #fee;
  cursor: default;
}
.dc-chart circle.dot {
  stroke: none;
}
.dc-data-count {
  float: right;
  margin-top: 15px;
  margin-right: 15px;
}
.dc-data-count .filter-count,
.dc-data-count .total-count {
  color: #3182bd;
  font-weight: bold;
}
.dc-legend {
  font-size: 11px;
}
.dc-legend .dc-legend-item {
  cursor: pointer;
}
.dc-hard .number-display {
  float: none;
}
/*!
 * Bootstrap v4.4.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 *
 * Compiled using Bootstrap Less Port v2.3.0 (https://github.com/seanCodes/bootstrap-less-port)
 * A port of Bootstrap’s Sass source code to Less.
 * Copyright 2017–2020 Sean Juarez
 * Licensed under MIT (https://github.com/seanCodes/bootstrap-less-port/blob/master/LICENSE)
 */
:root {
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #ffffff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #00b7c9;
  --secondary: #999999;
  --success: #71ce61;
  --info: #5bc0de;
  --warning: #f0ad4e;
  --danger: #f04e5e;
  --light: #f8f9fa;
  --dark: #343a40;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}
article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block;
}
body {
  margin: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.42857143;
  color: #212529;
  text-align: left;
  background-color: #fff;
}
[tabindex="-1"]:focus:not(:focus-visible) {
  outline: 0 !important;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}
p {
  margin-top: 0;
  margin-bottom: 1rem;
}
abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
  text-decoration-skip-ink: none;
}
address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}
ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}
ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}
dt {
  font-weight: 700;
}
dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}
blockquote {
  margin: 0 0 1rem;
}
b,
strong {
  font-weight: bolder;
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
a {
  color: #00b7c9;
  text-decoration: none;
  background-color: transparent;
}
a:hover {
  color: #00717d;
  text-decoration: underline;
}
a:not([href]) {
  color: inherit;
  text-decoration: none;
}
a:not([href]):hover {
  color: inherit;
  text-decoration: none;
}
pre,
code,
kbd,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-size: 1em;
}
pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
}
figure {
  margin: 0 0 1rem;
}
img {
  vertical-align: middle;
  border-style: none;
}
svg {
  overflow: hidden;
  vertical-align: middle;
}
table {
  border-collapse: collapse;
}
caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #999999;
  text-align: left;
  caption-side: bottom;
}
th {
  text-align: inherit;
}
label {
  display: inline-block;
  margin-bottom: 5px;
}
button {
  border-radius: 0;
}
button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}
input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
select {
  word-wrap: normal;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {
  cursor: pointer;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
input[type="radio"],
input[type="checkbox"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  -webkit-appearance: listbox;
}
textarea {
  overflow: auto;
  resize: vertical;
}
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  outline-offset: -2px;
  -webkit-appearance: none;
}
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}
output {
  display: inline-block;
}
summary {
  display: list-item;
  cursor: pointer;
}
template {
  display: none;
}
[hidden] {
  display: none !important;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  margin-bottom: 0.5rem;
  font-family: 'vngage-semibold';
  font-weight: 500;
  line-height: 1.1;
  color: #444444;
}
h1,
.h1 {
  font-size: 2.1875rem;
}
h2,
.h2 {
  font-size: 1.75rem;
}
h3,
.h3 {
  font-size: 1.53125rem;
}
h4,
.h4 {
  font-size: 1.3125rem;
}
h5,
.h5 {
  font-size: 1.09375rem;
}
h6,
.h6 {
  font-size: 0.875rem;
}
.lead {
  font-size: 1.09375rem;
  font-weight: 300;
}
.display-1 {
  font-size: 6rem;
  font-weight: 300;
  line-height: 1.1;
}
.display-2 {
  font-size: 5.5rem;
  font-weight: 300;
  line-height: 1.1;
}
.display-3 {
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 1.1;
}
.display-4 {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.1;
}
hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
small,
.small {
  font-size: 80%;
  font-weight: 400;
}
mark,
.mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  list-style: none;
}
.list-inline-item {
  display: inline-block;
}
.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}
.initialism {
  font-size: 90%;
  text-transform: uppercase;
}
.blockquote {
  margin-bottom: 1rem;
  font-size: 1.09375rem;
}
.blockquote-footer {
  display: block;
  font-size: 80%;
  color: #999999;
}
.blockquote-footer::before {
  content: "\2014\00A0";
}
.img-fluid {
  max-width: 100%;
  height: auto;
}
.img-thumbnail {
  padding: 4px;
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 4px;
  max-width: 100%;
  height: auto;
}
.figure {
  display: inline-block;
}
.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}
.figure-caption {
  font-size: 90%;
  color: #6c757d;
}
code {
  font-size: 87.5%;
  color: #c7254e;
  word-wrap: break-word;
}
a > code {
  color: inherit;
}
kbd {
  padding: 0.2rem 0.4rem;
  font-size: 87.5%;
  color: #fff;
  background-color: #333;
  border-radius: 0.2rem;
}
kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: 700;
}
pre {
  display: block;
  font-size: 87.5%;
  color: #444444;
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}
.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}
.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}
.container-fluid,
.container-sm,
.container-md,
.container-lg,
.container-xl {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  \%responsive-container,
  .container,
  .container-sm {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  \%responsive-container,
  .container,
  .container-sm,
  .container-md {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  \%responsive-container,
  .container,
  .container-sm,
  .container-md,
  .container-lg {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  \%responsive-container,
  .container,
  .container-sm,
  .container-md,
  .container-lg,
  .container-xl {
    max-width: 1140px;
  }
}
.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}
\%grid-column,
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
.row-cols-1 > * {
  flex: 0 0 100%;
  max-width: 100%;
}
.row-cols-2 > * {
  flex: 0 0 50%;
  max-width: 50%;
}
.row-cols-3 > * {
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
}
.row-cols-4 > * {
  flex: 0 0 25%;
  max-width: 25%;
}
.row-cols-5 > * {
  flex: 0 0 20%;
  max-width: 20%;
}
.row-cols-6 > * {
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
}
.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
.col-1 {
  flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
}
.col-2 {
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
}
.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}
.col-4 {
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
}
.col-5 {
  flex: 0 0 41.66666667%;
  max-width: 41.66666667%;
}
.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}
.col-7 {
  flex: 0 0 58.33333333%;
  max-width: 58.33333333%;
}
.col-8 {
  flex: 0 0 66.66666667%;
  max-width: 66.66666667%;
}
.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}
.col-10 {
  flex: 0 0 83.33333333%;
  max-width: 83.33333333%;
}
.col-11 {
  flex: 0 0 91.66666667%;
  max-width: 91.66666667%;
}
.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
.order-first {
  order: -1;
}
.order-last {
  order: 13;
}
.order-0 {
  order: 0;
}
.order-1 {
  order: 1;
}
.order-2 {
  order: 2;
}
.order-3 {
  order: 3;
}
.order-4 {
  order: 4;
}
.order-5 {
  order: 5;
}
.order-6 {
  order: 6;
}
.order-7 {
  order: 7;
}
.order-8 {
  order: 8;
}
.order-9 {
  order: 9;
}
.order-10 {
  order: 10;
}
.order-11 {
  order: 11;
}
.order-12 {
  order: 12;
}
.offset-1 {
  margin-left: 8.33333333%;
}
.offset-2 {
  margin-left: 16.66666667%;
}
.offset-3 {
  margin-left: 25%;
}
.offset-4 {
  margin-left: 33.33333333%;
}
.offset-5 {
  margin-left: 41.66666667%;
}
.offset-6 {
  margin-left: 50%;
}
.offset-7 {
  margin-left: 58.33333333%;
}
.offset-8 {
  margin-left: 66.66666667%;
}
.offset-9 {
  margin-left: 75%;
}
.offset-10 {
  margin-left: 83.33333333%;
}
.offset-11 {
  margin-left: 91.66666667%;
}
@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-sm-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    order: -1;
  }
  .order-sm-last {
    order: 13;
  }
  .order-sm-0 {
    order: 0;
  }
  .order-sm-1 {
    order: 1;
  }
  .order-sm-2 {
    order: 2;
  }
  .order-sm-3 {
    order: 3;
  }
  .order-sm-4 {
    order: 4;
  }
  .order-sm-5 {
    order: 5;
  }
  .order-sm-6 {
    order: 6;
  }
  .order-sm-7 {
    order: 7;
  }
  .order-sm-8 {
    order: 8;
  }
  .order-sm-9 {
    order: 9;
  }
  .order-sm-10 {
    order: 10;
  }
  .order-sm-11 {
    order: 11;
  }
  .order-sm-12 {
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-md-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-md-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    order: -1;
  }
  .order-md-last {
    order: 13;
  }
  .order-md-0 {
    order: 0;
  }
  .order-md-1 {
    order: 1;
  }
  .order-md-2 {
    order: 2;
  }
  .order-md-3 {
    order: 3;
  }
  .order-md-4 {
    order: 4;
  }
  .order-md-5 {
    order: 5;
  }
  .order-md-6 {
    order: 6;
  }
  .order-md-7 {
    order: 7;
  }
  .order-md-8 {
    order: 8;
  }
  .order-md-9 {
    order: 9;
  }
  .order-md-10 {
    order: 10;
  }
  .order-md-11 {
    order: 11;
  }
  .order-md-12 {
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-lg-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    order: -1;
  }
  .order-lg-last {
    order: 13;
  }
  .order-lg-0 {
    order: 0;
  }
  .order-lg-1 {
    order: 1;
  }
  .order-lg-2 {
    order: 2;
  }
  .order-lg-3 {
    order: 3;
  }
  .order-lg-4 {
    order: 4;
  }
  .order-lg-5 {
    order: 5;
  }
  .order-lg-6 {
    order: 6;
  }
  .order-lg-7 {
    order: 7;
  }
  .order-lg-8 {
    order: 8;
  }
  .order-lg-9 {
    order: 9;
  }
  .order-lg-10 {
    order: 10;
  }
  .order-lg-11 {
    order: 11;
  }
  .order-lg-12 {
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xl-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    order: -1;
  }
  .order-xl-last {
    order: 13;
  }
  .order-xl-0 {
    order: 0;
  }
  .order-xl-1 {
    order: 1;
  }
  .order-xl-2 {
    order: 2;
  }
  .order-xl-3 {
    order: 3;
  }
  .order-xl-4 {
    order: 4;
  }
  .order-xl-5 {
    order: 5;
  }
  .order-xl-6 {
    order: 6;
  }
  .order-xl-7 {
    order: 7;
  }
  .order-xl-8 {
    order: 8;
  }
  .order-xl-9 {
    order: 9;
  }
  .order-xl-10 {
    order: 10;
  }
  .order-xl-11 {
    order: 11;
  }
  .order-xl-12 {
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
}
.table {
  width: 100%;
  margin-bottom: 1rem;
  color: #212529;
  background-color: transparent;
}
.table th,
.table td {
  padding: 8px;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}
.table tbody + tbody {
  border-top: 2px solid #ddd;
}
.table-sm th,
.table-sm td {
  padding: 0.3rem;
}
.table-bordered {
  border: 1px solid #ddd;
}
.table-bordered th,
.table-bordered td {
  border: 1px solid #ddd;
}
.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: 2px;
}
.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
  border: 0;
}
.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}
.table-hover tbody tr:hover {
  color: #212529;
  background-color: rgba(0, 0, 0, 0.075);
}
.table-primary,
.table-primary > th,
.table-primary > td {
  background-color: #b8ebf0;
}
.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody + tbody {
  border-color: #7adae3;
}
.table-hover .table-primary:hover {
  background-color: #a3e5ec;
}
.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
  background-color: #a3e5ec;
}
.table-secondary,
.table-secondary > th,
.table-secondary > td {
  background-color: #e2e2e2;
}
.table-secondary th,
.table-secondary td,
.table-secondary thead th,
.table-secondary tbody + tbody {
  border-color: #cacaca;
}
.table-hover .table-secondary:hover {
  background-color: #d5d5d5;
}
.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
  background-color: #d5d5d5;
}
.table-success,
.table-success > th,
.table-success > td {
  background-color: #d7f1d3;
}
.table-success th,
.table-success td,
.table-success thead th,
.table-success tbody + tbody {
  border-color: #b5e6ad;
}
.table-hover .table-success:hover {
  background-color: #c5ebc0;
}
.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
  background-color: #c5ebc0;
}
.table-info,
.table-info > th,
.table-info > td {
  background-color: #d1edf6;
}
.table-info th,
.table-info td,
.table-info thead th,
.table-info tbody + tbody {
  border-color: #aadeee;
}
.table-hover .table-info:hover {
  background-color: #bce5f2;
}
.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
  background-color: #bce5f2;
}
.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: #fbe8cd;
}
.table-warning th,
.table-warning td,
.table-warning thead th,
.table-warning tbody + tbody {
  border-color: #f7d4a3;
}
.table-hover .table-warning:hover {
  background-color: #f9ddb5;
}
.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
  background-color: #f9ddb5;
}
.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: #fbcdd2;
}
.table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody + tbody {
  border-color: #f7a3ab;
}
.table-hover .table-danger:hover {
  background-color: #f9b5bd;
}
.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
  background-color: #f9b5bd;
}
.table-light,
.table-light > th,
.table-light > td {
  background-color: #fdfdfe;
}
.table-light th,
.table-light td,
.table-light thead th,
.table-light tbody + tbody {
  border-color: #fbfcfc;
}
.table-hover .table-light:hover {
  background-color: #ececf5;
}
.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
  background-color: #ececf5;
}
.table-dark,
.table-dark > th,
.table-dark > td {
  background-color: #c6c8ca;
}
.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody + tbody {
  border-color: #95999c;
}
.table-hover .table-dark:hover {
  background-color: #b9bbbe;
}
.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
  background-color: #b9bbbe;
}
.table-active,
.table-active > th,
.table-active > td {
  background-color: rgba(0, 0, 0, 0.075);
}
.table-hover .table-active:hover {
  background-color: rgba(0, 0, 0, 0.075);
}
.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
  background-color: rgba(0, 0, 0, 0.075);
}
.table .thead-dark th {
  color: #ffffff;
  background-color: #343a40;
  border-color: #454d55;
}
.table .thead-light th {
  color: #495057;
  background-color: #e9ecef;
  border-color: #ddd;
}
.table-dark {
  color: #ffffff;
  background-color: #343a40;
}
.table-dark th,
.table-dark td,
.table-dark thead th {
  border-color: #454d55;
}
.table-dark.table-bordered {
  border: 0;
}
.table-dark.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.05);
}
.table-dark.table-hover tbody tr:hover {
  color: #ffffff;
  background-color: rgba(255, 255, 255, 0.075);
}
@media (max-width: 575.98px) {
  .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-sm > .table-bordered {
    border: 0;
  }
}
@media (max-width: 767.98px) {
  .table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-md > .table-bordered {
    border: 0;
  }
}
@media (max-width: 991.98px) {
  .table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-lg > .table-bordered {
    border: 0;
  }
}
@media (max-width: 1199.98px) {
  .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-xl > .table-bordered {
    border: 0;
  }
}
.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.table-responsive > .table-bordered {
  border: 0;
}
.form-control {
  display: block;
  width: 100%;
  height: calc(1.428571429em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.42857143;
  color: #555555;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 4px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}
.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}
.form-control:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #555555;
}
.form-control:focus {
  color: #555555;
  background-color: #fff;
  border-color: rgba(77, 144, 254, 0.5);
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control::placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control:disabled,
.form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}
select.form-control:focus::-ms-value {
  color: #555555;
  background-color: #fff;
}
.form-control-file,
.form-control-range {
  display: block;
  width: 100%;
}
.col-form-label {
  padding-top: calc(0.375rem + 1px);
  padding-bottom: calc(0.375rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.42857143;
}
.col-form-label-lg {
  padding-top: calc(0.5rem + 1px);
  padding-bottom: calc(0.5rem + 1px);
  font-size: 1.09375rem;
  line-height: 1.5;
}
.col-form-label-sm {
  padding-top: calc(0.25rem + 1px);
  padding-bottom: calc(0.25rem + 1px);
  font-size: 0.765625rem;
  line-height: 1.5;
}
.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.375rem 0;
  margin-bottom: 0;
  font-size: 0.875rem;
  line-height: 1.42857143;
  color: #212529;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0;
}
.form-control-plaintext.form-control-sm,
.form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}
.form-control-sm {
  height: calc(1.5em + 0.5rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.765625rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}
.form-control-lg {
  height: calc(1.5em + 1rem + 2px);
  padding: 0.5rem 1rem;
  font-size: 1.09375rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}
select.form-control[size],
select.form-control[multiple] {
  height: auto;
}
textarea.form-control {
  height: auto;
}
.form-group {
  margin-bottom: 1rem;
}
.form-text {
  display: block;
  margin-top: 0.25rem;
}
.form-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}
.form-row > .col,
.form-row > [class*="col-"] {
  padding-right: 5px;
  padding-left: 5px;
}
.form-check {
  position: relative;
  display: block;
  padding-left: 1.25rem;
}
.form-check-input {
  position: absolute;
  margin-top: 4px;
  margin-left: -1.25rem;
}
.form-check-input[disabled] ~ .form-check-label,
.form-check-input:disabled ~ .form-check-label {
  color: #999999;
}
.form-check-label {
  margin-bottom: 0;
}
.form-check-inline {
  display: inline-flex;
  align-items: center;
  padding-left: 0;
  margin-right: 0.75rem;
}
.form-check-inline .form-check-input {
  position: static;
  margin-top: 0;
  margin-right: 0.3125rem;
  margin-left: 0;
}
.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #71ce61;
}
.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.765625rem;
  line-height: 1.42857143;
  color: #212529;
  background-color: rgba(113, 206, 97, 0.9);
  border-radius: 0.25rem;
}
.was-validated :valid ~ .valid-feedback,
.is-valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-tooltip {
  display: block;
}
.was-validated .form-control:valid,
.form-control.is-valid {
  border-color: #71ce61;
  padding-right: calc(1.428571429em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2371ce61' d='M2.3 6.73L.6 4.53c-0.4-1.04.46-1.4 1.1-0.8l1.1 1.4 3.4-3.8c.6-0.63 1.6-0.27 1.2.7l-4 4.6c-0.43.5-0.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.35714285725em + 0.1875rem) center;
  background-size: calc(0.7142857145em + 0.375rem) calc(0.7142857145em + 0.375rem);
}
.was-validated .form-control:valid:focus,
.form-control.is-valid:focus {
  border-color: #71ce61;
  box-shadow: 0 0 0 0.2rem rgba(113, 206, 97, 0.25);
}
.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
  padding-right: calc(1.428571429em + 0.75rem);
  background-position: top calc(0.35714285725em + 0.1875rem) right calc(0.35714285725em + 0.1875rem);
}
.was-validated .custom-select:valid,
.custom-select.is-valid {
  border-color: #71ce61;
  padding-right: calc(0.75em + 2.3125rem);
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2371ce61' d='M2.3 6.73L.6 4.53c-0.4-1.04.46-1.4 1.1-0.8l1.1 1.4 3.4-3.8c.6-0.63 1.6-0.27 1.2.7l-4 4.6c-0.43.5-0.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.7142857145em + 0.375rem) calc(0.7142857145em + 0.375rem);
}
.was-validated .custom-select:valid:focus,
.custom-select.is-valid:focus {
  border-color: #71ce61;
  box-shadow: 0 0 0 0.2rem rgba(113, 206, 97, 0.25);
}
.was-validated .form-check-input:valid ~ .form-check-label,
.form-check-input.is-valid ~ .form-check-label {
  color: #71ce61;
}
.was-validated .form-check-input:valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip,
.form-check-input.is-valid ~ .valid-tooltip {
  display: block;
}
.was-validated .custom-control-input:valid ~ .custom-control-label,
.custom-control-input.is-valid ~ .custom-control-label {
  color: #71ce61;
}
.was-validated .custom-control-input:valid ~ .custom-control-label::before,
.custom-control-input.is-valid ~ .custom-control-label::before {
  border-color: #71ce61;
}
.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before,
.custom-control-input.is-valid:checked ~ .custom-control-label::before {
  border-color: #94da88;
  background-color: #94da88;
}
.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before,
.custom-control-input.is-valid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(113, 206, 97, 0.25);
}
.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before,
.custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #71ce61;
}
.was-validated .custom-file-input:valid ~ .custom-file-label,
.custom-file-input.is-valid ~ .custom-file-label {
  border-color: #71ce61;
}
.was-validated .custom-file-input:valid:focus ~ .custom-file-label,
.custom-file-input.is-valid:focus ~ .custom-file-label {
  border-color: #71ce61;
  box-shadow: 0 0 0 0.2rem rgba(113, 206, 97, 0.25);
}
.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #f04e5e;
}
.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.765625rem;
  line-height: 1.42857143;
  color: #ffffff;
  background-color: rgba(240, 78, 94, 0.9);
  border-radius: 0.25rem;
}
.was-validated :invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-tooltip {
  display: block;
}
.was-validated .form-control:invalid,
.form-control.is-invalid {
  border-color: #f04e5e;
  padding-right: calc(1.428571429em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23f04e5e' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='0.6' fill='%23f04e5e' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.35714285725em + 0.1875rem) center;
  background-size: calc(0.7142857145em + 0.375rem) calc(0.7142857145em + 0.375rem);
}
.was-validated .form-control:invalid:focus,
.form-control.is-invalid:focus {
  border-color: #f04e5e;
  box-shadow: 0 0 0 0.2rem rgba(240, 78, 94, 0.25);
}
.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
  padding-right: calc(1.428571429em + 0.75rem);
  background-position: top calc(0.35714285725em + 0.1875rem) right calc(0.35714285725em + 0.1875rem);
}
.was-validated .custom-select:invalid,
.custom-select.is-invalid {
  border-color: #f04e5e;
  padding-right: calc(0.75em + 2.3125rem);
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23f04e5e' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='0.6' fill='%23f04e5e' stroke='none'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.7142857145em + 0.375rem) calc(0.7142857145em + 0.375rem);
}
.was-validated .custom-select:invalid:focus,
.custom-select.is-invalid:focus {
  border-color: #f04e5e;
  box-shadow: 0 0 0 0.2rem rgba(240, 78, 94, 0.25);
}
.was-validated .form-check-input:invalid ~ .form-check-label,
.form-check-input.is-invalid ~ .form-check-label {
  color: #f04e5e;
}
.was-validated .form-check-input:invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip,
.form-check-input.is-invalid ~ .invalid-tooltip {
  display: block;
}
.was-validated .custom-control-input:invalid ~ .custom-control-label,
.custom-control-input.is-invalid ~ .custom-control-label {
  color: #f04e5e;
}
.was-validated .custom-control-input:invalid ~ .custom-control-label::before,
.custom-control-input.is-invalid ~ .custom-control-label::before {
  border-color: #f04e5e;
}
.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before,
.custom-control-input.is-invalid:checked ~ .custom-control-label::before {
  border-color: #f47d89;
  background-color: #f47d89;
}
.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before,
.custom-control-input.is-invalid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(240, 78, 94, 0.25);
}
.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before,
.custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #f04e5e;
}
.was-validated .custom-file-input:invalid ~ .custom-file-label,
.custom-file-input.is-invalid ~ .custom-file-label {
  border-color: #f04e5e;
}
.was-validated .custom-file-input:invalid:focus ~ .custom-file-label,
.custom-file-input.is-invalid:focus ~ .custom-file-label {
  border-color: #f04e5e;
  box-shadow: 0 0 0 0.2rem rgba(240, 78, 94, 0.25);
}
.form-inline {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
.form-inline .form-check {
  width: 100%;
}
@media (min-width: 576px) {
  .form-inline label {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
  }
  .form-inline .form-group {
    display: flex;
    flex: 0 0 auto;
    flex-flow: row wrap;
    align-items: center;
    margin-bottom: 0;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-plaintext {
    display: inline-block;
  }
  .form-inline .input-group,
  .form-inline .custom-select {
    width: auto;
  }
  .form-inline .form-check {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    padding-left: 0;
  }
  .form-inline .form-check-input {
    position: relative;
    flex-shrink: 0;
    margin-top: 0;
    margin-right: 0.25rem;
    margin-left: 0;
  }
  .form-inline .custom-control {
    align-items: center;
    justify-content: center;
  }
  .form-inline .custom-control-label {
    margin-bottom: 0;
  }
}
.btn {
  display: inline-block;
  font-weight: normal;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 0.875rem;
  line-height: 1.42857143;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}
.btn:hover {
  color: #212529;
  text-decoration: none;
}
.btn:focus,
.btn.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 183, 201, 0.25);
}
.btn.disabled,
.btn:disabled {
  opacity: 0.65;
}
a.btn.disabled,
fieldset:disabled a.btn {
  pointer-events: none;
}
.btn-primary {
  color: #ffffff;
  background-color: #00b7c9;
  border-color: #00b7c9;
}
.btn-primary:hover {
  color: #ffffff;
  background-color: #0094a3;
  border-color: #008996;
}
.btn-primary:focus,
.btn-primary.focus {
  color: #ffffff;
  background-color: #0094a3;
  border-color: #008996;
  box-shadow: 0 0 0 0.2rem rgba(38, 194, 209, 0.5);
}
.btn-primary.disabled,
.btn-primary:disabled {
  color: #ffffff;
  background-color: #00b7c9;
  border-color: #00b7c9;
}
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #ffffff;
  background-color: #008996;
  border-color: #007d89;
}
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(38, 194, 209, 0.5);
}
.btn-secondary {
  color: #212529;
  background-color: #999999;
  border-color: #999999;
}
.btn-secondary:hover {
  color: #ffffff;
  background-color: #868686;
  border-color: #808080;
}
.btn-secondary:focus,
.btn-secondary.focus {
  color: #ffffff;
  background-color: #868686;
  border-color: #808080;
  box-shadow: 0 0 0 0.2rem rgba(135, 136, 136, 0.5);
}
.btn-secondary.disabled,
.btn-secondary:disabled {
  color: #212529;
  background-color: #999999;
  border-color: #999999;
}
.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
  color: #ffffff;
  background-color: #808080;
  border-color: #797979;
}
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(135, 136, 136, 0.5);
}
.btn-success {
  color: #212529;
  background-color: #71ce61;
  border-color: #71ce61;
}
.btn-success:hover {
  color: #ffffff;
  background-color: #57c544;
  border-color: #4fc03c;
}
.btn-success:focus,
.btn-success.focus {
  color: #ffffff;
  background-color: #57c544;
  border-color: #4fc03c;
  box-shadow: 0 0 0 0.2rem rgba(101, 181, 89, 0.5);
}
.btn-success.disabled,
.btn-success:disabled {
  color: #212529;
  background-color: #71ce61;
  border-color: #71ce61;
}
.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
  color: #ffffff;
  background-color: #4fc03c;
  border-color: #4bb739;
}
.btn-success:not(:disabled):not(.disabled):active:focus,
.btn-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(101, 181, 89, 0.5);
}
.btn-info {
  color: #212529;
  background-color: #5bc0de;
  border-color: #5bc0de;
}
.btn-info:hover {
  color: #ffffff;
  background-color: #3bb4d8;
  border-color: #31b0d5;
}
.btn-info:focus,
.btn-info.focus {
  color: #ffffff;
  background-color: #3bb4d8;
  border-color: #31b0d5;
  box-shadow: 0 0 0 0.2rem rgba(82, 169, 195, 0.5);
}
.btn-info.disabled,
.btn-info:disabled {
  color: #212529;
  background-color: #5bc0de;
  border-color: #5bc0de;
}
.btn-info:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled).active,
.show > .btn-info.dropdown-toggle {
  color: #ffffff;
  background-color: #31b0d5;
  border-color: #2aaacf;
}
.btn-info:not(:disabled):not(.disabled):active:focus,
.btn-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(82, 169, 195, 0.5);
}
.btn-warning {
  color: #212529;
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}
.btn-warning:hover {
  color: #212529;
  background-color: #ed9d2b;
  border-color: #ec971f;
}
.btn-warning:focus,
.btn-warning.focus {
  color: #212529;
  background-color: #ed9d2b;
  border-color: #ec971f;
  box-shadow: 0 0 0 0.2rem rgba(209, 153, 72, 0.5);
}
.btn-warning.disabled,
.btn-warning:disabled {
  color: #212529;
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}
.btn-warning:not(:disabled):not(.disabled):active,
.btn-warning:not(:disabled):not(.disabled).active,
.show > .btn-warning.dropdown-toggle {
  color: #212529;
  background-color: #ec971f;
  border-color: #ea9214;
}
.btn-warning:not(:disabled):not(.disabled):active:focus,
.btn-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(209, 153, 72, 0.5);
}
.btn-danger {
  color: #ffffff;
  background-color: #f04e5e;
  border-color: #f04e5e;
}
.btn-danger:hover {
  color: #ffffff;
  background-color: #ed2b3e;
  border-color: #ec1f33;
}
.btn-danger:focus,
.btn-danger.focus {
  color: #ffffff;
  background-color: #ed2b3e;
  border-color: #ec1f33;
  box-shadow: 0 0 0 0.2rem rgba(242, 105, 118, 0.5);
}
.btn-danger.disabled,
.btn-danger:disabled {
  color: #ffffff;
  background-color: #f04e5e;
  border-color: #f04e5e;
}
.btn-danger:not(:disabled):not(.disabled):active,
.btn-danger:not(:disabled):not(.disabled).active,
.show > .btn-danger.dropdown-toggle {
  color: #ffffff;
  background-color: #ec1f33;
  border-color: #ea1429;
}
.btn-danger:not(:disabled):not(.disabled):active:focus,
.btn-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(242, 105, 118, 0.5);
}
.btn-light {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-light:hover {
  color: #212529;
  background-color: #e2e6ea;
  border-color: #dae0e5;
}
.btn-light:focus,
.btn-light.focus {
  color: #212529;
  background-color: #e2e6ea;
  border-color: #dae0e5;
  box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
}
.btn-light.disabled,
.btn-light:disabled {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-light:not(:disabled):not(.disabled):active,
.btn-light:not(:disabled):not(.disabled).active,
.show > .btn-light.dropdown-toggle {
  color: #212529;
  background-color: #dae0e5;
  border-color: #d3d9df;
}
.btn-light:not(:disabled):not(.disabled):active:focus,
.btn-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
}
.btn-dark {
  color: #ffffff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-dark:hover {
  color: #ffffff;
  background-color: #23272b;
  border-color: #1d2124;
}
.btn-dark:focus,
.btn-dark.focus {
  color: #ffffff;
  background-color: #23272b;
  border-color: #1d2124;
  box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
}
.btn-dark.disabled,
.btn-dark:disabled {
  color: #ffffff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-dark:not(:disabled):not(.disabled):active,
.btn-dark:not(:disabled):not(.disabled).active,
.show > .btn-dark.dropdown-toggle {
  color: #ffffff;
  background-color: #1d2124;
  border-color: #171a1d;
}
.btn-dark:not(:disabled):not(.disabled):active:focus,
.btn-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
}
.btn-outline-primary {
  color: #00b7c9;
  border-color: #00b7c9;
}
.btn-outline-primary:hover {
  color: #ffffff;
  background-color: #00b7c9;
  border-color: #00b7c9;
}
.btn-outline-primary:focus,
.btn-outline-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 183, 201, 0.5);
}
.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
  color: #00b7c9;
  background-color: transparent;
}
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
  color: #ffffff;
  background-color: #00b7c9;
  border-color: #00b7c9;
}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 183, 201, 0.5);
}
.btn-outline-secondary {
  color: #999999;
  border-color: #999999;
}
.btn-outline-secondary:hover {
  color: #212529;
  background-color: #999999;
  border-color: #999999;
}
.btn-outline-secondary:focus,
.btn-outline-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(153, 153, 153, 0.5);
}
.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
  color: #999999;
  background-color: transparent;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle {
  color: #212529;
  background-color: #999999;
  border-color: #999999;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(153, 153, 153, 0.5);
}
.btn-outline-success {
  color: #71ce61;
  border-color: #71ce61;
}
.btn-outline-success:hover {
  color: #212529;
  background-color: #71ce61;
  border-color: #71ce61;
}
.btn-outline-success:focus,
.btn-outline-success.focus {
  box-shadow: 0 0 0 0.2rem rgba(113, 206, 97, 0.5);
}
.btn-outline-success.disabled,
.btn-outline-success:disabled {
  color: #71ce61;
  background-color: transparent;
}
.btn-outline-success:not(:disabled):not(.disabled):active,
.btn-outline-success:not(:disabled):not(.disabled).active,
.show > .btn-outline-success.dropdown-toggle {
  color: #212529;
  background-color: #71ce61;
  border-color: #71ce61;
}
.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(113, 206, 97, 0.5);
}
.btn-outline-info {
  color: #5bc0de;
  border-color: #5bc0de;
}
.btn-outline-info:hover {
  color: #212529;
  background-color: #5bc0de;
  border-color: #5bc0de;
}
.btn-outline-info:focus,
.btn-outline-info.focus {
  box-shadow: 0 0 0 0.2rem rgba(91, 192, 222, 0.5);
}
.btn-outline-info.disabled,
.btn-outline-info:disabled {
  color: #5bc0de;
  background-color: transparent;
}
.btn-outline-info:not(:disabled):not(.disabled):active,
.btn-outline-info:not(:disabled):not(.disabled).active,
.show > .btn-outline-info.dropdown-toggle {
  color: #212529;
  background-color: #5bc0de;
  border-color: #5bc0de;
}
.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(91, 192, 222, 0.5);
}
.btn-outline-warning {
  color: #f0ad4e;
  border-color: #f0ad4e;
}
.btn-outline-warning:hover {
  color: #212529;
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}
.btn-outline-warning:focus,
.btn-outline-warning.focus {
  box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5);
}
.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
  color: #f0ad4e;
  background-color: transparent;
}
.btn-outline-warning:not(:disabled):not(.disabled):active,
.btn-outline-warning:not(:disabled):not(.disabled).active,
.show > .btn-outline-warning.dropdown-toggle {
  color: #212529;
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}
.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5);
}
.btn-outline-danger {
  color: #f04e5e;
  border-color: #f04e5e;
}
.btn-outline-danger:hover {
  color: #ffffff;
  background-color: #f04e5e;
  border-color: #f04e5e;
}
.btn-outline-danger:focus,
.btn-outline-danger.focus {
  box-shadow: 0 0 0 0.2rem rgba(240, 78, 94, 0.5);
}
.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
  color: #f04e5e;
  background-color: transparent;
}
.btn-outline-danger:not(:disabled):not(.disabled):active,
.btn-outline-danger:not(:disabled):not(.disabled).active,
.show > .btn-outline-danger.dropdown-toggle {
  color: #ffffff;
  background-color: #f04e5e;
  border-color: #f04e5e;
}
.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(240, 78, 94, 0.5);
}
.btn-outline-light {
  color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-outline-light:hover {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-outline-light:focus,
.btn-outline-light.focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.btn-outline-light.disabled,
.btn-outline-light:disabled {
  color: #f8f9fa;
  background-color: transparent;
}
.btn-outline-light:not(:disabled):not(.disabled):active,
.btn-outline-light:not(:disabled):not(.disabled).active,
.show > .btn-outline-light.dropdown-toggle {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.btn-outline-dark {
  color: #343a40;
  border-color: #343a40;
}
.btn-outline-dark:hover {
  color: #ffffff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-outline-dark:focus,
.btn-outline-dark.focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
  color: #343a40;
  background-color: transparent;
}
.btn-outline-dark:not(:disabled):not(.disabled):active,
.btn-outline-dark:not(:disabled):not(.disabled).active,
.show > .btn-outline-dark.dropdown-toggle {
  color: #ffffff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.btn-link {
  font-weight: 400;
  color: #00b7c9;
  text-decoration: none;
}
.btn-link:hover {
  color: #00717d;
  text-decoration: underline;
}
.btn-link:focus,
.btn-link.focus {
  text-decoration: underline;
  box-shadow: none;
}
.btn-link:disabled,
.btn-link.disabled {
  color: #999999;
  pointer-events: none;
}
.btn-lg,
.btn-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.09375rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}
.btn-sm,
.btn-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.765625rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}
.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 0.5rem;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}
.fade {
  transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}
.fade:not(.show) {
  opacity: 0;
}
.collapse:not(.show) {
  display: none;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}
.dropup,
.dropright,
.dropdown,
.dropleft {
  position: relative;
}
.dropdown-toggle {
  white-space: nowrap;
}
.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}
.dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 5px 0;
  margin: 0.125rem 0 0;
  font-size: 0.875rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
}
.dropdown-menu-left {
  right: auto;
  left: 0;
}
.dropdown-menu-right {
  right: 0;
  left: auto;
}
@media (min-width: 576px) {
  .dropdown-menu-sm-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-sm-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 768px) {
  .dropdown-menu-md-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-md-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 992px) {
  .dropdown-menu-lg-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-lg-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1200px) {
  .dropdown-menu-xl-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xl-right {
    right: 0;
    left: auto;
  }
}
.dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 0.125rem;
}
.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropright .dropdown-menu {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: 0.125rem;
}
.dropright .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}
.dropright .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropright .dropdown-toggle::after {
  vertical-align: 0;
}
.dropleft .dropdown-menu {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: 0.125rem;
}
.dropleft .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}
.dropleft .dropdown-toggle::after {
  display: none;
}
.dropleft .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}
.dropleft .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropleft .dropdown-toggle::before {
  vertical-align: 0;
}
.dropdown-menu[x-placement^="top"],
.dropdown-menu[x-placement^="right"],
.dropdown-menu[x-placement^="bottom"],
.dropdown-menu[x-placement^="left"] {
  right: auto;
  bottom: auto;
}
.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid #e5e5e5;
}
.dropdown-item {
  display: block;
  width: 100%;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  color: #444444;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}
.dropdown-item:hover,
.dropdown-item:focus {
  color: #373737;
  text-decoration: none;
  background-color: #f5f5f5;
}
.dropdown-item.active,
.dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #00b7c9;
}
.dropdown-item.disabled,
.dropdown-item:disabled {
  color: #999999;
  pointer-events: none;
  background-color: transparent;
}
.dropdown-menu.show {
  display: block;
}
.dropdown-header {
  display: block;
  padding: 5px 20px;
  margin-bottom: 0;
  font-size: 0.765625rem;
  color: #999999;
  white-space: nowrap;
}
.dropdown-item-text {
  display: block;
  padding: 3px 20px;
  color: #444444;
}
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  flex: 1 1 auto;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover {
  z-index: 1;
}
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {
  z-index: 1;
}
.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.btn-toolbar .input-group {
  width: auto;
}
.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) {
  margin-left: -1px;
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}
.dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after,
.dropright .dropdown-toggle-split::after {
  margin-left: 0;
}
.dropleft .dropdown-toggle-split::before {
  margin-right: 0;
}
.btn-sm + .dropdown-toggle-split,
.btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}
.btn-lg + .dropdown-toggle-split,
.btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}
.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
  width: 100%;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
  margin-top: -1px;
}
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.btn-group-toggle > .btn,
.btn-group-toggle > .btn-group > .btn {
  margin-bottom: 0;
}
.btn-group-toggle > .btn input[type="radio"],
.btn-group-toggle > .btn-group > .btn input[type="radio"],
.btn-group-toggle > .btn input[type="checkbox"],
.btn-group-toggle > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.input-group > .form-control,
.input-group > .form-control-plaintext,
.input-group > .custom-select,
.input-group > .custom-file {
  position: relative;
  flex: 1 1 0%;
  min-width: 0;
  margin-bottom: 0;
}
.input-group > .form-control + .form-control,
.input-group > .form-control-plaintext + .form-control,
.input-group > .custom-select + .form-control,
.input-group > .custom-file + .form-control,
.input-group > .form-control + .custom-select,
.input-group > .form-control-plaintext + .custom-select,
.input-group > .custom-select + .custom-select,
.input-group > .custom-file + .custom-select,
.input-group > .form-control + .custom-file,
.input-group > .form-control-plaintext + .custom-file,
.input-group > .custom-select + .custom-file,
.input-group > .custom-file + .custom-file {
  margin-left: -1px;
}
.input-group > .form-control:focus,
.input-group > .custom-select:focus,
.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
  z-index: 3;
}
.input-group > .custom-file .custom-file-input:focus {
  z-index: 4;
}
.input-group > .form-control:not(:last-child),
.input-group > .custom-select:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > .form-control:not(:first-child),
.input-group > .custom-select:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group > .custom-file {
  display: flex;
  align-items: center;
}
.input-group > .custom-file:not(:last-child) .custom-file-label,
.input-group > .custom-file:not(:last-child) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > .custom-file:not(:first-child) .custom-file-label {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group-prepend,
.input-group-append {
  display: flex;
}
.input-group-prepend .btn,
.input-group-append .btn {
  position: relative;
  z-index: 2;
}
.input-group-prepend .btn:focus,
.input-group-append .btn:focus {
  z-index: 3;
}
.input-group-prepend .btn + .btn,
.input-group-append .btn + .btn,
.input-group-prepend .btn + .input-group-text,
.input-group-append .btn + .input-group-text,
.input-group-prepend .input-group-text + .input-group-text,
.input-group-append .input-group-text + .input-group-text,
.input-group-prepend .input-group-text + .btn,
.input-group-append .input-group-text + .btn {
  margin-left: -1px;
}
.input-group-prepend {
  margin-right: -1px;
}
.input-group-append {
  margin-left: -1px;
}
.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.42857143;
  color: #555555;
  text-align: center;
  white-space: nowrap;
  background-color: #eeeeee;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.input-group-text input[type="radio"],
.input-group-text input[type="checkbox"] {
  margin-top: 0;
}
.input-group-lg > .form-control:not(textarea),
.input-group-lg > .custom-select {
  height: calc(1.5em + 1rem + 2px);
}
.input-group-lg > .form-control,
.input-group-lg > .custom-select,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-append > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.09375rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}
.input-group-sm > .form-control:not(textarea),
.input-group-sm > .custom-select {
  height: calc(1.5em + 0.5rem + 2px);
}
.input-group-sm > .form-control,
.input-group-sm > .custom-select,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.765625rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}
.input-group-lg > .custom-select,
.input-group-sm > .custom-select {
  padding-right: 1.75rem;
}
.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text,
.input-group > .input-group-append:not(:last-child) > .btn,
.input-group > .input-group-append:not(:last-child) > .input-group-text,
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.custom-control {
  position: relative;
  display: block;
  min-height: 20.00000001px;
  padding-left: 1.5rem;
}
.custom-control-inline {
  display: inline-flex;
  margin-right: 1rem;
}
.custom-control-input {
  position: absolute;
  left: 0;
  z-index: -1;
  width: 1rem;
  height: 10.5px;
  opacity: 0;
}
.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #00b7c9;
  background-color: #00b7c9;
}
.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: rgba(77, 144, 254, 0.5);
}
.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  color: #fff;
  background-color: #7df3ff;
  border-color: #7df3ff;
}
.custom-control-input[disabled] ~ .custom-control-label,
.custom-control-input:disabled ~ .custom-control-label {
  color: #6c757d;
}
.custom-control-input[disabled] ~ .custom-control-label::before,
.custom-control-input:disabled ~ .custom-control-label::before {
  background-color: #e9ecef;
}
.custom-control-label {
  position: relative;
  margin-bottom: 0;
  vertical-align: top;
}
.custom-control-label::before {
  position: absolute;
  top: 9.5px;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  content: "";
  background-color: #fff;
  border: #adb5bd solid 1px;
}
.custom-control-label::after {
  position: absolute;
  top: 9.5px;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  content: "";
  background: no-repeat 50% / 50% 50%;
}
.custom-checkbox .custom-control-label::before {
  border-radius: 0.25rem;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  border-color: #00b7c9;
  background-color: #00b7c9;
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e");
}
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 183, 201, 0.5);
}
.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
  background-color: rgba(0, 183, 201, 0.5);
}
.custom-radio .custom-control-label::before {
  border-radius: 50%;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 183, 201, 0.5);
}
.custom-switch {
  padding-left: 2.25rem;
}
.custom-switch .custom-control-label::before {
  left: -2.25rem;
  width: 1.75rem;
  pointer-events: all;
  border-radius: 0.5rem;
}
.custom-switch .custom-control-label::after {
  top: 11.5px;
  left: calc(-2.25rem + 2px);
  width: calc(1rem - 4px);
  height: calc(1rem - 4px);
  background-color: #adb5bd;
  border-radius: 0.5rem;
  transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .custom-switch .custom-control-label::after {
    transition: none;
  }
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  background-color: #fff;
  transform: translateX(0.75rem);
}
.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 183, 201, 0.5);
}
.custom-select {
  display: inline-block;
  width: 100%;
  height: calc(1.428571429em + 0.75rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.42857143;
  color: #555555;
  vertical-align: middle;
  background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  appearance: none;
}
.custom-select:focus {
  border-color: rgba(77, 144, 254, 0.5);
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 183, 201, 0.25);
}
.custom-select:focus::-ms-value {
  color: #555555;
  background-color: #fff;
}
.custom-select[multiple],
.custom-select[size]:not([size="1"]) {
  height: auto;
  padding-right: 0.75rem;
  background-image: none;
}
.custom-select:disabled {
  color: #6c757d;
  background-color: #e9ecef;
}
.custom-select::-ms-expand {
  display: none;
}
.custom-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #555555;
}
.custom-select-sm {
  height: calc(1.5em + 0.5rem + 2px);
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.765625rem;
}
.custom-select-lg {
  height: calc(1.5em + 1rem + 2px);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.09375rem;
}
.custom-file {
  position: relative;
  display: inline-block;
  width: 100%;
  height: calc(1.428571429em + 0.75rem + 2px);
  margin-bottom: 0;
}
.custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: calc(1.428571429em + 0.75rem + 2px);
  margin: 0;
  opacity: 0;
}
.custom-file-input:focus ~ .custom-file-label {
  border-color: rgba(77, 144, 254, 0.5);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.custom-file-input[disabled] ~ .custom-file-label,
.custom-file-input:disabled ~ .custom-file-label {
  background-color: #e9ecef;
}
.custom-file-input:lang(en) ~ .custom-file-label::after {
  content: "Browse";
}
.custom-file-input ~ .custom-file-label[data-browse]::after {
  content: attr(data-browse);
}
.custom-file-label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: calc(1.428571429em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-weight: 400;
  line-height: 1.42857143;
  color: #555555;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 4px;
}
.custom-file-label::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: block;
  height: calc(1.428571429em + 0.75rem);
  padding: 0.375rem 0.75rem;
  line-height: 1.42857143;
  color: #555555;
  content: "Browse";
  background-color: #eeeeee;
  border-left: inherit;
  border-radius: 0 4px 4px 0;
}
.custom-range {
  width: 100%;
  height: 1.4rem;
  padding: 0;
  background-color: transparent;
  appearance: none;
}
.custom-range:focus {
  outline: none;
}
.custom-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.custom-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.custom-range:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.custom-range::-moz-focus-outer {
  border: 0;
}
.custom-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  background-color: #00b7c9;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .custom-range::-webkit-slider-thumb {
    transition: none;
  }
}
.custom-range::-webkit-slider-thumb:active {
  background-color: #7df3ff;
}
.custom-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}
.custom-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  background-color: #00b7c9;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .custom-range::-moz-range-thumb {
    transition: none;
  }
}
.custom-range::-moz-range-thumb:active {
  background-color: #7df3ff;
}
.custom-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}
.custom-range::-ms-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: 0;
  margin-right: 0.2rem;
  margin-left: 0.2rem;
  background-color: #00b7c9;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .custom-range::-ms-thumb {
    transition: none;
  }
}
.custom-range::-ms-thumb:active {
  background-color: #7df3ff;
}
.custom-range::-ms-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: transparent;
  border-color: transparent;
  border-width: 0.5rem;
}
.custom-range::-ms-fill-lower {
  background-color: #dee2e6;
  border-radius: 1rem;
}
.custom-range::-ms-fill-upper {
  margin-right: 15px;
  background-color: #dee2e6;
  border-radius: 1rem;
}
.custom-range:disabled::-webkit-slider-thumb {
  background-color: #adb5bd;
}
.custom-range:disabled::-webkit-slider-runnable-track {
  cursor: default;
}
.custom-range:disabled::-moz-range-thumb {
  background-color: #adb5bd;
}
.custom-range:disabled::-moz-range-track {
  cursor: default;
}
.custom-range:disabled::-ms-thumb {
  background-color: #adb5bd;
}
.custom-control-label::before,
.custom-file-label,
.custom-select {
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .custom-control-label::before,
  .custom-file-label,
  .custom-select {
    transition: none;
  }
}
.nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav-link {
  display: block;
  padding: 0.5rem 1rem;
}
.nav-link:hover,
.nav-link:focus {
  text-decoration: none;
}
.nav-link.disabled {
  color: #6c757d;
  pointer-events: none;
  cursor: default;
}
.nav-tabs {
  border-bottom: 2px solid #ddd;
}
.nav-tabs .nav-item {
  margin-bottom: -2px;
}
.nav-tabs .nav-link {
  border: 2px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
  border-color: #eeeeee;
}
.nav-tabs .nav-link.disabled {
  color: #6c757d;
  background-color: transparent;
  border-color: transparent;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #495057;
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff;
}
.nav-tabs .dropdown-menu {
  margin-top: -2px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.nav-pills .nav-link {
  border-radius: 4px;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #00b7c9;
}
.nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center;
}
.nav-justified .nav-item {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center;
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.navbar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 1rem;
}
.navbar \%container-flex-properties,
.navbar .container,
.navbar .container-fluid,
.navbar .container-sm,
.navbar .container-md,
.navbar .container-lg,
.navbar .container-xl {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.navbar-brand {
  display: inline-block;
  padding-top: -2px;
  padding-bottom: -2px;
  margin-right: 1rem;
  font-size: 1.09375rem;
  line-height: inherit;
  white-space: nowrap;
}
.navbar-brand:hover,
.navbar-brand:focus {
  text-decoration: none;
}
.navbar-nav {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0;
}
.navbar-nav .dropdown-menu {
  position: static;
  float: none;
}
.navbar-text {
  display: inline-block;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center;
}
.navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.09375rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}
.navbar-toggler:hover,
.navbar-toggler:focus {
  text-decoration: none;
}
.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: no-repeat center center;
  background-size: 100% 100%;
}
@media (max-width: 575.98px) {
  .navbar-expand-sm > \%container-navbar-expand,
  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid,
  .navbar-expand-sm > .container-sm,
  .navbar-expand-sm > .container-md,
  .navbar-expand-sm > .container-lg,
  .navbar-expand-sm > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 576px) {
  .navbar-expand-sm {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-sm > \%container-nesting,
  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid,
  .navbar-expand-sm > .container-sm,
  .navbar-expand-sm > .container-md,
  .navbar-expand-sm > .container-lg,
  .navbar-expand-sm > .container-xl {
    flex-wrap: nowrap;
  }
  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .navbar-expand-md > \%container-navbar-expand,
  .navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid,
  .navbar-expand-md > .container-sm,
  .navbar-expand-md > .container-md,
  .navbar-expand-md > .container-lg,
  .navbar-expand-md > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 768px) {
  .navbar-expand-md {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-md > \%container-nesting,
  .navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid,
  .navbar-expand-md > .container-sm,
  .navbar-expand-md > .container-md,
  .navbar-expand-md > .container-lg,
  .navbar-expand-md > .container-xl {
    flex-wrap: nowrap;
  }
  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
}
@media (max-width: 991.98px) {
  .navbar-expand-lg > \%container-navbar-expand,
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid,
  .navbar-expand-lg > .container-sm,
  .navbar-expand-lg > .container-md,
  .navbar-expand-lg > .container-lg,
  .navbar-expand-lg > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-lg > \%container-nesting,
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid,
  .navbar-expand-lg > .container-sm,
  .navbar-expand-lg > .container-md,
  .navbar-expand-lg > .container-lg,
  .navbar-expand-lg > .container-xl {
    flex-wrap: nowrap;
  }
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
}
@media (max-width: 1199.98px) {
  .navbar-expand-xl > \%container-navbar-expand,
  .navbar-expand-xl > .container,
  .navbar-expand-xl > .container-fluid,
  .navbar-expand-xl > .container-sm,
  .navbar-expand-xl > .container-md,
  .navbar-expand-xl > .container-lg,
  .navbar-expand-xl > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 1200px) {
  .navbar-expand-xl {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-xl > \%container-nesting,
  .navbar-expand-xl > .container,
  .navbar-expand-xl > .container-fluid,
  .navbar-expand-xl > .container-sm,
  .navbar-expand-xl > .container-md,
  .navbar-expand-xl > .container-lg,
  .navbar-expand-xl > .container-xl {
    flex-wrap: nowrap;
  }
  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
}
.navbar-expand {
  flex-flow: row nowrap;
  justify-content: flex-start;
}
.navbar-expand > \%container-navbar-expand,
.navbar-expand > .container,
.navbar-expand > .container-fluid,
.navbar-expand > .container-sm,
.navbar-expand > .container-md,
.navbar-expand > .container-lg,
.navbar-expand > .container-xl {
  padding-right: 0;
  padding-left: 0;
}
.navbar-expand .navbar-nav {
  flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}
.navbar-expand > \%container-nesting,
.navbar-expand > .container,
.navbar-expand > .container-fluid,
.navbar-expand > .container-sm,
.navbar-expand > .container-md,
.navbar-expand > .container-lg,
.navbar-expand > .container-xl {
  flex-wrap: nowrap;
}
.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
}
.navbar-expand .navbar-toggler {
  display: none;
}
.navbar-light .navbar-brand {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-brand:hover,
.navbar-light .navbar-brand:focus {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.5);
}
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
  color: rgba(0, 0, 0, 0.7);
}
.navbar-light .navbar-nav .nav-link.disabled {
  color: rgba(0, 0, 0, 0.3);
}
.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.1);
}
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-light .navbar-text {
  color: rgba(0, 0, 0, 0.5);
}
.navbar-light .navbar-text a {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-text a:hover,
.navbar-light .navbar-text a:focus {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-dark .navbar-brand {
  color: #ffffff;
}
.navbar-dark .navbar-brand:hover,
.navbar-dark .navbar-brand:focus {
  color: #ffffff;
}
.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.5);
}
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
  color: rgba(255, 255, 255, 0.75);
}
.navbar-dark .navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, 0.25);
}
.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
  color: #ffffff;
}
.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.1);
}
.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-dark .navbar-text {
  color: rgba(255, 255, 255, 0.5);
}
.navbar-dark .navbar-text a {
  color: #ffffff;
}
.navbar-dark .navbar-text a:hover,
.navbar-dark .navbar-text a:focus {
  color: #ffffff;
}
.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #f5f5f5;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}
.card > hr {
  margin-right: 0;
  margin-left: 0;
}
.card > .list-group:first-child .list-group-item:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.card > .list-group:last-child .list-group-item:last-child {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.card-body {
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1.25rem;
}
.card-title {
  margin-bottom: 0.75rem;
}
.card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0;
}
.card-text:last-child {
  margin-bottom: 0;
}
.card-link:hover {
  text-decoration: none;
}
.card-link + .card-link {
  margin-left: 1.25rem;
}
.card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.card-header:first-child {
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}
.card-header + .list-group .list-group-item:first-child {
  border-top: 0;
}
.card-footer {
  padding: 0.75rem 1.25rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}
.card-footer:last-child {
  border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}
.card-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -0.75rem;
  margin-left: -0.625rem;
  border-bottom: 0;
}
.card-header-pills {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}
.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem;
}
.card-img,
.card-img-top,
.card-img-bottom {
  flex-shrink: 0;
  width: 100%;
}
.card-img,
.card-img-top {
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}
.card-img,
.card-img-bottom {
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}
.card-deck .card {
  margin-bottom: 15px;
}
@media (min-width: 576px) {
  .card-deck {
    display: flex;
    flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
  .card-deck .card {
    flex: 1 0 0%;
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 15px;
  }
}
.card-group > .card {
  margin-bottom: 15px;
}
@media (min-width: 576px) {
  .card-group {
    display: flex;
    flex-flow: row wrap;
  }
  .card-group > .card {
    flex: 1 0 0%;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-top,
  .card-group > .card:not(:last-child) .card-header {
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-bottom,
  .card-group > .card:not(:last-child) .card-footer {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-top,
  .card-group > .card:not(:first-child) .card-header {
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-bottom,
  .card-group > .card:not(:first-child) .card-footer {
    border-bottom-left-radius: 0;
  }
}
.card-columns .card {
  margin-bottom: 0.75rem;
}
@media (min-width: 576px) {
  .card-columns {
    column-count: 3;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1;
  }
  .card-columns .card {
    display: inline-block;
    width: 100%;
  }
}
.accordion > .card {
  overflow: hidden;
}
.accordion > .card:not(:last-of-type) {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.accordion > .card:not(:first-of-type) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.accordion > .card > .card-header {
  border-radius: 0;
  margin-bottom: -1px;
}
.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 0.25rem;
}
.breadcrumb-item + .breadcrumb-item {
  padding-left: 0.5rem;
}
.breadcrumb-item + .breadcrumb-item::before {
  display: inline-block;
  padding-right: 0.5rem;
  color: #6c757d;
  content: "/";
}
.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: underline;
}
.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: none;
}
.breadcrumb-item.active {
  color: #999999;
}
.pagination {
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.25rem;
}
.page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #00b7c9;
  background-color: #fff;
  border: 1px solid #dee2e6;
}
.page-link:hover {
  z-index: 2;
  color: #00717d;
  text-decoration: none;
  background-color: #eeeeee;
  border-color: #dee2e6;
}
.page-link:focus {
  z-index: 3;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 183, 201, 0.25);
}
.page-item:first-child .page-link {
  margin-left: 0;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.page-item:last-child .page-link {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #00b7c9;
  border-color: #00b7c9;
}
.page-item.disabled .page-link {
  color: #999999;
  pointer-events: none;
  cursor: auto;
  background-color: #fff;
  border-color: #dee2e6;
}
.pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 1.09375rem;
  line-height: 1.5;
}
.pagination-lg .page-item:first-child .page-link {
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}
.pagination-lg .page-item:last-child .page-link {
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.pagination-sm .page-link {
  padding: 0.25rem 0.5rem;
  font-size: 0.765625rem;
  line-height: 1.5;
}
.pagination-sm .page-item:first-child .page-link {
  border-top-left-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
}
.pagination-sm .page-item:last-child .page-link {
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}
.badge,
.component-striptags-tags .component-stringtags-tag {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .badge,
  .component-striptags-tags .component-stringtags-tag {
    transition: none;
  }
}
a.badge:hover,
a.badge:focus {
  text-decoration: none;
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.badge-pill {
  padding-right: 0.6em;
  padding-left: 0.6em;
  border-radius: 10px;
}
.badge-primary {
  color: #ffffff;
  background-color: #00b7c9;
}
a.badge-primary:hover,
a.badge-primary:focus {
  color: #ffffff;
  background-color: #008996;
}
a.badge-primary:focus,
a.badge-primary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 183, 201, 0.5);
}
.badge-secondary {
  color: #212529;
  background-color: #999999;
}
a.badge-secondary:hover,
a.badge-secondary:focus {
  color: #212529;
  background-color: #808080;
}
a.badge-secondary:focus,
a.badge-secondary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(153, 153, 153, 0.5);
}
.badge-success {
  color: #212529;
  background-color: #71ce61;
}
a.badge-success:hover,
a.badge-success:focus {
  color: #212529;
  background-color: #4fc03c;
}
a.badge-success:focus,
a.badge-success.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(113, 206, 97, 0.5);
}
.badge-info,
.component-striptags-tags .component-stringtags-tag {
  color: #212529;
  background-color: #5bc0de;
}
a.badge-info:hover,
a.badge-info:focus {
  color: #212529;
  background-color: #31b0d5;
}
a.badge-info:focus,
a.badge-info.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(91, 192, 222, 0.5);
}
.badge-warning {
  color: #212529;
  background-color: #f0ad4e;
}
a.badge-warning:hover,
a.badge-warning:focus {
  color: #212529;
  background-color: #ec971f;
}
a.badge-warning:focus,
a.badge-warning.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5);
}
.badge-danger {
  color: #ffffff;
  background-color: #f04e5e;
}
a.badge-danger:hover,
a.badge-danger:focus {
  color: #ffffff;
  background-color: #ec1f33;
}
a.badge-danger:focus,
a.badge-danger.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(240, 78, 94, 0.5);
}
.badge-light {
  color: #212529;
  background-color: #f8f9fa;
}
a.badge-light:hover,
a.badge-light:focus {
  color: #212529;
  background-color: #dae0e5;
}
a.badge-light:focus,
a.badge-light.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.badge-dark {
  color: #ffffff;
  background-color: #343a40;
}
a.badge-dark:hover,
a.badge-dark:focus {
  color: #ffffff;
  background-color: #1d2124;
}
a.badge-dark:focus,
a.badge-dark.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.jumbotron {
  padding: 30px 15px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #eeeeee;
  border-radius: 0.3rem;
}
@media (min-width: 576px) {
  .jumbotron {
    padding: 60px 30px;
  }
}
.jumbotron-fluid {
  padding-right: 0;
  padding-left: 0;
  border-radius: 0;
}
.alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 4px;
}
.alert-heading {
  color: inherit;
}
.alert-link {
  font-weight: bold;
}
.alert-dismissible {
  padding-right: 23.5px;
}
.alert-dismissible .close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.75rem 1.25rem;
  color: inherit;
}
.alert-primary {
  color: #005f69;
  background-color: #ccf1f4;
  border-color: #b8ebf0;
}
.alert-primary hr {
  border-top-color: #a3e5ec;
}
.alert-primary .alert-link {
  color: #003136;
}
.alert-secondary {
  color: #505050;
  background-color: #ebebeb;
  border-color: #e2e2e2;
}
.alert-secondary hr {
  border-top-color: #d5d5d5;
}
.alert-secondary .alert-link {
  color: #373737;
}
.alert-success {
  color: #3b6b32;
  background-color: #e3f5df;
  border-color: #d7f1d3;
}
.alert-success hr {
  border-top-color: #c5ebc0;
}
.alert-success .alert-link {
  color: #284822;
}
.alert-info {
  color: #2f6473;
  background-color: #def2f8;
  border-color: #d1edf6;
}
.alert-info hr {
  border-top-color: #bce5f2;
}
.alert-info .alert-link {
  color: #20454f;
}
.alert-warning {
  color: #7d5a29;
  background-color: #fcefdc;
  border-color: #fbe8cd;
}
.alert-warning hr {
  border-top-color: #f9ddb5;
}
.alert-warning .alert-link {
  color: #573e1c;
}
.alert-danger {
  color: #7d2931;
  background-color: #fcdcdf;
  border-color: #fbcdd2;
}
.alert-danger hr {
  border-top-color: #f9b5bd;
}
.alert-danger .alert-link {
  color: #571c22;
}
.alert-light {
  color: #818182;
  background-color: #fefefe;
  border-color: #fdfdfe;
}
.alert-light hr {
  border-top-color: #ececf5;
}
.alert-light .alert-link {
  color: #686868;
}
.alert-dark {
  color: #1b1e21;
  background-color: #d6d8d9;
  border-color: #c6c8ca;
}
.alert-dark hr {
  border-top-color: #b9bbbe;
}
.alert-dark .alert-link {
  color: #040405;
}
@keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  display: flex;
  height: 1rem;
  overflow: hidden;
  font-size: 0.65625rem;
  background-color: #f5f5f5;
  border-radius: 0.25rem;
}
.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #00b7c9;
  transition: width 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    transition: none;
  }
}
.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem;
}
.progress-bar-animated {
  animation: progress-bar-stripes 1s linear infinite;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated {
    animation: none;
  }
}
.media {
  display: flex;
  align-items: flex-start;
}
.media-body {
  flex: 1;
}
.list-group {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
}
.list-group-item-action {
  width: 100%;
  color: #495057;
  text-align: inherit;
}
.list-group-item-action:hover,
.list-group-item-action:focus {
  z-index: 1;
  color: #495057;
  text-decoration: none;
  background-color: #f5f5f5;
}
.list-group-item-action:active {
  color: #212529;
  background-color: #e9ecef;
}
.list-group-item {
  position: relative;
  display: block;
  padding: 0.75rem 1.25rem;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.list-group-item:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.list-group-item:last-child {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.list-group-item.disabled,
.list-group-item:disabled {
  color: #6c757d;
  pointer-events: none;
  background-color: #fff;
}
.list-group-item.active {
  z-index: 2;
  color: #fff;
  background-color: #00b7c9;
  border-color: #00b7c9;
}
.list-group-item + .list-group-item {
  border-top-width: 0;
}
.list-group-item + .list-group-item.active {
  margin-top: -1px;
  border-top-width: 1px;
}
.list-group-horizontal {
  flex-direction: row;
}
.list-group-horizontal .list-group-item:first-child {
  border-bottom-left-radius: 4px;
  border-top-right-radius: 0;
}
.list-group-horizontal .list-group-item:last-child {
  border-top-right-radius: 4px;
  border-bottom-left-radius: 0;
}
.list-group-horizontal .list-group-item.active {
  margin-top: 0;
}
.list-group-horizontal .list-group-item + .list-group-item {
  border-top-width: 1px;
  border-left-width: 0;
}
.list-group-horizontal .list-group-item + .list-group-item.active {
  margin-left: -1px;
  border-left-width: 1px;
}
@media (min-width: 576px) {
  .list-group-horizontal-sm {
    flex-direction: row;
  }
  .list-group-horizontal-sm .list-group-item:first-child {
    border-bottom-left-radius: 4px;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-sm .list-group-item:last-child {
    border-top-right-radius: 4px;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-sm .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-sm .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-sm .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
@media (min-width: 768px) {
  .list-group-horizontal-md {
    flex-direction: row;
  }
  .list-group-horizontal-md .list-group-item:first-child {
    border-bottom-left-radius: 4px;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-md .list-group-item:last-child {
    border-top-right-radius: 4px;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-md .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-md .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-md .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
@media (min-width: 992px) {
  .list-group-horizontal-lg {
    flex-direction: row;
  }
  .list-group-horizontal-lg .list-group-item:first-child {
    border-bottom-left-radius: 4px;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-lg .list-group-item:last-child {
    border-top-right-radius: 4px;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-lg .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-lg .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-lg .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
@media (min-width: 1200px) {
  .list-group-horizontal-xl {
    flex-direction: row;
  }
  .list-group-horizontal-xl .list-group-item:first-child {
    border-bottom-left-radius: 4px;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xl .list-group-item:last-child {
    border-top-right-radius: 4px;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xl .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xl .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-xl .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
.list-group-flush .list-group-item {
  border-right-width: 0;
  border-left-width: 0;
  border-radius: 0;
}
.list-group-flush .list-group-item:first-child {
  border-top-width: 0;
}
.list-group-flush:last-child .list-group-item:last-child {
  border-bottom-width: 0;
}
.list-group-item-primary {
  color: #005f69;
  background-color: #b8ebf0;
}
.list-group-item-primary.list-group-item-action:hover,
.list-group-item-primary.list-group-item-action:focus {
  color: #005f69;
  background-color: #a3e5ec;
}
.list-group-item-primary.list-group-item-action.active {
  color: #ffffff;
  background-color: #005f69;
  border-color: #005f69;
}
.list-group-item-secondary {
  color: #505050;
  background-color: #e2e2e2;
}
.list-group-item-secondary.list-group-item-action:hover,
.list-group-item-secondary.list-group-item-action:focus {
  color: #505050;
  background-color: #d5d5d5;
}
.list-group-item-secondary.list-group-item-action.active {
  color: #ffffff;
  background-color: #505050;
  border-color: #505050;
}
.list-group-item-success {
  color: #3b6b32;
  background-color: #d7f1d3;
}
.list-group-item-success.list-group-item-action:hover,
.list-group-item-success.list-group-item-action:focus {
  color: #3b6b32;
  background-color: #c5ebc0;
}
.list-group-item-success.list-group-item-action.active {
  color: #ffffff;
  background-color: #3b6b32;
  border-color: #3b6b32;
}
.list-group-item-info {
  color: #2f6473;
  background-color: #d1edf6;
}
.list-group-item-info.list-group-item-action:hover,
.list-group-item-info.list-group-item-action:focus {
  color: #2f6473;
  background-color: #bce5f2;
}
.list-group-item-info.list-group-item-action.active {
  color: #ffffff;
  background-color: #2f6473;
  border-color: #2f6473;
}
.list-group-item-warning {
  color: #7d5a29;
  background-color: #fbe8cd;
}
.list-group-item-warning.list-group-item-action:hover,
.list-group-item-warning.list-group-item-action:focus {
  color: #7d5a29;
  background-color: #f9ddb5;
}
.list-group-item-warning.list-group-item-action.active {
  color: #ffffff;
  background-color: #7d5a29;
  border-color: #7d5a29;
}
.list-group-item-danger {
  color: #7d2931;
  background-color: #fbcdd2;
}
.list-group-item-danger.list-group-item-action:hover,
.list-group-item-danger.list-group-item-action:focus {
  color: #7d2931;
  background-color: #f9b5bd;
}
.list-group-item-danger.list-group-item-action.active {
  color: #ffffff;
  background-color: #7d2931;
  border-color: #7d2931;
}
.list-group-item-light {
  color: #818182;
  background-color: #fdfdfe;
}
.list-group-item-light.list-group-item-action:hover,
.list-group-item-light.list-group-item-action:focus {
  color: #818182;
  background-color: #ececf5;
}
.list-group-item-light.list-group-item-action.active {
  color: #ffffff;
  background-color: #818182;
  border-color: #818182;
}
.list-group-item-dark {
  color: #1b1e21;
  background-color: #c6c8ca;
}
.list-group-item-dark.list-group-item-action:hover,
.list-group-item-dark.list-group-item-action:focus {
  color: #1b1e21;
  background-color: #b9bbbe;
}
.list-group-item-dark.list-group-item-action.active {
  color: #ffffff;
  background-color: #1b1e21;
  border-color: #1b1e21;
}
.close {
  float: right;
  font-size: 1.3125rem;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.5;
}
.close:hover {
  color: #000;
  text-decoration: none;
}
.close:not(:disabled):not(.disabled):hover,
.close:not(:disabled):not(.disabled):focus {
  opacity: 0.75;
}
button.close {
  padding: 0;
  background-color: transparent;
  border: 0;
  appearance: none;
}
a.close.disabled {
  pointer-events: none;
}
.toast {
  max-width: 350px;
  overflow: hidden;
  font-size: 0.875rem;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(10px);
  opacity: 0;
  border-radius: 0.25rem;
}
.toast:not(:last-child) {
  margin-bottom: 0.75rem;
}
.toast.showing {
  opacity: 1;
}
.toast.show {
  display: block;
  opacity: 1;
}
.toast.hide {
  display: none;
}
.toast-header {
  display: flex;
  align-items: center;
  padding: 0.25rem 0.75rem;
  color: #6c757d;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.toast-body {
  padding: 0.75rem;
}
.modal-open {
  overflow: hidden;
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}
.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(0, -50px);
}
@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}
.modal.show .modal-dialog {
  transform: none;
}
.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}
.modal-dialog-scrollable {
  display: flex;
  max-height: calc(100% - 1rem);
}
.modal-dialog-scrollable .modal-content {
  max-height: calc(100vh - 1rem);
  overflow: hidden;
}
.modal-dialog-scrollable .modal-header,
.modal-dialog-scrollable .modal-footer {
  flex-shrink: 0;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}
.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 1rem);
}
.modal-dialog-centered::before {
  display: block;
  height: calc(100vh - 1rem);
  content: "";
}
.modal-dialog-centered.modal-dialog-scrollable {
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.modal-dialog-centered.modal-dialog-scrollable .modal-content {
  max-height: none;
}
.modal-dialog-centered.modal-dialog-scrollable::before {
  content: none;
}
.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: 0.5;
}
.modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 12px;
  border-bottom: 1px solid #e5e5e5;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}
.modal-header .close {
  padding: 12px;
  margin: -1rem -1rem -1rem auto;
}
.modal-title {
  margin-bottom: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 20px;
}
.modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 19.75px;
  border-top: 1px solid #e5e5e5;
  border-bottom-right-radius: calc(0.3rem - 1px);
  border-bottom-left-radius: calc(0.3rem - 1px);
}
.modal-footer > * {
  margin: 0.25rem;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 576px) {
  .modal-dialog {
    max-width: 600px;
    margin: 1.75rem auto;
  }
  .modal-dialog-scrollable {
    max-height: calc(100% - 3.5rem);
  }
  .modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 3.5rem);
  }
  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }
  .modal-dialog-centered::before {
    height: calc(100vh - 3.5rem);
  }
  .modal-sm {
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    max-width: 900px;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    max-width: 1140px;
  }
}
.tooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  margin: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.765625rem;
  word-wrap: break-word;
  opacity: 0;
}
.tooltip.show {
  opacity: 0.9;
}
.tooltip .arrow {
  position: absolute;
  display: block;
  width: 5px;
  height: 0.4rem;
}
.tooltip .arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}
.bs-tooltip-top,
.bs-tooltip-auto[x-placement^="top"] {
  padding: 0.4rem 0;
}
.bs-tooltip-top .arrow,
.bs-tooltip-auto[x-placement^="top"] .arrow {
  bottom: 0;
}
.bs-tooltip-top .arrow::before,
.bs-tooltip-auto[x-placement^="top"] .arrow::before {
  top: 0;
  border-width: 0.4rem 2.5px 0;
  border-top-color: #000;
}
.bs-tooltip-right,
.bs-tooltip-auto[x-placement^="right"] {
  padding: 0 0.4rem;
}
.bs-tooltip-right .arrow,
.bs-tooltip-auto[x-placement^="right"] .arrow {
  left: 0;
  width: 0.4rem;
  height: 5px;
}
.bs-tooltip-right .arrow::before,
.bs-tooltip-auto[x-placement^="right"] .arrow::before {
  right: 0;
  border-width: 2.5px 0.4rem 2.5px 0;
  border-right-color: #000;
}
.bs-tooltip-bottom,
.bs-tooltip-auto[x-placement^="bottom"] {
  padding: 0.4rem 0;
}
.bs-tooltip-bottom .arrow,
.bs-tooltip-auto[x-placement^="bottom"] .arrow {
  top: 0;
}
.bs-tooltip-bottom .arrow::before,
.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
  bottom: 0;
  border-width: 0 2.5px 0.4rem;
  border-bottom-color: #000;
}
.bs-tooltip-left,
.bs-tooltip-auto[x-placement^="left"] {
  padding: 0 0.4rem;
}
.bs-tooltip-left .arrow,
.bs-tooltip-auto[x-placement^="left"] .arrow {
  right: 0;
  width: 0.4rem;
  height: 5px;
}
.bs-tooltip-left .arrow::before,
.bs-tooltip-auto[x-placement^="left"] .arrow::before {
  left: 0;
  border-width: 2.5px 0 2.5px 0.4rem;
  border-left-color: #000;
}
.tooltip-inner {
  max-width: 200px;
  padding: 0.25rem 0.5rem;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 0.25rem;
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
  display: block;
  max-width: 276px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.765625rem;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
}
.popover .arrow {
  position: absolute;
  display: block;
  width: 10px;
  height: 0.5rem;
  margin: 0 0.3rem;
}
.popover .arrow::before,
.popover .arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
}
.bs-popover-top,
.bs-popover-auto[x-placement^="top"] {
  margin-bottom: 0.5rem;
}
.bs-popover-top > .arrow,
.bs-popover-auto[x-placement^="top"] > .arrow {
  bottom: calc(-0.5rem - 1px);
}
.bs-popover-top > .arrow::before,
.bs-popover-auto[x-placement^="top"] > .arrow::before {
  bottom: 0;
  border-width: 0.5rem 5px 0;
  border-top-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-top > .arrow::after,
.bs-popover-auto[x-placement^="top"] > .arrow::after {
  bottom: 1px;
  border-width: 0.5rem 5px 0;
  border-top-color: #fff;
}
.bs-popover-right,
.bs-popover-auto[x-placement^="right"] {
  margin-left: 0.5rem;
}
.bs-popover-right > .arrow,
.bs-popover-auto[x-placement^="right"] > .arrow {
  left: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 10px;
  margin: 0.3rem 0;
}
.bs-popover-right > .arrow::before,
.bs-popover-auto[x-placement^="right"] > .arrow::before {
  left: 0;
  border-width: 5px 0.5rem 5px 0;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-right > .arrow::after,
.bs-popover-auto[x-placement^="right"] > .arrow::after {
  left: 1px;
  border-width: 5px 0.5rem 5px 0;
  border-right-color: #fff;
}
.bs-popover-bottom,
.bs-popover-auto[x-placement^="bottom"] {
  margin-top: 0.5rem;
}
.bs-popover-bottom > .arrow,
.bs-popover-auto[x-placement^="bottom"] > .arrow {
  top: calc(-0.5rem - 1px);
}
.bs-popover-bottom > .arrow::before,
.bs-popover-auto[x-placement^="bottom"] > .arrow::before {
  top: 0;
  border-width: 0 5px 0.5rem 5px;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-bottom > .arrow::after,
.bs-popover-auto[x-placement^="bottom"] > .arrow::after {
  top: 1px;
  border-width: 0 5px 0.5rem 5px;
  border-bottom-color: #fff;
}
.bs-popover-bottom .popover-header::before,
.bs-popover-auto[x-placement^="bottom"] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 10px;
  margin-left: -5px;
  content: "";
  border-bottom: 1px solid #f7f7f7;
}
.bs-popover-left,
.bs-popover-auto[x-placement^="left"] {
  margin-right: 0.5rem;
}
.bs-popover-left > .arrow,
.bs-popover-auto[x-placement^="left"] > .arrow {
  right: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 10px;
  margin: 0.3rem 0;
}
.bs-popover-left > .arrow::before,
.bs-popover-auto[x-placement^="left"] > .arrow::before {
  right: 0;
  border-width: 5px 0 5px 0.5rem;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-left > .arrow::after,
.bs-popover-auto[x-placement^="left"] > .arrow::after {
  right: 1px;
  border-width: 5px 0 5px 0.5rem;
  border-left-color: #fff;
}
.popover-header {
  padding: 0.5rem 0.75rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #444444;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}
.popover-header:empty {
  display: none;
}
.popover-body {
  padding: 0.5rem 0.75rem;
  color: #212529;
}
.carousel {
  position: relative;
}
.carousel.pointer-event {
  touch-action: pan-y;
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner::after {
  display: block;
  clear: both;
  content: "";
}
.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  backface-visibility: hidden;
  transition: transform 0.6s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    transition: none;
  }
}
.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}
.carousel-item-next:not(.carousel-item-left),
.active.carousel-item-right {
  transform: translateX(100%);
}
.carousel-item-prev:not(.carousel-item-right),
.active.carousel-item-left {
  transform: translateX(-100%);
}
.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none;
}
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
  z-index: 1;
  opacity: 1;
}
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s 0.6s;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-left,
  .carousel-fade .active.carousel-item-right {
    transition: none;
  }
}
.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  color: #fff;
  text-align: center;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-control-prev,
  .carousel-control-next {
    transition: none;
  }
}
.carousel-control-prev:hover,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-next:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}
.carousel-control-prev {
  left: 0;
}
.carousel-control-next {
  right: 0;
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: no-repeat 50% / 100% 100%;
}
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}
.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}
.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  display: flex;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
}
.carousel-indicators li {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 0.5;
  transition: opacity 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-indicators li {
    transition: none;
  }
}
.carousel-indicators .active {
  opacity: 1;
}
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
}
@keyframes spinner-border {
  to {
    transform: rotate(360deg);
  }
}
.spinner-border {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  border: 0.25em solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: spinner-border 0.75s linear infinite;
}
.spinner-border-sm {
  width: 1rem;
  height: 1rem;
  border-width: 0.2em;
}
@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
  }
}
.spinner-grow {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  background-color: currentColor;
  border-radius: 50%;
  opacity: 0;
  animation: spinner-grow 0.75s linear infinite;
}
.spinner-grow-sm {
  width: 1rem;
  height: 1rem;
}
.align-baseline {
  vertical-align: baseline !important;
}
.align-top {
  vertical-align: top !important;
}
.align-middle {
  vertical-align: middle !important;
}
.align-bottom {
  vertical-align: bottom !important;
}
.align-text-bottom {
  vertical-align: text-bottom !important;
}
.align-text-top {
  vertical-align: text-top !important;
}
.bg-primary {
  background-color: #00b7c9 !important;
}
a.bg-primary:hover,
button.bg-primary:hover,
a.bg-primary:focus,
button.bg-primary:focus {
  background-color: #008996 !important;
}
.bg-secondary {
  background-color: #999999 !important;
}
a.bg-secondary:hover,
button.bg-secondary:hover,
a.bg-secondary:focus,
button.bg-secondary:focus {
  background-color: #808080 !important;
}
.bg-success {
  background-color: #71ce61 !important;
}
a.bg-success:hover,
button.bg-success:hover,
a.bg-success:focus,
button.bg-success:focus {
  background-color: #4fc03c !important;
}
.bg-info {
  background-color: #5bc0de !important;
}
a.bg-info:hover,
button.bg-info:hover,
a.bg-info:focus,
button.bg-info:focus {
  background-color: #31b0d5 !important;
}
.bg-warning {
  background-color: #f0ad4e !important;
}
a.bg-warning:hover,
button.bg-warning:hover,
a.bg-warning:focus,
button.bg-warning:focus {
  background-color: #ec971f !important;
}
.bg-danger {
  background-color: #f04e5e !important;
}
a.bg-danger:hover,
button.bg-danger:hover,
a.bg-danger:focus,
button.bg-danger:focus {
  background-color: #ec1f33 !important;
}
.bg-light {
  background-color: #f8f9fa !important;
}
a.bg-light:hover,
button.bg-light:hover,
a.bg-light:focus,
button.bg-light:focus {
  background-color: #dae0e5 !important;
}
.bg-dark {
  background-color: #343a40 !important;
}
a.bg-dark:hover,
button.bg-dark:hover,
a.bg-dark:focus,
button.bg-dark:focus {
  background-color: #1d2124 !important;
}
.bg-white {
  background-color: #ffffff !important;
}
.bg-transparent {
  background-color: transparent !important;
}
.border {
  border: 1px solid #dee2e6 !important;
}
.border-top {
  border-top: 1px solid #dee2e6 !important;
}
.border-right {
  border-right: 1px solid #dee2e6 !important;
}
.border-bottom {
  border-bottom: 1px solid #dee2e6 !important;
}
.border-left {
  border-left: 1px solid #dee2e6 !important;
}
.border-0 {
  border: 0 !important;
}
.border-top-0 {
  border-top: 0 !important;
}
.border-right-0 {
  border-right: 0 !important;
}
.border-bottom-0 {
  border-bottom: 0 !important;
}
.border-left-0 {
  border-left: 0 !important;
}
.border-primary {
  border-color: #00b7c9 !important;
}
.border-secondary {
  border-color: #999999 !important;
}
.border-success {
  border-color: #71ce61 !important;
}
.border-info {
  border-color: #5bc0de !important;
}
.border-warning {
  border-color: #f0ad4e !important;
}
.border-danger {
  border-color: #f04e5e !important;
}
.border-light {
  border-color: #f8f9fa !important;
}
.border-dark {
  border-color: #343a40 !important;
}
.border-white {
  border-color: #ffffff !important;
}
.rounded-sm {
  border-radius: 0.2rem !important;
}
.rounded {
  border-radius: 0.25rem !important;
}
.rounded-top {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}
.rounded-right {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}
.rounded-bottom {
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}
.rounded-left {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}
.rounded-lg {
  border-radius: 0.3rem !important;
}
.rounded-circle {
  border-radius: 50% !important;
}
.rounded-pill {
  border-radius: 50rem !important;
}
.rounded-0 {
  border-radius: 0 !important;
}
.clearfix::after {
  display: block;
  clear: both;
  content: "";
}
.d-none {
  display: none !important;
}
.d-inline {
  display: inline !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-block {
  display: block !important;
}
.d-table {
  display: table !important;
}
.d-table-row {
  display: table-row !important;
}
.d-table-cell {
  display: table-cell !important;
}
.d-flex {
  display: flex !important;
}
.d-inline-flex {
  display: inline-flex !important;
}
@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
}
@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
}
.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}
.embed-responsive::before {
  display: block;
  content: "";
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.embed-responsive-21by9::before {
  padding-top: 42.85714286%;
}
.embed-responsive-16by9::before {
  padding-top: 56.25%;
}
.embed-responsive-4by3::before {
  padding-top: 75%;
}
.embed-responsive-1by1::before {
  padding-top: 100%;
}
.flex-row {
  flex-direction: row !important;
}
.flex-column {
  flex-direction: column !important;
}
.flex-row-reverse {
  flex-direction: row-reverse !important;
}
.flex-column-reverse {
  flex-direction: column-reverse !important;
}
.flex-wrap {
  flex-wrap: wrap !important;
}
.flex-nowrap {
  flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.flex-fill {
  flex: 1 1 auto !important;
}
.flex-grow-0 {
  flex-grow: 0 !important;
}
.flex-grow-1 {
  flex-grow: 1 !important;
}
.flex-shrink-0 {
  flex-shrink: 0 !important;
}
.flex-shrink-1 {
  flex-shrink: 1 !important;
}
.justify-content-start {
  justify-content: flex-start !important;
}
.justify-content-end {
  justify-content: flex-end !important;
}
.justify-content-center {
  justify-content: center !important;
}
.justify-content-between {
  justify-content: space-between !important;
}
.justify-content-around {
  justify-content: space-around !important;
}
.align-items-start {
  align-items: flex-start !important;
}
.align-items-end {
  align-items: flex-end !important;
}
.align-items-center {
  align-items: center !important;
}
.align-items-baseline {
  align-items: baseline !important;
}
.align-items-stretch {
  align-items: stretch !important;
}
.align-content-start {
  align-content: flex-start !important;
}
.align-content-end {
  align-content: flex-end !important;
}
.align-content-center {
  align-content: center !important;
}
.align-content-between {
  align-content: space-between !important;
}
.align-content-around {
  align-content: space-around !important;
}
.align-content-stretch {
  align-content: stretch !important;
}
.align-self-auto {
  align-self: auto !important;
}
.align-self-start {
  align-self: flex-start !important;
}
.align-self-end {
  align-self: flex-end !important;
}
.align-self-center {
  align-self: center !important;
}
.align-self-baseline {
  align-self: baseline !important;
}
.align-self-stretch {
  align-self: stretch !important;
}
@media (min-width: 576px) {
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 992px) {
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1200px) {
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
}
.float-left {
  float: left !important;
}
.float-right {
  float: right !important;
}
.float-none {
  float: none !important;
}
@media (min-width: 576px) {
  .float-sm-left {
    float: left !important;
  }
  .float-sm-right {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
}
@media (min-width: 768px) {
  .float-md-left {
    float: left !important;
  }
  .float-md-right {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
}
@media (min-width: 992px) {
  .float-lg-left {
    float: left !important;
  }
  .float-lg-right {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-left {
    float: left !important;
  }
  .float-xl-right {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
}
.overflow-auto {
  overflow: auto !important;
}
.overflow-hidden {
  overflow: hidden !important;
}
.position-static {
  position: static !important;
}
.position-relative {
  position: relative !important;
}
.position-absolute {
  position: absolute !important;
}
.position-fixed {
  position: fixed !important;
}
.position-sticky {
  position: sticky !important;
}
.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}
.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}
@supports (position: sticky) {
  .sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
}
.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}
.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}
.shadow-none {
  box-shadow: none !important;
}
.w-25 {
  width: 25% !important;
}
.w-50 {
  width: 50% !important;
}
.w-75 {
  width: 75% !important;
}
.w-100 {
  width: 100% !important;
}
.w-auto {
  width: auto !important;
}
.h-25 {
  height: 25% !important;
}
.h-50 {
  height: 50% !important;
}
.h-75 {
  height: 75% !important;
}
.h-100 {
  height: 100% !important;
}
.h-auto {
  height: auto !important;
}
.mw-100 {
  max-width: 100% !important;
}
.mh-100 {
  max-height: 100% !important;
}
.min-vw-100 {
  min-width: 100vw !important;
}
.min-vh-100 {
  min-height: 100vh !important;
}
.vw-100 {
  width: 100vw !important;
}
.vh-100 {
  height: 100vh !important;
}
.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: rgba(0, 0, 0, 0);
}
.m-0 {
  margin: 0 !important;
}
.mt-0,
.my-0 {
  margin-top: 0 !important;
}
.mr-0,
.mx-0 {
  margin-right: 0 !important;
}
.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}
.ml-0,
.mx-0 {
  margin-left: 0 !important;
}
.m-1 {
  margin: 0.25rem !important;
}
.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}
.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}
.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}
.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}
.m-2 {
  margin: 0.5rem !important;
}
.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}
.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}
.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}
.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}
.m-3 {
  margin: 1rem !important;
}
.mt-3,
.my-3 {
  margin-top: 1rem !important;
}
.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}
.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}
.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}
.m-4 {
  margin: 1.5rem !important;
}
.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}
.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}
.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}
.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}
.m-5 {
  margin: 3rem !important;
}
.mt-5,
.my-5 {
  margin-top: 3rem !important;
}
.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}
.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}
.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}
.p-0 {
  padding: 0 !important;
}
.pt-0,
.py-0 {
  padding-top: 0 !important;
}
.pr-0,
.px-0 {
  padding-right: 0 !important;
}
.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}
.pl-0,
.px-0 {
  padding-left: 0 !important;
}
.p-1 {
  padding: 0.25rem !important;
}
.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}
.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}
.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}
.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}
.p-2 {
  padding: 0.5rem !important;
}
.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}
.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}
.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}
.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}
.p-3 {
  padding: 1rem !important;
}
.pt-3,
.py-3 {
  padding-top: 1rem !important;
}
.pr-3,
.px-3 {
  padding-right: 1rem !important;
}
.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}
.pl-3,
.px-3 {
  padding-left: 1rem !important;
}
.p-4 {
  padding: 1.5rem !important;
}
.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}
.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}
.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}
.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}
.p-5 {
  padding: 3rem !important;
}
.pt-5,
.py-5 {
  padding-top: 3rem !important;
}
.pr-5,
.px-5 {
  padding-right: 3rem !important;
}
.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}
.pl-5,
.px-5 {
  padding-left: 3rem !important;
}
.m-n1 {
  margin: -0.25rem !important;
}
.mt-n1,
.my-n1 {
  margin-top: -0.25rem !important;
}
.mr-n1,
.mx-n1 {
  margin-right: -0.25rem !important;
}
.mb-n1,
.my-n1 {
  margin-bottom: -0.25rem !important;
}
.ml-n1,
.mx-n1 {
  margin-left: -0.25rem !important;
}
.m-n2 {
  margin: -0.5rem !important;
}
.mt-n2,
.my-n2 {
  margin-top: -0.5rem !important;
}
.mr-n2,
.mx-n2 {
  margin-right: -0.5rem !important;
}
.mb-n2,
.my-n2 {
  margin-bottom: -0.5rem !important;
}
.ml-n2,
.mx-n2 {
  margin-left: -0.5rem !important;
}
.m-n3 {
  margin: -1rem !important;
}
.mt-n3,
.my-n3 {
  margin-top: -1rem !important;
}
.mr-n3,
.mx-n3 {
  margin-right: -1rem !important;
}
.mb-n3,
.my-n3 {
  margin-bottom: -1rem !important;
}
.ml-n3,
.mx-n3 {
  margin-left: -1rem !important;
}
.m-n4 {
  margin: -1.5rem !important;
}
.mt-n4,
.my-n4 {
  margin-top: -1.5rem !important;
}
.mr-n4,
.mx-n4 {
  margin-right: -1.5rem !important;
}
.mb-n4,
.my-n4 {
  margin-bottom: -1.5rem !important;
}
.ml-n4,
.mx-n4 {
  margin-left: -1.5rem !important;
}
.m-n5 {
  margin: -3rem !important;
}
.mt-n5,
.my-n5 {
  margin-top: -3rem !important;
}
.mr-n5,
.mx-n5 {
  margin-right: -3rem !important;
}
.mb-n5,
.my-n5 {
  margin-bottom: -3rem !important;
}
.ml-n5,
.mx-n5 {
  margin-left: -3rem !important;
}
.m-auto {
  margin: auto !important;
}
.mt-auto,
.my-auto {
  margin-top: auto !important;
}
.mr-auto,
.mx-auto {
  margin-right: auto !important;
}
.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}
.ml-auto,
.mx-auto {
  margin-left: auto !important;
}
@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important;
  }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important;
  }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important;
  }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important;
  }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important;
  }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important;
  }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important;
  }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important;
  }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important;
  }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important;
  }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important;
  }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important;
  }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important;
  }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important;
  }
  .m-sm-n1 {
    margin: -0.25rem !important;
  }
  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-sm-n1,
  .mx-sm-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-sm-n1,
  .mx-sm-n1 {
    margin-left: -0.25rem !important;
  }
  .m-sm-n2 {
    margin: -0.5rem !important;
  }
  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-sm-n2,
  .mx-sm-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-sm-n2,
  .mx-sm-n2 {
    margin-left: -0.5rem !important;
  }
  .m-sm-n3 {
    margin: -1rem !important;
  }
  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: -1rem !important;
  }
  .mr-sm-n3,
  .mx-sm-n3 {
    margin-right: -1rem !important;
  }
  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-sm-n3,
  .mx-sm-n3 {
    margin-left: -1rem !important;
  }
  .m-sm-n4 {
    margin: -1.5rem !important;
  }
  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-sm-n4,
  .mx-sm-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-sm-n4,
  .mx-sm-n4 {
    margin-left: -1.5rem !important;
  }
  .m-sm-n5 {
    margin: -3rem !important;
  }
  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: -3rem !important;
  }
  .mr-sm-n5,
  .mx-sm-n5 {
    margin-right: -3rem !important;
  }
  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-sm-n5,
  .mx-sm-n5 {
    margin-left: -3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important;
  }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important;
  }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important;
  }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important;
  }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important;
  }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important;
  }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important;
  }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important;
  }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important;
  }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important;
  }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important;
  }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important;
  }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important;
  }
  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important;
  }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important;
  }
  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important;
  }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important;
  }
  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important;
  }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important;
  }
  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important;
  }
  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important;
  }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important;
  }
  .pr-md-5,
  .px-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important;
  }
  .pl-md-5,
  .px-md-5 {
    padding-left: 3rem !important;
  }
  .m-md-n1 {
    margin: -0.25rem !important;
  }
  .mt-md-n1,
  .my-md-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-md-n1,
  .mx-md-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-md-n1,
  .mx-md-n1 {
    margin-left: -0.25rem !important;
  }
  .m-md-n2 {
    margin: -0.5rem !important;
  }
  .mt-md-n2,
  .my-md-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-md-n2,
  .mx-md-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-md-n2,
  .mx-md-n2 {
    margin-left: -0.5rem !important;
  }
  .m-md-n3 {
    margin: -1rem !important;
  }
  .mt-md-n3,
  .my-md-n3 {
    margin-top: -1rem !important;
  }
  .mr-md-n3,
  .mx-md-n3 {
    margin-right: -1rem !important;
  }
  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-md-n3,
  .mx-md-n3 {
    margin-left: -1rem !important;
  }
  .m-md-n4 {
    margin: -1.5rem !important;
  }
  .mt-md-n4,
  .my-md-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-md-n4,
  .mx-md-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-md-n4,
  .mx-md-n4 {
    margin-left: -1.5rem !important;
  }
  .m-md-n5 {
    margin: -3rem !important;
  }
  .mt-md-n5,
  .my-md-n5 {
    margin-top: -3rem !important;
  }
  .mr-md-n5,
  .mx-md-n5 {
    margin-right: -3rem !important;
  }
  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-md-n5,
  .mx-md-n5 {
    margin-left: -3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important;
  }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important;
  }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important;
  }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important;
  }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important;
  }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important;
  }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important;
  }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important;
  }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important;
  }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important;
  }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important;
  }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important;
  }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important;
  }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important;
  }
  .m-lg-n1 {
    margin: -0.25rem !important;
  }
  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-lg-n1,
  .mx-lg-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-lg-n1,
  .mx-lg-n1 {
    margin-left: -0.25rem !important;
  }
  .m-lg-n2 {
    margin: -0.5rem !important;
  }
  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-lg-n2,
  .mx-lg-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-lg-n2,
  .mx-lg-n2 {
    margin-left: -0.5rem !important;
  }
  .m-lg-n3 {
    margin: -1rem !important;
  }
  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: -1rem !important;
  }
  .mr-lg-n3,
  .mx-lg-n3 {
    margin-right: -1rem !important;
  }
  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-lg-n3,
  .mx-lg-n3 {
    margin-left: -1rem !important;
  }
  .m-lg-n4 {
    margin: -1.5rem !important;
  }
  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-lg-n4,
  .mx-lg-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-lg-n4,
  .mx-lg-n4 {
    margin-left: -1.5rem !important;
  }
  .m-lg-n5 {
    margin: -3rem !important;
  }
  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: -3rem !important;
  }
  .mr-lg-n5,
  .mx-lg-n5 {
    margin-right: -3rem !important;
  }
  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-lg-n5,
  .mx-lg-n5 {
    margin-left: -3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important;
  }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important;
  }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important;
  }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important;
  }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important;
  }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important;
  }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important;
  }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important;
  }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important;
  }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important;
  }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important;
  }
  .m-xl-n1 {
    margin: -0.25rem !important;
  }
  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-xl-n1,
  .mx-xl-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-xl-n1,
  .mx-xl-n1 {
    margin-left: -0.25rem !important;
  }
  .m-xl-n2 {
    margin: -0.5rem !important;
  }
  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-xl-n2,
  .mx-xl-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-xl-n2,
  .mx-xl-n2 {
    margin-left: -0.5rem !important;
  }
  .m-xl-n3 {
    margin: -1rem !important;
  }
  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: -1rem !important;
  }
  .mr-xl-n3,
  .mx-xl-n3 {
    margin-right: -1rem !important;
  }
  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-xl-n3,
  .mx-xl-n3 {
    margin-left: -1rem !important;
  }
  .m-xl-n4 {
    margin: -1.5rem !important;
  }
  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-xl-n4,
  .mx-xl-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-xl-n4,
  .mx-xl-n4 {
    margin-left: -1.5rem !important;
  }
  .m-xl-n5 {
    margin: -3rem !important;
  }
  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: -3rem !important;
  }
  .mr-xl-n5,
  .mx-xl-n5 {
    margin-right: -3rem !important;
  }
  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-xl-n5,
  .mx-xl-n5 {
    margin-left: -3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }
}
.text-monospace {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace !important;
}
.text-justify {
  text-align: justify !important;
}
.text-wrap {
  white-space: normal !important;
}
.text-nowrap {
  white-space: nowrap !important;
}
.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
.text-center {
  text-align: center !important;
}
@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important;
  }
  .text-xl-right {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
.text-lowercase {
  text-transform: lowercase !important;
}
.text-uppercase {
  text-transform: uppercase !important;
}
.text-capitalize {
  text-transform: capitalize !important;
}
.font-weight-light {
  font-weight: 300 !important;
}
.font-weight-lighter {
  font-weight: lighter !important;
}
.font-weight-normal {
  font-weight: 400 !important;
}
.font-weight-bold {
  font-weight: 700 !important;
}
.font-weight-bolder {
  font-weight: bolder !important;
}
.font-italic {
  font-style: italic !important;
}
.text-white {
  color: #ffffff !important;
}
.text-primary {
  color: #00b7c9 !important;
}
a.text-primary:hover,
a.text-primary:focus {
  color: #00717d !important;
}
.text-secondary {
  color: #999999 !important;
}
a.text-secondary:hover,
a.text-secondary:focus {
  color: #737373 !important;
}
.text-success {
  color: #71ce61 !important;
}
a.text-success:hover,
a.text-success:focus {
  color: #47ad36 !important;
}
.text-info {
  color: #5bc0de !important;
}
a.text-info:hover,
a.text-info:focus {
  color: #28a1c5 !important;
}
.text-warning {
  color: #f0ad4e !important;
}
a.text-warning:hover,
a.text-warning:focus {
  color: #df8a13 !important;
}
.text-danger {
  color: #f04e5e !important;
}
a.text-danger:hover,
a.text-danger:focus {
  color: #df1327 !important;
}
.text-light {
  color: #f8f9fa !important;
}
a.text-light:hover,
a.text-light:focus {
  color: #cbd3da !important;
}
.text-dark {
  color: #343a40 !important;
}
a.text-dark:hover,
a.text-dark:focus {
  color: #121416 !important;
}
.text-body {
  color: #212529 !important;
}
.text-muted {
  color: #999999 !important;
}
.text-black-50 {
  color: rgba(0, 0, 0, 0.5) !important;
}
.text-white-50 {
  color: rgba(255, 255, 255, 0.5) !important;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.text-decoration-none {
  text-decoration: none !important;
}
.text-break {
  word-break: break-word !important;
  overflow-wrap: break-word !important;
}
.text-reset {
  color: inherit !important;
}
.visible {
  visibility: visible !important;
}
.invisible {
  visibility: hidden !important;
}
@media print {
  *,
  *::before,
  *::after {
    text-shadow: none !important;
    box-shadow: none !important;
  }
  a:not(.btn) {
    text-decoration: underline;
  }
  abbr[title]::after {
    content: " (" attr(title) ")";
  }
  pre {
    white-space: pre-wrap !important;
  }
  pre,
  blockquote {
    border: 1px solid #adb5bd;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  @page {
    size: a3;
  }
  body {
    min-width: 992px !important;
  }
  .container {
    min-width: 992px !important;
  }
  .navbar {
    display: none;
  }
  .badge,
  .component-striptags-tags .component-stringtags-tag {
    border: 1px solid #000000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #ffffff !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #dee2e6 !important;
  }
  .table-dark {
    color: inherit;
  }
  .table-dark th,
  .table-dark td,
  .table-dark thead th,
  .table-dark tbody + tbody {
    border-color: #ddd;
  }
  .table .thead-dark th {
    color: inherit;
    border-color: #ddd;
  }
}
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
}
h1,
.h1 {
  font-size: 20px;
}
h2,
.h2 {
  font-size: 17px;
}
h3,
.h3 {
  font-size: 17px;
}
h4,
.h4 {
  font-size: 15px;
}
h5,
.h5 {
  font-size: 14px;
}
h6,
.h6 {
  font-size: 12px;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
pre {
  padding: 9.5px;
  margin: 0 0 10px;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.toast-title {
  font-weight: bold;
}
.toast-message {
  word-wrap: break-word;
}
.toast-message a,
.toast-message label {
  color: #FFFFFF;
}
.toast-message a:hover {
  color: #CCCCCC;
  text-decoration: none;
}
.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  -webkit-text-shadow: 0 1px 0 #ffffff;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.8;
}
.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
}
/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-left {
  top: 12px;
  left: 12px;
}
.toast-top-right {
  top: 12px;
  right: 12px;
}
.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}
.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}
#toast-container {
  position: fixed;
  z-index: 999999;
  /*overrides*/
}
#toast-container * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#toast-container .toast {
  position: relative;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  -moz-box-shadow: 0 0 12px #999999;
  -webkit-box-shadow: 0 0 12px #999999;
  box-shadow: 0 0 12px #999999;
  color: #FFFFFF;
  opacity: 0.8;
}
#toast-container .toast:hover {
  -moz-box-shadow: 0 0 12px #000000;
  -webkit-box-shadow: 0 0 12px #000000;
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  cursor: pointer;
}
#toast-container .toast.toast-info {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
}
#toast-container .toast.toast-error {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
}
#toast-container .toast.toast-success {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
}
#toast-container .toast.toast-warning {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
}
#toast-container.toast-top-center .toast,
#toast-container.toast-bottom-center .toast {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}
#toast-container.toast-top-full-width .toast,
#toast-container.toast-bottom-full-width .toast {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}
.toast {
  background-color: #030303;
}
.toast-success {
  background-color: #51A351;
}
.toast-error {
  background-color: #BD362F;
}
.toast-info {
  background-color: #2F96B4;
}
.toast-warning {
  background-color: #F89406;
}
progress-bar {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
}
/*Animations*/
div[toast] {
  opacity: 1 !important;
}
div[toast].ng-enter {
  opacity: 0 !important;
  transition: opacity 0.3s linear;
}
div[toast].ng-enter.ng-enter-active {
  opacity: 1 !important;
}
div[toast].ng-leave {
  opacity: 1;
  transition: opacity 0.3s linear;
}
div[toast].ng-leave.ng-leave-active {
  opacity: 0 !important;
}
/*Responsive Design*/
@media all and (max-width: 240px) {
  #toast-container .toast.div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  #toast-container .toast.div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  #toast-container .toast.div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}
/*!
 * FullCalendar v3.9.0
 * Docs & License: https://fullcalendar.io/
 * (c) 2018 Adam Shaw
 */
.fc {
  direction: ltr;
  text-align: left;
}
.fc-rtl {
  text-align: right;
}
body .fc {
  /* extra precedence to overcome jqui */
  font-size: 1em;
}
/* Colors
--------------------------------------------------------------------------------------------------*/
.fc-highlight {
  /* when user is selecting cells */
  background: #bce8f1;
  opacity: 0.3;
}
.fc-bgevent {
  /* default look for background events */
  background: #8fdf82;
  opacity: 0.3;
}
.fc-nonbusiness {
  /* default look for non-business-hours areas */
  /* will inherit .fc-bgevent's styles */
  background: #d7d7d7;
}
/* Buttons (styled <button> tags, normalized to work cross-browser)
--------------------------------------------------------------------------------------------------*/
.fc button {
  /* force height to include the border and padding */
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* dimensions */
  margin: 0;
  height: 2.1em;
  padding: 0 0.6em;
  /* text & cursor */
  font-size: 1em;
  /* normalize */
  white-space: nowrap;
  cursor: pointer;
}
/* Firefox has an annoying inner border */
.fc button::-moz-focus-inner {
  margin: 0;
  padding: 0;
}
.fc-state-default {
  /* non-theme */
  border: 1px solid;
}
.fc-state-default.fc-corner-left {
  /* non-theme */
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.fc-state-default.fc-corner-right {
  /* non-theme */
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
/* icons in buttons */
.fc button .fc-icon {
  /* non-theme */
  position: relative;
  top: -0.05em;
  /* seems to be a good adjustment across browsers */
  margin: 0 0.2em;
  vertical-align: middle;
}
/*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/
.fc-state-default {
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
  color: #333333;
  background-color: #e6e6e6;
}
.fc-state-hover {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}
.fc-state-down,
.fc-state-active {
  background-color: #cccccc;
  background-image: none;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.fc-state-disabled {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  box-shadow: none;
}
/* Buttons Groups
--------------------------------------------------------------------------------------------------*/
.fc-button-group {
  display: inline-block;
}
/*
every button that is not first in a button group should scootch over one pixel and cover the
previous button's border...
*/
.fc .fc-button-group > * {
  /* extra precedence b/c buttons have margin set to zero */
  float: left;
  margin: 0 0 0 -1px;
}
.fc .fc-button-group > :first-child {
  /* same */
  margin-left: 0;
}
/* Popover
--------------------------------------------------------------------------------------------------*/
.fc-popover {
  position: absolute;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}
.fc-popover .fc-header {
  /* TODO: be more consistent with fc-head/fc-body */
  padding: 2px 4px;
}
.fc-popover .fc-header .fc-title {
  margin: 0 2px;
}
.fc-popover .fc-header .fc-close {
  cursor: pointer;
}
.fc-ltr .fc-popover .fc-header .fc-title,
.fc-rtl .fc-popover .fc-header .fc-close {
  float: left;
}
.fc-rtl .fc-popover .fc-header .fc-title,
.fc-ltr .fc-popover .fc-header .fc-close {
  float: right;
}
/* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/
.fc-divider {
  border-style: solid;
  border-width: 1px;
}
hr.fc-divider {
  height: 0;
  margin: 0;
  padding: 0 0 2px;
  /* height is unreliable across browsers, so use padding */
  border-width: 1px 0;
}
.fc-clear {
  clear: both;
}
.fc-bg,
.fc-bgevent-skeleton,
.fc-highlight-skeleton,
.fc-helper-skeleton {
  /* these element should always cling to top-left/right corners */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.fc-bg {
  bottom: 0;
  /* strech bg to bottom edge */
}
.fc-bg table {
  height: 100%;
  /* strech bg to bottom edge */
}
/* Tables
--------------------------------------------------------------------------------------------------*/
.fc table {
  width: 100%;
  box-sizing: border-box;
  /* fix scrollbar issue in firefox */
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1em;
  /* normalize cross-browser */
}
.fc th {
  text-align: center;
}
.fc th,
.fc td {
  border-style: solid;
  border-width: 1px;
  padding: 0;
  vertical-align: top;
}
.fc td.fc-today {
  border-style: double;
  /* overcome neighboring borders */
}
/* Internal Nav Links
--------------------------------------------------------------------------------------------------*/
a[data-goto] {
  cursor: pointer;
}
a[data-goto]:hover {
  text-decoration: underline;
}
/* Fake Table Rows
--------------------------------------------------------------------------------------------------*/
.fc .fc-row {
  /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */
  /* no visible border by default. but make available if need be (scrollbar width compensation) */
  border-style: solid;
  border-width: 0;
}
.fc-row table {
  /* don't put left/right border on anything within a fake row.
     the outer tbody will worry about this */
  border-left: 0 hidden transparent;
  border-right: 0 hidden transparent;
  /* no bottom borders on rows */
  border-bottom: 0 hidden transparent;
}
.fc-row:first-child table {
  border-top: 0 hidden transparent;
  /* no top border on first row */
}
/* Day Row (used within the header and the DayGrid)
--------------------------------------------------------------------------------------------------*/
.fc-row {
  position: relative;
}
.fc-row .fc-bg {
  z-index: 1;
}
/* highlighting cells & background event skeleton */
.fc-row .fc-bgevent-skeleton,
.fc-row .fc-highlight-skeleton {
  bottom: 0;
  /* stretch skeleton to bottom of row */
}
.fc-row .fc-bgevent-skeleton table,
.fc-row .fc-highlight-skeleton table {
  height: 100%;
  /* stretch skeleton to bottom of row */
}
.fc-row .fc-highlight-skeleton td,
.fc-row .fc-bgevent-skeleton td {
  border-color: transparent;
}
.fc-row .fc-bgevent-skeleton {
  z-index: 2;
}
.fc-row .fc-highlight-skeleton {
  z-index: 3;
}
/*
row content (which contains day/week numbers and events) as well as "helper" (which contains
temporary rendered events).
*/
.fc-row .fc-content-skeleton {
  position: relative;
  z-index: 4;
  padding-bottom: 2px;
  /* matches the space above the events */
}
.fc-row .fc-helper-skeleton {
  z-index: 5;
}
.fc .fc-row .fc-content-skeleton table,
.fc .fc-row .fc-content-skeleton td,
.fc .fc-row .fc-helper-skeleton td {
  /* see-through to the background below */
  /* extra precedence to prevent theme-provided backgrounds */
  background: none;
  /* in case <td>s are globally styled */
  border-color: transparent;
}
.fc-row .fc-content-skeleton td,
.fc-row .fc-helper-skeleton td {
  /* don't put a border between events and/or the day number */
  border-bottom: 0;
}
.fc-row .fc-content-skeleton tbody td,
.fc-row .fc-helper-skeleton tbody td {
  /* don't put a border between event cells */
  border-top: 0;
}
/* Scrolling Container
--------------------------------------------------------------------------------------------------*/
.fc-scroller {
  -webkit-overflow-scrolling: touch;
}
/* TODO: move to agenda/basic */
.fc-scroller > .fc-day-grid,
.fc-scroller > .fc-time-grid {
  position: relative;
  /* re-scope all positions */
  width: 100%;
  /* hack to force re-sizing this inner element when scrollbars appear/disappear */
}
/* Global Event Styles
--------------------------------------------------------------------------------------------------*/
.fc-event {
  position: relative;
  /* for resize handle and other inner positioning */
  display: block;
  /* make the <a> tag block */
  font-size: 0.85em;
  line-height: 1.3;
  border-radius: 3px;
  border: 1px solid #3a87ad;
  /* default BORDER color */
}
.fc-event,
.fc-event-dot {
  background-color: #3a87ad;
  /* default BACKGROUND color */
}
.fc-event,
.fc-event:hover {
  color: #fff;
  /* default TEXT color */
  text-decoration: none;
  /* if <a> has an href */
}
.fc-event[href],
.fc-event.fc-draggable {
  cursor: pointer;
  /* give events with links and draggable events a hand mouse pointer */
}
.fc-not-allowed,
.fc-not-allowed .fc-event {
  /* to override an event's custom cursor */
  cursor: not-allowed;
}
.fc-event .fc-bg {
  /* the generic .fc-bg already does position */
  z-index: 1;
  background: #fff;
  opacity: 0.25;
}
.fc-event .fc-content {
  position: relative;
  z-index: 2;
}
/* resizer (cursor AND touch devices) */
.fc-event .fc-resizer {
  position: absolute;
  z-index: 4;
}
/* resizer (touch devices) */
.fc-event .fc-resizer {
  display: none;
}
.fc-event.fc-allow-mouse-resize .fc-resizer,
.fc-event.fc-selected .fc-resizer {
  /* only show when hovering or selected (with touch) */
  display: block;
}
/* hit area */
.fc-event.fc-selected .fc-resizer:before {
  /* 40x40 touch area */
  content: "";
  position: absolute;
  z-index: 9999;
  /* user of this util can scope within a lower z-index */
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-left: -20px;
  margin-top: -20px;
}
/* Event Selection (only for touch devices)
--------------------------------------------------------------------------------------------------*/
.fc-event.fc-selected {
  z-index: 9999 !important;
  /* overcomes inline z-index */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.fc-event.fc-selected.fc-dragging {
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
}
/* Horizontal Events
--------------------------------------------------------------------------------------------------*/
/* bigger touch area when selected */
.fc-h-event.fc-selected:before {
  content: "";
  position: absolute;
  z-index: 3;
  /* below resizers */
  top: -10px;
  bottom: -10px;
  left: 0;
  right: 0;
}
/* events that are continuing to/from another week. kill rounded corners and butt up against edge */
.fc-ltr .fc-h-event.fc-not-start,
.fc-rtl .fc-h-event.fc-not-end {
  margin-left: 0;
  border-left-width: 0;
  padding-left: 1px;
  /* replace the border with padding */
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.fc-ltr .fc-h-event.fc-not-end,
.fc-rtl .fc-h-event.fc-not-start {
  margin-right: 0;
  border-right-width: 0;
  padding-right: 1px;
  /* replace the border with padding */
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
/* resizer (cursor AND touch devices) */
/* left resizer  */
.fc-ltr .fc-h-event .fc-start-resizer,
.fc-rtl .fc-h-event .fc-end-resizer {
  cursor: w-resize;
  left: -1px;
  /* overcome border */
}
/* right resizer */
.fc-ltr .fc-h-event .fc-end-resizer,
.fc-rtl .fc-h-event .fc-start-resizer {
  cursor: e-resize;
  right: -1px;
  /* overcome border */
}
/* resizer (mouse devices) */
.fc-h-event.fc-allow-mouse-resize .fc-resizer {
  width: 7px;
  top: -1px;
  /* overcome top border */
  bottom: -1px;
  /* overcome bottom border */
}
/* resizer (touch devices) */
.fc-h-event.fc-selected .fc-resizer {
  /* 8x8 little dot */
  border-radius: 4px;
  border-width: 1px;
  width: 6px;
  height: 6px;
  border-style: solid;
  border-color: inherit;
  background: #fff;
  /* vertically center */
  top: 50%;
  margin-top: -4px;
}
/* left resizer  */
.fc-ltr .fc-h-event.fc-selected .fc-start-resizer,
.fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
  margin-left: -4px;
  /* centers the 8x8 dot on the left edge */
}
/* right resizer */
.fc-ltr .fc-h-event.fc-selected .fc-end-resizer,
.fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
  margin-right: -4px;
  /* centers the 8x8 dot on the right edge */
}
/* DayGrid events
----------------------------------------------------------------------------------------------------
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
.fc-day-grid-event {
  margin: 1px 2px 0;
  /* spacing between events and edges */
  padding: 0 1px;
}
tr:first-child > td > .fc-day-grid-event {
  margin-top: 2px;
  /* a little bit more space before the first event */
}
.fc-day-grid-event.fc-selected:after {
  content: "";
  position: absolute;
  z-index: 1;
  /* same z-index as fc-bg, behind text */
  /* overcome the borders */
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  /* darkening effect */
  background: #000;
  opacity: 0.25;
}
.fc-day-grid-event .fc-content {
  /* force events to be one-line tall */
  white-space: nowrap;
  overflow: hidden;
}
.fc-day-grid-event .fc-time {
  font-weight: bold;
}
/* resizer (cursor devices) */
/* left resizer  */
.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,
.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
  margin-left: -2px;
  /* to the day cell's edge */
}
/* right resizer */
.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,
.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
  margin-right: -2px;
  /* to the day cell's edge */
}
/* Event Limiting
--------------------------------------------------------------------------------------------------*/
/* "more" link that represents hidden events */
a.fc-more {
  margin: 1px 3px;
  font-size: 0.85em;
  cursor: pointer;
  text-decoration: none;
}
a.fc-more:hover {
  text-decoration: underline;
}
.fc-limited {
  /* rows and cells that are hidden because of a "more" link */
  display: none;
}
/* popover that appears when "more" link is clicked */
.fc-day-grid .fc-row {
  z-index: 1;
  /* make the "more" popover one higher than this */
}
.fc-more-popover {
  z-index: 2;
  width: 220px;
}
.fc-more-popover .fc-event-container {
  padding: 10px;
}
/* Now Indicator
--------------------------------------------------------------------------------------------------*/
.fc-now-indicator {
  position: absolute;
  border: 0 solid red;
}
/* Utilities
--------------------------------------------------------------------------------------------------*/
.fc-unselectable {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
/*
TODO: more distinction between this file and common.css
*/
/* Colors
--------------------------------------------------------------------------------------------------*/
.fc-unthemed th,
.fc-unthemed td,
.fc-unthemed thead,
.fc-unthemed tbody,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-row,
.fc-unthemed .fc-content,
.fc-unthemed .fc-popover,
.fc-unthemed .fc-list-view,
.fc-unthemed .fc-list-heading td {
  border-color: #ddd;
}
.fc-unthemed .fc-popover {
  background-color: #fff;
}
.fc-unthemed .fc-divider,
.fc-unthemed .fc-popover .fc-header,
.fc-unthemed .fc-list-heading td {
  background: #eee;
}
.fc-unthemed .fc-popover .fc-header .fc-close {
  color: #666;
}
.fc-unthemed td.fc-today {
  background: #fcf8e3;
}
.fc-unthemed .fc-disabled-day {
  background: #d7d7d7;
  opacity: 0.3;
}
/* Icons (inline elements with styled text that mock arrow icons)
--------------------------------------------------------------------------------------------------*/
.fc-icon {
  display: inline-block;
  height: 1em;
  line-height: 1em;
  font-size: 1em;
  text-align: center;
  overflow: hidden;
  font-family: "Courier New", Courier, monospace;
  /* don't allow browser text-selection */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/*
Acceptable font-family overrides for individual icons:
  "Arial", sans-serif
  "Times New Roman", serif

NOTE: use percentage font sizes or else old IE chokes
*/
.fc-icon:after {
  position: relative;
}
.fc-icon-left-single-arrow:after {
  content: "\2039";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
}
.fc-icon-right-single-arrow:after {
  content: "\203A";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
}
.fc-icon-left-double-arrow:after {
  content: "\AB";
  font-size: 160%;
  top: -7%;
}
.fc-icon-right-double-arrow:after {
  content: "\BB";
  font-size: 160%;
  top: -7%;
}
.fc-icon-left-triangle:after {
  content: "\25C4";
  font-size: 125%;
  top: 3%;
}
.fc-icon-right-triangle:after {
  content: "\25BA";
  font-size: 125%;
  top: 3%;
}
.fc-icon-down-triangle:after {
  content: "\25BC";
  font-size: 125%;
  top: 2%;
}
.fc-icon-x:after {
  content: "\D7";
  font-size: 200%;
  top: 6%;
}
/* Popover
--------------------------------------------------------------------------------------------------*/
.fc-unthemed .fc-popover {
  border-width: 1px;
  border-style: solid;
}
.fc-unthemed .fc-popover .fc-header .fc-close {
  font-size: 0.9em;
  margin-top: 2px;
}
/* List View
--------------------------------------------------------------------------------------------------*/
.fc-unthemed .fc-list-item:hover td {
  background-color: #f5f5f5;
}
/* Colors
--------------------------------------------------------------------------------------------------*/
.ui-widget .fc-disabled-day {
  background-image: none;
}
/* Popover
--------------------------------------------------------------------------------------------------*/
.fc-popover > .ui-widget-header + .ui-widget-content {
  border-top: 0;
  /* where they meet, let the header have the border */
}
/* Global Event Styles
--------------------------------------------------------------------------------------------------*/
.ui-widget .fc-event {
  /* overpower jqui's styles on <a> tags. TODO: more DRY */
  color: #fff;
  /* default TEXT color */
  text-decoration: none;
  /* if <a> has an href */
  /* undo ui-widget-header bold */
  font-weight: normal;
}
/* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/
.ui-widget td.fc-axis {
  font-weight: normal;
  /* overcome bold */
}
/* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-slats .ui-widget-content {
  background: none;
  /* see through to fc-bg */
}
.fc.fc-bootstrap3 a {
  text-decoration: none;
}
.fc.fc-bootstrap3 a[data-goto]:hover {
  text-decoration: underline;
}
.fc-bootstrap3 hr.fc-divider {
  border-color: inherit;
}
.fc-bootstrap3 .fc-today.alert {
  border-radius: 0;
}
/* Popover
--------------------------------------------------------------------------------------------------*/
.fc-bootstrap3 .fc-popover .panel-body {
  padding: 0;
}
/* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
.fc-bootstrap3 .fc-time-grid .fc-slats table {
  /* some themes have background color. see through to slats */
  background: none;
}
.fc.fc-bootstrap4 a {
  text-decoration: none;
}
.fc.fc-bootstrap4 a[data-goto]:hover {
  text-decoration: underline;
}
.fc-bootstrap4 hr.fc-divider {
  border-color: inherit;
}
.fc-bootstrap4 .fc-today.alert {
  border-radius: 0;
}
.fc-bootstrap4 a.fc-event:not([href]):not([tabindex]) {
  color: #fff;
}
.fc-bootstrap4 .fc-popover.card {
  position: absolute;
}
/* Popover
--------------------------------------------------------------------------------------------------*/
.fc-bootstrap4 .fc-popover .card-body {
  padding: 0;
}
/* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
.fc-bootstrap4 .fc-time-grid .fc-slats table {
  /* some themes have background color. see through to slats */
  background: none;
}
/* Toolbar
--------------------------------------------------------------------------------------------------*/
.fc-toolbar {
  text-align: center;
}
.fc-toolbar.fc-header-toolbar {
  margin-bottom: 1em;
}
.fc-toolbar.fc-footer-toolbar {
  margin-top: 1em;
}
.fc-toolbar .fc-left {
  float: left;
}
.fc-toolbar .fc-right {
  float: right;
}
.fc-toolbar .fc-center {
  display: inline-block;
}
/* the things within each left/right/center section */
.fc .fc-toolbar > * > * {
  /* extra precedence to override button border margins */
  float: left;
  margin-left: 0.75em;
}
/* the first thing within each left/center/right section */
.fc .fc-toolbar > * > :first-child {
  /* extra precedence to override button border margins */
  margin-left: 0;
}
/* title text */
.fc-toolbar h2 {
  margin: 0;
}
/* button layering (for border precedence) */
.fc-toolbar button {
  position: relative;
}
.fc-toolbar .fc-state-hover,
.fc-toolbar .ui-state-hover {
  z-index: 2;
}
.fc-toolbar .fc-state-down {
  z-index: 3;
}
.fc-toolbar .fc-state-active,
.fc-toolbar .ui-state-active {
  z-index: 4;
}
.fc-toolbar button:focus {
  z-index: 5;
}
/* View Structure
--------------------------------------------------------------------------------------------------*/
/* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
/* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
.fc-view-container *,
.fc-view-container *:before,
.fc-view-container *:after {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.fc-view,
.fc-view > table {
  /* so dragged elements can be above the view's main element */
  position: relative;
  z-index: 1;
}
/* BasicView
--------------------------------------------------------------------------------------------------*/
/* day row structure */
.fc-basicWeek-view .fc-content-skeleton,
.fc-basicDay-view .fc-content-skeleton {
  /* there may be week numbers in these views, so no padding-top */
  padding-bottom: 1em;
  /* ensure a space at bottom of cell for user selecting/clicking */
}
.fc-basic-view .fc-body .fc-row {
  min-height: 4em;
  /* ensure that all rows are at least this tall */
}
/* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */
.fc-row.fc-rigid {
  overflow: hidden;
}
.fc-row.fc-rigid .fc-content-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
/* week and day number styling */
.fc-day-top.fc-other-month {
  opacity: 0.3;
}
.fc-basic-view .fc-week-number,
.fc-basic-view .fc-day-number {
  padding: 2px;
}
.fc-basic-view th.fc-week-number,
.fc-basic-view th.fc-day-number {
  padding: 0 2px;
  /* column headers can't have as much v space */
}
.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
  float: right;
}
.fc-rtl .fc-basic-view .fc-day-top .fc-day-number {
  float: left;
}
.fc-ltr .fc-basic-view .fc-day-top .fc-week-number {
  float: left;
  border-radius: 0 0 3px 0;
}
.fc-rtl .fc-basic-view .fc-day-top .fc-week-number {
  float: right;
  border-radius: 0 0 0 3px;
}
.fc-basic-view .fc-day-top .fc-week-number {
  min-width: 1.5em;
  text-align: center;
  background-color: #f2f2f2;
  color: #808080;
}
/* when week/day number have own column */
.fc-basic-view td.fc-week-number {
  text-align: center;
}
.fc-basic-view td.fc-week-number > * {
  /* work around the way we do column resizing and ensure a minimum width */
  display: inline-block;
  min-width: 1.25em;
}
/* AgendaView all-day area
--------------------------------------------------------------------------------------------------*/
.fc-agenda-view .fc-day-grid {
  position: relative;
  z-index: 2;
  /* so the "more.." popover will be over the time grid */
}
.fc-agenda-view .fc-day-grid .fc-row {
  min-height: 3em;
  /* all-day section will never get shorter than this */
}
.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
  padding-bottom: 1em;
  /* give space underneath events for clicking/selecting days */
}
/* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/
.fc .fc-axis {
  /* .fc to overcome default cell styles */
  vertical-align: middle;
  padding: 0 4px;
  white-space: nowrap;
}
.fc-ltr .fc-axis {
  text-align: right;
}
.fc-rtl .fc-axis {
  text-align: left;
}
/* TimeGrid Structure
--------------------------------------------------------------------------------------------------*/
.fc-time-grid-container,
.fc-time-grid {
  /* so slats/bg/content/etc positions get scoped within here */
  position: relative;
  z-index: 1;
}
.fc-time-grid {
  min-height: 100%;
  /* so if height setting is 'auto', .fc-bg stretches to fill height */
}
.fc-time-grid table {
  /* don't put outer borders on slats/bg/content/etc */
  border: 0 hidden transparent;
}
.fc-time-grid > .fc-bg {
  z-index: 1;
}
.fc-time-grid .fc-slats,
.fc-time-grid > hr {
  /* the <hr> AgendaView injects when grid is shorter than scroller */
  position: relative;
  z-index: 2;
}
.fc-time-grid .fc-content-col {
  position: relative;
  /* because now-indicator lives directly inside */
}
.fc-time-grid .fc-content-skeleton {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0;
}
/* divs within a cell within the fc-content-skeleton */
.fc-time-grid .fc-business-container {
  position: relative;
  z-index: 1;
}
.fc-time-grid .fc-bgevent-container {
  position: relative;
  z-index: 2;
}
.fc-time-grid .fc-highlight-container {
  position: relative;
  z-index: 3;
}
.fc-time-grid .fc-event-container {
  position: relative;
  z-index: 4;
}
.fc-time-grid .fc-now-indicator-line {
  z-index: 5;
}
.fc-time-grid .fc-helper-container {
  /* also is fc-event-container */
  position: relative;
  z-index: 6;
}
/* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-slats td {
  height: 1.5em;
  border-bottom: 0;
  /* each cell is responsible for its top border */
}
.fc-time-grid .fc-slats .fc-minor td {
  border-top-style: dotted;
}
/* TimeGrid Highlighting Slots
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-highlight-container {
  /* a div within a cell within the fc-highlight-skeleton */
  position: relative;
  /* scopes the left/right of the fc-highlight to be in the column */
}
.fc-time-grid .fc-highlight {
  position: absolute;
  left: 0;
  right: 0;
  /* top and bottom will be in by JS */
}
/* TimeGrid Event Containment
--------------------------------------------------------------------------------------------------*/
.fc-ltr .fc-time-grid .fc-event-container {
  /* space on the sides of events for LTR (default) */
  margin: 0 2.5% 0 2px;
}
.fc-rtl .fc-time-grid .fc-event-container {
  /* space on the sides of events for RTL */
  margin: 0 2px 0 2.5%;
}
.fc-time-grid .fc-event,
.fc-time-grid .fc-bgevent {
  position: absolute;
  z-index: 1;
  /* scope inner z-index's */
}
.fc-time-grid .fc-bgevent {
  /* background events always span full width */
  left: 0;
  right: 0;
}
/* Generic Vertical Event
--------------------------------------------------------------------------------------------------*/
.fc-v-event.fc-not-start {
  /* events that are continuing from another day */
  /* replace space made by the top border with padding */
  border-top-width: 0;
  padding-top: 1px;
  /* remove top rounded corners */
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.fc-v-event.fc-not-end {
  /* replace space made by the top border with padding */
  border-bottom-width: 0;
  padding-bottom: 1px;
  /* remove bottom rounded corners */
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
/* TimeGrid Event Styling
----------------------------------------------------------------------------------------------------
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
.fc-time-grid-event {
  overflow: hidden;
  /* don't let the bg flow over rounded corners */
}
.fc-time-grid-event.fc-selected {
  /* need to allow touch resizers to extend outside event's bounding box */
  /* common fc-selected styles hide the fc-bg, so don't need this anyway */
  overflow: visible;
}
.fc-time-grid-event.fc-selected .fc-bg {
  display: none;
  /* hide semi-white background, to appear darker */
}
.fc-time-grid-event .fc-content {
  overflow: hidden;
  /* for when .fc-selected */
}
.fc-time-grid-event .fc-time,
.fc-time-grid-event .fc-title {
  padding: 0 1px;
}
.fc-time-grid-event .fc-time {
  font-size: 0.85em;
  white-space: nowrap;
}
/* short mode, where time and title are on the same line */
.fc-time-grid-event.fc-short .fc-content {
  /* don't wrap to second line (now that contents will be inline) */
  white-space: nowrap;
}
.fc-time-grid-event.fc-short .fc-time,
.fc-time-grid-event.fc-short .fc-title {
  /* put the time and title on the same line */
  display: inline-block;
  vertical-align: top;
}
.fc-time-grid-event.fc-short .fc-time span {
  display: none;
  /* don't display the full time text... */
}
.fc-time-grid-event.fc-short .fc-time:before {
  content: attr(data-start);
  /* ...instead, display only the start time */
}
.fc-time-grid-event.fc-short .fc-time:after {
  content: "\A0-\A0";
  /* seperate with a dash, wrapped in nbsp's */
}
.fc-time-grid-event.fc-short .fc-title {
  font-size: 0.85em;
  /* make the title text the same size as the time */
  padding: 0;
  /* undo padding from above */
}
/* resizer (cursor device) */
.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
  left: 0;
  right: 0;
  bottom: 0;
  height: 8px;
  overflow: hidden;
  line-height: 8px;
  font-size: 11px;
  font-family: monospace;
  text-align: center;
  cursor: s-resize;
}
.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
  content: "=";
}
/* resizer (touch device) */
.fc-time-grid-event.fc-selected .fc-resizer {
  /* 10x10 dot */
  border-radius: 5px;
  border-width: 1px;
  width: 8px;
  height: 8px;
  border-style: solid;
  border-color: inherit;
  background: #fff;
  /* horizontally center */
  left: 50%;
  margin-left: -5px;
  /* center on the bottom edge */
  bottom: -5px;
}
/* Now Indicator
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-now-indicator-line {
  border-top-width: 1px;
  left: 0;
  right: 0;
}
/* arrow on axis */
.fc-time-grid .fc-now-indicator-arrow {
  margin-top: -5px;
  /* vertically center on top coordinate */
}
.fc-ltr .fc-time-grid .fc-now-indicator-arrow {
  left: 0;
  /* triangle pointing right... */
  border-width: 5px 0 5px 6px;
  border-top-color: transparent;
  border-bottom-color: transparent;
}
.fc-rtl .fc-time-grid .fc-now-indicator-arrow {
  right: 0;
  /* triangle pointing left... */
  border-width: 5px 6px 5px 0;
  border-top-color: transparent;
  border-bottom-color: transparent;
}
/* List View
--------------------------------------------------------------------------------------------------*/
/* possibly reusable */
.fc-event-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 5px;
}
/* view wrapper */
.fc-rtl .fc-list-view {
  direction: rtl;
  /* unlike core views, leverage browser RTL */
}
.fc-list-view {
  border-width: 1px;
  border-style: solid;
}
/* table resets */
.fc .fc-list-table {
  table-layout: auto;
  /* for shrinkwrapping cell content */
}
.fc-list-table td {
  border-width: 1px 0 0;
  padding: 8px 14px;
}
.fc-list-table tr:first-child td {
  border-top-width: 0;
}
/* day headings with the list */
.fc-list-heading {
  border-bottom-width: 1px;
}
.fc-list-heading td {
  font-weight: bold;
}
.fc-ltr .fc-list-heading-main {
  float: left;
}
.fc-ltr .fc-list-heading-alt {
  float: right;
}
.fc-rtl .fc-list-heading-main {
  float: right;
}
.fc-rtl .fc-list-heading-alt {
  float: left;
}
/* event list items */
.fc-list-item.fc-has-url {
  cursor: pointer;
  /* whole row will be clickable */
}
.fc-list-item-marker,
.fc-list-item-time {
  white-space: nowrap;
  width: 1px;
}
/* make the dot closer to the event title */
.fc-ltr .fc-list-item-marker {
  padding-right: 0;
}
.fc-rtl .fc-list-item-marker {
  padding-left: 0;
}
.fc-list-item-title a {
  /* every event title cell has an <a> tag */
  text-decoration: none;
  color: inherit;
}
.fc-list-item-title a[href]:hover {
  /* hover effect only on titles with hrefs */
  text-decoration: underline;
}
/* message when no events */
.fc-list-empty-wrap2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.fc-list-empty-wrap1 {
  width: 100%;
  height: 100%;
  display: table;
}
.fc-list-empty {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.fc-unthemed .fc-list-empty {
  /* theme will provide own background */
  background-color: #eee;
}
/*!
 * ui-grid - v4.8.3 - 2019-10-21
 * Copyright (c) 2019 ; License: MIT
 */
.ui-grid {
  border: 1px solid #d4d4d4;
  box-sizing: content-box;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.ui-grid-vertical-bar {
  position: absolute;
  right: 0;
  width: 0;
}
.ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar,
.ui-grid-cell:not(:last-child) .ui-grid-vertical-bar {
  width: 1px;
}
.ui-grid-scrollbar-placeholder {
  background-color: transparent;
}
.ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar {
  background-color: #d4d4d4;
}
.ui-grid-cell:not(:last-child) .ui-grid-vertical-bar {
  background-color: #d4d4d4;
}
.ui-grid-header-cell:last-child .ui-grid-vertical-bar {
  right: -1px;
  width: 1px;
  background-color: #d4d4d4;
}
.ui-grid-clearfix:before,
.ui-grid-clearfix:after {
  content: "";
  display: table;
}
.ui-grid-clearfix:after {
  clear: both;
}
.ui-grid-invisible {
  visibility: hidden;
}
.ui-grid-contents-wrapper {
  position: relative;
  height: 100%;
  width: 100%;
}
.ui-grid-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.ui-grid-icon-button {
  background-color: transparent;
  border: none;
  padding: 0;
}
.clickable {
  cursor: pointer;
}
.ui-grid-top-panel-background {
  background-color: #f3f3f3;
}
.ui-grid-header {
  border-bottom: 1px solid #d4d4d4;
  box-sizing: border-box;
}
.ui-grid-top-panel {
  position: relative;
  overflow: hidden;
  font-weight: bold;
  background-color: #f3f3f3;
  -webkit-border-top-right-radius: -1px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: -1px;
  -moz-border-radius-topright: -1px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: -1px;
  border-top-right-radius: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: -1px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.ui-grid-header-viewport {
  overflow: hidden;
}
.ui-grid-header-canvas:before,
.ui-grid-header-canvas:after {
  content: "";
  display: -ms-flexbox;
  display: flex;
  line-height: 0;
}
.ui-grid-header-canvas:after {
  clear: both;
}
.ui-grid-header-cell-wrapper {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  box-sizing: border-box;
  height: 100%;
  width: 100%;
}
.ui-grid-header-cell-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.ui-grid-header-cell {
  position: relative;
  box-sizing: border-box;
  background-color: inherit;
  border-right: 1px solid;
  border-color: #d4d4d4;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 0;
}
.ui-grid-header-cell:last-child {
  border-right: 0;
}
.ui-grid-header-cell .sortable {
  cursor: pointer;
}
.ui-grid-header-cell .ui-grid-sort-priority-number {
  margin-left: -8px;
}
/* Fixes IE word-wrap if needed on header cells */
.ui-grid-header-cell > div {
  -ms-flex-basis: 100%;
  flex-basis: 100%;
}
.ui-grid-header .ui-grid-vertical-bar {
  top: 0;
  bottom: 0;
}
.ui-grid-column-menu-button {
  position: absolute;
  right: 1px;
  top: 0;
}
.ui-grid-column-menu-button .ui-grid-icon-angle-down {
  vertical-align: sub;
}
.ui-grid-header-cell-last-col .ui-grid-cell-contents,
.ui-grid-header-cell-last-col .ui-grid-filter-container,
.ui-grid-header-cell-last-col .ui-grid-column-menu-button,
.ui-grid-header-cell-last-col + .ui-grid-column-resizer.right {
  margin-right: 13px;
}
.ui-grid-render-container-right .ui-grid-header-cell-last-col .ui-grid-cell-contents,
.ui-grid-render-container-right .ui-grid-header-cell-last-col .ui-grid-filter-container,
.ui-grid-render-container-right .ui-grid-header-cell-last-col .ui-grid-column-menu-button,
.ui-grid-render-container-right .ui-grid-header-cell-last-col + .ui-grid-column-resizer.right {
  margin-right: 28px;
}
.ui-grid-column-menu {
  position: absolute;
}
/* Slide up/down animations */
.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,
.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove {
  -webkit-transition: all 0.04s linear;
  -moz-transition: all 0.04s linear;
  -o-transition: all 0.04s linear;
  transition: all 0.04s linear;
  display: block !important;
}
.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-add.ng-hide-add-active,
.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}
.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,
.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove.ng-hide-remove-active {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
/* Slide up/down animations */
.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,
.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove {
  -webkit-transition: all 0.04s linear;
  -moz-transition: all 0.04s linear;
  -o-transition: all 0.04s linear;
  transition: all 0.04s linear;
  display: block !important;
}
.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-add.ng-hide-add-active,
.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}
.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,
.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove.ng-hide-remove-active {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.ui-grid-filter-container {
  padding: 4px 10px;
  position: relative;
}
.ui-grid-filter-container .ui-grid-filter-button {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}
.ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"] {
  position: absolute;
  top: 50%;
  line-height: 32px;
  margin-top: -16px;
  right: 10px;
  opacity: 0.66;
}
.ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"]:hover {
  opacity: 1;
}
.ui-grid-filter-container .ui-grid-filter-button-select {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}
.ui-grid-filter-container .ui-grid-filter-button-select [class^="ui-grid-icon"] {
  position: absolute;
  top: 50%;
  line-height: 32px;
  margin-top: -16px;
  right: 0px;
  opacity: 0.66;
}
.ui-grid-filter-container .ui-grid-filter-button-select [class^="ui-grid-icon"]:hover {
  opacity: 1;
}
input[type="text"].ui-grid-filter-input {
  box-sizing: border-box;
  padding: 0 18px 0 0;
  margin: 0;
  width: 100%;
  border: 1px solid #d4d4d4;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
input[type="text"].ui-grid-filter-input:hover {
  border: 1px solid #d4d4d4;
}
select.ui-grid-filter-select {
  padding: 0;
  margin: 0;
  border: 0;
  width: 90%;
  border: 1px solid #d4d4d4;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
select.ui-grid-filter-select:hover {
  border: 1px solid #d4d4d4;
}
.ui-grid-filter-cancel-button-hidden select.ui-grid-filter-select {
  width: 100%;
}
.ui-grid-render-container {
  position: inherit;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.ui-grid-render-container:focus {
  outline: none;
}
.ui-grid-viewport {
  min-height: 20px;
  position: relative;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.ui-grid-viewport:focus {
  outline: none !important;
}
.ui-grid-canvas {
  position: relative;
  padding-top: 1px;
}
.ui-grid-row {
  clear: both;
}
.ui-grid-row:nth-child(odd) .ui-grid-cell {
  background-color: #fdfdfd;
}
.ui-grid-row:nth-child(even) .ui-grid-cell {
  background-color: #f3f3f3;
}
.ui-grid-row:last-child .ui-grid-cell {
  border-bottom-color: #d4d4d4;
  border-bottom-style: solid;
}
.ui-grid-row:hover > [ui-grid-row] > .ui-grid-cell:hover .ui-grid-cell,
.ui-grid-row:nth-child(odd):hover .ui-grid-cell,
.ui-grid-row:nth-child(even):hover .ui-grid-cell {
  background-color: #d5eaee;
}
.ui-grid-no-row-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 10%;
  background-color: #f3f3f3;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #d4d4d4;
  font-size: 2em;
  text-align: center;
}
.ui-grid-no-row-overlay > * {
  position: absolute;
  display: table;
  margin: auto 0;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0.66;
}
.ui-grid-cell {
  overflow: hidden;
  float: left;
  background-color: inherit;
  border-right: 1px solid;
  border-color: #d4d4d4;
  box-sizing: border-box;
}
.ui-grid-cell:last-child {
  border-right: 0;
}
.ui-grid-cell-contents {
  padding: 5px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  height: 100%;
}
.ui-grid-cell-contents-hidden {
  visibility: hidden;
  width: 0;
  height: 0;
  display: none;
}
.ui-grid-row .ui-grid-cell.ui-grid-row-header-cell {
  background-color: #F0F0EE;
  border-bottom: solid 1px #d4d4d4;
}
.ui-grid-cell-empty {
  display: inline-block;
  width: 10px;
  height: 10px;
}
.ui-grid-footer-info {
  padding: 5px 10px;
}
.ui-grid-footer-panel-background {
  background-color: #f3f3f3;
}
.ui-grid-footer-panel {
  position: relative;
  border-bottom: 1px solid #d4d4d4;
  border-top: 1px solid #d4d4d4;
  overflow: hidden;
  font-weight: bold;
  background-color: #f3f3f3;
  -webkit-border-top-right-radius: -1px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: -1px;
  -moz-border-radius-topright: -1px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: -1px;
  border-top-right-radius: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: -1px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.ui-grid-grid-footer {
  float: left;
  width: 100%;
}
.ui-grid-footer-viewport,
.ui-grid-footer-canvas {
  height: 100%;
}
.ui-grid-footer-viewport {
  overflow: hidden;
}
.ui-grid-footer-canvas {
  position: relative;
}
.ui-grid-footer-canvas:before,
.ui-grid-footer-canvas:after {
  content: "";
  display: table;
  line-height: 0;
}
.ui-grid-footer-canvas:after {
  clear: both;
}
.ui-grid-footer-cell-wrapper {
  position: relative;
  display: table;
  box-sizing: border-box;
  height: 100%;
}
.ui-grid-footer-cell-row {
  display: table-row;
}
.ui-grid-footer-cell {
  overflow: hidden;
  background-color: inherit;
  border-right: 1px solid;
  border-color: #d4d4d4;
  box-sizing: border-box;
  display: table-cell;
}
.ui-grid-footer-cell:last-child {
  border-right: 0;
}
.ui-grid-menu-button {
  z-index: 2;
  position: absolute;
  right: 0;
  top: 0;
  background: #f3f3f3;
  border: 0;
  border-left: 1px solid #d4d4d4;
  border-bottom: 1px solid #d4d4d4;
  cursor: pointer;
  height: 32px;
  font-weight: normal;
}
.ui-grid-menu-button .ui-grid-icon-container {
  margin-top: 5px;
  margin-left: 2px;
}
.ui-grid-menu-button .ui-grid-menu {
  right: 0;
}
.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid {
  overflow: scroll;
}
.ui-grid-menu {
  overflow: hidden;
  max-width: 320px;
  z-index: 2;
  position: absolute;
  right: 100%;
  padding: 0 10px 20px 10px;
  cursor: pointer;
  box-sizing: border-box;
}
.ui-grid-menu-item {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ui-grid-menu .ui-grid-menu-inner {
  background: #fff;
  border: 1px solid #d4d4d4;
  position: relative;
  white-space: nowrap;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.ui-grid-menu .ui-grid-menu-inner ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.ui-grid-menu .ui-grid-menu-inner ul li {
  padding: 0;
}
.ui-grid-menu .ui-grid-menu-inner ul li .ui-grid-menu-item {
  color: #000;
  min-width: 100%;
  padding: 8px;
  text-align: left;
  background: transparent;
  border: none;
  cursor: default;
}
.ui-grid-menu .ui-grid-menu-inner ul li button.ui-grid-menu-item {
  cursor: pointer;
}
.ui-grid-menu .ui-grid-menu-inner ul li button.ui-grid-menu-item:hover,
.ui-grid-menu .ui-grid-menu-inner ul li button.ui-grid-menu-item:focus {
  background-color: #b3c4c7;
}
.ui-grid-menu .ui-grid-menu-inner ul li button.ui-grid-menu-item.ui-grid-menu-item-active {
  background-color: #9cb2b6;
}
.ui-grid-menu .ui-grid-menu-inner ul li:not(:last-child) > .ui-grid-menu-item {
  border-bottom: 1px solid #d4d4d4;
}
.ui-grid-sortarrow {
  right: 5px;
  position: absolute;
  width: 20px;
  top: 0;
  bottom: 0;
  background-position: center;
}
.ui-grid-sortarrow.down {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
/* Vergic/vngage change - commented @font-face{} out below as done in previous ui-grid version
@font-face {
  font-family: 'ui-grid';
  src: url('fonts/ui-grid.eot');
  src: url('fonts/ui-grid.eot#iefix') format('embedded-opentype'), url('fonts/ui-grid.woff') format('woff'), url('fonts/ui-grid.ttf') format('truetype'), url('fonts/ui-grid.svg?#ui-grid') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*
 */
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'ui-grid';
    src: url('@{font-path}ui-grid.svg?12312827#ui-grid') format('svg');
  }
}
*/
[class^="ui-grid-icon"]:before,
[class*=" ui-grid-icon"]:before {
  font-family: "ui-grid";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: 0.2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.ui-grid-icon-blank::before {
  width: 1em;
  content: ' ';
}
.ui-grid-icon-plus-squared:before {
  content: '\c350';
}
.ui-grid-icon-minus-squared:before {
  content: '\c351';
}
.ui-grid-icon-search:before {
  content: '\c352';
}
.ui-grid-icon-cancel:before {
  content: '\c353';
}
.ui-grid-icon-info-circled:before {
  content: '\c354';
}
.ui-grid-icon-lock:before {
  content: '\c355';
}
.ui-grid-icon-lock-open:before {
  content: '\c356';
}
.ui-grid-icon-pencil:before {
  content: '\c357';
}
.ui-grid-icon-down-dir:before {
  content: '\c358';
}
.ui-grid-icon-up-dir:before {
  content: '\c359';
}
.ui-grid-icon-left-dir:before {
  content: '\c35a';
}
.ui-grid-icon-right-dir:before {
  content: '\c35b';
}
.ui-grid-icon-left-open:before {
  content: '\c35c';
}
.ui-grid-icon-right-open:before {
  content: '\c35d';
}
.ui-grid-icon-angle-down:before {
  content: '\c35e';
}
.ui-grid-icon-filter:before {
  content: '\c35f';
}
.ui-grid-icon-sort-alt-up:before {
  content: '\c360';
}
.ui-grid-icon-sort-alt-down:before {
  content: '\c361';
}
.ui-grid-icon-ok:before {
  content: '\c362';
}
.ui-grid-icon-menu:before {
  content: '\c363';
}
.ui-grid-icon-indent-left:before {
  content: '\e800';
}
.ui-grid-icon-indent-right:before {
  content: '\e801';
}
.ui-grid-icon-spin5:before {
  content: '\ea61';
}
/*
* RTL Styles
*/
.ui-grid[dir=rtl] .ui-grid-header-cell,
.ui-grid[dir=rtl] .ui-grid-footer-cell,
.ui-grid[dir=rtl] .ui-grid-cell {
  float: right !important;
}
.ui-grid[dir=rtl] .ui-grid-column-menu-button {
  position: absolute;
  left: 1px;
  top: 0;
  right: inherit;
}
.ui-grid[dir=rtl] .ui-grid-cell:first-child,
.ui-grid[dir=rtl] .ui-grid-header-cell:first-child,
.ui-grid[dir=rtl] .ui-grid-footer-cell:first-child {
  border-right: 0;
}
.ui-grid[dir=rtl] .ui-grid-cell:last-child,
.ui-grid[dir=rtl] .ui-grid-header-cell:last-child {
  border-right: 1px solid #d4d4d4;
  border-left: 0;
}
.ui-grid[dir=rtl] .ui-grid-header-cell:first-child .ui-grid-vertical-bar,
.ui-grid[dir=rtl] .ui-grid-footer-cell:first-child .ui-grid-vertical-bar,
.ui-grid[dir=rtl] .ui-grid-cell:first-child .ui-grid-vertical-bar {
  width: 0;
}
.ui-grid[dir=rtl] .ui-grid-menu-button {
  z-index: 2;
  position: absolute;
  left: 0;
  right: auto;
  background: #f3f3f3;
  border: 1px solid #d4d4d4;
  cursor: pointer;
  min-height: 27px;
  font-weight: normal;
}
.ui-grid[dir=rtl] .ui-grid-menu-button .ui-grid-menu {
  left: 0;
  right: auto;
}
.ui-grid[dir=rtl] .ui-grid-filter-container .ui-grid-filter-button {
  right: initial;
  left: 0;
}
.ui-grid[dir=rtl] .ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"] {
  right: initial;
  left: 10px;
}
/*
   Animation example, for spinners
*/
.ui-grid-animate-spin {
  -moz-animation: ui-grid-spin 2s infinite linear;
  -o-animation: ui-grid-spin 2s infinite linear;
  -webkit-animation: ui-grid-spin 2s infinite linear;
  animation: ui-grid-spin 2s infinite linear;
  display: inline-block;
}
@-moz-keyframes ui-grid-spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-webkit-keyframes ui-grid-spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-o-keyframes ui-grid-spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-ms-keyframes ui-grid-spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes ui-grid-spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.ui-grid-cell-focus {
  outline: 0;
  background-color: #b3c4c7;
}
.ui-grid-focuser {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}
.ui-grid-focuser:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.ui-grid-offscreen {
  display: block;
  position: absolute;
  left: -10000px;
  top: -10000px;
  clip: rect(0px, 0px, 0px, 0px);
}
.ui-grid-cell input {
  border-radius: inherit;
  padding: 0;
  width: 100%;
  color: inherit;
  height: auto;
  font: inherit;
  outline: none;
}
.ui-grid-cell input:focus {
  color: inherit;
  outline: none;
}
.ui-grid-cell input[type="checkbox"] {
  margin: 9px 0 0 6px;
  width: auto;
}
.ui-grid-cell input.ng-invalid {
  border: 1px solid #fc8f8f;
}
.ui-grid-cell input.ng-valid {
  border: 1px solid #d4d4d4;
}
.ui-grid-viewport .ui-grid-empty-base-layer-container {
  position: absolute;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}
.expandableRow .ui-grid-row:nth-child(odd) .ui-grid-cell {
  background-color: #fdfdfd;
}
.expandableRow .ui-grid-row:nth-child(even) .ui-grid-cell {
  background-color: #f3f3f3;
}
.ui-grid-cell.ui-grid-disable-selection.ui-grid-row-header-cell {
  pointer-events: none;
}
.ui-grid-expandable-buttons-cell i {
  pointer-events: all;
}
.scrollFiller {
  float: left;
  border: 1px solid #d4d4d4;
}
.ui-grid-tree-header-row {
  font-weight: bold !important;
}
.movingColumn {
  position: absolute;
  top: 0;
  border: 1px solid #d4d4d4;
  box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
}
.movingColumn .ui-grid-icon-angle-down {
  display: none;
}
/* This file contains variable declarations (do not remove this line) */
/*-- VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
/**
* @section Grid styles
*/
/**
* @section Header styles
*/
/** @description Colors for header gradient */
/**
* @section Grid body styles
*/
/** @description Colors used for row alternation */
/**
* @section Grid Menu colors
*/
/**
* @section Sort arrow colors
*/
/**
* @section Scrollbar styles
*/
/**
* @section font library path
*/
/*-- END VARIABLES (DO NOT REMOVE THESE COMMENTS) --*/
/*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
.ui-grid-pager-panel {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding-top: 3px;
  padding-bottom: 3px;
  box-sizing: content-box;
}
.ui-grid-pager-container {
  float: left;
}
.ui-grid-pager-control {
  padding: 5px 0;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  margin-right: 10px;
  margin-left: 10px;
  min-width: 135px;
  float: left;
}
.ui-grid-pager-control button,
.ui-grid-pager-control span,
.ui-grid-pager-control input {
  margin-right: 4px;
}
.ui-grid-pager-control button {
  height: 25px;
  min-width: 26px;
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background: #f3f3f3;
  border: 1px solid #ccc;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #eee;
}
.ui-grid-pager-control button:hover {
  border-color: #adadad;
  text-decoration: none;
}
.ui-grid-pager-control button:focus {
  border-color: #8c8c8c;
  text-decoration: none;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.ui-grid-pager-control button:active {
  border-color: #adadad;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.ui-grid-pager-control button:active:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.ui-grid-pager-control button:active:hover,
.ui-grid-pager-control button:active:focus {
  background-color: #c8c8c8;
  border-color: #8c8c8c;
}
.ui-grid-pager-control button:hover,
.ui-grid-pager-control button:focus,
.ui-grid-pager-control button:active {
  color: #eee;
  background: #dadada;
}
.ui-grid-pager-control button[disabled] {
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.ui-grid-pager-control button[disabled]:hover,
.ui-grid-pager-control button[disabled]:focus {
  background-color: #f3f3f3;
  border-color: #ccc;
}
.ui-grid-pager-control input {
  display: inline;
  height: 26px;
  width: 50px;
  vertical-align: top;
  color: #555555;
  background: #fff;
  border: 1px solid #ccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.ui-grid-pager-control input:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.ui-grid-pager-control input[disabled],
.ui-grid-pager-control input[readonly],
.ui-grid-pager-control input::-moz-placeholder {
  opacity: 1;
}
.ui-grid-pager-control input::-moz-placeholder,
.ui-grid-pager-control input:-ms-input-placeholder,
.ui-grid-pager-control input::-webkit-input-placeholder {
  color: #999;
}
.ui-grid-pager-control input::-ms-expand {
  border: 0;
  background-color: transparent;
}
.ui-grid-pager-control input[disabled],
.ui-grid-pager-control input[readonly] {
  background-color: #eeeeee;
}
.ui-grid-pager-control input[disabled] {
  cursor: not-allowed;
}
.ui-grid-pager-control .ui-grid-pager-max-pages-number {
  vertical-align: bottom;
}
.ui-grid-pager-control .ui-grid-pager-max-pages-number > * {
  vertical-align: bottom;
}
.ui-grid-pager-control .ui-grid-pager-max-pages-number abbr {
  border-bottom: none;
  text-decoration: none;
}
.ui-grid-pager-control .first-bar {
  width: 10px;
  border-left: 2px solid #4d4d4d;
  margin-top: -6px;
  height: 12px;
  margin-left: -3px;
}
.ui-grid-pager-control .first-bar-rtl {
  width: 10px;
  border-left: 2px solid #4d4d4d;
  margin-top: -6px;
  height: 12px;
  margin-right: -7px;
}
.ui-grid-pager-control .first-triangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 8.7px 5px 0;
  border-color: transparent #4d4d4d transparent transparent;
  margin-left: 2px;
}
.ui-grid-pager-control .next-triangle {
  margin-left: 1px;
}
.ui-grid-pager-control .prev-triangle {
  margin-left: 0;
}
.ui-grid-pager-control .last-triangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 8.7px;
  border-color: transparent transparent transparent #4d4d4d;
  margin-left: -1px;
}
.ui-grid-pager-control .last-bar {
  width: 10px;
  border-left: 2px solid #4d4d4d;
  margin-top: -6px;
  height: 12px;
  margin-left: 1px;
}
.ui-grid-pager-control .last-bar-rtl {
  width: 10px;
  border-left: 2px solid #4d4d4d;
  margin-top: -6px;
  height: 12px;
  margin-right: -11px;
}
.ui-grid-pager-row-count-picker {
  float: left;
  padding: 5px 10px;
}
.ui-grid-pager-row-count-picker select {
  color: #555555;
  background: #fff;
  border: 1px solid #ccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
  height: 25px;
  width: 67px;
  display: inline;
  vertical-align: middle;
}
.ui-grid-pager-row-count-picker select:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.ui-grid-pager-row-count-picker select[disabled],
.ui-grid-pager-row-count-picker select[readonly],
.ui-grid-pager-row-count-picker select::-moz-placeholder {
  opacity: 1;
}
.ui-grid-pager-row-count-picker select::-moz-placeholder,
.ui-grid-pager-row-count-picker select:-ms-input-placeholder,
.ui-grid-pager-row-count-picker select::-webkit-input-placeholder {
  color: #999;
}
.ui-grid-pager-row-count-picker select::-ms-expand {
  border: 0;
  background-color: transparent;
}
.ui-grid-pager-row-count-picker select[disabled],
.ui-grid-pager-row-count-picker select[readonly] {
  background-color: #eeeeee;
}
.ui-grid-pager-row-count-picker select[disabled] {
  cursor: not-allowed;
}
.ui-grid-pager-row-count-picker .ui-grid-pager-row-count-label {
  margin-top: 3px;
}
.ui-grid-pager-count-container {
  float: right;
  margin-top: 4px;
  min-width: 50px;
}
.ui-grid-pager-count-container .ui-grid-pager-count {
  margin-right: 10px;
  margin-left: 10px;
  float: right;
}
.ui-grid-pager-count-container .ui-grid-pager-count abbr {
  border-bottom: none;
  text-decoration: none;
}
.ui-grid-pinned-container {
  position: absolute;
  display: inline;
  top: 0;
}
.ui-grid-pinned-container.ui-grid-pinned-container-left {
  float: left;
  left: 0;
}
.ui-grid-pinned-container.ui-grid-pinned-container-right {
  float: right;
  right: 0;
}
.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:last-child {
  box-sizing: border-box;
  border-right: 1px solid;
  border-width: 1px;
  border-right-color: #aeaeae;
}
.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:last-child {
  box-sizing: border-box;
  border-right: 1px solid;
  border-width: 1px;
  border-right-color: #aeaeae;
}
.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar,
.ui-grid-pinned-container .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar {
  width: 1px;
}
.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar {
  background-color: #d4d4d4;
}
.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar {
  background-color: #aeaeae;
}
.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:last-child .ui-grid-vertical-bar {
  right: -1px;
  width: 1px;
  background-color: #aeaeae;
}
.ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-header-cell:first-child {
  box-sizing: border-box;
  border-left: 1px solid;
  border-width: 1px;
  border-left-color: #aeaeae;
}
.ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-cell:first-child {
  box-sizing: border-box;
  border-left: 1px solid;
  border-width: 1px;
  border-left-color: #aeaeae;
}
.ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-header-cell:not(:first-child) .ui-grid-vertical-bar,
.ui-grid-pinned-container .ui-grid-cell:not(:first-child) .ui-grid-vertical-bar {
  width: 1px;
}
.ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-header-cell:not(:first-child) .ui-grid-vertical-bar {
  background-color: #d4d4d4;
}
.ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar {
  background-color: #aeaeae;
}
.ui-grid-pinned-container.ui-grid-pinned-container-first .ui-grid-header-cell:first-child .ui-grid-vertical-bar {
  left: -1px;
  width: 1px;
  background-color: #aeaeae;
}
.ui-grid-column-resizer {
  top: 0;
  bottom: 0;
  width: 5px;
  position: absolute;
  cursor: col-resize;
}
.ui-grid-column-resizer.left {
  left: 0;
}
.ui-grid-column-resizer.right {
  right: 0;
}
.ui-grid-header-cell:last-child .ui-grid-column-resizer.right {
  border-right: 1px solid #d4d4d4;
}
.ui-grid[dir=rtl] .ui-grid-header-cell:last-child .ui-grid-column-resizer.right {
  border-right: 0;
}
.ui-grid[dir=rtl] .ui-grid-header-cell:last-child .ui-grid-column-resizer.left {
  border-left: 1px solid #d4d4d4;
}
.ui-grid.column-resizing {
  cursor: col-resize;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ui-grid.column-resizing .ui-grid-resize-overlay {
  position: absolute;
  top: 0;
  height: 100%;
  width: 1px;
  background-color: #aeaeae;
}
.ui-grid-row-saving .ui-grid-cell {
  color: #848484 !important;
}
.ui-grid-row-dirty .ui-grid-cell {
  color: #610B38;
}
.ui-grid-row-error .ui-grid-cell {
  color: #FF0000 !important;
}
.ui-grid-row.ui-grid-row-selected > [ui-grid-row] > .ui-grid-cell {
  background-color: #C9DDE1;
}
.ui-grid-disable-selection {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}
.ui-grid-selection-row-header-buttons {
  display: flex;
  align-items: center;
  height: 100%;
  cursor: pointer;
}
.ui-grid-selection-row-header-buttons::before {
  opacity: 0.1;
}
.ui-grid-selection-row-header-buttons.ui-grid-row-selected::before,
.ui-grid-selection-row-header-buttons.ui-grid-all-selected::before {
  opacity: 1;
}
.ui-grid-tree-row-header-buttons.ui-grid-tree-header {
  cursor: pointer;
  opacity: 1;
}
.ui-grid-tree-header-row {
  font-weight: bold !important;
}
.ui-grid-tree-header-row .ui-grid-cell.ui-grid-disable-selection.ui-grid-row-header-cell {
  pointer-events: all;
}
.ui-grid-cell-contents.invalid {
  border: 1px solid #fc8f8f;
}
/* Include this file in your html if you are using the CSP mode. */
.uib-datepicker .uib-title {
  width: 100%;
}
.uib-day button,
.uib-month button,
.uib-year button {
  min-width: 100%;
}
.uib-left,
.uib-right {
  width: 100%;
}
.uib-datepicker-popup.dropdown-menu {
  display: block;
  float: none;
  margin: 0;
}
.uib-button-bar {
  padding: 10px;
}
.uib-position-measure {
  display: block !important;
  visibility: hidden !important;
  position: absolute !important;
  top: -9999px !important;
  left: -9999px !important;
}
.uib-position-scrollbar-measure {
  position: absolute !important;
  top: -9999px !important;
  width: 50px !important;
  height: 50px !important;
  overflow: scroll !important;
}
.uib-position-body-scrollbar-measure {
  overflow: scroll !important;
}
[uib-tooltip-popup].tooltip.top-left > .tooltip-arrow,
[uib-tooltip-popup].tooltip.top-right > .tooltip-arrow,
[uib-tooltip-popup].tooltip.bottom-left > .tooltip-arrow,
[uib-tooltip-popup].tooltip.bottom-right > .tooltip-arrow,
[uib-tooltip-popup].tooltip.left-top > .tooltip-arrow,
[uib-tooltip-popup].tooltip.left-bottom > .tooltip-arrow,
[uib-tooltip-popup].tooltip.right-top > .tooltip-arrow,
[uib-tooltip-popup].tooltip.right-bottom > .tooltip-arrow,
[uib-tooltip-html-popup].tooltip.top-left > .tooltip-arrow,
[uib-tooltip-html-popup].tooltip.top-right > .tooltip-arrow,
[uib-tooltip-html-popup].tooltip.bottom-left > .tooltip-arrow,
[uib-tooltip-html-popup].tooltip.bottom-right > .tooltip-arrow,
[uib-tooltip-html-popup].tooltip.left-top > .tooltip-arrow,
[uib-tooltip-html-popup].tooltip.left-bottom > .tooltip-arrow,
[uib-tooltip-html-popup].tooltip.right-top > .tooltip-arrow,
[uib-tooltip-html-popup].tooltip.right-bottom > .tooltip-arrow,
[uib-tooltip-template-popup].tooltip.top-left > .tooltip-arrow,
[uib-tooltip-template-popup].tooltip.top-right > .tooltip-arrow,
[uib-tooltip-template-popup].tooltip.bottom-left > .tooltip-arrow,
[uib-tooltip-template-popup].tooltip.bottom-right > .tooltip-arrow,
[uib-tooltip-template-popup].tooltip.left-top > .tooltip-arrow,
[uib-tooltip-template-popup].tooltip.left-bottom > .tooltip-arrow,
[uib-tooltip-template-popup].tooltip.right-top > .tooltip-arrow,
[uib-tooltip-template-popup].tooltip.right-bottom > .tooltip-arrow,
[uib-popover-popup].popover.top-left > .arrow,
[uib-popover-popup].popover.top-right > .arrow,
[uib-popover-popup].popover.bottom-left > .arrow,
[uib-popover-popup].popover.bottom-right > .arrow,
[uib-popover-popup].popover.left-top > .arrow,
[uib-popover-popup].popover.left-bottom > .arrow,
[uib-popover-popup].popover.right-top > .arrow,
[uib-popover-popup].popover.right-bottom > .arrow,
[uib-popover-html-popup].popover.top-left > .arrow,
[uib-popover-html-popup].popover.top-right > .arrow,
[uib-popover-html-popup].popover.bottom-left > .arrow,
[uib-popover-html-popup].popover.bottom-right > .arrow,
[uib-popover-html-popup].popover.left-top > .arrow,
[uib-popover-html-popup].popover.left-bottom > .arrow,
[uib-popover-html-popup].popover.right-top > .arrow,
[uib-popover-html-popup].popover.right-bottom > .arrow,
[uib-popover-template-popup].popover.top-left > .arrow,
[uib-popover-template-popup].popover.top-right > .arrow,
[uib-popover-template-popup].popover.bottom-left > .arrow,
[uib-popover-template-popup].popover.bottom-right > .arrow,
[uib-popover-template-popup].popover.left-top > .arrow,
[uib-popover-template-popup].popover.left-bottom > .arrow,
[uib-popover-template-popup].popover.right-top > .arrow,
[uib-popover-template-popup].popover.right-bottom > .arrow {
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
  margin: 0;
}
[uib-popover-popup].popover,
[uib-popover-html-popup].popover,
[uib-popover-template-popup].popover {
  display: block !important;
}
[uib-typeahead-popup].dropdown-menu {
  display: block;
}
.CodeMirror-merge {
  position: relative;
  border: 1px solid #ddd;
  white-space: pre;
}
.CodeMirror-merge,
.CodeMirror-merge .CodeMirror {
  height: 350px;
}
.CodeMirror-merge-2pane .CodeMirror-merge-pane {
  width: 47%;
}
.CodeMirror-merge-2pane .CodeMirror-merge-gap {
  width: 6%;
}
.CodeMirror-merge-3pane .CodeMirror-merge-pane {
  width: 31%;
}
.CodeMirror-merge-3pane .CodeMirror-merge-gap {
  width: 3.5%;
}
.CodeMirror-merge-pane {
  display: inline-block;
  white-space: normal;
  vertical-align: top;
}
.CodeMirror-merge-pane-rightmost {
  position: absolute;
  right: 0px;
  z-index: 1;
}
.CodeMirror-merge-gap {
  z-index: 2;
  display: inline-block;
  height: 100%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  position: relative;
  background: #f8f8f8;
}
.CodeMirror-merge-scrolllock-wrap {
  position: absolute;
  bottom: 0;
  left: 50%;
}
.CodeMirror-merge-scrolllock {
  position: relative;
  left: -50%;
  cursor: pointer;
  color: #555;
  line-height: 1;
}
.CodeMirror-merge-scrolllock:after {
  content: "\21db\00a0\00a0\21da";
}
.CodeMirror-merge-scrolllock.CodeMirror-merge-scrolllock-enabled:after {
  content: "\21db\21da";
}
.CodeMirror-merge-copybuttons-left,
.CodeMirror-merge-copybuttons-right {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  line-height: 1;
}
.CodeMirror-merge-copy {
  position: absolute;
  cursor: pointer;
  color: #44c;
  z-index: 3;
}
.CodeMirror-merge-copy-reverse {
  position: absolute;
  cursor: pointer;
  color: #44c;
}
.CodeMirror-merge-copybuttons-left .CodeMirror-merge-copy {
  left: 2px;
}
.CodeMirror-merge-copybuttons-right .CodeMirror-merge-copy {
  right: 2px;
}
.CodeMirror-merge-r-inserted,
.CodeMirror-merge-l-inserted {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAACCAYAAACddGYaAAAAGUlEQVQI12MwuCXy3+CWyH8GBgYGJgYkAABZbAQ9ELXurwAAAABJRU5ErkJggg==);
  background-position: bottom left;
  background-repeat: repeat-x;
}
.CodeMirror-merge-r-deleted,
.CodeMirror-merge-l-deleted {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAACCAYAAACddGYaAAAAGUlEQVQI12M4Kyb2/6yY2H8GBgYGJgYkAABURgPz6Ks7wQAAAABJRU5ErkJggg==);
  background-position: bottom left;
  background-repeat: repeat-x;
}
.CodeMirror-merge-r-chunk {
  background: #ffffe0;
}
.CodeMirror-merge-r-chunk-start {
  border-top: 1px solid #ee8;
}
.CodeMirror-merge-r-chunk-end {
  border-bottom: 1px solid #ee8;
}
.CodeMirror-merge-r-connect {
  fill: #ffffe0;
  stroke: #ee8;
  stroke-width: 1px;
}
.CodeMirror-merge-l-chunk {
  background: #eef;
}
.CodeMirror-merge-l-chunk-start {
  border-top: 1px solid #88e;
}
.CodeMirror-merge-l-chunk-end {
  border-bottom: 1px solid #88e;
}
.CodeMirror-merge-l-connect {
  fill: #eef;
  stroke: #88e;
  stroke-width: 1px;
}
.CodeMirror-merge-l-chunk.CodeMirror-merge-r-chunk {
  background: #dfd;
}
.CodeMirror-merge-l-chunk-start.CodeMirror-merge-r-chunk-start {
  border-top: 1px solid #4e4;
}
.CodeMirror-merge-l-chunk-end.CodeMirror-merge-r-chunk-end {
  border-bottom: 1px solid #4e4;
}
.CodeMirror-merge-collapsed-widget:before {
  content: "(...)";
}
.CodeMirror-merge-collapsed-widget {
  cursor: pointer;
  color: #88b;
  background: #eef;
  border: 1px solid #ddf;
  font-size: 90%;
  padding: 0 3px;
  border-radius: 4px;
}
.CodeMirror-merge-collapsed-line .CodeMirror-gutter-elt {
  display: none;
}
.ui-grid-icon-up-dir:before {
  font-family: 'icon';
  content: '\e82b';
}
.ui-grid-icon-down-dir:before {
  font-family: 'icon';
  content: '\e82a';
}
.ui-grid-icon-sort-alt-up:before {
  font-family: 'icon';
  content: '\e828';
}
.ui-grid-icon-sort-alt-down:before {
  font-family: 'icon';
  content: '\e829';
}
.ui-grid-icon-cancel:before {
  font-family: 'icon';
  content: '\e818';
}
.ui-grid-icon-angle-down:before {
  font-family: 'icon';
  content: '\e82d';
}
.ui-grid-icon-menu:before {
  font-family: 'icon';
  content: '\e82c';
}
.ui-grid-menu-button {
  border: 0;
  background: transparent;
}
.ui-grid,
.ui-grid-header {
  border-width: 2px;
}
.ui-grid-render-container-body {
  width: auto;
}
@font-face {
  font-family: 'vngage';
  src: url('font/opensans-regular-webfont.eot');
  src: url('font/opensans-regular-webfont.eot') format('embedded-opentype'), url('font/opensans-regular-webfont.woff') format('woff'), url('font/opensans-regular-webfont.ttf') format('truetype'), url('font/opensans-regular-webfont.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'vngage-semibold';
  src: url('font/opensans-semibold-webfont.eot');
  src: url('font/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('font/opensans-semibold-webfont.woff') format('woff'), url('font/opensans-semibold-webfont.ttf') format('truetype'), url('font/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'vngage-bold';
  src: url('font/opensans-bold-webfont.eot');
  src: url('font/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'), url('font/opensans-bold-webfont.woff') format('woff'), url('font/opensans-bold-webfont.ttf') format('truetype'), url('font/opensans-bold-webfont.svg#open_sanssemibold') format('svg');
  font-weight: normal;
  font-style: normal;
}
h1 {
  margin: 0 0 20px;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
h1.extra-space {
  margin-bottom: 35px;
}
h1.underlined {
  border-bottom: 1px solid #444444;
  padding-bottom: 5px;
}
.view-description {
  margin-bottom: 30px;
}
.view-description b {
  font-family: 'vngage-semibold', sans-serif;
  font-weight: normal;
}
.bold-text {
  font-family: 'vngage-semibold', sans-serif;
  font-weight: normal;
}
.normal-text {
  font-family: 'vngage', sans-serif;
  font-weight: normal;
}
.break-word {
  overflow-wrap: break-word;
  word-wrap: break-word;
}
@font-face {
  font-family: 'icon';
  src: url('../font/icon.eot?95825500');
  src: url('../font/icon.eot?95825500#iefix') format('embedded-opentype'), url('../font/icon.woff2?95825500') format('woff2'), url('../font/icon.woff?95825500') format('woff'), url('../font/icon.ttf?95825500') format('truetype'), url('../font/icon.svg?95825500#icon') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'icon';
    src: url('../font/icon.svg?95825500#icon') format('svg');
  }
}
*/
[class^="vngage-icon-"]:before,
[class*=" vngage-icon-"]:before {
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: 0.2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.vngage-icon-upload-cloud:before {
  content: '\21';
}
/* '!' */
.vngage-icon-eye:before {
  content: '\22';
}
/* '&quot;' */
.vngage-icon-search:before {
  content: '\23';
}
/* '#' */
.vngage-icon-equalizer:before {
  content: '\45';
}
/* 'E' */
.vngage-icon-globe:before {
  content: '\62';
}
/* 'b' */
.vngage-icon-lightbulb:before {
  content: '\63';
}
/* 'c' */
.vngage-icon-gauge-1:before {
  content: '\64';
}
/* 'd' */
.vngage-icon-target:before {
  content: '\68';
}
/* 'h' */
.vngage-icon-network:before {
  content: '\69';
}
/* 'i' */
.vngage-icon-layers:before {
  content: '\6a';
}
/* 'j' */
.vngage-icon-flash-1:before {
  content: '\6c';
}
/* 'l' */
.vngage-icon-cog-alt:before {
  content: '\6d';
}
/* 'm' */
.vngage-icon-logout:before {
  content: '\6e';
}
/* 'n' */
.vngage-icon-chart-pie:before {
  content: '\6f';
}
/* 'o' */
.vngage-icon-chart-line:before {
  content: '\70';
}
/* 'p' */
.vngage-icon-chart-area:before {
  content: '\73';
}
/* 's' */
.vngage-icon-gauge:before {
  content: '\e800';
}
/* '' */
.vngage-icon-chat:before {
  content: '\e801';
}
/* '' */
.vngage-icon-export:before {
  content: '\e802';
}
/* '' */
.vngage-icon-sitemap:before {
  content: '\e803';
}
/* '' */
.vngage-icon-tasks:before {
  content: '\e804';
}
/* '' */
.vngage-icon-right-circled:before {
  content: '\e805';
}
/* '' */
.vngage-icon-th:before {
  content: '\e806';
}
/* '' */
.vngage-icon-settings:before {
  content: '\e807';
}
/* '' */
.vngage-icon-chart-bar:before {
  content: '\e808';
}
/* '' */
.vngage-icon-wrench:before {
  content: '\e809';
}
/* '' */
.vngage-icon-cloud:before {
  content: '\e80a';
}
/* '' */
.vngage-icon-right-small:before {
  content: '\e80b';
}
/* '' */
.vngage-icon-right-open-big:before {
  content: '\e80c';
}
/* '' */
.vngage-icon-box:before {
  content: '\e80d';
}
/* '' */
.vngage-icon-help-circled:before {
  content: '\e80e';
}
/* '' */
.vngage-icon-forward:before {
  content: '\e80f';
}
/* '' */
.vngage-icon-comment:before {
  content: '\e810';
}
/* '' */
.vngage-icon-edit:before {
  content: '\e811';
}
/* '' */
.vngage-icon-align-left:before {
  content: '\e812';
}
/* '' */
.vngage-icon-forward-1:before {
  content: '\e813';
}
/* '' */
.vngage-icon-up-circled:before {
  content: '\e814';
}
/* '' */
.vngage-icon-download:before {
  content: '\e815';
}
/* '' */
.vngage-icon-torso:before {
  content: '\e816';
}
/* '' */
.vngage-icon-plus:before {
  content: '\e817';
}
/* '' */
.vngage-icon-cancel:before {
  content: '\e818';
}
/* '' */
.vngage-icon-bookmark:before {
  content: '\e819';
}
/* '' */
.vngage-icon-info:before {
  content: '\e81a';
}
/* '' */
.vngage-icon-gift:before {
  content: '\e81b';
}
/* '' */
.vngage-icon-credit-card:before {
  content: '\e81c';
}
/* '' */
.vngage-icon-basket:before {
  content: '\e81d';
}
/* '' */
.vngage-icon-paper-plane:before {
  content: '\e81e';
}
/* '' */
.vngage-icon-flash:before {
  content: '\e81f';
}
/* '' */
.vngage-icon-group:before {
  content: '\e820';
}
/* '' */
.vngage-icon-left-circled:before {
  content: '\e821';
}
/* '' */
.vngage-icon-up-open:before {
  content: '\e822';
}
/* '' */
.vngage-icon-down-open:before {
  content: '\e823';
}
/* '' */
.vngage-icon-left-open-big:before {
  content: '\e824';
}
/* '' */
.vngage-icon-info-circled:before {
  content: '\e825';
}
/* '' */
.vngage-icon-vcard:before {
  content: '\e826';
}
/* '' */
.vngage-icon-sort-up:before {
  content: '\e827';
}
/* '' */
.vngage-icon-sort-alt-up:before {
  content: '\e828';
}
/* '' */
.vngage-icon-sort-alt-down:before {
  content: '\e829';
}
/* '' */
.vngage-icon-down-dir:before {
  content: '\e82a';
}
/* '' */
.vngage-icon-up-dir:before {
  content: '\e82b';
}
/* '' */
.vngage-icon-menu:before {
  content: '\e82c';
}
/* '' */
.vngage-icon-angle-down:before {
  content: '\e82d';
}
/* '' */
.vngage-icon-calendar:before {
  content: '\e82e';
}
/* '' */
.vngage-icon-sort-down:before {
  content: '\e82f';
}
/* '' */
.vngage-icon-left-open:before {
  content: '\e830';
}
/* '' */
.vngage-icon-right-open:before {
  content: '\e831';
}
/* '' */
.vngage-icon-lock:before {
  content: '\e832';
}
/* '' */
.vngage-icon-users:before {
  content: '\e833';
}
/* '' */
.vngage-icon-to-end:before {
  content: '\e834';
}
/* '' */
.vngage-icon-desktop:before {
  content: '\e835';
}
/* '' */
.vngage-icon-tablet:before {
  content: '\e836';
}
/* '' */
.vngage-icon-mobile:before {
  content: '\e837';
}
/* '' */
.vngage-icon-arrows-cw:before {
  content: '\e838';
}
/* '' */
.vngage-icon-heart:before {
  content: '\e839';
}
/* '' */
.vngage-icon-clock:before {
  content: '\e83a';
}
/* '' */
.vngage-icon-chat-1:before {
  content: '\e83b';
}
/* '' */
.vngage-icon-beaker:before {
  content: '\e83c';
}
/* '' */
.vngage-icon-phone:before {
  content: '\e83d';
}
/* '' */
.vngage-icon-ok:before {
  content: '\e83e';
}
/* '' */
.vngage-icon-hourglass:before {
  content: '\e83f';
}
/* '' */
.vngage-icon-agent:before {
  content: '\e840';
}
/* '' */
.vngage-icon-agent-female:before {
  content: '\e841';
}
/* '' */
.vngage-icon-attention:before {
  content: '\e842';
}
/* '' */
.vngage-icon-flag-checkered:before {
  content: '\e843';
}
/* '' */
.vngage-icon-hangup:before {
  content: '\e844';
}
/* '' */
.vngage-icon-stopwatch:before {
  content: '\e845';
}
/* '' */
.vngage-icon-cog:before {
  content: '\e846';
}
/* '' */
.vngage-icon-radar:before {
  content: '\e847';
}
/* '' */
.vngage-icon-screensharing:before {
  content: '\e848';
}
/* '' */
.vngage-icon-videocam:before {
  content: '\e849';
}
/* '' */
.vngage-icon-doc-inv:before {
  content: '\e84a';
}
/* '' */
.vngage-icon-picture:before {
  content: '\e84b';
}
/* '' */
.vngage-icon-link:before {
  content: '\e84c';
}
/* '' */
.vngage-icon-home:before {
  content: '\e84d';
}
/* '' */
.vngage-icon-users-1:before {
  content: '\e84e';
}
/* '' */
.vngage-icon-volume:before {
  content: '\e84f';
}
/* '' */
.vngage-icon-case_management:before {
  content: '\e850';
}
/* '' */
.vngage-icon-chat_2:before {
  content: '\e851';
}
/* '' */
.vngage-icon-history:before {
  content: '\e852';
}
/* '' */
.vngage-icon-pencil:before {
  content: '\e853';
}
/* '' */
.vngage-icon-minus:before {
  content: '\e854';
}
/* '' */
.vngage-icon-doc-add:before {
  content: '\e855';
}
/* '' */
.vngage-icon-star-empty:before {
  content: '\e856';
}
/* '' */
.vngage-icon-star:before {
  content: '\e857';
}
/* '' */
.vngage-icon-user-plus:before {
  content: '\e858';
}
/* '' */
.vngage-icon-user-times:before {
  content: '\e859';
}
/* '' */
.vngage-icon-file-pdf:before {
  content: '\e85a';
}
/* '' */
.vngage-icon-eye-1:before {
  content: '\e85b';
}
/* '' */
.vngage-icon-eye-off:before {
  content: '\e85c';
}
/* '' */
.vngage-icon-file-video:before {
  content: '\e85d';
}
/* '' */
.vngage-icon-file-image:before {
  content: '\e85e';
}
/* '' */
.vngage-icon-users-2:before {
  content: '\e85f';
}
/* '' */
.vngage-icon-dot-3:before {
  content: '\e860';
}
/* '' */
.vngage-icon-block-1:before {
  content: '\e861';
}
/* '' */
.vngage-icon-dot-circled:before {
  content: '\e862';
}
/* '' */
.vngage-icon-video-small:before {
  content: '\e863';
}
/* '' */
.vngage-icon-video-medium:before {
  content: '\e864';
}
/* '' */
.vngage-icon-video-fullscreen:before {
  content: '\e865';
}
/* '' */
.vngage-icon-more:before {
  content: '\e866';
}
/* '' */
.vngage-icon-ico_networkerror:before {
  content: '\e867';
}
/* '' */
.vngage-icon-user:before {
  content: '\e868';
}
/* '' */
.vngage-icon-agent-line:before {
  content: '\e869';
}
/* '' */
.vngage-icon-case-mange-line:before {
  content: '\e86a';
}
/* '' */
.vngage-icon-user-line:before {
  content: '\e86b';
}
/* '' */
.vngage-icon-queue-line:before {
  content: '\e86c';
}
/* '' */
.vngage-icon-chat-line:before {
  content: '\e86d';
}
/* '' */
.vngage-icon-videocam-1:before {
  content: '\e86e';
}
/* '' */
.vngage-icon-cog-line:before {
  content: '\e86f';
}
/* '' */
.vngage-icon-group-line:before {
  content: '\e870';
}
/* '' */
.vngage-icon-multi-chat-line:before {
  content: '\e871';
}
/* '' */
.vngage-icon-highlight:before {
  content: '\e872';
}
/* '' */
.vngage-icon-single-chat:before {
  content: '\e873';
}
/* '' */
.vngage-icon-line-download:before {
  content: '\e874';
}
/* '' */
.vngage-icon-line-expand:before {
  content: '\e875';
}
/* '' */
.vngage-icon-line-image:before {
  content: '\e876';
}
/* '' */
.vngage-icon-line-play:before {
  content: '\e877';
}
/* '' */
.vngage-icon-link-1:before {
  content: '\e878';
}
/* '' */
.vngage-icon-pause:before {
  content: '\e879';
}
/* '' */
.vngage-icon-line-note:before {
  content: '\e87a';
}
/* '' */
.vngage-icon-line-text:before {
  content: '\e87b';
}
/* '' */
.vngage-icon-line-desktop:before {
  content: '\e87c';
}
/* '' */
.vngage-icon-line-video:before {
  content: '\e87d';
}
/* '' */
.vngage-icon-line-fullscreen:before {
  content: '\e87e';
}
/* '' */
.vngage-icon-line-lightning:before {
  content: '\e87f';
}
/* '' */
.vngage-icon-line-phone:before {
  content: '\e880';
}
/* '' */
.vngage-icon-line-restore-screen:before {
  content: '\e881';
}
/* '' */
.vngage-icon-line-sound:before {
  content: '\e882';
}
/* '' */
.vngage-icon-line-tablet:before {
  content: '\e883';
}
/* '' */
.vngage-icon-line-close:before {
  content: '\e884';
}
/* '' */
.vngage-icon-line-list:before {
  content: '\e885';
}
/* '' */
.vngage-icon-line-zoom-out:before {
  content: '\e886';
}
/* '' */
.vngage-icon-line-zoom-in:before {
  content: '\e887';
}
/* '' */
.vngage-icon-stop:before {
  content: '\e888';
}
/* '' */
.vngage-icon-backward:before {
  content: '\e889';
}
/* '' */
.vngage-icon-fast-backward:before {
  content: '\e88a';
}
/* '' */
.vngage-icon-faster-backward:before {
  content: '\e88b';
}
/* '' */
.vngage-icon-forward-2:before {
  content: '\e88c';
}
/* '' */
.vngage-icon-fast-forward:before {
  content: '\e88d';
}
/* '' */
.vngage-icon-faster-forward:before {
  content: '\e88e';
}
/* '' */
.vngage-icon-login:before {
  content: '\e88f';
}
/* '' */
.vngage-icon-logout-1:before {
  content: '\e890';
}
/* '' */
.vngage-icon-attach:before {
  content: '\e891';
}
/* '' */
.vngage-icon-ico_cobrowsing:before {
  content: '\e892';
}
/* '' */
.vngage-icon-email:before {
  content: '\e893';
}
/* '' */
.vngage-icon-facebook-messenger:before {
  content: '\e894';
}
/* '' */
.vngage-icon-sms:before {
  content: '\e895';
}
/* '' */
.vngage-icon-telephone:before {
  content: '\e896';
}
/* '' */
.vngage-icon-whatsapp:before {
  content: '\e897';
}
/* '' */
.vngage-icon-docs:before {
  content: '\f0c5';
}
/* '' */
.vngage-icon-smile:before {
  content: '\f118';
}
/* '' */
.vngage-icon-mic:before {
  content: '\f130';
}
/* '' */
.vngage-icon-mute:before {
  content: '\f131';
}
/* '' */
@font-face {
  font-family: 'icon';
  src: url('./icons-fontello/font/icon.eot?24987543');
  src: url('./icons-fontello/font/icon.eot?24987543#iefix') format('embedded-opentype'), url('./icons-fontello/font/icon.woff?24987543') format('woff'), url('./icons-fontello/font/icon.ttf?24987543') format('truetype'), url('./icons-fontello/font/icon.svg?24987543#icon') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: 'icon';
    src: url('./icons-fontello/font/icon.svg?59335316#icon') format('svg');
  }
}
/* Action icons */
.vngage-icon-webpage:before {
  content: '\e819';
}
/* '&quot;' */
.vngage-icon-info:before {
  content: '\e81a';
}
/* 'c' */
.vngage-icon-product:before {
  content: '\e81b';
}
/* '' */
.vngage-icon-pay:before {
  content: '\e81c';
}
/* 'n' */
.vngage-icon-shoppingcart:before {
  content: '\e81d';
}
/* '!' */
.vngage-icon-shipping:before {
  content: '\e81e';
}
/* '' */
.vngage-icon-action:before {
  content: '\e81f';
}
/* 'l' */
.vngage-icon-group:before {
  content: '\e820';
}
/* 'j' */
.vngage-icon-state-hungup:before {
  content: '\e834';
  transform: rotate(90deg);
}
/* '' */
.vngage-icon-home:before {
  content: '\e84d';
}
/* '' */
.large[class^="vngage-icon-"]:before,
.large[class*=" vngage-icon-"]:before {
  font-size: 30px;
}
.medium[class^="vngage-icon-"]:before,
.medium[class*=" vngage-icon-"]:before {
  font-size: 28px;
}
.vngage-url-category {
  font-size: 14px;
  display: inline-block;
  border-radius: 2px;
  line-height: 20px;
  width: 22px;
  height: 20px;
  text-align: center;
  margin: 0 1px 0 0;
  color: #fff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
  cursor: help;
}
.vngage-bg-purple {
  background-color: #662d91;
}
.vngage-bg-green {
  background-color: #006837;
}
.vngage-bg-blue {
  background-color: #00395b;
}
.vngage-bg-red {
  background-color: #c1272d;
}
.vngage-bg-orange {
  background-color: #f15a24;
}
.vngage-bg-brown {
  background-color: #603813;
}
.vngage-bg-yellow {
  background-color: #fbb03b;
}
.vngage-bg-gray {
  background-color: #4d4d4d;
}
.vngage-bg-lightGray {
  background-color: #646464;
}
#navmenu li :hover i.vngage-icon-stash,
#navmenu li.active :hover i.vngage-icon-stash,
#navmenu li.active i.vngage-icon-stash,
.vngage-icon-stash {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDQ4M0IzM0E4NzlCMTFFNTlBQkZBREM5MEIxMTQ1MjgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDQ4M0IzM0I4NzlCMTFFNTlBQkZBREM5MEIxMTQ1MjgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozRTUyNUY3Rjg3OTkxMUU1OUFCRkFEQzkwQjExNDUyOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozRTUyNUY4MDg3OTkxMUU1OUFCRkFEQzkwQjExNDUyOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pi9QOOEAAACBSURBVHjaYvz//z8DOYBxBGhkAGrsAGlGwp5AvAmI/aB4E1QMWU0HiHgNxIJAzATEuUD89z8EvIfi/1CxXKgakNrXIKeeBlqsDcQ/gVgAyTGHoLQdktgHIGYH4qsgGxWAeBcQ/wbi70C8D4gjoKYzQdn7oHK/oWoVGEcTAG4AEGAAqYm3TlG8gH0AAAAASUVORK5CYII=');
  background-repeat: no-repeat;
  background-position: 50%;
}
.ps_icon_title {
  border: 1px solid #ccc;
  background-color: #fff;
  color: #000;
  left: 0;
}
.ps_icon_big {
  position: relative;
  height: 24px;
  width: 38px;
  text-align: center;
  font-size: 14px;
  margin: 7px;
  cursor: pointer;
  border-radius: 2px;
  border: none;
}
.ps_icon_big .vngage-icon {
  position: absolute;
  top: 0;
  left: 0;
  height: 2px;
  line-height: 20px;
  width: 38px;
  text-align: center;
  color: #fff;
}
.ps_icon_big .ps_icon_title {
  position: absolute;
  text-align: center;
  padding: 0 2px;
  line-height: 11px;
  max-height: 33px;
  overflow: hidden;
  top: 23px;
  display: block;
  width: 47px;
  margin-left: -5px;
  font-size: 9px;
}
.ps_icon_wide {
  margin: 7px;
  position: relative;
  height: 18px;
  width: 31px;
  cursor: pointer;
  border-radius: 2px;
  border: 1px solid #888;
}
.ps_icon_wide .vngage-icon {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  line-height: 20px;
  width: 24px;
  text-align: center;
  color: #fff;
}
.ps_icon_wide .ps_icon_title {
  margin-top: -1px;
  display: block;
  width: auto;
  position: absolute;
  height: 18px;
  left: 23px;
  z-index: 500;
  white-space: nowrap;
  line-height: 19px;
  padding: 0 6px;
  font-size: 10px;
  border-radius: 0 2px 2px 0;
  border: 1px solid #888;
  max-width: 190px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sg-index {
  position: fixed;
  top: 50px;
  right: 0;
  background: white;
}
.sg-index ul.nav {
  border: 1px solid #cecece;
  padding: 10px 0;
}
.sg-index ul.nav > li > a {
  padding: 5px 15px;
}
.sg-index ul.nav > li > a.in-view {
  color: #00717d;
  background-color: #eeeeee;
}
.sg-block {
  border-top: 0 !important;
}
hr.sg:after {
  content: '';
  display: table;
  clear: both;
}
.sg .vngage-pagination {
  display: inline-block;
}
.sg .vngage-selectable-items.items-controls .row .btn [class^="vngage-icon-"]:before,
.sg .vngage-selectable-items.items-controls .row .btn [class*=" vngage-icon-"]:before {
  margin-left: -2px;
  margin-right: -2px;
}
.sg .back-navigation {
  position: relative;
  padding: 0 20px;
  top: 0;
}
.tool-tip,
.tool-tip:before,
.tool-tip:after,
.tool-tip:focus,
.tool-tip:active:after {
  outline: none;
}
.tool-tip {
  position: relative;
}
.tool-tip:hover {
  text-decoration: none;
}
.tool-tip:hover:before,
.tool-tip:hover:after {
  visibility: visible;
  opacity: 1;
}
.tool-tip:hover:before,
.tool-tip:hover:after {
  -webkit-transition: 400ms 400ms ease;
  -moz-transition: 400ms 400ms ease;
  transition: 400ms 400ms ease;
}
.tool-tip:before,
.tool-tip:after {
  position: absolute;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  visibility: hidden;
  opacity: 0;
  z-index: 1000000;
  pointer-events: none;
  -webkit-transition: 0ms 0ms ease;
  -moz-transition: 0ms 0ms ease;
  transition: 0ms 0ms ease;
}
.tool-tip:after {
  background: #111;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 5px;
  top: 24px;
  color: #ffffff;
  content: attr(data-tip);
  display: block;
  left: 0;
  white-space: nowrap;
  text-shadow: 0 -1px 0 black;
  padding: 8px 10px;
  font-size: 12px;
  font-weight: normal;
  line-height: 12px;
}
.tool-tip:before {
  margin-top: 11px;
  left: 10px;
  content: '';
  position: absolute;
  background: transparent;
  border: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.8);
  z-index: 1000001;
}
.tool-tip.tool-tip-top-center:after {
  top: -32px;
  left: -50%;
  right: auto;
}
.tool-tip.tool-tip-top-left:after {
  top: -32px;
  left: 0;
  right: auto;
}
.tool-tip.tool-tip-top-right:after {
  top: -32px;
  left: auto;
  right: 0;
}
.tool-tip.tool-tip-top-center:before {
  left: 50%;
  margin-left: -10px;
  right: auto;
}
.tool-tip.tool-tip-top-left:before {
  left: 10px;
  right: auto;
}
.tool-tip.tool-tip-top-right:before {
  right: 10px;
  left: auto;
}
.tool-tip.tool-tip-top-center:before,
.tool-tip.tool-tip-top-left:before,
.tool-tip.tool-tip-top-right:before {
  border-top-color: rgba(0, 0, 0, 0.8);
  border-bottom-color: transparent;
  margin-top: -5px;
}
.tool-tip.tool-tip-bottom-center:after {
  left: -50%;
  right: auto;
}
.tool-tip.tool-tip-bottom-left:after {
  left: 0;
  right: auto;
}
.tool-tip.tool-tip-bottom-right:after {
  left: auto;
  right: 0;
}
.tool-tip.tool-tip-bottom-center:before {
  left: 50%;
  bottom: 0;
  margin-left: -10px;
  right: auto;
}
.tool-tip.tool-tip-bottom-left:before {
  left: 10px;
  right: auto;
}
.tool-tip.tool-tip-bottom-right:before {
  right: 10px;
  left: auto;
}
.tool-tip.tool-tip-bottom-center:before,
.tool-tip.tool-tip-bottom-left:before,
.tool-tip.tool-tip-bottom-right:before {
  border-bottom-color: rgba(0, 0, 0, 0.8);
  bottom: 0;
  margin-bottom: -6px;
}
.dashboard-card .card-body {
  height: 225px;
  padding: 0;
  overflow-x: hidden;
}
.group-overview-card {
  font-size: 10px;
  font-weight: normal;
}
.group-overview-card th {
  font-size: 11px;
  border-top: none;
}
.group-overview-card .bold.text {
  font-family: 'vngage-semibold', sans-serif;
  font-weight: normal;
}
.profile-pic {
  width: 35px;
  height: 35px;
}
.profile-pic .profile-img {
  border-radius: 100%;
  width: 100%;
  height: 100%;
}
.users-online-card .row {
  display: flex;
  justify-content: space-between;
}
.users-online-card .row .agent {
  display: flex;
  justify-content: space-between;
}
.users-online-card .row .agent .profile-pic {
  width: 35px;
  height: 35px;
}
.users-online-card .row .agent span {
  font-size: 12px;
  padding: 10px 0 0 10px;
  vertical-align: middle;
  font-family: 'vngage-semibold';
}
.users-online-card .row .number {
  padding-top: 8px;
}
.users-online-card .row .number .number-bubble {
  width: 30px;
  height: 20px;
  background: #E3E3E3;
  position: relative;
  border-radius: 2px;
  padding-top: 2px;
  text-align: center;
  margin-left: 15px;
  display: inline-block;
  font-size: 12px;
}
.users-online-card .row .number .number-bubble:after {
  content: '';
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 0 solid transparent;
  border-top: 6px solid #E3E3E3;
  position: absolute;
  bottom: -5px;
  right: 6px;
}
.users-online-card .row .number .number-bubble.active {
  background: #00b7c9;
  color: white;
}
.users-online-card .row .number .number-bubble.active.active:after {
  border-top: 6px solid #00b7c9;
}
.user-card-content {
  display: flex;
  flex-direction: row;
}
.user-card-content .profile {
  display: flex;
  flex-direction: column;
  text-align: center;
  font-size: 10px;
  line-height: 26px;
  border-right: 1px solid #e3e3e3;
  width: 30%;
}
.user-card-content .profile .profile-pic {
  margin: 10px auto;
  width: 56px;
  height: 56px;
}
.user-card-content .profile .range {
  color: #333;
  text-decoration: none;
}
.user-card-content .profile .range:hover {
  text-decoration: none;
  color: #00717d;
}
.user-card-content .profile .range.active {
  color: #00b7c9;
  text-decoration: none;
}
.user-card-content .stats {
  font-family: 'vngage-semibold';
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  flex-wrap: wrap;
  flex: 1;
}
.user-card-content .stats > div {
  min-width: 50px;
  flex: 0 40%;
}
.user-card-content .stats > div h5 {
  font-size: 11px;
  margin-bottom: 0;
}
.user-card-content .stats > div span {
  font-size: 22px;
}
.metrics-bar {
  display: flex;
  background: #f2f0f1;
  padding: 10px 0;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
  margin-bottom: 30px;
  border: 2px solid #e3e3e3;
}
.metrics-bar .metric-component {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  display: flex;
  flex-direction: column;
  align-self: flex-start;
  justify-content: space-between;
  text-align: center;
}
.metrics-bar .metric-component .metric-content {
  font-size: 22px;
  font-family: 'vngage-semibold';
  line-height: 22px;
}
.metrics-bar .metric-component .metric-content.metrics-time {
  font-size: 16px;
}
.metrics-bar .metric-component .metrics-label {
  font-size: 11px;
}
.metrics-bar .metric-component .dc-chart {
  float: none;
}
.nav-open #navmenu {
  width: 150px;
  cursor: url('./img/arrow-collapse.png'), auto;
  display: flex;
  flex-direction: column;
}
.nav-open #navmenu a.logo-container {
  padding: 0;
  background-color: #55043b;
  min-height: 45px;
  max-height: 60px;
}
.nav-open #navmenu a.logo-container .logo-expanded {
  height: auto;
  width: 100%;
  max-width: 150px;
  max-height: 60px;
  padding: 0 15px 0;
  flex: 0;
  flex-shrink: 0;
  visibility: visible;
  opacity: 1;
  transition: opacity 0.2s ease, height 0.2s ease, width 0.2s ease;
}
.nav-open #navmenu a.logo-container .logo-collapsed {
  visibility: hidden;
  opacity: 0;
  height: 0;
  width: 0;
}
.nav-open #navmenu .light-logo-small {
  visibility: hidden;
  opacity: 0;
}
.nav-open #navmenu ul {
  overflow-y: auto;
  overflow-x: hidden;
}
.nav-open #navmenu ul li a i.unpublished {
  float: right;
  margin-right: 15px;
  color: #f0ad4e;
  font-size: 11px;
  opacity: 1;
}
.nav-open #navmenu ul li:hover span {
  background: transparent;
  width: inherit;
  padding-left: 0;
  margin-left: 5px;
  border-radius: 0;
}
.nav-open #navmenu ul li:hover span:before {
  display: none;
}
.nav-open #navmenu #user-container {
  cursor: pointer;
  text-align: center;
  width: 150px;
  padding: 15px 0;
  margin: 0;
}
.nav-open #navmenu #user-container .profile-pic {
  margin-top: 4px;
  background: transparent;
  border-radius: 100%;
  padding: 3px;
  transition: background 400ms;
  margin-left: 0;
}
.nav-open #navmenu #user-container .profile-pic img {
  width: 35px;
  height: 35px;
  background: #ccc;
  border-radius: 100%;
  border: 3px solid #00b7c9;
}
.nav-open #navmenu #user-container .user-controls {
  display: inline-block;
  visibility: visible;
}
.nav-open #navmenu #user-container .user-controls li {
  float: left;
}
.nav-open #navmenu #user-container .user-controls li a {
  padding-left: 0;
}
.nav-open #navmenu #user-container .user-controls li a :hover {
  background: transparent;
}
.nav-open #navmenu #user-container .user-controls li a i {
  margin: 0;
}
.nav-open #navmenu #user-container .user-details {
  padding: 0;
  margin: 0 15px 0 5px;
  visibility: visible;
  display: block;
  color: #ffffff;
}
.nav-open #navmenu #user-container .user-details .profile-name {
  font-size: 11px;
  margin-top: 7px;
}
.nav-open #navmenu #user-container .user-details .account-name {
  display: block;
  font-size: 11px;
  margin-top: -3px;
}
.nav-open #navmenu #user-container .user-details .online,
.nav-open #navmenu #user-container .user-details .away {
  font-size: 11px;
  display: block;
  margin-top: 3px;
  margin-bottom: 2px;
}
.nav-open #navmenu #user-container .user-details .online {
  color: #00b7c9;
}
.nav-open #navmenu #user-container .user-details .away {
  color: #f04e5e;
}
.nav-open #navmenu #user-container .user-details .user-presence {
  text-transform: capitalize;
  font-size: 12px;
  color: #00b7c9;
  font-weight: bold;
  min-width: 5em;
  padding: 0 0 0 6px;
  margin-left: 2px;
  border-left: 1px solid #666;
  display: inline-block;
}
.nav-open #navmenu #user-container.away .profile-pic img {
  opacity: 0.8;
  background-color: #f04e5e;
  border-color: #f04e5e;
}
.nav-open #navmenu #user-container.away .user-presence {
  color: #f04e5e;
}
.nav-open #navmenu #user-container .dropdown {
  z-index: 0;
}
.nav-open #navmenu #user-container .dropdown.show {
  z-index: 999;
}
.nav-open #navmenu #user-container .dropdown.show .dropdown-menu {
  transition: all 0.2s ease-in-out;
  visibility: visible;
  opacity: 1;
  width: 160px;
}
.nav-open #navmenu #user-container .dropdown-menu {
  position: fixed;
  width: 0;
  height: 100%;
  bottom: 0;
  left: 150px;
  display: block;
  visibility: hidden;
  opacity: 0;
  border-radius: 0;
  box-shadow: none;
  transition: all 0.2s ease-in-out;
  border: 0;
}
.nav-open #navmenu #user-container .dropdown-menu .user-controls {
  position: absolute;
  width: 100%;
  text-align: center;
  padding-bottom: 15px;
}
.nav-open #navmenu #user-container .dropdown-menu .user-controls li {
  float: none;
}
.nav-open #navmenu #user-container .dropdown-menu .user-controls .profile-pic img {
  width: 65px;
  height: 65px;
  border-width: 3px;
}
.nav-open #navmenu #user-container .dropdown-menu .user-controls .user-details {
  color: #ffffff;
  margin-bottom: 15px;
}
.nav-open #navmenu #user-container .dropdown-menu .user-controls li .vngage-icon {
  background: transparent;
  margin: 0 4px 0 -3px;
  float: none;
}
.nav-open #navmenu #user-container .dropdown-menu .user-controls li .vngage-icon-forward-1 {
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: 'FlipH';
}
.nav-open #navmenu #user-container .dropdown-menu .user-controls li.active {
  background: transparent;
}
.nav-open #navmenu #user-container .dropdown-menu .user-controls li.active > a {
  background: transparent;
  color: #ffffff;
}
.nav-open #navmenu #user-container .dropdown-menu .user-controls li > a {
  color: #aaa;
  padding-left: 15px;
  transition: all 400ms;
  text-align: left;
  line-height: 22px;
  font-size: 14px;
}
.nav-open #navmenu #user-container .dropdown-menu .user-controls li > a.menu-item {
  color: #ffffff;
  line-height: 37px;
}
.nav-open #navmenu #user-container .dropdown-menu .user-controls li > a.menu-item:hover {
  color: #434544;
  background-color: #ffffff;
}
.nav-open #navmenu #user-container .dropdown-menu .user-controls li > a span {
  margin-left: 0;
}
.nav-open #navmenu #user-container .dropdown-menu .user-controls li > a:hover {
  color: #eee;
}
.nav-open #navmenu #user-container .dropdown-menu .user-controls li > a:hover span {
  display: inline;
  background: transparent;
  line-height: 20px;
  margin-left: 0;
}
.nav-open #navmenu #user-container .dropdown-menu .user-controls li.presence-away > a:before,
.nav-open #navmenu #user-container .dropdown-menu .user-controls li.presence-online > a:before {
  content: '';
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 10px 0 -12px;
  border-radius: 100%;
  border: 4px solid #999;
  background: #999;
  vertical-align: middle;
  transition: all 400ms;
  margin-bottom: 2px;
}
.nav-open #navmenu #user-container .dropdown-menu .user-controls li.presence-online a,
.nav-open #navmenu #user-container .dropdown-menu .user-controls li.presence-away a {
  padding-left: 30px;
}
.nav-open #navmenu #user-container .dropdown-menu .user-controls li.presence-online.active > a:before,
.nav-open #navmenu #user-container .dropdown-menu .user-controls li.presence-online > a:hover:before {
  border-color: #00b7c9;
  background-color: #00b7c9;
}
.nav-open #navmenu #user-container .dropdown-menu .user-controls li.presence-away.active > a:before,
.nav-open #navmenu #user-container .dropdown-menu .user-controls li.presence-away > a:hover:before {
  border-color: #f04e5e;
  background-color: #f04e5e;
}
.nav-open #navmenu #user-container .dropdown-menu .user-controls .divider {
  height: 2px;
  margin: 10px 0 0;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.5);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.nav-open .subnav {
  width: 160px;
  left: 150px;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all 0.1s ease;
}
.nav-open .subnav .nav > li > p {
  color: #00b7c9;
  font-size: 13px;
  margin: 0;
}
.nav-open #content {
  margin-left: 150px;
}
.nav-open #forced-pause.visible-message {
  position: absolute;
  bottom: 35px;
  left: 120px;
}
.nav-open #forced-pause.visible-message:before {
  content: "";
  top: 44px;
  left: -7px;
}
#navmenu {
  left: 0;
  top: 0;
  padding-left: 0;
  padding-right: 0;
  background: #020202;
  position: absolute;
  width: 40px;
  bottom: 0;
  display: flex;
  flex-direction: column;
  cursor: url('./img/arrow-expand.png'), auto;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all 0.1s ease;
}
#navmenu a.logo-container {
  line-height: 30px;
  padding: 0;
  background-color: #55043b;
}
#navmenu a.logo-container .logo-collapsed {
  height: auto;
  width: 30px;
  position: absolute;
  left: 50%;
  margin-left: -15px;
  padding: 5px;
  top: 0;
  flex: 0;
  flex-shrink: 0;
  visibility: visible;
  opacity: 1;
  transition: opacity 0.2s ease, height 0.2s ease, width 0.2s ease;
}
#navmenu a.logo-container .logo-expanded {
  visibility: hidden;
  opacity: 0;
  width: 0;
  height: 0;
}
#navmenu ul {
  margin: 0;
  padding: 0;
  flex: 1;
}
#navmenu li {
  margin: 0;
  padding: 0;
  list-style: none;
  cursor: pointer;
}
#navmenu li hr {
  margin: 5px 0px;
  border-top: 1px solid #000;
  border-bottom: 1px solid rgba(200, 200, 200, 0.2);
  cursor: default;
}
#navmenu li.active {
  background: #434544;
  transition: background 0.1s ease-in-out;
}
#navmenu li.active a {
  color: #ffffff;
}
#navmenu li.active i {
  background: #434544;
  color: #ffffff;
}
#navmenu li.active :hover {
  background: #434544;
}
#navmenu li.active :hover i {
  background: #434544;
}
#navmenu li :hover {
  text-decoration: none;
  background: #434544;
  color: #ffffff;
  transition: all 0.1s ease-in-out;
}
#navmenu li :hover span {
  position: relative;
  z-index: 9000;
  background: #2f2f2e;
  line-height: 37px;
  display: block;
  padding-left: 10px;
  margin-left: 12px;
  border-radius: 4px;
  width: 160px;
  pointer-events: none;
}
#navmenu li :hover span:before {
  border: 10px solid transparent;
  border-right-color: #2f2f2e;
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  content: "";
  left: -15px;
  top: 8px;
}
#navmenu a {
  display: block;
  line-height: 37px;
  color: #ffffff;
  padding-left: 35px;
  outline: none;
  white-space: nowrap;
}
#navmenu a:active,
#navmenu a:focus {
  text-decoration: none;
}
#navmenu i {
  float: left;
  margin-left: -30px;
  width: 30px;
  height: 36px;
  font-style: normal;
  text-align: center;
}
#navmenu i.unpublished {
  opacity: 0;
}
#navmenu span {
  margin-left: 5px;
}
#navmenu span.beta-tag:after {
  content: 'New';
  font-size: 9px;
  background: #fff;
  color: #444;
  border-radius: 2px;
  padding: 0 2px;
  position: relative;
  top: -2px;
  left: 5px;
}
#navmenu #user-container {
  cursor: pointer;
  width: 30px;
  margin: 0 5px 30px;
  text-align: center;
  transition: bottom 0.2s ease;
}
#navmenu #user-container .profile-pic {
  margin-top: 4px;
  background: transparent;
  border-radius: 100%;
  padding: 3px;
  transition: background 400ms;
  margin-left: 0;
}
#navmenu #user-container .profile-pic img {
  width: 20px;
  height: 20px;
  background: #ccc;
  border-radius: 100%;
  border: 2px solid #00b7c9;
}
#navmenu #user-container.away .profile-pic img {
  opacity: 0.8;
  background-color: #f04e5e;
  border-color: #f04e5e;
}
#navmenu #user-container .user-details,
#navmenu #user-container .user-controls {
  visibility: hidden;
  display: none;
}
#navmenu #user-container .dropdown.show .dropdown-menu {
  transition: all 0.2s ease-in-out;
  visibility: visible;
  opacity: 1;
  width: 160px;
}
#navmenu #user-container .dropdown.show .dropdown-menu .user-details,
#navmenu #user-container .dropdown.show .dropdown-menu .user-controls {
  visibility: visible;
  display: block;
}
#navmenu #user-container .dropdown-menu {
  background: #434544;
  position: fixed;
  width: 0;
  top: 0;
  height: 100%;
  bottom: 0;
  left: 40px;
  display: block;
  visibility: hidden;
  opacity: 0;
  border-radius: 0;
  box-shadow: none;
  transition: all 0.2s ease-in-out;
  border: 0;
  margin-top: 0;
}
#navmenu #user-container .dropdown-menu .user-controls {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  padding-bottom: 15px;
}
#navmenu #user-container .dropdown-menu .user-controls .profile-pic img {
  width: 65px;
  height: 65px;
  border-width: 3px;
}
#navmenu #user-container .dropdown-menu .user-controls .user-details {
  color: #ffffff;
  margin-bottom: 15px;
  visibility: visible;
  font-size: 11px;
}
#navmenu #user-container .dropdown-menu .user-controls .user-details .profile-name {
  display: block;
  margin-top: 7px;
}
#navmenu #user-container .dropdown-menu .user-controls li .vngage-icon {
  background: transparent;
  margin: 0 4px 0 -3px;
  float: none;
}
#navmenu #user-container .dropdown-menu .user-controls li .vngage-icon-forward-1 {
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: 'FlipH';
}
#navmenu #user-container .dropdown-menu .user-controls li.active {
  background: transparent;
}
#navmenu #user-container .dropdown-menu .user-controls li.active > a {
  background: transparent;
  color: #ffffff;
}
#navmenu #user-container .dropdown-menu .user-controls li > a {
  color: #aaa;
  padding-left: 15px;
  transition: all 400ms;
  text-align: left;
  line-height: 22px;
  font-size: 14px;
}
#navmenu #user-container .dropdown-menu .user-controls li > a.menu-item {
  color: #ffffff;
  line-height: 37px;
}
#navmenu #user-container .dropdown-menu .user-controls li > a.menu-item:hover {
  color: #434544;
  background-color: #ffffff;
}
#navmenu #user-container .dropdown-menu .user-controls li > a span {
  margin-left: 0;
}
#navmenu #user-container .dropdown-menu .user-controls li > a:hover {
  color: #eee;
}
#navmenu #user-container .dropdown-menu .user-controls li > a:hover span {
  display: inline;
  background: transparent;
  line-height: 20px;
  margin-left: 0;
  padding-left: 0;
}
#navmenu #user-container .dropdown-menu .user-controls li > a:hover span::before {
  display: none;
}
#navmenu #user-container .dropdown-menu .user-controls li.presence-away > a:before,
#navmenu #user-container .dropdown-menu .user-controls li.presence-online > a:before {
  content: '';
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 10px 0 -12px;
  border-radius: 100%;
  border: 4px solid #999;
  background: #999;
  vertical-align: middle;
  transition: all 400ms;
  margin-bottom: 2px;
}
#navmenu #user-container .dropdown-menu .user-controls li.presence-online a,
#navmenu #user-container .dropdown-menu .user-controls li.presence-away a {
  padding-left: 30px;
}
#navmenu #user-container .dropdown-menu .user-controls li.presence-online.active > a:before,
#navmenu #user-container .dropdown-menu .user-controls li.presence-online > a:hover:before {
  border-color: #00b7c9;
  background-color: #00b7c9;
}
#navmenu #user-container .dropdown-menu .user-controls li.presence-away.active > a:before,
#navmenu #user-container .dropdown-menu .user-controls li.presence-away > a:hover:before {
  border-color: #f04e5e;
  background-color: #f04e5e;
}
#navmenu #user-container .dropdown-menu .user-controls .divider {
  height: 2px;
  margin: 10px 0 0;
  overflow: hidden;
  background-color: #222;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
#navmenu .legacy-tip.legacy-tip-top:before {
  border-top-color: #444;
}
#navmenu .legacy-tip.legacy-tip-top:after {
  top: -25px;
  left: -100%;
  right: auto;
  background: #444;
}
.subnav {
  background: #434544;
  padding: 8px 0;
  top: 0;
  left: 40px;
  bottom: 0;
  position: fixed;
  width: 160px;
  z-index: 500;
  overflow: auto;
  cursor: default;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all 0.1s ease;
}
.subnav .nav > li > p {
  color: #00b7c9;
  padding: 8px 10px 0;
  line-height: 37px;
  font-size: 13px;
  margin: 0;
}
.subnav .nav li:first-child p {
  padding-top: 0;
}
.subnav .nav > li.active a {
  color: #434544;
  background: #ffffff;
  outline: none;
}
.subnav .nav > li > a {
  padding: 8px 0 9px 20px;
  color: #ffffff;
  transition: all 0.1s ease-in-out;
  outline: none;
}
.subnav .nav > li.active a:hover {
  color: #434544;
  background: #ffffff;
  transition: all 0.1s ease-in-out;
}
.subnav .nav > li a:hover {
  background: #ffffff;
  transition: all 0.1s ease-in-out;
  color: #434544;
}
#forced-pause {
  display: none;
}
#forced-pause.visible-message {
  display: block;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAVCAYAAACt4nWrAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTkzQjMwRkQ3QTRDMTFFNUI0QjI4NjI1NkNCNzkzQUMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTkzQjMwRkU3QTRDMTFFNUI0QjI4NjI1NkNCNzkzQUMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBOTNCMzBGQjdBNEMxMUU1QjRCMjg2MjU2Q0I3OTNBQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBOTNCMzBGQzdBNEMxMUU1QjRCMjg2MjU2Q0I3OTNBQyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pkm6WdoAAAHESURBVHjarJXPSwJBFMd3VUQ65EWpIKhOXqMgwaPHkCKIQIi8ePGi0CFBlFChEtKbdgsC6dBl8dA/UOf6A7KjkFFYHSKyH/Yd+C5sw26tPx58eM57877zmJ0Z1eeVLcWGucAZWAMa2ACfIuFtnFgWORR7Fqdwjz5up8iO+DgogG+wSV9gfGjxDPCDY3BK72d8KPFZkAKvIMdYjuMU8wOL7wEPOABtxtoce5gfSDwIoqAFymAMLNOXGY++rMaC/YqroGLY8zdQA+fgiGN9zytYQO1HfB2EwBWoMzZJP0FfZz7E+bbE3aDE39s828IeJd9jXlgJ3bvtiCfBHG/ihSF+J3mFeY3zk/+J+0AWfIC0lJM71y3N+Vl07/tLfFc8F6AKmlLuQfIK35Ym53tZbyoeAAnwBIom23UveaMVWZdA9wEz8UPg5LvRMRG4Bg2eEEXqvsM6J3V+iYdBBNzyPJvZAlgCixb5Gusj6D6sizt444TtgK5FsTgRU/SKSfdd1gsrYwGHEI6BeXDJY2VlVX6XqtUELKBRR+jFhHheuhBWJubcGC6VlekXL6/ib+6dH6KljM6mwZeLD9A+mBmhuLhUmR8BBgBrf3X0Zm+AZwAAAABJRU5ErkJggg==") !important;
  background-position: 20px 20px;
  background-repeat: no-repeat;
  width: 305px;
  padding: 15px 10px 15px 65px;
  color: #333;
  background-color: #F3F3F3;
  position: absolute;
  bottom: 15px;
  left: 38px;
  z-index: 9999;
  border-radius: 4px;
  box-shadow: 0 0 6px #999;
  text-align: left;
}
#forced-pause.visible-message strong,
#forced-pause.visible-message p {
  line-height: 17px;
  margin: 0;
  display: inline-block;
}
#forced-pause.visible-message strong {
  font-family: 'vngage-semibold';
  margin-bottom: 8px;
  font-size: 14px;
}
#forced-pause.visible-message p {
  font-size: 13px;
}
#forced-pause.visible-message:before {
  content: "";
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  background: #F3F3F3;
  transform: rotate(50deg);
  top: 110px;
  left: -7px;
  box-shadow: -3px 3px 4px -3px #999;
  border: 0;
}
#forced-pause.visible-message:after {
  font-family: 'icon';
  content: '\e818';
  position: absolute;
  right: 5px;
  top: 2px;
  font-size: 10px;
}
#forced-pause.visible-message .btn-xs {
  margin: 10px 0 5px;
  font-family: 'vngage-semibold';
}
.back-navigation {
  position: relative;
  top: -60px;
  left: -6px;
  display: inline-block;
  font-size: 12px;
  cursor: pointer;
  padding: 5px;
}
.back-navigation.disabled {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.5;
}
.back-navigation .back-border {
  padding: 2px;
  border: 2px solid #cecece;
  border-radius: 100%;
  transition: all 0.2s ease;
}
.back-navigation i {
  color: #cecece;
  text-shadow: -1px 0px 0px #cecece;
  transition: all 0.2s ease;
}
.back-navigation i.mirrored:before {
  transform-origin: center;
  transform: scale(-1, 1);
}
.back-navigation:hover .back-border {
  border-color: #828282;
  transition: all 0.2s ease;
  transform: scale(1.1);
}
.back-navigation:hover i {
  color: #828282;
  text-shadow: -1px 0px 0px #828282;
  transition: all 0.2s ease;
  transform: scale(1);
}
#vngage-desktop-deux-app {
  display: flex;
  height: 100%;
  margin: 0;
  padding: 0;
  color: #555;
  overflow: hidden;
}
.desktop-wrapper {
  flex: 1;
  height: 100%;
}
.desktop-content {
  display: flex;
  height: 100%;
  width: 100%;
  position: absolute;
}
.medium-text-size .message-agent .message,
.medium-text-size .message-visitor .message {
  font-size: 120%;
}
.large-text-size .message-agent .message,
.large-text-size .message-visitor .message {
  font-size: 160%;
}
.user-preferences-modal .btn-group {
  margin-bottom: 10px;
}
.user-preferences-modal .btn-default-text-size,
.user-preferences-modal .btn-medium-text-size,
.user-preferences-modal .btn-large-text-size {
  background: #fff;
  color: #999;
  border-color: #ccc;
}
.user-preferences-modal.default-text-size .btn-default-text-size {
  color: #66d4df;
}
.user-preferences-modal.medium-text-size .well {
  font-size: 120%;
}
.user-preferences-modal.medium-text-size .btn-medium-text-size {
  color: #66d4df;
}
.user-preferences-modal.large-text-size .well {
  font-size: 160%;
}
.user-preferences-modal.large-text-size .btn-large-text-size {
  color: #66d4df;
}
@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -20px, 0);
  }
  70% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -5px, 0);
  }
  90% {
    transform: translate3d(0, -4px, 0);
  }
}
@keyframes bounceagain {
  from,
  20%,
  53%,
  80%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    transform: translate3d(0, -4px, 0);
  }
}
@keyframes wiggle {
  from,
  20%,
  53%,
  80%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(10px, 0, 0);
  }
  70% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(-20px, 0, 0);
  }
  90% {
    transform: translate3d(4px, 0, 0);
  }
}
@keyframes wiggle-again {
  from,
  20%,
  53%,
  80%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(10px, 0, 0);
  }
  70% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(-20px, 0, 0);
  }
  90% {
    transform: translate3d(4px, 0, 0);
  }
}
@keyframes fadeout {
  0% {
    background-color: #e4f4fa;
  }
  100% {
    background-color: rgba(228, 244, 250, 0);
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes conversation-end {
  0% {
    opacity: 1;
    height: 80%;
    animation-timing-function: ease-in;
  }
  100% {
    opacity: 0;
    height: 0%;
    animation-timing-function: ease-out;
  }
}
@keyframes fadeinout {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes slideToLeft {
  0% {
    transform: translate3d(230px, 0, 0);
    animation-timing-function: cubic-bezier(0.06, 0.37, 0.25, 1);
    opacity: 0;
  }
  100% {
    transform: translate3d(0, 0, 0);
    animation-timing-function: cubic-bezier(0.06, 0.37, 0.25, 1);
    opacity: 1;
  }
}
@keyframes color-swap {
  0% {
    background-color: #9a9a9a;
  }
  30% {
    background-color: #64bd6b;
  }
  80% {
    background-color: #64bd6b;
  }
  100% {
    background-color: #9a9a9a;
  }
}
.fadeIn {
  animation-name: fade-in;
  transform-origin: center bottom;
  animation-duration: 0.5s;
}
.bounce0 {
  animation-name: bounce;
  transform-origin: center bottom;
  animation-duration: 0.5s;
}
.bounce1 {
  animation-name: bounceagain;
  transform-origin: center bottom;
  animation-duration: 0.5s;
}
.wiggle0 {
  animation-name: wiggle;
  transform-origin: center bottom;
  animation-duration: 0.3s;
}
.wiggle1 {
  animation-name: wiggle-again;
  transform-origin: center bottom;
  animation-duration: 0.3s;
}
@keyframes ellipsis {
  to {
    width: 1.25em;
  }
}
.user-typing {
  font-size: 11px;
  font-style: italic;
  margin-left: 10px;
}
.user-typing:after {
  overflow: hidden;
  display: inline-block;
  vertical-align: bottom;
  -webkit-animation: ellipsis steps(4, end) 900ms infinite;
  animation: ellipsis steps(4, end) 900ms infinite;
  content: "\2026";
  /* ascii code for the ellipsis character */
  width: 0px;
}
.mirrored-x:before {
  transform: scale(-1, 1);
}
.copy-toast {
  z-index: 1000;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}
/* Animations to fade the copytoast in and out */
@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeout {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeout {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.lineClampEllipsis {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.lineClampEllipsis1Line {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.lineClampEllipsis1LineExtraLong {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
}
.modal-container {
  position: relative;
}
.modal-container .modal,
.modal-container .modal-backdrop {
  position: absolute;
}
.inline-divider {
  position: relative;
  width: 100%;
  height: 1px;
  background: #ccc;
}
.tooltip-inner {
  max-width: 100%;
}
.refCode {
  position: absolute;
  top: -14px;
  right: 10px;
  font-size: 10px;
  color: #8e8e8e;
}
.copy-button {
  cursor: pointer;
}
.line-clamp {
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  position: relative;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 !important;
}
.line-clamp:after {
  content: '...';
  text-align: right;
  bottom: 0;
  right: 0;
  width: 25%;
  display: block;
  position: absolute;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff 75%);
}
@supports (-webkit-line-clamp: 1) {
  .line-clamp:after {
    display: none !important;
  }
}
.line-clamp-1 {
  -webkit-line-clamp: 1;
}
.line-clamp-2 {
  -webkit-line-clamp: 2;
}
.line-clamp-3 {
  -webkit-line-clamp: 3;
}
.line-clamp-4 {
  -webkit-line-clamp: 4;
}
.line-clamp-5 {
  -webkit-line-clamp: 5;
}
.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.no-wrap {
  white-space: nowrap;
}
.loading-content-container {
  width: 273px;
  height: 80%;
  max-height: 100%;
  margin: 0 5px;
  background: #fff;
  z-index: 1;
  flex-direction: row;
  flex-shrink: 0;
  border-radius: 10px 10px 0 0;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  transform-origin: bottom center;
  position: absolute;
  bottom: 0;
}
.loading-content-container .close-button-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
}
.loading-content-container .close-button-container h3 {
  width: 90%;
  padding-bottom: 10px;
}
.loading-content-container .loader-header {
  width: 100%;
  border-bottom: 1px solid #ddd;
  height: 35px;
  color: #999;
  padding: 3px 8px;
}
.loading-content-container .loader-header .title {
  margin: 5px;
  display: inline-block;
}
.loading-content-container .loader-header .loader-dialog-connector {
  margin: 5px;
  width: 20px;
  height: 5px;
  font-size: 5px;
  float: left;
}
.loading-content-container .loader-header .loader-dialog-connector > div {
  height: 100%;
  width: 100%;
  border-radius: 5px;
  display: block;
  margin-bottom: 0.6em;
  -webkit-animation: stretchdelay 1.1s infinite ease-out;
  animation: stretchdelay 1.1s infinite ease-out;
}
.loading-content-container .loader-header .loader-dialog-connector .rect2 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
.loading-content-container .loader-header .loader-dialog-connector .rect3 {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
.loading-content-container .loader-visitor-meta {
  height: 50px;
  border-bottom: 1px solid #ddd;
  width: 100%;
  padding: 13px 15px 10px;
}
.loading-content-container .loader-visitor-meta .loader-placeholder {
  height: 7px;
}
.loading-content-container .loader-toolbar {
  height: 42px;
  border-bottom: 1px solid #ddd;
  display: flex;
  flex: 1;
}
.loading-content-container .loader-toolbar .loader-tool {
  flex: 1;
}
.loading-content-container .loader-toolbar .loader-tool:after {
  content: '';
  display: flex;
  width: 25px;
  height: 25px;
  border-radius: 7px;
  border: 2px solid #ddd;
  margin: 8px auto;
}
.loading-content-container .loader-content {
  width: 100%;
  background: #e3e3e3;
  padding: 20px 15px 10px;
}
.loading-content-container .loader-content.inverse {
  background: transparent;
}
.loading-content-container .loader-placeholder {
  background: #fff;
  height: 7px;
  margin-bottom: 8px;
}
.loading-content-container .loader-placeholder.short {
  width: 30%;
}
.loading-content-container .loader-placeholder.medium {
  width: 70%;
}
.loading-content-container .loader-placeholder.long {
  width: 90%;
}
.loading-content-container .loader-placeholder.inverse {
  background: #e3e3e3;
}
.loading-content-container .loader-footer-container {
  width: 100%;
  height: 100px;
  position: absolute;
  bottom: 0;
}
.loading-content-container .loader-footer-container .loader-input {
  width: 93%;
  height: 50px;
  margin: 0 auto;
  border: 1px solid #ddd;
  border-radius: 6px;
}
.loading-content-container .loader-footer-container .loader-options {
  display: inline-block;
  width: 180px;
  margin: 7px 10px;
  height: 25px;
  border: 1px solid #ddd;
  border-radius: 4px;
  position: relative;
}
.loading-content-container .loader-footer-container .loader-options:before,
.loading-content-container .loader-footer-container .loader-options:after {
  content: '';
  display: inline-block;
  position: absolute;
  right: 5px;
  border-width: 4px;
  border-style: solid;
  border-color: transparent;
}
.loading-content-container .loader-footer-container .loader-options:before {
  border-bottom-color: #ccc;
  top: 2px;
}
.loading-content-container .loader-footer-container .loader-options:after {
  border-top-color: #ccc;
  bottom: 2px;
}
.loading-content-container .loader-footer-container .loader-action {
  display: inline-block;
  width: 60px;
  height: 25px;
  border-radius: 4px;
  border: 1px solid #ddd;
  position: relative;
  top: -7px;
  right: 0;
}
.pending-auto-routing {
  position: absolute;
  width: 100%;
  height: 100%;
  margin-top: 0px;
  background: rgba(0, 0, 0, 0.7);
  z-index: 1;
}
.pending-auto-routing .urging-action-container {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.pending-auto-routing .urging-action-container .buttons-container {
  position: relative;
  top: -85px;
  width: 100%;
  display: flex;
  justify-content: center;
}
.pending-auto-routing .urging-action-container .separator {
  width: 20px;
}
.pending-auto-routing .urging-action-container .label-container {
  display: flex;
  align-items: center;
  flex-direction: column;
  text-align: center;
  color: #ffffff;
  width: 90px;
  max-width: 90px;
}
.pending-auto-routing .urging-action-container .label-container > button {
  margin-bottom: 10px;
}
.pending-auto-routing .urging-action-container .select-btn {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  position: relative;
  border: 2px solid;
  border-color: #ffffff;
  background-color: #71ce61;
  color: #ffffff;
  font-size: 9px;
  text-transform: uppercase;
  box-shadow: 0 4px 2px 2px rgba(0, 0, 0, 0.1);
}
.pending-auto-routing .urging-action-container .select-btn.warning {
  background-color: #f0ad4e;
}
.pending-auto-routing .urging-action-container .select-btn.warning:before {
  box-shadow: 0px 0px 2px 2px #f0ad4e;
}
.pending-auto-routing .urging-action-container .select-btn.danger {
  background-color: #f04e5e;
}
.pending-auto-routing .urging-action-container .select-btn.danger:before {
  box-shadow: 0px 0px 2px 2px #f04e5e;
}
.pending-auto-routing .urging-action-container .select-btn.beacon:before {
  position: absolute;
  content: "";
  height: 60px;
  width: 60px;
  left: -2px;
  top: -2px;
  background-color: transparent;
  border-radius: 50%;
  -webkit-animation: active 2s infinite linear;
  animation: active 2s infinite linear;
}
.pending-auto-routing .urging-action-container .select-btn i {
  font-size: 20px;
}
.pending-auto-routing .urging-action-container .select-btn .select-btn-label {
  letter-spacing: 0.03em;
}
.pending-auto-routing .urging-action-container .urging-action-message {
  top: -65px;
  position: relative;
  margin-bottom: 50px;
  padding: 0 10px;
  text-align: center;
  color: #ffffff;
  font-family: 'vngage', sans-serif;
}
.pending-auto-routing .urging-action-container .urging-action-message .urging-timer {
  font-family: 'vngage-semibold', sans-serif;
}
.pending-auto-routing .urging-action-container .urging-action-message .loading-spinner {
  display: inline-block;
  border-radius: 100%;
  width: 24px;
  height: 24px;
  margin-top: 15px;
  border: 1px solid #71ce61;
  border-bottom-color: transparent;
  -webkit-animation: rotation 0.8s infinite linear;
  -moz-animation: rotation 0.8s infinite linear;
  animation: rotation 0.8s infinite linear;
}
@-webkit-keyframes active {
  0% {
    opacity: 0;
  }
  70% {
    -webkit-transform: scale(1.1);
    opacity: 1;
  }
  100% {
    transform: scale(1.5);
    opacity: 0;
  }
}
@keyframes active {
  0% {
    opacity: 0;
  }
  70% {
    transform: scale(1.1);
    opacity: 1;
  }
  100% {
    transform: scale(1.5);
    opacity: 0;
  }
}
.header {
  color: #fff;
  height: 35px;
  background: #64BD6B;
  position: relative;
  border-radius: 10px 10px 0 0;
  flex-shrink: 0;
}
.header:hover {
  cursor: pointer;
}
.header .header-text {
  position: absolute;
  height: 100%;
  width: 273px;
  padding: 0 8px;
  display: flex;
  align-items: center;
}
.header .header-text i {
  margin-right: 4px;
  font-size: 18px;
}
.header .notifier {
  display: none;
}
.header .status-text {
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-top: 4px;
  width: 210px;
}
.header .header-toolbar {
  position: absolute;
  right: 3px;
  top: 7px;
  font-size: 12px;
}
.header .header-toolbar button {
  margin-left: 3px;
  color: #fff;
}
.header .header-toolbar button:focus {
  color: #fff;
  outline-color: transparent;
}
.visitor-meta {
  min-height: 50px;
  padding: 5px 10px;
  display: flex;
  color: #444;
  border-left: 0;
  border-right: 0;
  border-bottom: 1px solid #cecece;
  flex-grow: 0;
  font-size: 12px;
  width: 273px;
}
.visitor-meta b {
  font-family: 'vngage-semibold', sans-serif;
  display: block;
}
.visitor-meta .meta-data {
  flex: 1;
}
.visitor-meta .meta-data p {
  margin: 0;
}
.visitor-meta i[class^="vngage-icon-"],
.visitor-meta i[class*=" vngage-icon-"] {
  align-items: center;
  display: flex;
  font-size: 22px;
  padding: 2px 10px 0px;
}
.visitor-meta .duration {
  font-size: 10px;
  text-align: center;
  font-family: 'vngage-bold';
  color: #333;
}
.visitor-meta:hover {
  cursor: default;
}
.visitor-meta .visitor-identification {
  display: inline-flex;
}
.visitor-meta .visitor-identification p {
  marign: 0;
}
.visitor-meta .visitor-identification i {
  display: inline-block;
  font-size: 12px;
  padding-left: 0;
  padding-top: 0;
}
.visitor-meta .loading-meta-spinner {
  border-radius: 100%;
  width: 10px;
  height: 10px;
  margin-top: 5px;
  margin-bottom: 2px;
  display: block;
  z-index: 2;
  border: 1px solid #71ce61;
  border-bottom-color: transparent;
  -webkit-animation: rotation 0.8s infinite linear;
  -moz-animation: rotation 0.8s infinite linear;
  animation: rotation 0.8s infinite linear;
}
.visitor-meta .no-visitor-joined {
  color: #900000;
  font-weight: bold;
}
.visitor-meta .browser-meta-info {
  font-size: 11px;
}
.case-manager-section-modal {
  display: flex;
  flex-direction: column;
}
.case-manager-section-modal .modal-header .subtitle {
  font-size: 12px;
  color: #999;
}
.case-manager-section-modal .h4 {
  font-family: 'vngage-bold';
}
.case-manager-section-modal button.close {
  opacity: 1;
}
.case-manager-section-modal .case-type-area,
.case-manager-section-modal .closure-area,
.case-manager-section-modal .case-close-area {
  display: flex;
  flex-direction: column;
  padding-bottom: 15px;
}
.case-manager-section-modal .case-type-area .area-head,
.case-manager-section-modal .closure-area .area-head,
.case-manager-section-modal .case-close-area .area-head,
.case-manager-section-modal .case-type-area .area-subhead,
.case-manager-section-modal .closure-area .area-subhead,
.case-manager-section-modal .case-close-area .area-subhead {
  display: flex;
  overflow: hidden;
}
.case-manager-section-modal .case-type-area .area-head h5,
.case-manager-section-modal .closure-area .area-head h5,
.case-manager-section-modal .case-close-area .area-head h5,
.case-manager-section-modal .case-type-area .area-subhead h5,
.case-manager-section-modal .closure-area .area-subhead h5,
.case-manager-section-modal .case-close-area .area-subhead h5 {
  display: table;
  padding-right: 15px;
  font-family: 'vngage-bold', sans-serif;
}
.case-manager-section-modal .case-type-area .area-head .inline-divider,
.case-manager-section-modal .closure-area .area-head .inline-divider,
.case-manager-section-modal .case-close-area .area-head .inline-divider,
.case-manager-section-modal .case-type-area .area-subhead .inline-divider,
.case-manager-section-modal .closure-area .area-subhead .inline-divider,
.case-manager-section-modal .case-close-area .area-subhead .inline-divider {
  top: 9px;
}
.case-manager-section-modal .case-type-area .area-subhead h5,
.case-manager-section-modal .closure-area .area-subhead h5,
.case-manager-section-modal .case-close-area .area-subhead h5 {
  font-style: italic;
  margin-bottom: 0;
}
.case-manager-section-modal .case-type-area .form-description,
.case-manager-section-modal .closure-area .form-description,
.case-manager-section-modal .case-close-area .form-description {
  margin-bottom: 10px;
  display: inline-block;
  font-size: 12px;
}
.case-manager-section-modal .case-type-area .form-horizontal {
  margin-top: 10px;
}
.case-manager-section-modal .case-type-area .form-horizontal .form-group {
  margin-bottom: 15px;
}
.case-manager-section-modal .case-type-area .form-horizontal .form-group .form-control:focus {
  border-color: #ccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}
.case-manager-section-modal .case-type-area .form-horizontal .btn-toolbar {
  text-align: right;
  float: right;
}
.case-manager-section-modal .case-type-area .form-horizontal .btn-toolbar .btn-link {
  color: #00b7c9;
}
.case-manager-section-modal .case-type-area .form-horizontal .btn-toolbar .btn-success {
  padding: 6px 12px;
}
.case-manager-section-modal .case-type-area .form-horizontal .btn-toolbar .btn-success.indicate-sent {
  animation-name: color-swap;
  transform-origin: center bottom;
  animation-duration: 2s;
}
.case-manager-section-modal .closure-area .form-wrapper {
  padding: 10px 10px;
}
.case-manager-section-modal .closure-area .form-wrapper .form-group .form-check {
  color: #444;
  margin-bottom: 5px;
}
.case-manager-section-modal .closure-area .form-group {
  margin-bottom: 0;
}
.case-manager-section-modal .case-close-area .area-content {
  padding: 5px 40px;
  display: flex;
  justify-content: space-between;
}
.case-manager-section-modal .case-close-area .area-content .finish-area {
  display: flex;
  flex-direction: column;
}
.case-manager-section-modal .case-close-area .area-content .finish-area .btn-default {
  margin-left: 26px;
  color: #fff;
  background-color: #71ce61;
  border-color: #71ce61;
}
.case-manager-section-modal .case-close-area .area-content .finish-area .btn-default:not(:disabled):not(.disabled):hover {
  background: #9a9a9a;
  color: #fff;
}
.case-manager-section-modal .case-close-area .area-content .form-group .form-check {
  color: #444;
  margin-bottom: 5px;
}
.case-manager-section-modal .case-close-area .area-content .save-label {
  font-size: 12px;
  color: #cbcbcb;
  margin: 5px 0 0;
  font-style: italic;
  right: 0;
}
.case-manager-section-modal .case-close-area .area-content .case-options {
  margin-bottom: 0;
}
.visitor-profile-section-modal {
  display: flex;
  flex-direction: column;
}
.visitor-profile-section-modal .visitor-identification-area {
  padding-bottom: 30px;
}
.visitor-profile-section-modal .visitor-claims-area {
  padding-bottom: 15px;
}
.visitor-profile-section-modal .visitor-identification-area,
.visitor-profile-section-modal .visitor-claims-area {
  display: flex;
  flex-direction: column;
}
.visitor-profile-section-modal .visitor-identification-area .area-head,
.visitor-profile-section-modal .visitor-claims-area .area-head {
  display: flex;
  overflow: hidden;
}
.visitor-profile-section-modal .visitor-identification-area .area-head h5,
.visitor-profile-section-modal .visitor-claims-area .area-head h5 {
  display: table;
  padding-right: 15px;
  font-family: 'vngage-bold', sans-serif;
}
.visitor-profile-section-modal .visitor-identification-area .area-head .inline-divider,
.visitor-profile-section-modal .visitor-claims-area .area-head .inline-divider {
  top: 8px;
}
.visitor-profile-section-modal .form-row {
  display: flex;
}
.visitor-profile-section-modal .form-visitorprofile .form-group {
  margin-left: 0;
  margin-bottom: 15px;
}
.visitor-profile-section-modal .form-visitorprofile .control-label {
  text-align: left;
  font-weight: bold;
  margin-bottom: 1px;
}
.visitor-profile-section-modal .btn-toolbar {
  text-align: right;
}
.visitor-profile-section-modal .btn-toolbar .btn-success {
  padding: 6px 12px;
}
.visitor-profile-section-modal .btn-toolbar .btn-success.indicate-sent {
  animation-name: color-swap;
  transform-origin: center bottom;
  animation-duration: 2s;
}
.visitor-profile-section-modal .pre-chat-journey {
  border-left: 2px solid #999;
}
.visitor-profile-section-modal .pre-chat-journey .item {
  display: flex;
}
.visitor-profile-section-modal .pre-chat-journey .item .open-link {
  display: flex;
  overflow: hidden;
  position: relative;
}
.visitor-profile-section-modal .pre-chat-journey .item .open-link .scroll-wrapper {
  width: 300px;
  line-height: 1.3;
}
.visitor-profile-section-modal .pre-chat-journey .item .index {
  display: flex;
  justify-content: space-between;
}
.visitor-profile-section-modal .pre-chat-journey .item .index .marker {
  width: 6px;
  height: 6px;
  background: #999;
  border-radius: 100%;
  position: relative;
  left: -4px;
  top: 7px;
  padding-right: 6px;
}
.visitor-profile-section-modal .pre-chat-journey .item .index .marker.green {
  background: #84b859;
}
.visitor-profile-section-modal .pre-chat-journey .item .index .marker.yellow {
  background: #ffcb05;
}
.visitor-profile-section-modal .pre-chat-journey .item .index .marker.orange {
  background: orange;
}
.visitor-profile-section-modal .pre-chat-journey .item .index .marker.purple {
  background: #ab3192;
}
.visitor-profile-section-modal .pre-chat-journey .item .index .marker.blue {
  background: #2f4b9b;
}
.visitor-profile-section-modal .pre-chat-journey .item .index .marker.red {
  background: #f04e5e;
}
.visitor-profile-section-modal .pre-chat-journey .item .index .marker.brown {
  background: #d2612a;
}
.visitor-profile-section-modal .pre-chat-journey .item .index .marker.gray {
  background: #444;
}
.visitor-profile-section-modal .pre-chat-journey .item .index .marker.lightgray {
  background: lightgray;
}
.tooltip {
  z-index: 9999;
}
.toolbar {
  display: flex;
  padding: 5px;
  flex-grow: 0;
  flex-shrink: 0;
  position: relative;
  border-bottom: 1px solid #cecece;
  border-top: 0;
}
.toolbar .vngage-icon-attention {
  color: #EB0D0D;
  position: absolute;
  font-size: 14px;
  top: 5px;
  left: 0;
  pointer-events: none;
}
.toolbar .vngage-icon-attention:hover {
  cursor: pointer;
}
.toolbar .toolbar-btn-container {
  display: flex;
}
.toolbar .toolbar-btn {
  background: transparent;
  color: #444;
  font-size: 20px;
  padding: 0 2.2px;
  border-color: transparent;
  margin-right: 5px;
  width: 100%;
}
.toolbar .toolbar-btn.selected {
  color: #00b7c9;
}
.toolbar .toolbar-btn.selected:hover {
  color: #00b7c9;
  transition: color 0.2s ease;
}
.toolbar .toolbar-btn:hover {
  color: #00b7c9;
  background-color: transparent;
  transition: color 0.2s ease;
}
.toolbar .toolbar-btn:not(:disabled):not(.disabled):active {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
}
.toolbar .toolbar-btn:focus {
  background-color: transparent;
  transition: color 0.2s ease;
  box-shadow: none;
}
.toolbar .toolbar-btn.disabled {
  opacity: 1;
  color: #ccc;
}
.toolbar .plugin-toolbar-btn {
  -webkit-filter: none;
  filter: none;
}
.toolbar .plugin-toolbar-btn:hover,
.toolbar .plugin-toolbar-btn:active,
.toolbar .plugin-toolbar-btn:focus,
.toolbar .plugin-toolbar-btn.plugin-button-selected {
  -webkit-filter: contrast(150%) saturate(150%);
  filter: contrast(150%) saturate(150%);
}
.toolbar .plugin-toolbar-btn.plugin-button-enabled {
  -webkit-filter: none;
  filter: none;
}
.toolbar .plugin-toolbar-btn.plugin-button-disabled {
  -webkit-filter: contrast(150%) saturate(0%) opacity(50%);
  filter: contrast(150%) saturate(0%) opacity(50%);
  cursor: default;
}
.toolbar .plugin-toolbar-btn.plugin-button-active {
  -webkit-filter: hue-rotate(170deg);
  filter: hue-rotate(170deg);
}
.toolbar .plugin-toolbar-btn.plugin-button-hidden {
  display: none;
}
.toolbar .arrow {
  opacity: 1;
  visibility: visible;
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  height: 1px;
  margin-top: -8px;
  margin-left: 5px;
  border: 10px solid transparent;
  border-bottom-color: #EBEBEB;
}
.video-chat-section {
  width: 100%;
}
.web-call-section {
  width: 100%;
}
.web-call-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background: black;
}
.web-call-container .mic {
  width: 33px;
  height: 33px;
  font-size: 21px;
  background: darkgray;
  color: white;
  border-radius: 50%;
  border: 2px solid gainsboro;
}
.web-call-container .mic.recording {
  background: red;
}
.web-call-container .mic:hover {
  background: #00b7c9;
}
.web-call-container .mic-status-text {
  -webkit-user-select: none;
  /* Safari */
  -moz-user-select: none;
  /* Firefox */
  user-select: none;
  color: white;
  padding-left: 15px;
  display: flex;
  align-items: center;
  height: 64px;
  max-width: 120px;
  width: 100px;
}
.web-call-container .audio-div {
  width: 1px;
}
.video-chat-container {
  width: 100%;
  min-height: 205px;
  position: relative;
  user-select: none;
  background: #000000;
}
.video-chat-container:hover .video-toolbar-bottom {
  display: inline-block;
}
.video-chat-container:hover .video-peer-info {
  display: flex;
}
.video-chat-container .video-overlay {
  width: 100%;
  height: 100%;
}
.video-chat-container .video-loading {
  background: #000;
  position: absolute;
  width: 100%;
  height: 100%;
  color: #fff;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.video-chat-container .video-loading Button {
  margin-top: 15px;
}
.video-chat-container .video-loading .loading-spinner {
  border-radius: 100%;
  width: 24px;
  height: 24px;
  margin-top: 15px;
  border: 1px solid #71ce61;
  border-bottom-color: transparent;
  -webkit-animation: rotation 0.8s infinite linear;
  -moz-animation: rotation 0.8s infinite linear;
  animation: rotation 0.8s infinite linear;
}
.video-chat-container .video-loading .icon {
  color: #00b7c9;
  font-size: 25px;
  margin-top: 7px;
  border-color: transparent;
}
.video-chat-container .video-error {
  background: #000;
  position: absolute;
  width: 100%;
  height: 100%;
  color: #fff;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.video-chat-container .video-error Button {
  margin-top: 15px;
}
.video-chat-container .video-error .loading-spinner {
  border-radius: 100%;
  width: 24px;
  height: 24px;
  margin-top: 15px;
  border: 1px solid #71ce61;
  border-bottom-color: transparent;
  -webkit-animation: rotation 0.8s infinite linear;
  -moz-animation: rotation 0.8s infinite linear;
  animation: rotation 0.8s infinite linear;
}
.video-chat-container .video-error .icon {
  color: #00b7c9;
  font-size: 25px;
  margin-top: 7px;
  border-color: transparent;
}
.video-chat-container .video-toolbar-bottom {
  background: rgba(0, 0, 0, 0.6);
  height: 30px;
  width: 100%;
  display: none;
  position: absolute;
  bottom: 0;
}
.video-chat-container .video-toolbar-bottom i {
  color: darkgray;
  display: block;
  float: right;
  margin: 1px 7px 0 3px;
  font-size: 20px;
}
.video-chat-container .video-toolbar-bottom i:hover {
  color: rgba(0, 183, 201, 0.7);
  cursor: pointer;
}
.video-chat-container .video-toolbar-bottom i.active {
  color: #00b7c9;
}
.video-chat-container .video-peer-info {
  width: 100%;
  position: absolute;
  display: none;
  flex-direction: column;
}
.video-chat-container .video-peer-info .cameraUnavailableInfo {
  flex: 1;
  display: none;
  position: absolute;
  height: 100%;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: #000;
}
.video-chat-container .video-peer-info .cameraUnavailableInfo i {
  color: #444;
  font-size: 25px;
  margin-bottom: 7px;
  border-color: transparent;
}
.video-chat-container .video-peer-info.cameraUnavailable {
  display: flex;
}
.video-chat-container .video-peer-info.cameraUnavailable .cameraUnavailableInfo {
  display: flex;
}
.video-chat-container .video-peer-info.modal {
  padding-right: 30px;
}
.video-chat-container .video-peer-info.fullscreen {
  padding-right: 30px;
}
.video-chat-container .video-stream-info {
  padding-top: 3px;
}
.video-chat-container .video-stream-info .icons {
  height: 30px;
}
.video-chat-container .video-stream-info .icons i {
  color: #444;
  display: block;
  float: right;
  margin: 1px 7px 0 3px;
  font-size: 20px;
}
.video-chat-container .video-stream-info .icons i.available {
  color: #71ce61;
}
.video-chat-container .video-visitor-window {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.video-chat-container .video-agent-window {
  position: absolute;
  bottom: 5px;
  left: 5px;
  width: 20%;
  height: auto;
  min-height: 45px;
  max-height: 100%;
  z-index: 210;
  border-radius: 5px;
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
  transition-delay: 200ms;
  transition-duration: 300ms;
}
.video-chat-container .video-agent-window:hover {
  width: 50%;
}
.booked-meeting-info-section-modal {
  display: flex;
  flex-direction: column;
}
.booked-meeting-info-section-modal .btn-toolbar {
  text-align: right;
}
.booked-meeting-info-section-modal .form-label {
  font-family: 'vngage-bold';
}
.conversation {
  min-height: 150px;
  background: white;
  display: flex;
  flex: 1;
  flex-direction: row;
}
.conversation .read-write {
  min-height: 150px;
  position: relative;
  background: white;
  width: 273px;
  display: flex;
  flex-direction: column;
}
.conversation .read-write .message-list-container {
  flex: 1;
  position: relative;
  flex-direction: column;
  display: flex;
  overflow-y: hidden;
  user-select: text;
}
.conversation .read-write .message-list-container .history-indicator {
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 2;
}
.conversation .read-write .message-list-container .history-indicator h2.line {
  position: relative;
  z-index: 1;
  font-size: 10px;
}
.conversation .read-write .message-list-container .history-indicator h2.line span {
  /* to hide the lines from behind the text, you have to set the background color the same as the container */
  background: #fff;
}
.conversation .read-write .message-list-container .history-indicator h2.line span .btn {
  font-size: 10px;
  border-radius: 20px;
}
.conversation .read-write .message-list-container .history-indicator.hidden {
  visibility: hidden;
}
.conversation .read-write .message-list-container .new-messages-indicator {
  position: absolute;
  bottom: -11px;
  text-align: center;
  width: 100%;
}
.conversation .read-write .message-list-container .new-messages-indicator h2.line {
  position: relative;
  z-index: 1;
  font-size: 10px;
}
.conversation .read-write .message-list-container .new-messages-indicator h2.line span {
  /* to hide the lines from behind the text, you have to set the background color the same as the container */
  background: #fff;
}
.conversation .read-write .message-list-container .new-messages-indicator h2.line span .btn {
  font-size: 10px;
  border-radius: 20px;
}
.conversation .read-write .message-list-container .message-list {
  flex: 1;
  overflow-y: scroll;
  overflow-x: hidden;
}
.conversation .read-write .message-list-container .message-list > ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.conversation .read-write .message-list-container .message-list li.message-agent,
.conversation .read-write .message-list-container .message-list li.message-visitor {
  color: #000;
  padding: 10px 10px;
  position: relative;
}
.conversation .read-write .message-list-container .message-list li.message-agent .role,
.conversation .read-write .message-list-container .message-list li.message-visitor .role {
  font-size: 14px;
  margin-right: 5px;
  float: left;
}
.conversation .read-write .message-list-container .message-list li.message-agent .message,
.conversation .read-write .message-list-container .message-list li.message-visitor .message {
  margin: 0;
  word-wrap: break-word;
  display: inline;
}
.conversation .read-write .message-list-container .message-list li.message-agent .message p,
.conversation .read-write .message-list-container .message-list li.message-visitor .message p {
  margin-bottom: 0px;
}
.conversation .read-write .message-list-container .message-list li.message-agent .date-time,
.conversation .read-write .message-list-container .message-list li.message-visitor .date-time {
  font-size: 10px;
  font-weight: normal;
  display: inline-block;
  color: #999;
  font-style: italic;
  margin-left: 5px;
}
.conversation .read-write .message-list-container .message-list li.message-agent .date-time:hover,
.conversation .read-write .message-list-container .message-list li.message-visitor .date-time:hover {
  cursor: pointer;
}
.conversation .read-write .message-list-container .message-list li.message-agent h5,
.conversation .read-write .message-list-container .message-list li.message-visitor h5 {
  margin-top: 0;
  margin-bottom: 3px;
}
.conversation .read-write .message-list-container .message-list li.message-agent p,
.conversation .read-write .message-list-container .message-list li.message-visitor p {
  margin-top: 3px;
  line-height: 20px;
}
.conversation .read-write .message-list-container .message-list li.message-agent .msg-tools,
.conversation .read-write .message-list-container .message-list li.message-visitor .msg-tools {
  position: absolute;
  top: 2px;
  right: 17px;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.2s ease;
  font-size: 85.8%;
  box-shadow: 0 0 5px -1px #444;
  background: #ffffff;
  border-radius: 100%;
}
.conversation .read-write .message-list-container .message-list li.message-agent .msg-tools .copy-msg,
.conversation .read-write .message-list-container .message-list li.message-visitor .msg-tools .copy-msg {
  color: #000;
  transition: color 0.3s ease;
  height: 10px;
  width: 10px;
}
.conversation .read-write .message-list-container .message-list li.message-agent .msg-tools .copy-msg.copied,
.conversation .read-write .message-list-container .message-list li.message-visitor .msg-tools .copy-msg.copied {
  color: #00b3ee;
  transition: color 0.3s ease;
}
.conversation .read-write .message-list-container .message-list li.message-agent .system-msg.active,
.conversation .read-write .message-list-container .message-list li.message-visitor .system-msg.active,
.conversation .read-write .message-list-container .message-list li.message-agent .system-msg.active:hover,
.conversation .read-write .message-list-container .message-list li.message-visitor .system-msg.active:hover {
  color: #00b3ee;
}
.conversation .read-write .message-list-container .message-list li.message-agent .system-msg:hover,
.conversation .read-write .message-list-container .message-list li.message-visitor .system-msg:hover {
  color: black;
}
.conversation .read-write .message-list-container .message-list li.message-agent .copy-msg:hover,
.conversation .read-write .message-list-container .message-list li.message-visitor .copy-msg:hover {
  color: black;
}
.conversation .read-write .message-list-container .message-list li.message-agent:hover .msg-tools,
.conversation .read-write .message-list-container .message-list li.message-visitor:hover .msg-tools {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.2s ease;
  cursor: pointer;
}
.conversation .read-write .message-list-container .message-list li.message-agent.pending {
  opacity: 0.6;
}
.conversation .read-write .message-list-container .message-list li.message-agent.error .error-message {
  opacity: 0.4;
}
.conversation .read-write .message-list-container .message-list li.message-agent.error .error-marker {
  position: absolute;
  bottom: 4px;
  right: 10%;
}
.conversation .read-write .message-list-container .message-list li.message-agent.error .error-marker .error-text {
  margin-top: 5px;
  color: red;
  font-style: italic;
  font-size: 10px;
}
.conversation .read-write .message-list-container .message-list li.message-agent.error .error-marker .try-again-button {
  display: none;
}
.conversation .read-write .message-list-container .message-list li.message-agent.error .error-marker .try-again-button .btn {
  padding: 0px 5px 0px 5px;
  font-size: 10px;
  border-radius: 20px;
  margin: 0 auto;
}
.conversation .read-write .message-list-container .message-list li.message-agent.error .error-marker .try-again-button .btn i {
  margin-right: 4px;
}
.conversation .read-write .message-list-container .message-list li.message-agent.error .error-marker:hover {
  color: black;
}
.conversation .read-write .message-list-container .message-list li.message-agent.error .error-marker:hover .try-again-button {
  display: block;
}
.conversation .read-write .message-list-container .message-list li.message-agent.error .error-marker:hover .error-text {
  display: none;
}
.conversation .read-write .message-list-container .message-list li.message-agent.type-chat {
  background-color: #f1f1f1;
}
.conversation .read-write .message-list-container .message-list li.message-agent.type-chat + .message-agent.type-chat,
.conversation .read-write .message-list-container .message-list li.message-agent.type-chat + .message-agent.type-video,
.conversation .read-write .message-list-container .message-list li.message-agent.type-chat + .message-agent.type-link {
  padding-top: 0;
}
.conversation .read-write .message-list-container .message-list li.message-agent.type-chat + .message-agent.type-chat .msg-tools,
.conversation .read-write .message-list-container .message-list li.message-agent.type-chat + .message-agent.type-video .msg-tools,
.conversation .read-write .message-list-container .message-list li.message-agent.type-chat + .message-agent.type-link .msg-tools {
  top: -5px;
}
.conversation .read-write .message-list-container .message-list li.message-agent.type-divider {
  font-size: 10px;
  background: #fff;
  text-align: center;
  position: relative;
  z-index: 1;
}
.conversation .read-write .message-list-container .message-list li.message-agent.type-divider i {
  background: #fff;
  padding-left: 5px;
  padding-right: 2px;
}
.conversation .read-write .message-list-container .message-list li.message-agent.type-divider:before {
  border-top: 2px solid #dfdfdf;
  content: "";
  margin: 0 auto;
  /* this centers the line to the full width specified */
  position: absolute;
  /* positioning must be absolute here, and relative positioning must be applied to the parent */
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
  width: 95%;
  z-index: -1;
}
.conversation .read-write .message-list-container .message-list li.message-agent.type-divider .inner-white {
  /* to hide the lines from behind the text, you have to set the background color the same as the container */
  background: #fff;
  padding-right: 5px;
  display: inline-flex;
}
.conversation .read-write .message-list-container .message-list li.message-agent.type-historyMarker {
  padding: 3px 10px;
  width: 100%;
}
.conversation .read-write .message-list-container .message-list li.message-agent.type-historyMarker .btn {
  padding: 0px 5px 0px 5px;
  font-size: 10px;
  border-radius: 20px;
  min-width: 190px;
  width: 190px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex: 1;
}
.conversation .read-write .message-list-container .message-list li.message-agent.type-historyMarker .btn i {
  margin-right: 4px;
}
.conversation .read-write .message-list-container .message-list li.message-agent.type-content .content-image-icon,
.conversation .read-write .message-list-container .message-list li.message-agent.type-content .content-video-icon,
.conversation .read-write .message-list-container .message-list li.message-agent.type-content .content-file-icon {
  cursor: pointer;
}
.conversation .read-write .message-list-container .message-list li.message-agent.type-content .content-image-icon:before,
.conversation .read-write .message-list-container .message-list li.message-agent.type-content .content-video-icon:before,
.conversation .read-write .message-list-container .message-list li.message-agent.type-content .content-file-icon:before {
  font-family: 'icon';
  font-style: normal;
  display: inline-block;
  margin-right: 10px;
  font-size: 16px;
}
.conversation .read-write .message-list-container .message-list li.message-agent.type-content .content-image-icon:before {
  content: '\e84b';
}
.conversation .read-write .message-list-container .message-list li.message-agent.type-content .content-video-icon:before {
  content: '\e849';
}
.conversation .read-write .message-list-container .message-list li.message-agent.type-content .content-file-icon:before {
  content: '\e84a';
}
.conversation .read-write .message-list-container .message-list li.message-agent.type-content .error {
  color: red;
}
.conversation .read-write .message-list-container .message-list li.message-agent.type-note {
  background-color: #fff;
  color: #aaa;
  padding: 10px 10px;
  font-style: italic;
}
.conversation .read-write .message-list-container .message-list li.message-agent.type-note .message p {
  font-size: 85.8%;
  line-height: 14px;
}
.conversation .read-write .message-list-container .message-list li.message-agent.type-note .role {
  font-size: 85.8%;
}
.conversation .read-write .message-list-container .message-list li.message-agent.type-note + .message-agent.type-chat {
  padding-top: 10px;
}
.conversation .read-write .message-list-container .message-list li.message-agent.type-note + .message-agent.type-link {
  padding-top: 10px;
}
.conversation .read-write .message-list-container .message-list li.message-agent.type-note + .message-agent {
  padding-top: 0;
}
.conversation .read-write .message-list-container .message-list li.message-agent.type-note + .message-agent .msg-tools {
  top: -5px;
}
.conversation .read-write .message-list-container .message-list li.message-agent.type-link {
  background-color: #f1f1f1;
}
.conversation .read-write .message-list-container .message-list li.message-agent.type-link + .message-agent.type-chat,
.conversation .read-write .message-list-container .message-list li.message-agent.type-link + .message-agent.type-link,
.conversation .read-write .message-list-container .message-list li.message-agent.type-link + .message-agent.type-video {
  padding-top: 0;
}
.conversation .read-write .message-list-container .message-list li.message-agent.type-link + .message-agent.type-chat .msg-tools,
.conversation .read-write .message-list-container .message-list li.message-agent.type-link + .message-agent.type-link .msg-tools,
.conversation .read-write .message-list-container .message-list li.message-agent.type-link + .message-agent.type-video .msg-tools {
  top: -5px;
}
.conversation .read-write .message-list-container .message-list li.message-agent.type-link .title,
.conversation .read-write .message-list-container .message-list li.message-agent.type-link .date-time {
  position: relative;
  top: -2px;
}
.conversation .read-write .message-list-container .message-list li.message-agent.type-link i {
  font-style: normal;
  position: relative;
  top: -2px;
}
.conversation .read-write .message-list-container .message-list li.message-agent.type-link i.photo:before {
  font-family: 'icon';
  content: '\e84b';
  display: inline-block;
  margin-right: 10px;
  font-size: 16px;
}
.conversation .read-write .message-list-container .message-list li.message-agent.type-link i.pdf:before {
  font-family: 'icon';
  content: '\e84a';
  display: inline-block;
  margin-right: 10px;
  font-size: 16px;
}
.conversation .read-write .message-list-container .message-list li.message-agent.type-link i.link:before {
  font-family: 'icon';
  content: '\e84c';
  display: inline-block;
  margin-right: 10px;
  font-size: 16px;
}
.conversation .read-write .message-list-container .message-list li.message-agent.type-link i.video:before {
  font-family: 'icon';
  content: '\e849';
  display: inline-block;
  margin-right: 10px;
  font-size: 16px;
}
.conversation .read-write .message-list-container .message-list li.message-agent.type-link .msg-tools i {
  top: 0;
}
.conversation .read-write .message-list-container .message-list li.message-agent.type-link iframe {
  width: 100%;
  height: auto;
}
.conversation .read-write .message-list-container .message-list li.message-visitor + .message-visitor.type-chat {
  padding-top: 0;
}
.conversation .read-write .message-list-container .message-list li.message-visitor + .message-visitor.type-chat .msg-tools {
  top: -5px;
}
.conversation .read-write .message-list-container .message-list li.message-visitor.type-navigation {
  color: #aaa;
}
.conversation .read-write .message-list-container .message-list li.message-visitor.type-navigation p {
  background-color: #fff;
  text-align: left;
  color: #aaa;
  font-style: italic;
  font-size: 85.8%;
  line-height: 18px;
}
.conversation .read-write .message-list-container .message-list li.message-visitor.type-content .content-image-icon,
.conversation .read-write .message-list-container .message-list li.message-visitor.type-content .content-video-icon,
.conversation .read-write .message-list-container .message-list li.message-visitor.type-content .content-file-icon {
  cursor: pointer;
}
.conversation .read-write .message-list-container .message-list li.message-visitor.type-content .content-image-icon:before,
.conversation .read-write .message-list-container .message-list li.message-visitor.type-content .content-video-icon:before,
.conversation .read-write .message-list-container .message-list li.message-visitor.type-content .content-file-icon:before {
  font-family: 'icon';
  font-style: normal;
  display: inline-block;
  margin-right: 10px;
  font-size: 16px;
}
.conversation .read-write .message-list-container .message-list li.message-visitor.type-content .content-image-icon:before {
  content: '\e84b';
}
.conversation .read-write .message-list-container .message-list li.message-visitor.type-content .content-video-icon:before {
  content: '\e849';
}
.conversation .read-write .message-list-container .message-list li.message-visitor.type-content .content-file-icon:before {
  content: '\e84a';
}
.conversation .read-write .message-list-container .message-list li.message-visitor.type-content .error {
  color: red;
}
.conversation .read-write .message-list-container .message-list li.message-visitor.unread0 {
  border-left: 5px solid black;
  animation: fadein 1s;
}
.conversation .read-write .message-list-container .message-list li.message-visitor.unread0:last-child {
  border-left: 5px solid #EB0D0D;
}
.conversation .read-write .message-list-container .message-list li.message-visitor.unread1 {
  border-left: 5px solid black;
  animation: fadeout 1s;
}
.conversation .read-write .message-list-container .message-list li.message-visitor.unread2 {
  border-left: 5px solid black;
  animation: fadeout 1s;
}
.conversation .read-write .message-list-container .message-list li.message-visitor.unread3 {
  border-left: 5px solid black;
  animation: fadeout 1s;
}
.conversation .read-write .message-list-container .message-list li.message-visitor.unread4 {
  border-left: 5px solid black;
  animation: fadeout 1s;
}
.conversation .read-write .message-list-container .message-list li.message-visitor.unread5 {
  border-left: 5px solid black;
  animation: fadeout 1s;
}
.conversation .read-write .message-list-container .message-list li.message-visitor.unread6 {
  border-left: 5px solid black;
  animation: fadeout 1s;
}
.conversation .read-write .message-list-container .message-list li.message-visitor.unread7 {
  border-left: 5px solid black;
  animation: fadeout 1s;
}
.conversation .read-write .message-list-container .message-list li.message-visitor.unread8 {
  border-left: 5px solid black;
  animation: fadeout 1s;
}
.conversation .read-write form.compose-message-wrapper {
  height: 50px;
  display: flex;
  flex-direction: row;
  margin: 0 auto;
  width: 100%;
  border-top: 1px solid #BFBFBF;
  border-bottom: 1px solid #BFBFBF;
  border-radius: 0;
  flex-shrink: 0;
  transition: height 0.4s ease-out;
}
.conversation .read-write form.compose-message-wrapper .menu-trigger {
  display: flex;
  flex-direction: column;
  color: #ccc;
  text-align: center;
  width: 40px;
  height: 100%;
  background-color: #fff;
  justify-content: center;
  border: 0;
  border-radius: 0;
  /*border-bottom-left-radius: 5px;
		border-bottom-right-radius: 0;
		border-top-left-radius: 5px;
		border-top-right-radius: 0;*/
}
.conversation .read-write form.compose-message-wrapper .menu-trigger:after {
  border: 0;
  position: absolute;
  top: 50%;
  margin-top: -0.5em;
  left: 50%;
  margin-left: -0.5em;
  content: '\e817';
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  height: 1em;
  margin-right: 0.2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
}
.conversation .read-write form.compose-message-wrapper .menu-trigger.btn-group.open,
.conversation .read-write form.compose-message-wrapper .menu-trigger.dropdown-toggle {
  box-shadow: none;
}
.conversation .read-write form.compose-message-wrapper .menu-trigger:hover {
  cursor: pointer;
  color: #BFBFBF;
}
.conversation .read-write form.compose-message-wrapper .menu-trigger:focus,
.conversation .read-write form.compose-message-wrapper .menu-trigger:active {
  background-color: #BFBFBF;
  color: #fff;
  box-shadow: none;
  border-radius: 0;
  /*border-bottom-left-radius: 3px;
			border-bottom-right-radius: 0;
			border-top-left-radius: 3px;
			border-top-right-radius: 0;*/
}
.conversation .read-write form.compose-message-wrapper .input-menu .btn-group {
  height: 100%;
}
.conversation .read-write form.compose-message-wrapper .input-menu .dropdown-menu {
  padding-bottom: 10px;
  padding-top: 55px;
  width: 262px;
  left: 5px;
  overflow-x: scroll;
  background-color: #fff;
  font-size: 13px;
  height: 300px;
}
.conversation .read-write form.compose-message-wrapper .input-menu .dropdown-menu .dropdown-item {
  padding: 0px 10px 0px 10px;
  white-space: normal;
}
.conversation .read-write form.compose-message-wrapper .input-menu .dropdown-menu .dropdown-header {
  padding: 0;
}
.conversation .read-write form.compose-message-wrapper .input-menu .dropdown-menu .dropdown-header.fixed {
  position: relative;
}
.conversation .read-write form.compose-message-wrapper .input-menu .dropdown-menu .dropdown-header .tab-header {
  text-align: center;
  height: 55px;
  width: 260px;
  border-bottom: 1px solid #ccc;
  background: #ffffff;
  position: fixed;
  margin-top: -55px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  z-index: 99;
}
.conversation .read-write form.compose-message-wrapper .input-menu .dropdown-menu .dropdown-header .tab-title {
  font-size: 11px;
  padding: 4px 0 0;
}
.conversation .read-write form.compose-message-wrapper .input-menu .dropdown-menu .dropdown-header .tab-nav {
  display: flex;
  align-items: center;
  height: 30px;
  padding: 0 5px;
}
.conversation .read-write form.compose-message-wrapper .input-menu .dropdown-menu .dropdown-header .tab-nav .nav-item {
  margin: 5px;
  font-size: 20px;
  padding: 0;
  border: 0;
  background: transparent;
}
.conversation .read-write form.compose-message-wrapper .input-menu .dropdown-menu .dropdown-header .tab-nav .nav-item:hover {
  color: #00b7c9;
}
.conversation .read-write form.compose-message-wrapper .input-menu .dropdown-menu .dropdown-header .tab-nav .nav-item:active,
.conversation .read-write form.compose-message-wrapper .input-menu .dropdown-menu .dropdown-header .tab-nav .nav-item:focus {
  outline: 0;
}
.conversation .read-write form.compose-message-wrapper .input-menu .dropdown-menu .dropdown-header .tab-nav .nav-item.active {
  color: #00b7c9;
}
.conversation .read-write form.compose-message-wrapper .input-menu .dropdown-menu .dropdown-header .filter-wrapper {
  padding: 10px;
}
.conversation .read-write form.compose-message-wrapper .input-menu .dropdown-menu .dropdown-header .filter {
  width: 100%;
  border-radius: 2px;
  border: 1px solid #ccc;
  padding: 6px;
  font-size: 12px;
}
.conversation .read-write form.compose-message-wrapper .input-menu .dropdown-menu .overflow-shadow {
  position: fixed;
  bottom: 190px;
  height: 10px;
  width: 250px;
  box-shadow: inset 0 -10px 15px 0px white;
  z-index: 990;
  left: 13px;
  overflow: hidden;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.conversation .read-write form.compose-message-wrapper .input-menu .dropdown-menu .response {
  padding: 4px 0px 4px 0px;
}
.conversation .read-write form.compose-message-wrapper .input-menu .dropdown-menu .response strong {
  color: #000;
  margin-top: 5px;
}
.conversation .read-write form.compose-message-wrapper .input-menu .dropdown-menu .response p {
  margin: 0 0 5px;
}
.conversation .read-write form.compose-message-wrapper .input-menu .dropdown-menu .item-header {
  padding: 3px 10px 7px;
  color: #000;
  margin-top: -5px;
}
.conversation .read-write form.compose-message-wrapper .input-menu .dropdown-menu .item-header strong {
  font-family: 'vngage-bold', sans-serif;
  display: inline-block;
  width: 100%;
  border-bottom: 1px dashed #ccc;
  margin-top: 10px;
  padding-left: 5px;
}
.conversation .read-write form.compose-message-wrapper .input-menu .dropdown-menu .item-header p {
  margin: 0;
}
.conversation .read-write form.compose-message-wrapper .input-menu .dropdown-menu .item i {
  font-size: 14px;
}
.conversation .read-write form.compose-message-wrapper .input-menu .dropdown-menu .item span {
  margin-left: 5px;
}
.conversation .read-write form.compose-message-wrapper .input-menu .open:after {
  content: '';
  width: 0;
  height: 0;
  border-width: 10px;
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-top-color: #BFBFBF;
  border-style: solid;
  position: absolute;
  bottom: 118px;
  left: 10px;
}
.conversation .read-write form.compose-message-wrapper textarea {
  flex: 1;
  border: 0;
  padding: 5px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  box-shadow: none;
  resize: none;
}
.conversation .read-write form.compose-message-wrapper textarea.message-composer[disabled] {
  background-color: #ffffff;
}
.conversation .read-write form.compose-message-wrapper .show .menu-trigger {
  background: #BFBFBF;
  color: #fff;
}
.conversation .read-write form.compose-message-wrapper .show .caret:after {
  content: '\e854';
}
.conversation .read-write form.compose-note-wrapper {
  height: 120px;
  display: flex;
  flex-direction: row;
  margin: 0 auto;
  width: 100%;
  border-top: 1px solid #efc86c;
  border-bottom: 1px solid #efc86c;
  border-radius: 0;
  flex-shrink: 0;
  transition: height 0.4s ease-out;
}
.conversation .read-write form.compose-note-wrapper textarea {
  flex: 1;
  border: 0;
  padding: 5px;
  background: #fff7e3;
  border-radius: 0;
  resize: none;
  box-shadow: none;
}
.conversation .read-write .connection-feedback-error {
  font-size: 10px;
  color: #f04e5e;
  font-style: italic;
  margin-left: 10px;
}
.conversation .read-write .connection-feedback-terminated {
  font-size: 11px;
  font-style: italic;
  color: #999;
  margin-left: 10px;
}
.conversation .read-write .message-toolbar {
  height: 20px;
  display: flex;
  justify-content: flex-end;
  flex-direction: row;
}
.conversation .read-write .message-toolbar .user-typing {
  display: inline-block;
}
.conversation .read-write .message-toolbar-left-box {
  display: flex;
  align-content: flex-start;
  align-items: center;
  width: 70%;
}
.conversation .read-write .message-toolbar-right-box {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 30%;
}
.conversation .read-write .message-toolbar-btn {
  width: 26px;
  border: 0;
  background: none;
  cursor: pointer;
}
.conversation .read-write .message-toolbar-btn:hover {
  color: #00b7c9;
}
.conversation .read-write .message-toolbar-btn:focus {
  outline: none;
}
.conversation .read-write .message-toolbar-btn.active {
  color: #00b7c9;
}
.conversation .read-write .message-toolbar-btn:disabled {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.5;
  color: #999999;
}
.conversation .read-write .notes-symbol::before {
  font-family: 'icon';
  content: '\E87A';
  font-size: 14px;
}
.conversation.connection-status-ok form.compose-message-wrapper textarea {
  background-color: #fff;
}
.conversation.connection-status-lost form.compose-message-wrapper .menu-trigger {
  background-color: #ffecec;
}
.conversation.connection-status-lost form.compose-message-wrapper textarea {
  background-color: #ffecec;
}
.conversation.connection-status-terminated form.compose-message-wrapper .menu-trigger {
  background-color: #fff;
}
.conversation.connection-status-terminated form.compose-message-wrapper textarea {
  background-color: #fff;
}
.finish-btn-container {
  padding: 8px 0px 0 0px;
}
.finish-btn-container .finish-btn {
  letter-spacing: 0.03em;
  padding: 3px 17px 3px 6px;
  width: 100%;
  color: #00b7c9;
  background-color: transparent;
  border-color: #00b7c9;
}
.footer {
  height: 50px;
  padding-bottom: 16px;
  background: white;
  justify-content: space-between;
  flex-direction: row;
  display: flex;
  margin-left: 7px;
  margin-right: 7px;
}
.footer .case-list {
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  height: auto;
  max-height: 265px;
}
.footer .case-list::-webkit-scrollbar {
  width: 1em;
}
.footer .case-list::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.footer .case-list::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}
.footer .scroll-up-indicator {
  position: fixed;
  margin-top: 40%;
  height: 16px;
  width: 100%;
  text-align: left;
  pointer-events: none;
}
.footer .case-switch {
  display: flex;
  flex: 2;
  padding: 8px 0px 0 0px;
}
.footer .case-switch .caret {
  display: none;
}
.footer .case-switch .btn-group {
  display: flex;
  flex: 1;
}
.footer .case-switch .btn {
  background: transparent;
  color: black;
  border-color: #BFBFBF;
  width: 100%;
  max-width: 162px;
  text-align: left;
  padding: 3px 5px;
}
.footer .case-switch .btn :before {
  content: '';
  display: inline-block;
  border: 4px solid;
  height: 0;
  width: 0;
  margin-right: 5px;
  border-color: transparent;
  border-top-color: black;
  position: absolute;
  right: 0;
  top: 13px;
}
.footer .case-switch .btn :after {
  content: '';
  display: inline-block;
  border: 4px solid;
  height: 0;
  width: 0;
  margin-right: 5px;
  border-color: transparent;
  border-bottom-color: black;
  position: absolute;
  right: 0;
}
.footer .case-switch .dropdown-menu {
  max-width: 254px;
}
.footer .case-switch .dropdown-menu a {
  color: #444;
  padding-left: 20px;
  white-space: normal;
}
.footer .case-switch .dropdown-menu a:hover {
  cursor: pointer;
}
.footer .case-switch .dropdown-menu li a:hover {
  background-color: #EBEBEB;
}
.dialog-panel.maximized {
  position: absolute;
  height: 100%;
  margin: 0 !important;
  z-index: 0;
  border-radius: 0;
}
.dialog-panel.maximized:hover {
  z-index: 0;
}
.dialog-panel.maximized .header {
  border-radius: 0;
}
.dialog-panel.maximized .dialog-container {
  border-radius: 0;
}
.dialog-panel.maximized .co-container {
  display: flex;
  flex: 1;
  flex-direction: column;
  border-radius: 0;
  opacity: 1;
  transition: opacity 0.2s 0.5s ease;
}
.dialog-panel.maximized .co-container .browser-wrapper {
  width: 100%;
  flex-direction: column;
  flex: 1;
  display: flex;
  box-shadow: 5px 0 20px -2px #000;
  margin-right: 30px;
  position: relative;
}
.dialog-panel.maximized .co-container .browser-wrapper .co-header {
  width: 100%;
  height: 35px;
  border-bottom: 1px solid #222;
  background: #555;
  display: flex;
  flex-direction: row;
}
.dialog-panel.maximized .co-container .browser-wrapper .co-header .header-menu .dropdown button.handle-menu:before,
.dialog-panel.maximized .co-container .browser-wrapper .co-header .header-menu .dropup button.handle-menu:before {
  content: '\e885';
  font-size: 20px;
  transform: none;
}
.dialog-panel.maximized .co-container .browser-wrapper .co-address-bar {
  flex: 5;
  display: flex;
  align-items: center;
  padding: 0 20px 0 10px;
  position: relative;
}
.dialog-panel.maximized .co-container .browser-wrapper .co-address-bar .wrapper {
  flex: 1;
  display: flex;
  align-items: center;
  background: #fff;
  border-radius: 5px;
  height: 23px;
  position: relative;
}
.dialog-panel.maximized .co-container .browser-wrapper .co-address-bar .wrapper.error {
  background: #FAE5E3;
}
.dialog-panel.maximized .co-container .browser-wrapper .co-address-bar .wrapper .co-status {
  font-size: 8px;
  padding: 2px 0;
  display: inline-table;
}
.dialog-panel.maximized .co-container .browser-wrapper .co-address-bar .wrapper .co-status span {
  vertical-align: text-bottom;
  font-family: 'vngage-semibold', 'sans-serif';
  border-radius: 2px;
  padding: 1px 2px;
}
.dialog-panel.maximized .co-container .browser-wrapper .co-address-bar .wrapper .co-status i {
  font-size: 12px;
}
.dialog-panel.maximized .co-container .browser-wrapper .co-address-bar .wrapper .co-status.conn-error i {
  color: #C33A3A;
}
.dialog-panel.maximized .co-container .browser-wrapper .co-address-bar .wrapper .co-status.conn-error span {
  background: #C33A3A;
  color: #fff;
}
.dialog-panel.maximized .co-container .browser-wrapper .co-address-bar .wrapper .co-status.view-only i {
  color: #00b3ee;
}
.dialog-panel.maximized .co-container .browser-wrapper .co-address-bar .wrapper .co-status.view-only span {
  background: #00b3ee;
  color: #fff;
}
.dialog-panel.maximized .co-container .browser-wrapper .co-address-bar .wrapper .co-status.deactivated span {
  background: #999;
  color: #fff;
}
.dialog-panel.maximized .co-container .browser-wrapper .co-address-bar .wrapper .co-status.restricted i {
  color: #C33A3A;
}
.dialog-panel.maximized .co-container .browser-wrapper .co-address-bar .wrapper .co-status.restricted span {
  background: #C33A3A;
  color: #fff;
}
.dialog-panel.maximized .co-container .browser-wrapper .co-address-bar .wrapper .co-status.blocked {
  cursor: not-allowed;
}
.dialog-panel.maximized .co-container .browser-wrapper .co-address-bar .wrapper .co-status.blocked i {
  color: #C33A3A;
}
.dialog-panel.maximized .co-container .browser-wrapper .co-address-bar .wrapper .co-status.blocked span {
  background: #C33A3A;
  color: #fff;
}
.dialog-panel.maximized .co-container .browser-wrapper .co-address-bar .wrapper .current-address {
  width: 100%;
  padding: 0 30px 0 3px;
}
.dialog-panel.maximized .co-container .browser-wrapper .co-address-bar .wrapper .current-address .handle {
  width: 26px;
  height: 23px;
  position: absolute;
  top: 2px;
  right: 0;
  border-radius: 0;
  text-align: center;
}
.dialog-panel.maximized .co-container .browser-wrapper .co-address-bar .wrapper .current-address .handle:hover {
  cursor: pointer;
}
.dialog-panel.maximized .co-container .browser-wrapper .co-address-bar .wrapper .current-address .handle:after {
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  margin: 0 auto;
  vertical-align: middle;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.dialog-panel.maximized .co-container .browser-wrapper .co-address-bar .wrapper .current-address .caret {
  position: absolute;
  top: 10px;
  right: 15px;
  border-radius: 0;
}
.dialog-panel.maximized .co-container .browser-wrapper .co-address-bar .wrapper .dropdown {
  position: absolute;
  top: 30px;
  left: 0;
  background: white;
  width: 100%;
  max-height: 250px;
  overflow-y: auto;
  z-index: 600;
  padding: 10px 20px;
  border-radius: 3px;
  box-shadow: 0 7px 50px -20px #000;
}
.dialog-panel.maximized .co-container .browser-wrapper .co-address-bar .wrapper .dropdown .list .item .owner {
  text-transform: capitalize;
}
.dialog-panel.maximized .co-container .browser-wrapper .co-address-bar .wrapper .dropdown .list .item:hover {
  background: #EBEBEB;
}
.dialog-panel.maximized .co-container .browser-wrapper .co-address-bar .wrapper .dropdown .list .disabled {
  pointer-events: none;
  color: lightgrey;
}
.dialog-panel.maximized .co-container .browser-wrapper .co-address-bar .wrapper .btn-toolbar {
  width: 100%;
}
.dialog-panel.maximized .co-container .browser-wrapper .co-address-bar .wrapper .btn-toolbar .dropdown {
  width: 100%;
}
.dialog-panel.maximized .co-container .browser-wrapper .co-address-bar .wrapper .btn-toolbar .dropdown button {
  background-color: transparent;
  border: 0;
  text-align: left;
  color: #444;
  box-shadow: none;
  font-size: 12px;
  width: 100%;
}
.dialog-panel.maximized .co-container .browser-wrapper .co-address-bar .wrapper .btn-toolbar .dropdown button span {
  border-radius: 0;
}
.dialog-panel.maximized .co-container .browser-wrapper .co-address-bar .wrapper .btn-toolbar .dropdown button .caret {
  position: absolute;
  top: 10px;
  right: 25px;
}
.dialog-panel.maximized .co-container .browser-wrapper .co-address-bar .wrapper .btn-toolbar .dropdown .dropdown-menu {
  width: 100%;
  left: -20px;
  top: 25px;
}
.dialog-panel.maximized .co-container .browser-wrapper .co-address-bar .indicate-visitor-url {
  position: absolute;
  top: 32px;
  left: 0;
  padding: 0 20px 0 10px;
  z-index: 1;
  width: 100%;
  pointer-events: none;
}
.dialog-panel.maximized .co-container .browser-wrapper .co-address-bar .indicate-visitor-url .visitor-url {
  padding: 5px 10px;
  color: white;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 4px;
}
.dialog-panel.maximized .co-container .browser-wrapper .co-toolbar {
  display: flex;
  flex: 1;
  margin: 0 0 0 15px;
  color: #fff;
  align-items: center;
}
.dialog-panel.maximized .co-container .browser-wrapper .co-toolbar .dropdown-menu {
  margin-top: 6px;
  right: 2px;
}
.dialog-panel.maximized .co-container .browser-wrapper .co-toolbar .dropdown-menu:before {
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  border: 6px solid;
  border-color: transparent transparent #fff transparent;
  position: absolute;
  top: -12px;
  right: 6px;
}
.dialog-panel.maximized .co-container .browser-wrapper .co-toolbar .dropdown-menu li.list-header {
  margin-left: 5px;
  text-align: center;
}
.dialog-panel.maximized .co-container .browser-wrapper .co-toolbar .dropdown-menu li.list-header a:hover {
  background: transparent;
  cursor: default;
}
.dialog-panel.maximized .co-container .browser-wrapper .co-toolbar .dropdown-menu li a {
  padding: 5px 5px;
}
.dialog-panel.maximized .co-container .browser-wrapper .co-toolbar .dropdown-menu i:before {
  font-size: 20px;
}
.dialog-panel.maximized .co-container .browser-wrapper .co-toolbar .toolbar-item {
  flex: 1;
  font-size: 20px;
  margin: 0 5px;
}
.dialog-panel.maximized .co-container .browser-wrapper .co-toolbar .toolbar-item:hover {
  color: #cecece;
  cursor: pointer;
}
.dialog-panel.maximized .co-container .browser-wrapper .co-toolbar .toolbar-item.disabled,
.dialog-panel.maximized .co-container .browser-wrapper .co-toolbar .toolbar-itemdisabled:hover {
  color: #999;
  cursor: default;
  pointer-events: none;
}
.dialog-panel.maximized .co-container .browser-wrapper .co-toolbar .toolbar-item.active {
  color: #00b7c9;
}
.dialog-panel.maximized .co-container .browser-wrapper .co-toolbar .toolbar-item button {
  background: transparent;
  border: 0;
}
.dialog-panel.maximized .co-container .browser-wrapper .co-toolbar .toolbar-item button:active,
.dialog-panel.maximized .co-container .browser-wrapper .co-toolbar .toolbar-item button:focus,
.dialog-panel.maximized .co-container .browser-wrapper .co-toolbar .toolbar-item button:hover {
  box-shadow: none;
}
.dialog-panel.maximized .co-container .browser-wrapper .co-toolbar .toolbar-item button:hover {
  color: #00b7c9;
}
.dialog-panel.maximized .co-container .browser-wrapper .co-toolbar .toolbar-item .open button {
  color: #00b7c9;
}
.dialog-panel.maximized .co-container .browser-wrapper .co-toolbar .toolbar-item .dropdown-menu li.list-header a:hover {
  background-color: transparent;
}
.dialog-panel.maximized .co-container .browser-wrapper .co-toolbar .toolbar-item .dropdown-menu li a:hover {
  background-color: #EBEBEB;
}
.dialog-panel.maximized .co-container .browser-wrapper .co-toolbar .toolbar-item .docked-right-actions-menu {
  width: 200px;
  height: 100%;
  color: #444;
  font-size: 12px;
  background: white;
  box-shadow: -2px 3px 20px -3px #000;
  position: absolute;
  z-index: 1;
  right: 0;
  margin-top: 4px;
  animation-name: slideToLeft;
  transform-origin: center bottom;
  animation-duration: 0.3s;
  padding: 0 10px;
  overflow-y: scroll;
}
.dialog-panel.maximized .co-container .browser-wrapper .co-toolbar .toolbar-item .docked-right-actions-menu .header {
  background: #fff;
  position: fixed;
  width: 200px;
  margin-left: -10px;
  color: #444;
  font-size: 12px;
  border-bottom: 1px solid #BFBFBF;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  padding: 0 5px;
  z-index: 2;
}
.dialog-panel.maximized .co-container .browser-wrapper .co-toolbar .toolbar-item .docked-right-actions-menu .header i {
  font-size: 16px;
}
.dialog-panel.maximized .co-container .browser-wrapper .co-toolbar .toolbar-item .docked-right-actions-menu .header .title {
  margin-left: 5px;
}
.dialog-panel.maximized .co-container .browser-wrapper .co-toolbar .toolbar-item .docked-right-actions-menu .list-container {
  margin: 45px 0;
}
.dialog-panel.maximized .co-container .browser-wrapper .co-toolbar .toolbar-item .docked-right-actions-menu .filter-wrapper input.filter {
  width: 100%;
  border-radius: 3px;
  border: 1px solid #BFBFBF;
  font-size: 12px;
  padding: 6px;
}
.dialog-panel.maximized .co-container .browser-wrapper .co-toolbar .toolbar-item .docked-right-actions-menu .action {
  margin: 10px 0 20px;
}
.dialog-panel.maximized .co-container .browser-wrapper .co-toolbar .toolbar-item .docked-right-actions-menu .action .item {
  border-bottom: 1px solid #ccc;
  width: 180px;
  height: 40px;
  position: relative;
  overflow: hidden;
  background: #fff;
}
.dialog-panel.maximized .co-container .browser-wrapper .co-toolbar .toolbar-item .docked-right-actions-menu .action .item i {
  font-size: 16px;
  width: 40px;
  height: 40px;
  display: inline-block;
  position: absolute;
  z-index: 1;
  padding: 8px;
}
.dialog-panel.maximized .co-container .browser-wrapper .co-toolbar .toolbar-item .docked-right-actions-menu .action .item .title-wrapper {
  width: 140px;
  left: 40px;
  top: 11px;
  line-height: 1.3;
}
.dialog-panel.maximized .co-container .browser-wrapper .co-toolbar .toolbar-item .docked-right-actions-menu .action .item .title-wrapper .alt-btn {
  width: 40px;
  height: 40px;
  background: #d3d3d3;
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
}
.dialog-panel.maximized .co-container .browser-wrapper .co-toolbar .toolbar-item .docked-right-actions-menu .action .item .title-wrapper .alt-btn i {
  background: transparent;
}
.dialog-panel.maximized .co-container .browser-wrapper .co-toolbar .toolbar-item .docked-right-actions-menu .action .item .title-wrapper .alt-btn:hover {
  color: #00b7c9;
}
.dialog-panel.maximized .co-container .browser-wrapper .co-toolbar .toolbar-item .docked-right-actions-menu .action .item:hover {
  background-color: #f1f1f1;
}
.dialog-panel.maximized .co-container .browser-wrapper .co-toolbar .toolbar-item .docked-right-actions-menu .action .item.url .title-wrapper {
  /*&:hover {
											left: 0;
											transition: left .3s ease;
											transition-delay: .5s;
										}*/
}
.dialog-panel.maximized .co-container .browser-wrapper .co-toolbar label.flipswitch {
  margin: 0;
}
.dialog-panel.maximized .co-container .browser-wrapper .co-toolbar label .flipswitch-label {
  color: #444;
  text-shadow: none;
  font-size: 14px;
}
.dialog-panel.maximized .co-container .browser-wrapper .restricted-overlay {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  position: absolute;
  z-index: 100;
}
.dialog-panel.maximized .co-container .browser-wrapper .restricted-overlay .container {
  position: absolute;
  width: 510px;
  height: 300px;
  left: 50%;
  top: 50%;
  margin-left: -255px;
  margin-top: -150px;
  font-size: 30px;
  z-index: 2;
  color: #ffffff;
}
.dialog-panel.maximized .co-container .browser-wrapper .restricted-overlay .container h1 {
  color: #ffffff;
}
.dialog-panel.maximized .co-container .browser-wrapper .restricted-overlay .container p {
  font-size: 14px;
  word-wrap: break-word;
}
.dialog-panel.maximized .co-container .browser-wrapper .restricted-overlay .container .restricted {
  font-size: 11px;
  padding: 2px 0;
  display: inline-table;
}
.dialog-panel.maximized .co-container .browser-wrapper .restricted-overlay .container .restricted i {
  color: #C33A3A;
  font-size: 14px;
}
.dialog-panel.maximized .co-container .browser-wrapper .restricted-overlay .container .restricted span {
  background: #C33A3A;
  color: #fff;
  vertical-align: text-bottom;
  font-family: 'vngage-semibold', 'sans-serif';
  border-radius: 2px;
  padding: 1px 2px;
}
.dialog-panel.maximized .co-container .browser-wrapper .co-iframe {
  flex: 1;
  position: relative;
  overflow: auto;
  /* Don't show scrollbars unless necessary */
}
.dialog-panel.maximized .co-container .browser-wrapper .co-iframe iframe {
  transform-origin: top left;
  transition: transform 400ms ease, height 400ms, width 400ms;
  width: 100%;
  height: 100%;
  position: absolute;
  border: 0;
}
.dialog-panel.maximized .co-container .browser-wrapper .co-iframe .vngage-icon-co-browsing {
  font-size: 130px;
  text-align: center;
  width: 200px;
  height: 200px;
  position: absolute;
  left: 50%;
  margin-left: -100px;
  top: 50%;
  margin-top: -100px;
}
.dialog-panel.maximized .co-container .browser-wrapper .co-iframe .disabled {
  background: rgba(0, 0, 0, 0.9);
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.dialog-panel.maximized .co-container .browser-wrapper .co-iframe .disabled .message-wrapper {
  position: absolute;
  width: 350px;
  height: 250px;
  text-align: center;
  font-size: 16px;
  top: 50%;
  margin-top: -125px;
  left: 50%;
  margin-left: -175px;
}
.dialog-panel.maximized .co-container .browser-wrapper .co-iframe .disabled .message-wrapper i {
  font-size: 80px;
}
.dialog-panel.maximized .co-container .browser-wrapper .co-iframe .disabled .message-wrapper p {
  color: #fff;
}
.dialog-panel.maximized .co-container .browser-wrapper .co-iframe .disabled .message-wrapper a {
  text-decoration: underline;
}
.dialog-panel.maximized .co-container .browser-wrapper .co-iframe .view-only-overlay {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  position: absolute;
  z-index: 100;
}
.dialog-panel.maximized .co-container .browser-wrapper .co-iframe .view-only-overlay .container {
  position: absolute;
  width: 500px;
  height: 300px;
  left: 50%;
  top: 50%;
  margin-left: -250px;
  margin-top: -150px;
  font-size: 30px;
  z-index: 2;
  color: #ffffff;
}
.dialog-panel.maximized .co-container .browser-wrapper .co-iframe .view-only-overlay .container h1 {
  color: #ffffff;
}
.dialog-panel.maximized .co-container .browser-wrapper .co-iframe .view-only-overlay .container p {
  font-size: 14px;
}
.dialog-panel.maximized .co-container .browser-wrapper .co-iframe .view-only-overlay .container .checkbox label {
  font-size: 12px;
  line-height: 20px;
}
.dialog-panel.maximized .co-container .browser-wrapper .co-iframe .view-only-overlay .container .view-only {
  font-size: 8px;
  padding: 2px 0;
  display: inline-table;
}
.dialog-panel.maximized .co-container .browser-wrapper .co-iframe .view-only-overlay .container .view-only i {
  color: #00b3ee;
  font-size: 12px;
}
.dialog-panel.maximized .co-container .browser-wrapper .co-iframe .view-only-overlay .container .view-only span {
  background: #00b3ee;
  color: #fff;
  vertical-align: text-bottom;
  font-family: 'vngage-semibold', 'sans-serif';
  border-radius: 2px;
  padding: 1px 2px;
}
.dialog-panel.maximized .co-container .browser-wrapper.pending-content-upload .spinner-container {
  position: absolute;
  width: 500px;
  height: 300px;
  left: 50%;
  top: 50%;
  margin-left: -250px;
  margin-top: -150px;
  font-size: 30px;
  text-align: center;
  z-index: 2;
  color: #ffffff;
}
.dialog-panel.maximized .co-container .browser-wrapper.pending-content-upload .spinner-container:after {
  content: '';
  border-radius: 100%;
  width: 50px;
  height: 50px;
  left: 50%;
  top: 50%;
  margin-left: -25px;
  margin-top: -25px;
  position: absolute;
  z-index: 2;
  /*border-left:2px solid lighten(@brand-success,20%);
						border-right:2px solid lighten(@brand-success,20%);
						border-bottom:2px solid lighten(@brand-success,20%);
						border-top:2px solid @brand-success;*/
  border: 2px solid #71ce61;
  border-bottom-color: transparent;
  -webkit-animation: rotation 0.8s infinite linear;
  -moz-animation: rotation 0.8s infinite linear;
  animation: rotation 0.8s infinite linear;
}
.dialog-panel.maximized .co-container .browser-wrapper.pending-content-upload:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.9);
  z-index: 1;
}
.dialog-panel.maximized .co-container .browser-wrapper .disconnected-overlay {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  position: absolute;
  z-index: 100;
}
.dialog-panel.maximized .co-container .browser-wrapper .disconnected-overlay .container {
  position: absolute;
  width: 500px;
  height: 300px;
  left: 50%;
  top: 50%;
  margin-left: -250px;
  margin-top: -150px;
  font-size: 30px;
  z-index: 2;
  color: #ffffff;
}
.dialog-panel.maximized .co-container .browser-wrapper .disconnected-overlay .container h1 {
  color: #ffffff;
}
.dialog-panel.maximized .co-container .browser-wrapper .disconnected-overlay .container p {
  font-size: 14px;
}
.dialog-panel.maximized::after {
  display: none;
  opacity: 0;
}
.dialog-panel.maximized.active {
  z-index: 0;
}
.dialog-panel.maximized .refCode {
  top: 1px;
  z-index: 99;
  font-size: 9px;
  right: 2px;
}
.co-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 599;
}
.co-container {
  flex: 0;
  display: none;
  opacity: 0;
}
.co-sendPageModal .modal-body {
  padding-left: 30px;
  padding-right: 30px;
}
.content-upload-footer {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.content-upload-image-container {
  height: 400px;
}
.content-upload-image {
  height: 100%;
  width: 100%;
  object-fit: contain;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.content-upload-file {
  height: 100%;
  width: 100%;
  font-size: 200px;
  object-fit: contain;
  margin-left: 25%;
  display: block;
  color: darkgray;
}
.content-file-symbol::before {
  font-family: 'icon';
  content: '\E891';
  cursor: pointer;
  font-size: 12px;
}
.content-download-button {
  color: #00b7c9;
  background-color: #ffffff;
  border: 2px solid #00b7c9;
  display: block;
  width: 20%;
  text-decoration: none;
  padding: 6px 12px;
  text-align: center;
  vertical-align: middle;
  border-radius: 5px;
  font-weight: bold;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.content-download-button:hover {
  text-decoration: none;
  color: #fff;
  background-color: #00b7c9;
}
.content-spinner {
  position: absolute;
  width: 400px;
  height: 400px;
  left: 50%;
  top: 50%;
  margin-left: -200px;
  margin-top: -200px;
  font-size: 30px;
  text-align: center;
  z-index: 2;
  color: #ffffff;
}
.content-spinner:after {
  content: '';
  border-radius: 100%;
  width: 50px;
  height: 50px;
  left: 50%;
  top: 50%;
  margin-left: -25px;
  margin-top: -25px;
  position: absolute;
  z-index: 2;
  /*border-left:2px solid lighten(@brand-success,20%);
		border-right:2px solid lighten(@brand-success,20%);
		border-bottom:2px solid lighten(@brand-success,20%);
		border-top:2px solid @brand-success;*/
  border: 2px solid #71ce61;
  border-bottom-color: transparent;
  -webkit-animation: rotation 0.8s infinite linear;
  -moz-animation: rotation 0.8s infinite linear;
  animation: rotation 0.8s infinite linear;
}
/* Dropzone */
.dropzone {
  padding: 30px;
  border: 2px dashed #666;
  outline: none;
  cursor: pointer;
  height: 250px;
  width: 50%;
  margin: auto;
  line-height: 170px;
  text-align: center;
}
.dropzone-active {
  background-color: #f1e2ff;
  border: 2px solid #00b7c9;
}
.dropzone-content {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
  font-size: 18px;
}
.dropzone-container {
  margin: auto;
  width: 35%;
}
.emoji-picker {
  z-index: 100;
  position: absolute;
  bottom: 190px;
  left: 2px;
}
.emoji-symbol::before {
  font-family: 'icon';
  content: '\f118';
  cursor: pointer;
  font-size: 14px;
}
.dialog-panel-wrapper {
  display: flex;
  flex-direction: row;
  height: 100%;
  flex: 1;
  overflow: hidden;
  z-index: 0;
  position: relative;
  background: #fff;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAAFVBMVEXv7u/f3d/n5uff3N/w7/Dv7e/w7vA7L+vAAAAAK0lEQVR42k3KsQ0AIAwDwXeA7D8yBoSS4grLD0gPEdfQRPY3rN6knd+ymg0KYwBQlnIIcgAAAABJRU5ErkJggg==");
}
.dialog-panel.collapsed .header .notifier {
  position: absolute;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  background: #DC2727;
  right: 260px;
  top: -13px;
  display: block;
  line-height: 20px;
  text-align: center;
  color: #fff;
}
.isMaximized {
  padding-left: 300px;
}
.dialog-panel {
  width: 273px;
  height: 80%;
  max-height: 100%;
  margin: 0 5px;
  background: #fff;
  display: flex;
  z-index: 1;
  flex-direction: row;
  flex-shrink: 0;
  border-radius: 10px 10px 0 0;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  transform-origin: bottom center;
  position: absolute;
  bottom: 0;
  -webkit-animation: fade-in 0.8s linear;
  -moz-animation: fade-in 0.8s linear;
  animation: fade-in 0.8s linear;
}
.dialog-panel .dialog-container {
  display: flex;
  flex-direction: column;
  box-shadow: none;
}
.dialog-panel .dialog-container .dialog-action-area {
  height: 100%;
  display: flex;
  flex-direction: column;
  box-shadow: none;
  overflow-y: hidden;
}
.dialog-panel .dialog-menu {
  display: flex;
  flex-direction: column;
  box-shadow: none;
  min-height: 85px;
  flex-shrink: 0;
}
.dialog-panel .closing-dialog {
  font-size: 180px;
  text-align: center;
  color: #71ce61;
  border-radius: 10px 10px 0 0;
  bottom: 100px;
  z-index: 20;
}
.dialog-panel.remove-out {
  pointer-events: none;
  box-shadow: none;
  animation-name: conversation-end;
  animation-duration: 0.4s;
  animation-fill-mode: forwards;
  animation-timing-function: ease-out;
}
.dialog-panel.remove-out.active:after {
  box-shadow: none;
}
.dialog-panel:after {
  content: '';
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.4);
  border-radius: 10px 10px 0 0;
  transition: opacity 300ms ease-in-out;
}
.dialog-panel:hover {
  z-index: 10;
}
.dialog-panel:hover::after {
  opacity: 1;
}
.dialog-panel.active {
  z-index: 11;
}
.dialog-panel.active .conversation .read-write .input-menu {
  bottom: 120px + 10;
  transition: all 0.4s cubic-bezier(0.01, 0.65, 0.25, 1);
}
.dialog-panel.active .conversation .read-write form.compose-message-wrapper {
  height: 120px;
  transition: height 0.4s cubic-bezier(0.01, 0.65, 0.25, 1);
}
.dialog-panel.active::after {
  opacity: 1;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.4);
}
.dialog-panel.active.hovered {
  z-index: 11;
}
@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}
@-moz-keyframes rotation {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(359deg);
  }
}
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
@-webkit-keyframes enterQueue {
  from {
    -webkit-transform: scale(0.8);
  }
  to {
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes enterQueue {
  from {
    -moz-transform: scale(0.8);
  }
  to {
    -moz-transform: scale(1);
  }
}
@keyframes enterQueue {
  from {
    transform: scale(0.8);
  }
  to {
    transform: scale(1);
  }
}
.queue-container {
  display: flex;
  flex-direction: row;
}
.queue-panel {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  z-index: 9;
  top: 0;
  height: 100%;
  background-color: #fff;
  border-left: 2px solid #999;
}
.queue-toolbar {
  padding: 4px 6px 15px;
  display: flex;
  flex-direction: row;
}
.queue-toolbar .separator {
  width: 210px;
  height: 1px;
  background: #cecece;
  top: 30px;
  left: 50%;
  position: absolute;
  margin-left: -105px;
  opacity: 0;
}
.queue-toolbar .status {
  width: 75%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-evenly;
}
.queue-toolbar .queue-meta,
.queue-toolbar .agents-meta,
.queue-toolbar .dialogs-meta {
  display: flex;
  flex: 1;
  align-items: center;
  flex-direction: column;
}
.queue-toolbar .queue-meta i,
.queue-toolbar .agents-meta i,
.queue-toolbar .dialogs-meta i {
  font-size: 18px;
  color: #A4A3A3;
}
.queue-toolbar .queue-count,
.queue-toolbar .agents-count,
.queue-toolbar .dialogs-count {
  font-size: 9px;
  line-height: 0;
  position: relative;
  left: -10px;
  top: 7px;
  font-family: vngage-bold, sans-serif;
}
.queued-item {
  position: relative;
  background: #fff;
  color: #777;
  -webkit-animation: enterQueue 0.1s linear;
  -moz-animation: enterQueue 0.1s linear;
  animation: enterQueue 0.1s linear;
}
.queued-item:hover {
  transition: all 0.2s ease;
  cursor: default;
}
.queued-item:hover .summary {
  background-color: #fff;
  border-color: #64BD6B;
  color: #64BD6B;
  cursor: pointer;
  box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.1);
  transition: color 0.2s ease, box-shadow 0.2s ease;
}
.queued-item:hover .summary:hover {
  box-shadow: 0 4px 2px 2px rgba(0, 0, 0, 0.1);
  transition: box-shadow 0.2s linear;
}
.queued-item:hover .summary:before {
  content: '';
  display: inline-block;
  width: 50px;
  height: 50px;
  position: absolute;
  border-radius: 100%;
  left: -2px;
  top: -2px;
}
.queued-item:hover .summary .vngage-icon-queue {
  color: #64BD6B;
  transition: color 0.2s ease;
}
.queued-item:hover .summary .vngage-icon-queue:before {
  content: '\e86c';
}
.queued-item:hover .summary .duration {
  display: none;
}
.queued-item:hover .summary .action-label {
  display: block;
  text-decoration: underline;
}
.queued-item:hover.in-transfer .summary,
.queued-item:hover.is-lost .summary {
  border-color: #64BD6B;
  color: #64BD6B;
}
.queued-item:hover.in-transfer .summary .vngage-icon-queue,
.queued-item:hover.is-lost .summary .vngage-icon-queue {
  color: #64BD6B;
}
.queued-item:hover .details .separator {
  display: none;
}
.queued-item.in-transfer .summary {
  border-color: #00B7C9;
  color: #00B7C9;
}
.queued-item.in-transfer .summary .vngage-icon-queue {
  color: #00B7C9;
}
.queued-item.in-transfer .tag {
  color: #00B7C9;
}
.queued-item.is-lost .summary {
  border-color: #F04E5E;
  color: #F04E5E;
}
.queued-item.is-lost .summary .vngage-icon-queue {
  color: #F04E5E;
}
.queued-item.is-lost .tag {
  color: #F04E5E;
}
.queued-item .summary {
  width: 50px;
  height: 50px;
  border: 2px solid #888;
  background: #fff;
  border-radius: 100%;
  text-align: center;
  font-size: 14px;
  position: absolute;
  top: 10px;
  left: -25px;
  z-index: 20;
  transition: all 0.1s ease;
}
.queued-item .summary .vngage-icon-queue {
  margin-top: 7px;
  margin-bottom: -1px;
  display: block;
  line-height: 0;
}
.queued-item .summary .vngage-icon-queue:before {
  content: '\e871';
  font-size: 20px;
}
.queued-item .summary .duration {
  font-size: 9px;
}
.queued-item .summary .action-label {
  font-size: 9px;
  display: none;
  text-align: center;
}
.queued-item .details {
  height: 70px;
  padding: 18px 7px 0 35px;
  flex: 1;
}
.queued-item .details .tag {
  font-size: 10px;
  font-family: vngage-bold, sans-serif;
  position: absolute;
  top: 7px;
}
.queued-item .details .title {
  font-size: 12px;
  margin-bottom: -5px;
}
.queued-item .details .bookedMeetingTitle {
  font-size: 12px;
  margin-bottom: -5px;
  white-space: nowrap;
}
.queued-item .details .score {
  font-size: 10px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: bottom;
}
.queued-item .details .device {
  font-size: 12px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: bottom;
}
.queued-item .details .lock-visitor {
  transition: all 0.1s ease;
  border: 1px solid #ccc;
  border-radius: 2px;
  background-color: #fff;
  color: #999;
  font-size: 9px;
  padding: 0 3px 0 0;
  margin-right: 5px;
  letter-spacing: 0.03em;
}
.queued-item .details .lock-visitor:hover {
  transition: all 0.1s ease;
  cursor: pointer;
  color: #55043b;
}
.queued-item .details .meta {
  font-size: 10px;
  display: none;
}
.queued-item .details .navigation-history {
  display: inline-block;
}
.queued-item .details .navigation-history ul {
  margin: 0;
  padding: 0;
}
.queued-item .details .navigation-history li {
  list-style: none;
  display: inline;
  font-size: 6px;
}
.queued-item .details .navigation-history li .history-marker {
  width: 6px;
  height: 6px;
  background: #ccc;
  display: inline-block;
  border-radius: 100%;
  margin-right: 7px;
  position: relative;
  z-index: 1;
}
.queued-item .details .navigation-history li .history-marker:after {
  content: '';
  width: 10px;
  height: 2px;
  background: #cecece;
  display: inline-block;
  position: absolute;
  top: 0.3em;
  left: 6px;
}
.queued-item .details .navigation-history li .history-marker.green {
  background: #84b859;
}
.queued-item .details .navigation-history li .history-marker.yellow {
  background: #ffcb05;
}
.queued-item .details .navigation-history li .history-marker.orange {
  background: orange;
}
.queued-item .details .navigation-history li .history-marker.purple {
  background: #ab3192;
}
.queued-item .details .navigation-history li .history-marker.blue {
  background: #2f4b9b;
}
.queued-item .details .navigation-history li .history-marker.red {
  background: #f04e5e;
}
.queued-item .details .navigation-history li .history-marker.brown {
  background: #d2612a;
}
.queued-item .details .navigation-history li .history-marker.gray {
  background: #444;
}
.queued-item .details .navigation-history li .history-marker.lightgray {
  background: lightgray;
}
.queued-item .details .navigation-history li:last-child .history-marker:after {
  display: none;
}
.queued-item .details .navigation-history .history-url {
  visibility: hidden;
  opacity: 0;
  width: 0;
  position: absolute;
}
.queued-item .details .separator {
  width: 100%;
  height: 1px;
  background: #cecece;
  left: -15px;
  top: 14px;
  position: relative;
}
.queued-item .details .loading-meta-spinner {
  border-radius: 100%;
  width: 10px;
  height: 10px;
  margin-top: 9px;
  position: absolute;
  z-index: 2;
  border: 1px solid #71ce61;
  border-bottom-color: transparent;
  -webkit-animation: rotation 0.8s infinite linear;
  -moz-animation: rotation 0.8s infinite linear;
  animation: rotation 0.8s infinite linear;
}
.queued-item.processing .summary {
  display: none;
}
.queued-item.processing .summary .vngage-icon-queue,
.queued-item.processing .summary .action-label,
.queued-item.processing .summary .duration {
  display: none;
}
.queued-item.processing .details {
  height: 0;
  opacity: 0;
  transition: opacity 0.2s ease, height 0.5s ease;
}
.queued-item.expanded-navigation-history {
  position: relative;
  z-index: 5;
}
.queued-item.expanded-navigation-history .summary {
  background: #fff;
  z-index: 601;
}
.queued-item.expanded-navigation-history .details {
  background: #fff;
}
.queued-item.expanded-navigation-history .details .meta {
  display: inline-block;
}
.queued-item.expanded-navigation-history .details .navigation-history {
  min-height: 1px;
  position: absolute;
  width: 100%;
  margin-top: 5px;
  left: -2px;
  padding: 0 0 10px;
  background: #fff;
  display: block;
  border-bottom: 2px solid #999;
  border-left: 2px solid #999;
  box-shadow: 0 15px 20px -15px #666;
  z-index: 600;
  cursor: default;
}
.queued-item.expanded-navigation-history .details .navigation-history li {
  list-style: none;
  display: block;
  padding: 5px 10px 7px;
  font-size: 14px;
}
.queued-item.expanded-navigation-history .details .navigation-history li:hover {
  background: #f1f1f1;
}
.queued-item.expanded-navigation-history .details .navigation-history li:hover .history-marker:after {
  background: #f1f1f1;
  box-shadow: 11px 0 8px #f1f1f1;
}
.queued-item.expanded-navigation-history .details .navigation-history li .history-marker {
  width: 6px;
  height: 6px;
  background: #999;
  display: inline-block;
  border-radius: 100%;
  top: -3px;
  position: relative;
}
.queued-item.expanded-navigation-history .details .navigation-history li .history-marker.green {
  background: #84b859;
}
.queued-item.expanded-navigation-history .details .navigation-history li .history-marker.yellow {
  background: #ffcb05;
}
.queued-item.expanded-navigation-history .details .navigation-history li .history-marker.orange {
  background: orange;
}
.queued-item.expanded-navigation-history .details .navigation-history li .history-marker.purple {
  background: #ab3192;
}
.queued-item.expanded-navigation-history .details .navigation-history li .history-marker.blue {
  background: #2f4b9b;
}
.queued-item.expanded-navigation-history .details .navigation-history li .history-marker.red {
  background: #f04e5e;
}
.queued-item.expanded-navigation-history .details .navigation-history li .history-marker.brown {
  background: #d2612a;
}
.queued-item.expanded-navigation-history .details .navigation-history li .history-marker.gray {
  background: #444;
}
.queued-item.expanded-navigation-history .details .navigation-history li .history-marker.lightgray {
  background: lightgray;
}
.queued-item.expanded-navigation-history .details .navigation-history li .history-marker.marked {
  width: 10px;
  height: 10px;
  left: -2px;
  top: 1px;
}
.queued-item.expanded-navigation-history .details .navigation-history li .history-marker.marked:before {
  left: 4px;
  top: 10px;
  height: 28px;
}
.queued-item.expanded-navigation-history .details .navigation-history li .history-marker:before {
  content: '';
  width: 2px;
  height: 35px;
  background: #cecece;
  display: inline-block;
  position: absolute;
  left: 2px;
  top: 6px;
  z-index: -1;
}
.queued-item.expanded-navigation-history .details .navigation-history li .history-marker:after {
  content: '';
  box-shadow: 11px 0 8px #fff;
  width: 10px;
  display: inline-block;
  height: 17px;
  position: absolute;
  background: #fff;
  top: -3px;
  left: 10px;
  z-index: 1;
}
.queued-item.expanded-navigation-history .details .navigation-history li:last-child .history-marker:before {
  display: none;
}
.queued-item.expanded-navigation-history .details .navigation-history li .history-url {
  visibility: visible;
  position: absolute;
  opacity: 1;
  font-size: 12px;
  width: 215px;
  text-indent: -100%;
  text-align: right;
  color: #999;
  overflow: hidden;
  right: 10px;
}
.queue-pin-area {
  height: 100%;
}
.queue-pin-area.not-pined {
  cursor: url('./img/arrow-left-black.png'), auto;
}
.queue-pin-area.pined {
  cursor: url('./img/arrow-right-black.png'), auto;
}
.pinnedQueue .queue-panel .queue-toolbar .status,
.pinnedQueue .queue-panel .queue-toolbar .separator {
  opacity: 1;
}
.popover.group-status {
  max-width: 250px;
  padding: 0;
  border: 0;
}
.popover.group-status .arrow {
  border-bottom-color: #cecece;
}
.popover.group-status .popover-title {
  font-size: inherit;
  padding: 5px;
  background: #cecece;
}
.popover.group-status .popover-content {
  font-size: 14px;
}
.popover.group-status .popover-content .group-status .flipswitch {
  width: 100%;
  text-shadow: none;
}
.popover.group-status .popover-content .group-status .list-group {
  margin: 5px;
}
.popover.group-status .popover-content .group-status .list-group-item {
  color: #fff;
  background-color: #444;
  border-color: #222;
}
.popover.group-status .popover-content .group-status .list-group-item:first-child {
  border-radius: 0;
}
.group-status.modal-body {
  padding-bottom: 0;
}
.group-status .flipswitch {
  text-shadow: none;
}
.group-status .flipswitch .micro-label {
  font-size: 9px;
  display: inline-block;
  position: relative;
  top: -3px;
  color: #00b7c9;
}
.group-status .table {
  margin-bottom: 0;
}
.group-status .table > thead > tr > th {
  font-size: 12px;
  font-family: vngage-bold, sans-serif;
  text-align: center;
  border-bottom: 1px solid #979797;
  border-top: none;
}
.group-status .table > thead > tr > th:first-child {
  text-align: left;
}
.group-status .table > tbody tr.away th {
  color: #999;
}
.group-status .table > tbody tr.away th .flipswitch .micro-label {
  color: #999;
}
.group-status .table > tbody th {
  text-align: center;
  vertical-align: middle;
}
.group-status .table > tbody th:first-child {
  text-align: left;
}
.code-start-modal .code-start-wrapper {
  text-align: center;
  font-size: 38px;
  position: relative;
}
.code-start-modal .btn-default:active,
.code-start-modal .btn-default:focus {
  background: #fff;
  color: #9a9a9a;
}
.code-start-modal i {
  cursor: pointer;
}
.code-start-modal.animate .code-start-number {
  opacity: 0;
}
.code-start-modal .refresh-code-icon {
  text-align: center;
  color: #999;
  position: absolute;
  width: 50px;
  left: 50%;
  margin-left: -25px;
  top: -3px;
  opacity: 0;
}
.code-start-modal .refresh-code-icon:before {
  content: '\e838';
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 100%;
  text-align: center;
  font-variant: normal;
  font-size: 28px;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: color 0.3s ease;
}
.code-start-modal .refresh-code-icon.animate-rotate {
  opacity: 1;
}
.code-start-modal .refresh-code-icon.animate-rotate:before {
  transform: rotate(360deg);
  color: #666;
  transition: all 0.4s ease;
}
.code-start-modal .copy-code-msg {
  color: #444;
  position: absolute;
  opacity: 1;
  visibility: hidden;
  top: 20px;
  width: 100%;
  margin-left: -15px;
  font-size: 18px;
}
.code-start-modal .copy-code-msg.animate-copy {
  opacity: 1;
  visibility: visible;
  color: #f1f1f1;
  top: 10px;
  transition: all 0.9s ease;
}
.code-start-modal .refresh-code-label {
  font-style: normal;
  text-align: center;
  font-size: 10px;
  color: #999;
}
.code-start-modal .copy-code-label {
  font-style: normal;
  text-align: center;
  font-size: 10px;
  color: #999;
}
#compact-navigation-tooltip .tooltip-arrow {
  margin-left: -8px;
  border-top-color: #999;
}
#compact-navigation-tooltip .tooltip-inner {
  margin-right: 10px;
  background: #fff;
  border: 2px solid #999;
  color: #999;
  padding: 15px 15px 5px;
}
#compact-navigation-tooltip.in,
#expanded-navigation-tooltip.in {
  opacity: 1;
}
#expanded-navigation-tooltip .tooltip-arrow {
  margin-left: -8px;
  border-left-color: #999;
}
#expanded-navigation-tooltip .tooltip-inner {
  background: #fff;
  border: 2px solid #999;
  color: #999;
  padding: 15px 15px 5px;
}
@keyframes selectQueue {
  from {
    border-radius: 100%;
    height: 50px;
    width: 50px;
    margin-top: -260px;
    bottom: 0;
    margin-left: 0;
    border-color: #84b859;
  }
  to {
    border-radius: 10px;
    border-color: #eee;
  }
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.selected-items {
  z-index: 1;
  position: relative;
}
.selected-item {
  position: absolute;
  transform-origin: center center;
}
.selected-item.pending-init {
  transition: transform 0.2s ease-in;
  bottom: 100%;
}
.selected-item.pending-init .loading-content-container {
  margin-left: -142px;
  bottom: -260px;
  border-radius: 10px;
}
.selected-item .loader-indication {
  width: 50px;
  height: 50px;
  left: 50%;
  top: 50%;
  margin-left: -25px;
  margin-top: -25px;
  position: absolute;
  z-index: 9999;
  border: 2px solid #71ce61;
  border-radius: 100%;
}
.selected-item .loading-content-container {
  border: 1px solid #ddd;
  bottom: 0;
  border-radius: 100%;
  transform-origin: bottom center;
  position: absolute;
}
.selected-item .loading-content-container .loader-content {
  -webkit-animation: fade-in 0.8s linear;
  -moz-animation: fade-in 0.8s linear;
  animation: fade-in 0.8s linear;
}
.selected-item .loading-content-container .loader-footer-container {
  -webkit-animation: fade-in 0.8s linear;
  -moz-animation: fade-in 0.8s linear;
  animation: fade-in 0.8s linear;
}
@-webkit-keyframes stretchdelay {
  0%,
  40%,
  100% {
    -webkit-transform: scaleX(0.8);
    background-color: #ddd;
    box-shadow: 0 0 0 rgba(10, 10, 10, 0.1);
  }
  20% {
    -webkit-transform: scaleX(1);
    background-color: #71ce61;
    box-shadow: 0 5px 6px rgba(10, 10, 10, 0.2);
  }
}
@keyframes stretchdelay {
  0%,
  40%,
  100% {
    background-color: #ddd;
    transform: scaleX(0.8);
    -webkit-transform: scaleX(0.8);
  }
  20% {
    background-color: #71ce61;
    transform: scaleY(1);
    -webkit-transform: scaleX(1);
  }
}
.hide-modal-debug {
  display: none !important;
}
.debugger-tool {
  color: #999;
  background: rgba(0, 0, 0, 0.7);
  padding: 5px;
  width: 350px;
  border-radius: 3px;
  box-shadow: 0 15px 40px -10px #823458;
}
.debugger-tool .btn-default.dark {
  color: #fff;
  background: #666;
  border: 0;
  font-weight: lighter;
}
.debugger-tool .btn-default.dark i {
  font-size: 14px;
}
.debugger-tool .btn-default + .btn-block {
  margin-left: 0;
}
.debugger-tool .btn-default.dark-lang-button {
  color: #fff;
  background: #666;
  border: 0;
  font-weight: lighter;
  font-size: 12px;
  margin-top: 3px;
}
.debugger-tool .btn-default.dark-lang-button.active {
  border: 2px solid #00b7c9;
}
.debugger-tool .dropdown.dark .btn-default {
  color: #fff;
  background: #666;
  border: 0;
  font-weight: lighter;
  width: 100%;
}
.debugger-tool .dropdown.dark .btn-default i {
  font-size: 14px;
}
.minimized-debug-container {
  position: absolute;
  border-radius: 0px 0px 6px 0px;
  cursor: pointer;
  z-index: 1;
}
.minimized-debug-container.badge {
  text-shadow: 0px 1px 2px #000;
  padding: 2px 10px 4px 10px;
}
.debugger-tool-handle {
  padding: 5px 10px 10px;
  border-bottom: 1px solid #999;
  margin-bottom: 5px;
}
.debugger-tool-handle .badge {
  display: block;
  text-shadow: none;
  padding: 0.2em 0 0.3em;
  font-size: 65%;
}
.debugger-tool-handle .flip-container {
  display: inline-block;
}
.debugger-tool-handle .badge-btn {
  display: block;
  padding: 10px 10px 10px 10px;
  position: absolute;
  top: 5px;
  left: 73%;
  border: none;
  cursor: pointer;
}
.debugger-tool-handle .badge-btn .badge-icon {
  background-color: #fff;
  display: block;
  width: 20px;
  height: 1px;
}
.debugger-tool-handle .collapse-bar {
  padding: 1px 10px 10px 1px;
  background-color: #333;
  position: absolute;
  width: 20px;
  left: 85%;
}
.debugger-tool-handle .debugger-header {
  display: inline-block;
  margin-left: 5px;
  padding-left: 10px;
  border-left: 1px solid #999;
}
.debugger-tool-handle .debugger-header h5 {
  margin-bottom: 3px;
  color: #fff;
}
.debugger-tool-handle:hover {
  cursor: move;
}
.debugger-tool-container .lang-buttons {
  display: flex;
  flex-direction: row;
}
.debugger-tool-container .lang-buttons h5 {
  margin-bottom: 3px;
  color: #fff;
}
.debugger-tool-container input[type="file"] {
  display: block;
  height: 32px;
  width: 100%;
  margin-top: 5px;
}
.debugger-tool-container #debug-file-import {
  overflow: hidden;
}
.debugger-tool-container #debug-file-import::-webkit-file-upload-button {
  visibility: hidden;
}
.debugger-tool-container #debug-file-import::before {
  content: 'Import debug zip- or json-file';
  width: 100%;
  outline: none;
  color: #fff;
  background: #666;
  border: 0;
  font-weight: lighter;
  display: inline-block;
  margin-bottom: 0;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.debugger-tool-container .badge {
  text-shadow: none;
}
.debugger-tool-container .well {
  padding: 10px 0;
  font-size: 12px;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
  border: 0;
}
.debugger-tool-container .well button {
  margin-left: 3px;
}
.debugger-tool-container .row {
  margin-left: 0;
}
.tab-container {
  display: flex;
}
.tab-container .tab-nav {
  display: flex;
  flex-direction: column;
  width: 68px;
  color: #fff;
  border-right: 1px solid #999;
  padding-right: 5px;
}
.tab-container .tab-nav .nav-item {
  padding: 10px;
  text-align: center;
  transition: background 0.2s ease;
  align-self: center;
  width: 100%;
  border-radius: 10px;
  position: relative;
}
.tab-container .tab-nav .nav-item.active:after {
  content: '';
  display: inline-block;
  position: absolute;
  height: 4px;
  border-radius: 3px;
  width: 34px;
  left: 50%;
  margin-left: -17px;
  margin-top: 5px;
  background: #a03593;
}
.tab-container .tab-nav .nav-item:hover {
  cursor: pointer;
  background: #555;
  transition: background 0.2s ease;
}
.tab-container .tab-nav .nav-item .badge {
  display: block;
  padding: 0;
}
.tab-container .tab-content {
  display: flex;
  flex: 1;
  padding: 10px;
  max-width: 350px;
}
.tab-container .group-container {
  padding: 10px 0;
  display: inline-block;
  font-size: 80%;
  width: 100%;
}
.tab-container .group-container + .group-container {
  padding-top: 0;
}
.tab-container .group-container.step-controls {
  color: #fff;
}
.tab-container .group-container.step-controls .control-item {
  display: inline-block;
  font-size: 18px;
}
.tab-container .group-container.step-controls .control-item .badge {
  display: block;
  color: #888;
  font-size: 8px;
  text-align: center;
  padding: 0;
  margin-top: -7px;
}
.tab-container .group-container.history-states {
  margin-bottom: -10px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
}
.tab-container .group-container.history-states .padding-right {
  padding-right: 5px;
}
.tab-container .group-container.history-states .padding-left {
  padding-left: 5px;
}
.tab-container .group-container.history-states span {
  display: inline-block;
}
.tab-container .group-container .switchContainer {
  float: left;
}
.tab-container .group-container .iButton {
  margin-top: 15px;
  float: right;
}
.overlay-wrapper {
  z-index: 9000;
  height: 100%;
  width: 100%;
  position: absolute;
  pointer-events: none;
}
.overlay-fullscreen {
  flex: 1;
  height: 100%;
}
.overlay-content {
  height: 100%;
  display: flex;
  flex-direction: column;
  border: 0;
  background: #444;
  border-radius: 3px;
}
.overlay-content:hover .overlay-close {
  display: inline-block;
}
.overlay-content .overlay-body {
  padding: 0;
  overflow: hidden;
  flex: 1;
  display: flex;
}
.pointer-events-auto {
  pointer-events: auto;
}
.overlay-top-bar {
  pointer-events: none;
  display: flex;
  padding: 3px;
  width: 100%;
  z-index: 500;
  position: absolute;
}
.overlay-close {
  display: none;
  pointer-events: auto;
}
.overlay-close i {
  color: #fff;
  font-size: 20px;
}
.overlay-close i:hover {
  color: #00b7c9;
  cursor: pointer;
}
.overlay-header {
  padding: 5px;
  border-bottom: hidden;
}
.overlay-header:hover {
  cursor: move;
}
.overlay-header h5 {
  margin-bottom: 5px;
  color: #fff;
}
.overlay-filler {
  flex: 1;
}
.plugin-tool {
  border: 0;
  text-align: left;
  color: black;
  font-size: 14px;
  display: inline-block;
}
.drag-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0;
}
.plugin-floating {
  position: absolute;
  height: 1px;
  width: 2px;
  z-index: 999;
}
.plugin-floating .plugin-tool-handle .plugin-header {
  color: white;
  width: 100%;
  border-radius: 10px 10px 0 0;
  background: #333333;
  display: inline-block;
  padding-left: 10px;
  padding-top: 2px;
}
.plugin-floating .plugin-tool-handle iframe {
  border: 1px solid #333333;
}
.plugin-floating .plugin-tool-handle:hover {
  cursor: move;
}
.plugin-hidden {
  position: absolute;
  height: 1px;
  width: 1px;
  top: 1px;
  left: 1px;
  z-index: -9999;
}
.plugin-hidden iframe {
  width: 1px;
  height: 1px;
}
.plugin-pinned {
  z-index: 999;
}
.plugin-pinned.plugin-selected {
  z-index: 999;
}
.plugin-pinned.plugin-selected iframe {
  border: none;
}
.plugin-pinned.plugin-not-selected {
  position: absolute;
  height: 1px;
  width: 1px;
  top: 1px;
  left: 1px;
  z-index: -9999;
}
.plugin-pinned.plugin-not-selected iframe {
  width: 1px;
  height: 1px;
}
@keyframes gradient-move {
  0% {
    background-position: 0% 0%;
  }
  100% {
    background-position: 100% 100%;
  }
}
.plugin-panel {
  display: flex;
  flex-direction: row;
  background: white;
  border-left: 1px solid transparent;
}
.plugin-panel.active {
  border-left: 1px solid black;
}
.plugin-panel .plugin-content {
  overflow: scroll;
  background: white;
}
.plugin-panel .plugin-toggle-buttons {
  width: 40px;
  display: flex;
  flex-direction: column;
  border-left: 1px solid black;
}
.plugin-panel .plugin-toggle-buttons .plugin-toggle {
  border-bottom: 1px solid black;
  text-align: center;
  color: black;
  font-size: 20px;
}
.plugin-panel .plugin-toggle-buttons .plugin-toggle.show-notification {
  background: linear-gradient(135deg, white, white, #4ADAB1, white, white, white);
  background-size: 1200% 1200%;
  animation: gradient-move 3s linear infinite;
}
.plugin-panel .plugin-toggle-buttons .plugin-toggle .button-notification {
  width: 8px;
  height: 8px;
  background: #00b7c9;
  border-radius: 50%;
  float: right;
}
.plugin-panel .plugin-toggle-buttons .plugin-toggle.active {
  background: #00b7c9;
  margin-left: -1px;
  color: white;
}
.plugin-panel .plugin-toggle-buttons .plugin-toggle.active:before {
  position: absolute;
  display: block;
  content: '';
  width: 8px;
  margin-top: 7px;
  border-top: 8px solid transparent;
  border-left: 8px solid white;
  border-bottom: 8px solid transparent;
}
.plugin-toast-container {
  position: fixed;
  top: 10px;
  left: 150px;
  display: flex;
  flex-direction: row-reverse;
}
.plugin-toast-container .plugin-toast {
  background: white;
  margin-bottom: 0;
  user-select: none;
  max-width: 200px;
}
.plugin-toast-container .plugin-toast .toast-header {
  display: flex;
  justify-content: space-between;
}
.plugin-toast-container .plugin-toast .toast-header .text-wrapper {
  width: 100px;
}
.plugin-toast-container .plugin-toast .toast-body {
  display: flex;
  justify-content: space-between;
}
.emoji-mart,
.emoji-mart * {
  box-sizing: border-box;
  line-height: 1.15;
}
.emoji-mart {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;
  font-size: 16px;
  display: inline-block;
  color: #222427;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  background: #fff;
}
.emoji-mart .emoji-mart-emoji {
  padding: 6px;
}
.emoji-mart .emoji-mart-emoji-native {
  padding: 6px 7px;
}
.emoji-mart-bar {
  border: 0 solid #d9d9d9;
}
.emoji-mart-bar:first-child {
  border-bottom-width: 1px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.emoji-mart-bar:last-child {
  border-top-width: 1px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.emoji-mart-anchors {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0 6px;
  color: #858585;
  line-height: 0;
}
.emoji-mart-anchor {
  position: relative;
  display: block;
  flex: 1 1 auto;
  text-align: center;
  padding: 12px 4px;
  overflow: hidden;
  transition: color 0.1s ease-out;
  margin: 0;
  box-shadow: none;
  background: none;
  border: none;
}
.emoji-mart-anchor:hover,
.emoji-mart-anchor-selected {
  color: #464646;
}
.emoji-mart-anchor-selected .emoji-mart-anchor-bar {
  bottom: 0;
}
.emoji-mart-anchor-bar {
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #464646;
}
.emoji-mart-anchors i {
  display: inline-block;
  width: 100%;
  max-width: 22px;
}
.emoji-mart-anchors svg,
.emoji-mart-anchors img {
  fill: #858585;
  height: 18px;
  width: 18px;
}
.emoji-mart-scroll {
  overflow-y: scroll;
  overflow-x: hidden;
  height: 270px;
  padding: 0 6px 6px 6px;
  will-change: transform;
  /* avoids "repaints on scroll" in mobile Chrome */
}
.emoji-mart-search {
  margin-top: 6px;
  padding: 0 6px;
  position: relative;
}
.emoji-mart-search input {
  font-size: 16px;
  display: block;
  width: 100%;
  padding: 5px 25px 6px 10px;
  border-radius: 5px;
  border: 1px solid #d9d9d9;
  outline: 0;
}
.emoji-mart-search input,
.emoji-mart-search input::-webkit-search-decoration,
.emoji-mart-search input::-webkit-search-cancel-button,
.emoji-mart-search input::-webkit-search-results-button,
.emoji-mart-search input::-webkit-search-results-decoration {
  /* remove webkit/blink styles for <input type="search">
	 * via https://stackoverflow.com/a/9422689 */
  -webkit-appearance: none;
}
.emoji-mart-search-icon {
  position: absolute;
  top: 7px;
  right: 11px;
  z-index: 2;
  padding: 2px 5px 1px;
  border: none;
  background: none;
}
.emoji-mart-category .emoji-mart-emoji span {
  z-index: 1;
  position: relative;
  text-align: center;
  cursor: default;
}
.emoji-mart-category .emoji-mart-emoji:hover:before {
  z-index: 0;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #f4f4f4;
  border-radius: 100%;
}
.emoji-mart-category-label {
  z-index: 2;
  position: relative;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}
.emoji-mart-category-label span {
  display: block;
  width: 100%;
  font-weight: 500;
  padding: 5px 6px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.95);
}
.emoji-mart-category-list {
  margin: 0;
  padding: 0;
}
.emoji-mart-category-list li {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-block;
}
.emoji-mart-emoji {
  position: relative;
  display: inline-block;
  font-size: 0;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  box-shadow: none;
}
.emoji-mart-emoji-native {
  font-family: "Segoe UI Emoji", "Segoe UI Symbol", "Segoe UI", "Apple Color Emoji", "Twemoji Mozilla", "Noto Color Emoji", "EmojiOne Color", "Android Emoji";
}
.emoji-mart-no-results {
  font-size: 14px;
  text-align: center;
  padding-top: 70px;
  color: #858585;
}
.emoji-mart-no-results-img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
.emoji-mart-no-results .emoji-mart-category-label {
  display: none;
}
.emoji-mart-no-results .emoji-mart-no-results-label {
  margin-top: 0.2em;
}
.emoji-mart-no-results .emoji-mart-emoji:hover:before {
  content: none;
}
.emoji-mart-preview {
  display: none;
  position: relative;
  height: 70px;
}
.emoji-mart-preview-emoji,
.emoji-mart-preview-data,
.emoji-mart-preview-skins {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.emoji-mart-preview-emoji {
  left: 12px;
}
.emoji-mart-preview-data {
  left: 68px;
  right: 12px;
  word-break: break-all;
}
.emoji-mart-preview-skins {
  right: 30px;
  text-align: right;
}
.emoji-mart-preview-skins.custom {
  right: 10px;
  text-align: right;
}
.emoji-mart-preview-name {
  font-size: 14px;
}
.emoji-mart-preview-shortname {
  font-size: 12px;
  color: #888;
}
.emoji-mart-preview-shortname + .emoji-mart-preview-shortname,
.emoji-mart-preview-shortname + .emoji-mart-preview-emoticon,
.emoji-mart-preview-emoticon + .emoji-mart-preview-emoticon {
  margin-left: 0.5em;
}
.emoji-mart-preview-emoticon {
  font-size: 11px;
  color: #bbb;
}
.emoji-mart-title span {
  display: inline-block;
  vertical-align: middle;
}
.emoji-mart-title .emoji-mart-emoji {
  padding: 0;
}
.emoji-mart-title-label {
  color: #999A9C;
  font-size: 26px;
  font-weight: 300;
}
.emoji-mart-skin-swatches {
  font-size: 0;
  padding: 2px 0;
  border: 1px solid #d9d9d9;
  border-radius: 12px;
  background-color: #fff;
}
.emoji-mart-skin-swatches.custom {
  font-size: 0;
  border: none;
  background-color: #fff;
}
.emoji-mart-skin-swatches.opened .emoji-mart-skin-swatch {
  width: 16px;
  padding: 0 2px;
}
.emoji-mart-skin-swatches.opened .emoji-mart-skin-swatch.selected:after {
  opacity: 0.75;
}
.emoji-mart-skin-swatch {
  display: inline-block;
  width: 0;
  vertical-align: middle;
  transition-property: width, padding;
  transition-duration: 0.125s;
  transition-timing-function: ease-out;
}
.emoji-mart-skin-swatch:nth-child(1) {
  transition-delay: 0s;
}
.emoji-mart-skin-swatch:nth-child(2) {
  transition-delay: 0.03s;
}
.emoji-mart-skin-swatch:nth-child(3) {
  transition-delay: 0.06s;
}
.emoji-mart-skin-swatch:nth-child(4) {
  transition-delay: 0.09s;
}
.emoji-mart-skin-swatch:nth-child(5) {
  transition-delay: 0.12s;
}
.emoji-mart-skin-swatch:nth-child(6) {
  transition-delay: 0.15s;
}
.emoji-mart-skin-swatch.selected {
  position: relative;
  width: 16px;
  padding: 0 2px;
}
.emoji-mart-skin-swatch.selected:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 4px;
  height: 4px;
  margin: -2px 0 0 -2px;
  background-color: #fff;
  border-radius: 100%;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.2s ease-out;
}
.emoji-mart-skin-swatch.custom {
  display: inline-block;
  width: 0;
  height: 38px;
  overflow: hidden;
  vertical-align: middle;
  transition-property: width, height;
  transition-duration: 0.125s;
  transition-timing-function: ease-out;
  cursor: default;
}
.emoji-mart-skin-swatch.custom.selected {
  position: relative;
  width: 36px;
  height: 38px;
  padding: 0 2px 0 0;
}
.emoji-mart-skin-swatch.custom.selected:after {
  content: "";
  width: 0;
  height: 0;
}
.emoji-mart-skin-swatches.custom .emoji-mart-skin-swatch.custom:hover {
  background-color: #f4f4f4;
  border-radius: 10%;
}
.emoji-mart-skin-swatches.custom.opened .emoji-mart-skin-swatch.custom {
  width: 36px;
  height: 38px;
  padding: 0 2px 0 0;
}
.emoji-mart-skin-swatches.custom.opened .emoji-mart-skin-swatch.custom.selected:after {
  opacity: 0.75;
}
.emoji-mart-skin-text.opened {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  color: #888;
  font-size: 11px;
  padding: 5px 2px;
  width: 95px;
  height: 40px;
  border-radius: 10%;
  background-color: #fff;
}
.emoji-mart-skin {
  display: inline-block;
  width: 100%;
  padding-top: 100%;
  max-width: 12px;
  border-radius: 100%;
}
.emoji-mart-skin-tone-1 {
  background-color: #ffc93a;
}
.emoji-mart-skin-tone-2 {
  background-color: #fadcbc;
}
.emoji-mart-skin-tone-3 {
  background-color: #e0bb95;
}
.emoji-mart-skin-tone-4 {
  background-color: #bf8f68;
}
.emoji-mart-skin-tone-5 {
  background-color: #9b643d;
}
.emoji-mart-skin-tone-6 {
  background-color: #594539;
}
/* For screenreaders only, via https://stackoverflow.com/a/19758620 */
.emoji-mart-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.incontact-login {
  margin: auto;
  width: 400px;
  padding: 10px;
}
.incontact-login .modal-body {
  min-height: 400px;
}
.incontact-login .error-msg {
  border: 2px solid red;
  border-radius: 10px;
  padding: 10px;
  color: red;
}
.incontact-login .form-control {
  margin-bottom: 10px;
}
.incontact-login .form-control.danger {
  border: 3px solid #a94442;
}
.incontact-login .form-control.success {
  border: 3px solid #71ce61;
}
.incontact-login.pending {
  opacity: 0.5;
  cursor: not-allowed;
}
.desktop-failed .desktop-failed-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: #000000;
  opacity: 0.5;
}
.desktop-failed .desktop-failed-modal {
  position: absolute;
  width: 400px;
  top: 50%;
  left: 50%;
  margin-left: -200px;
  margin-top: -180px;
}
.desktop-failed .desktop-failed-modal .modal-body {
  top: 15px;
  min-height: 150px;
  padding: 20px;
}
.desktop-failed .desktop-failed-modal .modal-footer {
  text-align: center;
}
.desktop-failed .desktop-failed-modal .error-msg {
  border: 2px solid red;
  border-radius: 10px;
  padding: 10px;
  color: red;
}
.messaging-icon:before {
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.facebook-messenger-icon:before {
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.facebook-messenger-icon:before {
  font-size: 14px;
  content: '\e894';
  color: #3C5A99;
}
.sms-icon:before {
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.sms-icon:before {
  font-size: 14px;
  content: '\e895';
}
.email-icon:before {
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.email-icon:before {
  font-size: 14px;
  content: '\e893';
}
.telephone-icon:before {
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.telephone-icon:before {
  font-size: 14px;
  content: '\e896';
}
.header-menu {
  position: absolute;
  right: 0;
  top: 4px;
  font-size: 12px;
}
.dots-dropdown .dots-dropdown-button,
.dots-dropdown.show .dots-dropdown-button {
  background-color: transparent;
  border: none;
  box-shadow: none;
  font-size: 14px;
}
.dots-dropdown .dots-dropdown-button.dots-icon:before,
.dots-dropdown.show .dots-dropdown-button.dots-icon:before {
  content: '\e860';
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: rotate(90deg);
}
.dots-dropdown .dots-dropdown-button.menu-icon:before,
.dots-dropdown.show .dots-dropdown-button.menu-icon:before {
  content: '\e885';
  font-family: "icon";
  font-size: 20px;
}
.dots-dropdown .dots-dropdown-button:not(:disabled):not(.disabled):active,
.dots-dropdown.show .dots-dropdown-button:not(:disabled):not(.disabled):active {
  background-color: transparent;
  color: white;
  border: none;
  box-shadow: none;
}
.dots-dropdown .dots-dropdown-button:after,
.dots-dropdown.show .dots-dropdown-button:after {
  content: none;
}
.dots-dropdown .dots-dropdown-button:focus,
.dots-dropdown.show .dots-dropdown-button:focus {
  box-shadow: none;
}
.dots-dropdown .dropdown-item {
  padding: 3px 7px;
}
.dots-dropdown .header-item {
  width: 220px;
}
.transfer-dropdown .transfer-dropdown-button {
  display: flex;
  justify-content: space-between;
  background: #fff;
  border: 0;
  text-align: left;
  border-radius: 0;
  color: #444;
  box-shadow: none;
  font-size: 14px;
  width: 100%;
  padding: 3px 7px;
}
.transfer-dropdown .transfer-dropdown-button:after {
  margin-top: 4%;
}
.transfer-dropdown .transfer-dropdown-button:not(:disabled):not(.disabled):active {
  background: #fff;
  box-shadow: none;
}
.transfer-dropdown .transfer-dropdown-button:focus {
  box-shadow: none;
}
.transfer-dropdown.show .transfer-dropdown-button,
.transfer-dropdown.show .transfer-dropdown-button:focus {
  background: #fff;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.transfer-dropdown .transfer-menu {
  overflow-x: hidden;
  overflow-y: auto;
  height: auto;
  max-height: 400px;
}
.transfer-dropdown .transfer-menu .transfer-group {
  overflow: hidden;
  display: -webkit-box;
  width: 220px;
  position: relative;
  white-space: inherit;
  padding: 0.25rem 0.5rem;
}
.transfer-dropdown .transfer-menu .transfer-group .scroll-wrapper {
  width: 180px;
  line-height: 1.3;
}
.transfer-dropdown .transfer-menu .transfer-group.disabled:before {
  background-color: crimson;
  opacity: 0.6;
}
.transfer-dropdown .transfer-menu .transfer-group:before {
  margin-right: 5px;
  margin-bottom: 2px;
  content: '';
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 100%;
  background-color: #71ce61;
  right: 15px;
  top: 10px;
}
.finish-dropdown {
  padding: 8px 0px 0 0px;
}
.finish-dropdown .closure-dropdown {
  letter-spacing: 0.03em;
  background-color: transparent;
  color: #64bd6b;
  border-color: #5BB25C;
  padding: 3px 4px 3px 6px;
  width: 100%;
}
.finish-dropdown .dropdown-menu::-webkit-scrollbar {
  width: 1em;
}
.finish-dropdown .dropdown-menu::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.finish-dropdown .dropdown-menu::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}
.finish-dropdown .dropdown-menu {
  overflow-x: hidden;
  overflow-y: auto;
  height: auto;
  max-height: 360px;
  padding-top: 0;
  width: 253px;
  margin-bottom: 4px;
}
.finish-dropdown .dropdown-menu .title {
  font-family: 'vngage-bold', sans-serif;
  margin: 10px 0 5px;
  padding: 0 15px;
  display: inline-block;
}
.finish-dropdown .dropdown-menu li a {
  padding: 3px 15px;
}
.finish-dropdown .dropdown-menu li a:hover {
  background-color: #64BD6B;
  color: #fff;
}
.finish-dropdown .dropdown-menu li.to-more-options a {
  padding: 3px 15px;
  color: #444;
}
.finish-dropdown .dropdown-menu li.to-more-options a:hover {
  cursor: pointer;
  background-color: #EBEBEB;
}
.finish-dropdown .dropdown-menu .dropdown-head {
  background: #e9eaee;
  padding: 10px 15px;
}
.finish-dropdown .dropdown-menu .dropdown-head .title {
  margin: 0 0 5px;
  padding: 0;
}
.finish-dropdown .dropdown-menu .form-group {
  margin-bottom: 0;
}
.finish-dropdown .dropdown-menu .form-group .checkbox {
  margin: 0;
  font-family: 'vngage-semibold', sans-Serif;
  font-size: 12px;
}
.case-menu-modal {
  margin: 10px 0 15px;
  width: 50%;
}
.case-menu-modal .case-dropdown-button {
  display: flex;
  justify-content: space-between;
  width: 100%;
  background: #fff;
  border: 1px solid #ccc;
  color: #666;
  padding: 10px;
  font-size: 14px;
}
.case-menu-modal .case-dropdown-button:after {
  margin-top: 4%;
}
.case-menu-modal .case-dropdown-button:not(:disabled):not(.disabled):active {
  background: #fff;
  box-shadow: none;
}
.case-menu-modal .case-dropdown-button:focus {
  box-shadow: none;
}
.case-menu-modal .case-menu-container {
  overflow-x: hidden;
  overflow-y: auto;
  height: auto;
  max-height: 400px;
  width: 100%;
}
.case-menu-modal.show .case-dropdown-button,
.case-menu-modal.show .case-dropdown-button:focus {
  background: #fff;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.case-menu {
  padding: 8px 0px 0 0px;
  margin-right: 10px;
  flex: 1;
}
.case-menu .case-dropdown-button {
  background: transparent;
  color: black;
  border-color: #BFBFBF;
  width: 100%;
  text-align: left;
  padding: 3px 5px;
}
.case-menu .case-dropdown-button:after {
  margin-top: 2%;
  content: '';
  display: inline-block;
  border: 4px solid;
  height: 0;
  width: 0;
  margin-right: 8px;
  border-color: transparent;
  border-bottom-color: black;
  position: absolute;
  right: 0;
}
.case-menu .case-dropdown-button:not(:disabled):not(.disabled):active {
  background: #fff;
  box-shadow: none;
}
.case-menu .case-dropdown-button:focus {
  box-shadow: none;
}
.case-menu.show .case-dropdown-button,
.case-menu.show .case-dropdown-button:focus {
  background: #fff;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.queue-menu .meta-dropdown-button,
.queue-menu.show .meta-dropdown-button {
  margin-top: -6px;
  background-color: transparent;
  border: 0;
  font-size: 18px;
  color: #A4A3A3;
}
.queue-menu .meta-dropdown-button:before,
.queue-menu.show .meta-dropdown-button:before {
  content: '\e86f';
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.queue-menu .meta-dropdown-button:after,
.queue-menu.show .meta-dropdown-button:after {
  content: none;
}
.queue-menu .meta-dropdown-button:not(:disabled):not(.disabled):active,
.queue-menu.show .meta-dropdown-button:not(:disabled):not(.disabled):active {
  background-color: transparent;
  color: #A4A3A3;
  border: none;
  box-shadow: none;
}
.queue-menu .meta-dropdown-button:focus,
.queue-menu.show .meta-dropdown-button:focus {
  box-shadow: none;
}
.queue-menu .dropdown-menu {
  margin-bottom: 5px;
  width: 200px;
}
.queue-menu .dropdown-menu a {
  display: block;
  padding: 3px 10px;
  color: #444;
}
.queue-menu .dropdown-menu a:hover {
  cursor: pointer;
  background: #EBEBEB;
}
.queue-menu .dropdown-menu a i {
  font-size: 10px;
  vertical-align: middle;
}
@keyframes copied-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.start-code-row {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  padding-bottom: 10px;
}
.start-code-row .start-code-text {
  font-size: 14px;
  margin-top: 3px;
}
.start-code-row .start-code-text .copied {
  font-weight: bolder;
  font-size: 14px;
  color: #71ce61;
  margin-left: 5px;
  animation-name: copied-fade-in;
  animation-duration: 0.2s;
  animation-timing-function: ease-in-out;
  animation-delay: 0s;
  animation-iteration-count: 2;
  animation-direction: alternate-reverse;
}
.start-code-row button {
  white-space: nowrap;
  height: 100%;
}
.widget-panel {
  border: 0;
  text-align: left;
  color: black;
  font-size: 14px;
  box-shadow: 7px 20px 30px 0px #929292;
  display: inline-block;
}
.widget-panel .toolbar {
  border-left: 1px solid #cecece;
  border-right: 1px solid #cecece;
}
.widget-panel .drag-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0;
}
.widget-panel-handle .widget-panel-header {
  color: white;
  width: 300px;
  border-radius: 10px 10px 0 0;
  background: #333333;
  display: inline-block;
  padding-left: 10px;
  padding-top: 2px;
}
.widget-panel-handle:hover {
  cursor: move;
}
.widget-panel-body {
  background: white;
}
.spinner {
  position: absolute;
  width: 60px;
  height: 60px;
  pointer-events: none;
  opacity: 0;
  border-left: 6px solid rgba(0, 0, 0, 0.05);
  border-right: 6px solid rgba(0, 0, 0, 0.05);
  border-bottom: 6px solid rgba(0, 0, 0, 0.05);
  border-top: 6px solid rgba(0, 0, 0, 0.25);
  border-radius: 100%;
  -webkit-animation: rotation 0.8s infinite linear;
  -moz-animation: rotation 0.8s infinite linear;
  animation: rotation 0.8s infinite linear;
  -webkit-transition: opacity 400ms 200ms;
  -moz-transition: opacity 400ms 200ms;
  -ms-transition: opacity 400ms 200ms;
  -o-transition: opacity 400ms 200ms;
  transition: opacity 400ms 200ms;
  margin-left: 140px;
  margin-top: 70px;
}
.spinner.show {
  opacity: 1;
}
.spinner.hide {
  display: none;
}
@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}
@-moz-keyframes rotation {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(359deg);
  }
}
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
/***
**** Metrics component
***/
.statistics-components {
  display: -ms-flexbox;
  display: flex;
  background: #f2f0f1;
  padding: 10px 0;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-align-items: center;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px;
  border: 2px solid #e3e3e3;
}
.statistics-components div.metrics-component {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  align-self: flex-start;
  justify-content: space-between;
}
.statistics-components div.metrics-component .metrics-content {
  text-align: center;
  font-size: 22px;
  font-family: 'vngage-semibold';
  line-height: 22px;
}
.statistics-components div.metrics-component .metrics-content.metrics-time {
  font-size: 16px;
}
.statistics-components div.metrics-component .metrics-label {
  text-align: center;
  font-size: 11px;
}
.statistics-components div.metrics-component .dc-chart {
  float: none;
}
.statistics-components > div {
  list-style: none;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0 15px;
  line-height: 1.2;
}
.metrics-disclaimer {
  margin: -20px 0 1em;
  color: #999;
  font-size: 11px;
}
.card.on-dashboard {
  overflow: hidden;
  margin-bottom: 30px;
}
.card.on-dashboard.card-naked .card-heading {
  padding: 0 0 10px 0;
}
.card.on-dashboard.card-naked .card-body {
  padding: 0;
  margin-right: -20px;
}
.card.on-dashboard.card-naked .card-body .applications {
  width: 90px;
  height: 90px;
  background: #f2f0f1;
  border: 1px solid #e3e3e3;
  margin: 0 20px 20px 0;
  float: left;
  color: #5a5a5a;
  text-align: center;
  position: relative;
}
.card.on-dashboard.card-naked .card-body .applications i {
  font-size: 25px;
  display: block;
  color: #00b7c9;
  margin-top: 15px;
}
.card.on-dashboard.card-naked .card-body .applications .app-label {
  text-transform: uppercase;
  font-size: 10px;
  line-height: 1em;
  margin-top: 8px;
  display: block;
  font-family: 'vngage-semibold';
}
.card.on-dashboard.card-naked .card-body .applications:hover {
  cursor: pointer;
  background: #eae9eb;
  text-decoration: none;
}
.card.on-dashboard.card-naked .card-body .applications .app-link {
  width: 13px;
  height: 13px;
  font-size: 10px;
  background: #ddddde;
  border: 1px solid #c7c8c8;
  color: #8a8989;
  line-height: 1.1em;
  font-family: 'icon';
  position: absolute;
  bottom: -1px;
  right: -1px;
}
.card.on-dashboard.card-naked .card-body .applications .app-link:before {
  content: '\e80b';
}
.card.on-dashboard .card-body {
  height: 225px;
  padding: 0;
  overflow-x: hidden;
}
.card.on-dashboard .card-body .svg-content {
  display: inline-block;
  position: absolute;
  top: 50%;
  margin-top: -90px;
}
.card.on-dashboard .card-body.dc-chart {
  float: none;
}
.card.on-dashboard .card-body svg {
  margin-top: 20px;
}
.card.on-dashboard .card-body svg g.chart-body rect.bar:hover {
  fill-opacity: 1;
  cursor: default;
}
.card.on-dashboard .card-header {
  font-size: 13px;
  height: 29px;
  padding: 6px 15px;
  color: #646464;
}
.component-striptags-tags {
  margin: 5px 0;
}
.component-striptags-tags .component-stringtags-tag {
  padding: 3px 8px;
  color: white;
  display: inline-block;
  font-style: italic;
  font-size: 90%;
  margin: 0 5px 5px 0;
}
.component-striptags-tags .component-stringtags-tag-x {
  width: 17px;
  display: inline-block;
  background: rgba(0, 0, 0, 0.2);
  color: white;
  border-radius: 100%;
  height: 17px;
  vertical-align: middle;
  text-align: center;
  font-style: normal;
  margin: 0 5px 0 0;
  padding: 3px 2px 2px 2px;
}
ul.tag-list {
  margin: 0;
  padding: 0;
}
ul.tag-list li {
  list-style: none;
  display: inline-block;
  margin: 0 0 0 5px;
}
.disclaimer {
  color: #ccc;
  font-size: 11px;
  margin-top: 8px;
}
.disclaimer strong {
  font-family: 'vngage-semibold';
  font-weight: normal;
}
.disclaimer > span {
  display: inline-block;
}
.disclaimer .warn-icon {
  background: url('./img/ico_warn.png');
  width: 20px;
  height: 18px;
  margin-bottom: 2px;
  margin-right: 10px;
}
/***
**** MyStats component
***/
.mystats-components {
  padding: 10px 0;
  font-family: 'vngage-semibold';
}
.mystats-components > .row {
  margin-left: 0;
  margin-right: 0;
  /*    width: 343px;*/
}
.mystats-components .mystats-filter {
  border-right: 1px solid #e3e3e3;
  /*height: 205px;
    width: 100px;
    float: left;*/
}
.mystats-components .mystats-filter .profile-pic {
  margin: 10px auto;
  width: 56px;
  height: 56px;
}
.mystats-components .mystats-filter .profile-pic img {
  border-radius: 100%;
  width: 100%;
  height: 100%;
}
.mystats-components .mystats-filter ul {
  list-style: none;
  margin: 10px 0;
  padding: 0;
}
.mystats-components .mystats-filter ul li {
  text-align: center;
  font-size: 10px;
  line-height: 26px;
}
.mystats-components .mystats-filter ul li a {
  color: #333;
  text-decoration: none;
}
.mystats-components .mystats-filter ul li a:hover {
  text-decoration: none;
  color: #00717d;
}
.mystats-components .mystats-filter ul li a.active {
  color: #00b7c9;
  text-decoration: none;
}
.mystats-components .mystats-container {
  /*width: 225px;
    margin-left: 8px;
    margin-top: 5px;
    padding-left: 30px;
    float: left;*/
}
.mystats-components .mystats-container h5 {
  font-size: 11px;
  margin-top: 10px;
  margin-bottom: 0;
}
.mystats-components .mystats-container span {
  font-size: 22px;
}
.mystats-components .mystats-container span.smaller {
  font-size: 17px;
}
.table tr.row-summary {
  border-top: 1px solid #999;
  background: linear-gradient(to bottom, #eee 0%, #fff 50%);
}
/***
**** Group usage component
***/
.group-usage-component.row {
  margin-left: 0;
}
.group-usage-component .group-chart {
  position: absolute;
  padding: 20px;
}
.group-usage-component .group-chart #groupChart {
  position: relative;
  width: 140px;
  left: 50%;
  margin-left: -70px;
}
.group-usage-component .group-chart #groupChart.dc-chart {
  float: none;
}
.group-usage-component .group-chart #groupChart svg {
  margin: 0 auto;
}
.group-usage-component .group-chart h6 {
  font-size: 10px;
  text-align: center;
  line-height: 3px;
}
.group-usage-component .group-table {
  float: right;
  border-left: 1px solid #e3e3e3;
  text-align: center;
  min-height: 225px;
}
.group-usage-component .group-table.col-md-9 {
  padding-left: 1px;
}
.group-usage-component .group-table .table > thead > tr > th {
  border-bottom: none;
  font-size: 11px;
  text-align: center;
  font-weight: normal;
}
.group-usage-component .group-table .table {
  font-size: 10px;
}
.group-usage-component .group-table .table > tbody > tr.dc-table-row {
  border-bottom: 1px solid #e3e3e3;
}
.group-usage-component .group-table .table tr > td.dc-table-column._0 {
  font-weight: bold;
  width: 22%;
  text-align: left;
}
.group-usage-component .group-table .kpi-reached {
  background-color: #f04e53;
  color: white;
  white-space: nowrap;
}
.group-usage-component .group-table .kpi-reached-text {
  color: #f04e53;
}
/* Pagination module*/
.btn + .vngage-pagination {
  margin-right: 15px;
}
.vngage-pagination {
  margin-left: 10px;
}
.vngage-pagination .page-flip-left,
.vngage-pagination .page-flip-right,
.vngage-pagination .page-count-display {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.42857;
  text-decoration: none;
  color: #00b7c9;
  background-color: #FFF;
  border: 1px solid #DDD;
  margin-left: -1px;
}
.vngage-pagination .page-flip-right {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.vngage-pagination .page-flip-left {
  margin-left: 0px;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.vngage-pagination .page-flip-left:hover,
.vngage-pagination .page-flip-right:hover,
.vngage-pagination .page-flip-left:disabled,
.vngage-pagination .page-flip-right:disabled {
  color: #00717d;
  background-color: #eee;
}
.vngage-pagination .page-count-display:hover {
  cursor: default;
}
/* Users online component */
.users-online-component .no-data {
  position: relative;
  top: 60px;
  left: 50%;
  margin-left: -90px;
  color: #cccccc;
  border: 1px dashed;
  border-radius: 3px;
  padding: 10px 20px;
}
.users-online-component .table > thead > tr > th {
  padding: 4px 0;
  border-width: 1px;
  font-weight: normal;
  font-size: 11px;
}
.users-online-component .table > thead > tr > th:first-child {
  text-align: left;
  padding-left: 16px;
}
.users-online-component .dc-table-row {
  height: 47px;
  border-bottom: 1px solid #e3e3e3;
}
.users-online-component .table > tbody > tr > td {
  vertical-align: middle;
  width: 26%;
  border-top: 0;
}
.users-online-component .table > tbody > tr > td img {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  display: table-cell;
  margin-top: 5px;
  margin-right: 0;
}
.users-online-component .table > tbody > tr > td img.presence-away {
  opacity: 0.8;
  background-color: #f04e5e;
  border: 3px solid #f04e5e;
}
.users-online-component .table > tbody > tr > td .username {
  font-size: 12px;
  display: table-cell;
  padding: 3px 0 0 45px;
  line-height: 14px;
  vertical-align: middle;
  font-family: 'vngage-semibold';
  width: 100%;
}
.users-online-component .dc-table-column {
  font-weight: normal;
}
.users-online-component .dc-table-column._0 {
  width: 100%;
  text-align: left;
  margin-left: 15px;
  display: table;
  table-layout: fixed;
}
.users-online-component .chat:after {
  content: '';
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 0 solid transparent;
  border-top: 6px solid #E3E3E3;
  position: absolute;
  bottom: -5px;
  right: 6px;
}
.users-online-component .chat {
  width: 30px;
  height: 20px;
  background: #E3E3E3;
  position: relative;
  border-radius: 2px;
  padding-top: 2px;
  text-align: center;
  margin-left: 15px;
  display: inline-block;
  font-size: 12px;
}
.users-online-component .active.chat {
  background: #00b7c9;
  color: white;
}
.users-online-component .active.chat:after {
  border-top: 6px solid #00b7c9;
}
.is-delayed .aggregated-data {
  color: #ccc;
}
.is-delayed .total-dialogusage {
  fill: #ccc;
}
.statistics-latency-warning {
  position: relative;
  cursor: help;
}
.statistics-latency-warning.legacy-tip:before {
  top: auto;
  bottom: 10px;
  content: '';
  position: absolute;
  background: transparent;
  border: 6px solid transparent;
  border-top-color: rgba(0, 0, 0, 0.8);
  z-index: 1000001;
}
.statistics-latency-warning.legacy-tip:after {
  background: #111;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 5px;
  top: auto;
  bottom: 22px;
  color: #fff;
  content: attr(tip);
  display: block;
  left: auto;
  right: 0;
  width: 240px;
  white-space: normal !important;
  text-align: left;
  text-shadow: 0 -1px 0 #000000;
  padding: 8px 10px;
  font-size: 12px;
  line-height: 14px;
}
.statistics-latency-warning i {
  color: #f90;
}
.header-aside {
  color: #666;
  font-size: 12px;
  text-align: right;
  float: right;
  line-height: 26px;
}
.header-aside-timestamp {
  color: #666;
  font-size: 12px;
}
.header-help-icon {
  font-size: 14px;
  color: #888;
  cursor: help;
}
.dropdown.no-caret .dropdown-toggle::after,
.dropup.no-caret .dropdown-toggle::after {
  display: none;
}
.alert {
  padding: 15px;
}
.alert > p {
  margin-bottom: 0;
}
.alert.alert-warning {
  background-color: #fff3cd;
  border-color: #ffeeba;
}
.card-bg {
  background-color: #f5f5f5;
}
.monitor-is-paused {
  vertical-align: super;
  padding: 0.2em 0.3em;
  font-size: 12px;
}
.temp-extra-info {
  display: none;
  position: absolute;
  margin-top: 20px;
  right: 0;
}
.convo-meta-duration:hover + .temp-extra-info {
  display: block;
}
/** oiuhergoihergoihergoiherg **/
.monitor-content .no-data {
  position: absolute;
  top: 60px;
  left: 50%;
  max-width: 200px;
  text-align: center;
  color: #999;
  border: 1px dashed #ccc;
  border-radius: 3px;
  padding: 10px 20px;
  margin-left: -100px;
  margin-top: 20px;
}
.mod-monitor {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  height: 100%;
}
.mod-monitor .legacy-tip {
  cursor: help !important;
}
.mod-monitor .legacy-tip:before {
  margin-top: 12px;
}
.mod-monitor .col-monitor-main {
  width: 70%;
  padding: 40px;
  flex: 1 1 auto;
  display: block;
  overflow-y: auto;
}
.mod-monitor .col-monitor-main h2 i {
  font-size: 120%;
}
.mod-monitor .col-monitor-convos {
  width: 300px;
  overflow-y: auto;
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: stretch;
  border-left: 1px solid #ccc;
}
.mod-monitor-header {
  padding-top: 10px;
}
.header-aside .metric-site-visitors span {
  font-size: 12px;
}
.header-aside .metric-dialogs-today {
  padding-left: 1em;
}
.monitor-header,
.monitor-toolbar {
  flex: 0 0 auto;
}
.monitor-header .nav-tabs {
  padding: 8px 0 0;
  background: #eee;
}
.monitor-header .nav-tabs .nav-link {
  font-family: 'vngage-semibold';
}
.monitor-header .nav-tabs .nav-item.active .nav-link,
.monitor-header .nav-tabs .nav-item.active .nav-link:focus {
  color: #fff;
  border-color: #444;
  background: #444;
}
.monitor-footer {
  flex: 0 0 30px;
  background: #ccc;
  border-top: 1px solid #999;
}
.monitor-content {
  flex: 1 1 auto;
  overflow-y: auto;
  position: relative;
}
.convos-header {
  margin: 0;
  padding: 4px 0.2em;
  background: #ccc;
  min-height: 28px;
}
.convos-header button {
  margin-top: -5px;
  margin-bottom: -3px;
}
.convos-header.convos-header-group {
  background: #444;
  color: #eee;
  padding-left: 0.4em;
  line-height: 1.4em;
  border-bottom: 1px solid #222;
  border-top: 1px solid #555;
}
.convos-header.convos-header-group:first-child {
  border-top: none;
  padding-left: 7px;
}
.convos-header.convos-header-state {
  background: #fdf3e5;
  border-top: 1px solid #f9ddb6;
  font-size: 12px;
  padding-right: 0.8em;
}
.convos-header a {
  color: #444444;
}
.convos-header .badge {
  margin-left: 2px;
  font-size: 10px;
  padding: 2px 5px 1px;
  border-radius: 5px;
}
.convos {
  margin: 0;
  padding: 0;
  list-style: none;
}
.convos .convo {
  margin: 0;
  padding: 4px 0.8em 4px 0.2em;
  list-style: none;
  border-bottom: 1px solid #ddd;
  display: flex;
  align-items: flex-end;
}
.convos .convo .vngage-icon-agent:before {
  margin-right: 7px;
}
.convo-meta {
  font-size: 12px;
  margin: 0 0.2em;
}
.convo-meta small {
  display: block;
  font-size: 10px;
  color: #ccc;
}
.convo-meta-agent,
.convo-meta-visitor,
.convo-meta-state {
  flex: 1;
}
.convo-meta-duration,
.convo-meta-activity {
  text-align: right;
}
.mod-monitor#main {
  padding: 40px;
}
.mod-monitor .kpi {
  white-space: nowrap;
  border-radius: 2px;
  padding: 0 2px;
}
.mod-monitor .kpi-reached {
  border-radius: 2px;
  background-color: #f04e5e;
  color: white;
}
.mod-monitor .kpi-reached-text {
  color: #f04e5e;
}
thead.thead-accent {
  font-size: 12px;
  background: #fdf3e5;
  border-top: 1px solid #ddd;
  font-family: 'vngage-semibold';
}
.col-label {
  float: right;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.5);
  margin-right: 0.2em;
}
.table-queue {
  margin-bottom: 40px;
}
.table-queue > thead > tr > th {
  border: 0;
}
.table-queue th,
.table-queue tr {
  text-align: right;
  font-weight: normal;
}
.table-queue .value-duration {
  white-space: nowrap;
}
.table-queue ._0 {
  text-align: left;
  white-space: nowrap;
}
.table-agents-online > thead > tr > th {
  border: 0;
}
.table-agents-online th {
  font-weight: normal;
}
.vngage-users-online .profile-picture {
  width: 32px;
  height: 32px;
  border-radius: 100%;
  vertical-align: middle;
  display: inline-block;
  margin-right: 10px;
}
.vngage-users-online .profile-picture img {
  border-radius: 100%;
  width: 32px;
  height: 32px;
}
.vngage-users-online .presence-away .profile-picture img {
  border: 3px solid #f04e5e;
}
.vngage-users-online .presence-away a.username {
  color: #f04e5e;
}
.vngage-users-online .table tbody td {
  vertical-align: middle;
  padding: 5px 8px;
}
.col-realtime-updates {
  padding-top: 20px;
}
.col-realtime-updates .flipswitch {
  margin-right: 0;
}
.col-realtime-updates .flipswitch .switch + span {
  margin-right: 0;
}
.convos-byGroup li.convo {
  padding-left: 1.4em;
  padding-right: 0.8em;
}
.convos-byOwnerUser li.convo {
  padding-left: 1.2em;
  padding-right: 0.8em;
}
.mod-monitor .monitor-item-wrapper:hover {
  background: #F1F1F1;
  cursor: pointer;
}
.mod-monitor .vngage-hide {
  visibility: hidden;
}
.mod-monitor .btn-margin-top {
  margin-top: 8px;
}
.dc-table-label:empty {
  display: none;
}
.chart-main .dc-chart {
  float: none;
}
div.tooltipchart {
  position: absolute;
  width: 150px;
  height: auto;
  padding: 15px;
  background-color: white;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
  pointer-events: none;
  font-family: sans-serif;
  font-size: 12px;
}
div.tooltipchart > ul {
  list-style-type: none;
  padding-left: 0px;
}
.metrics {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  background: #f2f0f1;
  padding: 5px 0;
}
.metrics > div {
  list-style: none;
  -webkit-box-flex: 1;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1;
  /* OLD - Firefox 19- */
  width: 20%;
  /* For old syntax, otherwise collapses. */
  -webkit-flex: 1;
  /* Chrome */
  -ms-flex: 1;
  /* IE 10 */
  flex: 1;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  padding: 0 15px;
  font-size: 12px;
  line-height: 1.2;
}
.metrics .num,
.metrics .number-display {
  display: block;
  font-size: 24px;
}
.filters {
  margin: 10px 0;
}
.filters .filter {
  display: inline-block;
  width: 100%;
}
.filters .filter .chart-reset {
  margin-top: 7px;
}
.filters .filter .panel .panel-heading {
  overflow: hidden;
  padding: 0 15px;
}
.filters .filter .panel .panel-body {
  background: rgba(0, 0, 0, 0.17);
  max-height: 220px;
  overflow-x: hidden;
  overflow-y: scroll;
}
.table-opportunities th,
.table-opportunities td {
  text-align: right;
}
.table-opportunities ._0 {
  text-align: left;
}
.table-solutions th,
.table-solutions td {
  text-align: right;
}
.table-solutions ._0,
.table-solutions ._1 {
  text-align: left;
}
.table-solutions ._2,
.table-solutions ._4 {
  border-left: 1px solid #ccc;
}
.table-solutions td._0,
.table-solutions td._1 {
  white-space: nowrap;
  max-width: 12em;
  overflow: hidden;
  text-overflow: ellipsis;
}
.table-cases th,
.table-cases td {
  text-align: right;
}
.table-cases ._0 {
  text-align: left;
}
.table-cases ._2 {
  border-left: 1px solid #ccc;
}
.table-users th,
.table-users td {
  text-align: right;
}
.table-users ._0 {
  text-align: left;
}
.table-users th._1,
.table-users th._2 {
  white-space: nowrap;
}
.table-queues th,
.table-queues td {
  text-align: right;
}
.table-queues ._0 {
  text-align: left;
}
.navbar,
.navbar-inverse,
.navbar-fixed-top {
  border: 0;
  border-width: 0;
  background: #000000;
}
.navbar > .container-fluid .navbar-brand,
.navbar > .container-sm .navbar-brand,
.navbar > .container-md .navbar-brand,
.navbar > .container-lg .navbar-brand,
.navbar > .container-xl .navbar-brand {
  margin-left: 0;
}
.navbar-header .nav {
  margin: 10px 75px 0;
}
.navbar-header .nav > li > a {
  background: transparent;
  color: #999;
  transition: all 0.3s ease 0s;
}
.navbar-header .nav > li > a:hover {
  color: #fff;
  transition: all 0.3s ease 0s;
}
.table-bordered {
  border: 0;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border-style: solid;
}
.table-bordered > thead > tr > th + th,
.table-bordered > tbody > tr > th + th,
.table-bordered > tfoot > tr > th + th,
.table-bordered > thead > tr > td + th,
.table-bordered > tbody > tr > td + th,
.table-bordered > tfoot > tr > td + th,
.table-bordered > thead > tr > th + td,
.table-bordered > tbody > tr > th + td,
.table-bordered > tfoot > tr > th + td,
.table-bordered > thead > tr > td + td,
.table-bordered > tbody > tr > td + td,
.table-bordered > tfoot > tr > td + td {
  border-left-width: 1px !important;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th {
  border-color: #ddd;
  border-width: 0 0 1px 0 !important;
}
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border-color: #f1f1f1;
  border-width: 0 !important;
}
.table-striped > tbody > tr:nth-child(even) > td,
.table-striped > tbody > tr:nth-child(even) > th {
  background-color: #f6f6f6;
}
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: transparent;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: transparent;
}
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
  background-color: #f1f1f1;
}
.tab-wrap .tab-content {
  margin-top: 20px;
}
.tab-wrap .label {
  margin-left: 20px;
}
.nav-open .breadcrumb {
  width: calc(100% - 335px);
}
.breadcrumb {
  color: rgba(0, 0, 0, 0.3);
  border-radius: 0;
  padding: 0;
  position: absolute;
  z-index: 999;
  padding-left: 40px;
  background: rgba(255, 255, 255, 0.92);
  font-size: 12px;
  width: 70%;
  width: calc(100% - 215px);
  height: 37px;
  padding-top: 3px;
}
.breadcrumb li {
  position: relative;
  padding: 7px 0 8px;
  cursor: default;
}
.breadcrumb > li i {
  font-size: 15px;
  line-height: 0;
  color: rgba(0, 0, 0, 0.2);
  position: relative;
  top: 1px;
}
.breadcrumb > li + li:before {
  font-family: 'icon';
  content: ' \e80c ';
}
.breadcrumb .active {
  color: rgba(0, 0, 0, 0.3);
}
.breadcrumb a {
  color: rgba(0, 0, 0, 0.3);
  transition: color 0.3s ease 0s;
}
.breadcrumb a:hover {
  color: rgba(0, 0, 0, 0.5);
  text-decoration: none;
  transition: color 0.3s ease 0s;
}
.btn {
  border-width: 2px;
}
.btn:focus,
.btn:active {
  outline: 0;
}
.btn + .btn {
  margin-left: 5px;
}
.btn[class^="vngage-icon-"]:before,
.btn[class*=" vngage-icon-"]:before {
  margin-left: -0.2em;
}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}
.header-btn {
  margin-top: 5px;
}
.card {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
}
.card.card-default {
  background-color: #fff;
  border-color: #e3e3e3;
  border-width: 2px;
}
.card.card-default > .card-heading {
  color: #444444;
  background-color: #f5f5f5;
  border-color: #ddd;
}
.card .card-header {
  background: #f2f0f1;
  border-bottom: 2px solid #e3e3e3;
}
.card .card-heading {
  border-bottom: 1px solid transparent;
  padding: 10px 15px;
  border-width: 2px;
}
.card .card-body svg rect.bar:hover {
  fill-opacity: 1;
}
.card .card-section {
  padding: 10px 15px;
  background-color: #f5f5f5;
}
.card .card-footer {
  border-width: 2px;
}
.card .x-axis-label,
.card .y-axis-label {
  font-size: 9px;
  text-transform: uppercase;
  font-family: 'vngage-semibold';
}
.btn-default:hover {
  background: #9a9a9a;
  color: #fff;
}
.btn-link-delete {
  color: #f04e5e;
  background: transparent;
  border-color: rgba(240, 78, 94, 0.7);
}
.btn-link-delete:disabled,
.btn-link-delete.disabled {
  color: #f04e5e;
}
.btn-link-delete:hover,
.btn-link-delete:focus {
  color: #fff;
  background: #f04e5e;
}
.btn-success {
  padding: 6px 20px;
}
.tooltip-inner {
  padding: 10px 20px;
  text-align: left;
}
.nav-tabs {
  border-width: 2px;
}
.nav-tabs > .nav-item.active > .nav-link,
.nav-tabs > .nav-item .nav-link.active {
  font-family: 'vngage-semibold';
}
.nav-tabs > .nav-item.active > .nav-link,
.nav-tabs > .nav-item .nav-link.active,
.nav-tabs > .nav-item.active > .nav-link:hover,
.nav-tabs > .nav-item .nav-link.active:hover,
.nav-tabs > .nav-item.active > .nav-link:focus,
.nav-tabs > .nav-item .nav-link.active:focus {
  color: #555555;
  background-color: #fff;
  border: 2px solid #ddd;
  border-bottom-color: transparent;
  cursor: default;
}
.btn[disabled] {
  opacity: 0.35;
}
.form-control {
  height: 36px;
}
.form-control,
textarea {
  min-height: 36px;
}
.form-control,
textarea,
.CodeMirror {
  border-width: 2px !important;
  box-shadow: none;
  border-radius: 4px;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  margin-left: -2px;
}
.input-group-addon {
  border-width: 2px;
}
.input-group-append .input-group-text {
  border-width: 2px 2px 2px 1px;
}
/***********************************************************************************
	Bootstrap 4 adaptations
************************************************************************************/
/*
Style bootstrap 4's "badge" as the old "label" used to look
*/
.badge,
.component-striptags-tags .component-stringtags-tag {
  min-width: 10px;
  padding: 0.2em 0.6em 0.3em;
  color: #fff;
}
.badge-pill {
  border-radius: 10px;
}
/*
Class "btn-xs" is removed from bootstrap 4. Re-implement...
*/
.btn-xs,
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
/*
Adjust buttons to match Bootstrap 3
 */
.btn:focus,
.btn.active,
.btn:active {
  outline: 0;
}
/*
btn-default is removed from BS4 (or rather replaced by "btn-secondary", but that's styled differently!)
Re-implement...
*/
.btn-default,
.btn-default.disabled,
.btn-default:disabled {
  color: #9a9a9a;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:active,
.btn-default.active {
  background-color: #e6e6e6;
  border-color: #adadad;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-warning,
.btn-warning:focus,
.btn-warning:hover,
.btn-warning:active,
.btn-warning.active,
.btn-warning.disabled,
.btn-warning:disabled,
.btn-warning:not(:disabled):not(.disabled):active,
.btn-warning:not(:disabled):not(.disabled).active,
.show > .btn-warning.dropdown-toggle {
  color: #fff;
}
.btn-success,
.btn-success:focus,
.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success:disabled,
.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
  color: #fff;
}
.btn-info,
.btn-info:focus,
.btn-info:hover,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info:disabled,
.btn-info:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled).active,
.show > .btn-info.dropdown-toggle {
  color: #fff;
}
.form-check {
  margin-bottom: 5px;
}
.input-group-append .btn.input-group-text {
  min-width: 32px;
}
.container.idp-selector h5 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.container.idp-selector .panel.panel-default {
  margin-bottom: 20px;
  background-color: #fff;
  border: 2px solid #e3e3e3;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
}
.container.idp-selector .panel.panel-default .panel-heading {
  color: #444444;
  background: #f5f5f5;
  padding: 10px 15px;
  border-bottom: 2px solid #ddd;
}
.container.idp-selector .panel.panel-default .panel-body {
  padding: 15px;
}
.modal-header .close:focus {
  outline: 0;
}
/*
The mixins below where part of "vendor-prefix" from Bootstrap 3 and is now deprecated (https://getbootstrap.com/docs/4.0/migration/#vendor-prefix-mixins)
Not sure if needed, but maybe we need to look at "Autoprefixer": https://github.com/postcss/autoprefixer to add vendor-specific stuff
Implement them here for now!
*/
.help {
  color: #cecece;
}
.form-group {
  margin-bottom: 23px;
}
.form-group.vngage-validation input[required] {
  border-left: solid 5px #201f1f;
}
.form-group .alert {
  border-radius: 0;
  padding: 4px;
}
.form-group .alert-danger {
  display: none;
}
.form-group.has-error .alert-danger {
  display: block;
}
.form-group .help {
  float: right;
}
.form-group .preview-selected-icon {
  width: 101px;
  background-color: #f9f9f9;
  border-radius: 2px;
  margin-top: -34px;
  float: right;
  margin-right: -137px;
  padding: 6px 9px;
}
.form-group .preview-selected-icon span {
  vertical-align: middle;
  font-family: 'vngage-semibold', sans-serif;
}
.form-group label .sub-label {
  color: #999;
  display: block;
  font-size: 11px;
}
label {
  display: block;
  font-weight: normal;
}
label .sub-label {
  color: #999;
  display: block;
  font-size: 11px;
}
.radio label,
.checkbox label {
  display: inline-block;
}
.heading-controls .btn {
  margin-top: 5px;
}
.identity-id {
  vertical-align: middle;
}
.url-category-color {
  display: inline-block;
  border-radius: 3px;
  position: relative;
  top: -1px;
  right: -2px;
}
.url-category-color i {
  color: #fff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}
.edit-translations .title {
  margin-bottom: 15px;
}
.edit-translations .card {
  padding: 6px 10px;
  min-height: 55px;
}
.edit-translations .card.disabled {
  color: #AAA;
}
.edit-translations .form-control.highlight {
  border: 1px solid #777;
}
@-webkit-keyframes rollDown {
  0% {
    -webkit-transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(1px);
  }
}
@-moz-keyframes rollDown {
  0% {
    -moz-transform: translateY(-100%);
  }
  100% {
    -moz-transform: translateY(0px);
  }
}
@-o-keyframes rollDown {
  0% {
    -o-transform: translateY(-100%);
  }
  100% {
    -o-transform: translateY(0px);
  }
}
@keyframes rollDown {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0px);
  }
}
.default-line-btn-contrast {
  background-color: transparent;
  border-color: #ffffff;
  color: #ffffff;
  transition: color, border, 0.1s ease;
}
.default-line-btn-contrast:focus {
  background-color: transparent;
  border-color: #ffffff;
  color: #ffffff;
}
.default-line-btn-contrast:hover,
.default-line-btn-contrast:active {
  background-color: transparent;
  border-color: #00b7c9;
  color: #00b7c9;
  transition: color, border, 0.1s ease;
}
html,
body {
  height: 100%;
}
body {
  font-family: 'vngage';
  overflow-y: hidden;
  overflow-x: hidden;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body.disable-hover * {
  pointer-events: none !important;
}
.row-space-30 {
  margin-bottom: 30px;
}
.row-space-20 {
  margin-bottom: 20px;
}
.row-space-10 {
  margin-bottom: 10px;
}
.row-space-5 {
  margin-bottom: 5px;
}
.space-20 {
  display: block;
  margin-bottom: 20px;
  height: 1px;
}
.space-around {
  display: block;
  margin-top: 20px;
  margin-bottom: 40px;
}
.editor-control-panel {
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 50;
}
.editor-control-panel .input-group-append .input-group-text.force-last {
  border-bottom-right-radius: 4px !important;
  border-top-right-radius: 4px !important;
}
.editor-control-panel label {
  font-size: 12px;
}
.editor-control-panel .checkbox-inline {
  margin-left: 20px;
}
/**
 * Blank state:
 * `.blank-state` - awesome.
 *
 *     @example
 *     .blank-state
 *       h3 Nothing to dododo
 *       p Oh well, that's life.
 */
.less-editor-wrapper .CodeMirror {
  height: 100%;
}
.position-fixed-preview {
  position: fixed;
  top: 10px;
}
.position-fixed-area {
  position: fixed;
  top: 94px;
}
.editor-preview-area .desktop {
  position: relative;
  overflow: hidden;
  width: 800px;
  height: 600px;
}
.editor-preview-area .desktop iframe.visitor {
  position: absolute;
  margin-bottom: -5px;
  border-right: 15px solid #444;
  border-bottom: 70px solid #444;
  border-top: none;
  border-left: none;
  border-bottom-right-radius: 20px;
  z-index: 100;
  right: 50%;
  margin-right: -300px;
}
.editor-preview-area .desktop iframe.background-site {
  position: absolute;
  top: 0;
  z-index: 0;
  right: 50%;
  margin-right: -300px;
  height: 500px;
  border: 1px solid #ccc;
}
.editor-preview-area .desktop:before {
  content: '';
  display: block;
  width: 100px;
  height: 100px;
  background: #444;
  position: absolute;
  bottom: 0;
}
.editor-preview-area .desktop:after {
  content: '';
  display: block;
  width: 300px;
  height: 20px;
  background: #444;
  position: absolute;
  bottom: 0;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.editor-preview-area .mobile {
  margin-top: 0px;
  position: relative;
  width: 320px;
  height: 550px;
  margin-left: 50px;
  overflow: hidden;
}
.editor-preview-area .mobile iframe.visitor {
  position: absolute;
  margin-bottom: -5px;
  border-color: #444;
  border-style: solid;
  border-width: 40px 15px 60px;
  border-radius: 20px;
  z-index: 100;
}
.editor-preview-area .mobile iframe.background-site {
  position: absolute;
  top: 0;
  z-index: 0;
  border-radius: 20px;
  border: 0;
  margin-top: 40px;
  height: 500px;
}
.editor-preview-area .mobile:before {
  content: '';
  display: block;
  width: 40px;
  height: 10px;
  background: #000;
  border-radius: 20px;
  position: absolute;
  top: 15px;
  left: 50%;
  margin-left: -20px;
}
.editor-preview-area .mobile:after {
  content: '';
  display: block;
  width: 40px;
  height: 40px;
  border: 2px solid #000;
  border-radius: 100%;
  position: absolute;
  bottom: 10px;
  left: 50%;
  margin-left: -20px;
}
.editor-preview-area .in-app {
  margin-top: 50px;
  position: relative;
  width: 320px;
  height: 550px;
  margin-left: 50px;
  overflow: hidden;
}
.editor-preview-area .in-app iframe.visitor {
  position: absolute;
  margin-bottom: -5px;
  border-color: #444;
  border-style: solid;
  border-width: 40px 15px 60px;
  border-radius: 20px;
  z-index: 100;
}
.editor-preview-area .in-app iframe.background-site {
  position: absolute;
  top: 0;
  z-index: 0;
  border-radius: 20px;
  border: 0;
  margin-top: 40px;
  height: 500px;
}
.editor-preview-area .in-app:before {
  content: '';
  display: block;
  width: 40px;
  height: 10px;
  background: #000;
  border-radius: 20px;
  position: absolute;
  top: 15px;
  left: 50%;
  margin-left: -20px;
}
.editor-preview-area .in-app:after {
  content: '';
  display: block;
  width: 40px;
  height: 40px;
  border: 2px solid #000;
  border-radius: 100%;
  position: absolute;
  bottom: 10px;
  left: 50%;
  margin-left: -20px;
}
@media screen and (max-width: 1630px) {
  .editor-preview-area .desktop {
    width: 100%;
  }
  .editor-preview-area .desktop iframe.visitor {
    margin-right: -50%;
  }
}
.iframe-preview {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  padding-left: 445px;
  padding-right: 20px;
}
.iframe-preview iframe {
  border: 0;
}
footer {
  background: #2f2f2e;
  height: 50px;
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 100;
  left: 0;
  padding: 0 10px 0 20px;
}
footer .footer-light-logo {
  background: url('./img/logo-footer.svg') no-repeat top right;
  height: 50px;
  width: 30px;
  background-size: 112px 70px;
  opacity: 0.3;
  float: right;
  margin-top: -5px;
  margin-left: 10px;
}
footer .tag-line {
  color: #fff;
  opacity: 0.3;
  display: block;
  float: right;
  font-size: 10px;
  margin-top: 27px;
}
#wrapper {
  height: 100%;
}
#application {
  position: relative;
  width: 100%;
  height: 100%;
}
#content {
  height: 100%;
  background: #fff;
  position: relative;
  margin: 0 0 0 40px;
  padding: 0;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all 0.1s ease;
}
#content.has-subnav #main-container {
  margin-left: 160px;
}
#main-container {
  overflow: auto;
  position: relative;
  top: 0;
  bottom: 0;
  height: 100%;
  overflow-x: hidden;
}
#main {
  padding: 60px 40px;
}
#main hr {
  border-top: 1px solid #dddedd;
  margin-bottom: 40px;
}
#main.row {
  margin-left: 0;
  margin-right: 0;
}
@media (min-width: 1400px) {
  #main {
    padding-left: 80px;
    padding-right: 80px;
  }
}
.selectable li a {
  text-align: center;
}
.selectable li a:hover {
  background: transparent;
}
.list-control {
  height: 300px;
  overflow: auto;
}
.pointer {
  cursor: pointer;
}
.nav-tabs + .tab-content {
  margin-top: 30px;
}
.profile-gravatar img {
  border-radius: 100%;
  width: 150px;
  height: auto;
  position: relative;
  margin-left: -10px;
  margin-bottom: 10px;
}
.notfound {
  margin: 60px;
}
.notfound h1 {
  font-size: 300%;
}
.restrict-width {
  min-width: 500px;
  max-width: 100%;
  position: relative;
}
.grid-wrap .g-1_3 {
  width: 405px;
  display: inline-block;
  padding: 0 30px;
  margin-left: -30px;
}
.grid-wrap .g-2_3 {
  width: 780px;
  display: inline-block;
  padding: 0 30px;
  margin-left: -30px;
}
@-webkit-keyframes pad1 {
  0% {
    top: 25px;
  }
  11% {
    top: 25px;
  }
  22% {
    top: 50px;
  }
  32% {
    top: 50px;
  }
  42% {
    top: 0px;
  }
  52% {
    top: 0px;
  }
  62% {
    top: 50px;
  }
  70% {
    top: 50px;
  }
  81% {
    top: 0px;
  }
  92% {
    top: 0px;
  }
  100% {
    top: 25px;
  }
}
@-webkit-keyframes pad2 {
  0% {
    top: 0px;
  }
  11% {
    top: 25px;
  }
  22% {
    top: 25px;
  }
  30% {
    top: 50px;
  }
  41% {
    top: 50px;
  }
  51% {
    top: 0px;
  }
  60% {
    top: 0px;
  }
  72% {
    top: 50px;
  }
  80% {
    top: 50px;
  }
  91% {
    top: 0px;
  }
  100% {
    top: 0px;
  }
}
@-webkit-keyframes ball {
  0% {
    top: 30px;
    left: 5px;
  }
  10% {
    top: 30px;
    left: 45px;
  }
  20% {
    top: 55px;
    left: 5px;
  }
  30% {
    top: 55px;
    left: 45px;
  }
  40% {
    top: 10px;
    left: 5px;
  }
  50% {
    top: 10px;
    left: 45px;
  }
  60% {
    top: 55px;
    left: 5px;
  }
  70% {
    top: 55px;
    left: 45px;
  }
  80% {
    top: 10px;
    left: 5px;
  }
  90% {
    top: 10px;
    left: 45px;
  }
  100% {
    top: 30px;
    left: 5px;
  }
}
.pad1,
.pad2 {
  width: 5px;
  height: 20px;
  background: #333;
  position: absolute;
  border-radius: 2px;
}
.ball {
  width: 5px;
  height: 5px;
  background: #333;
  border-radius: 50%;
  position: absolute;
}
.pad1 {
  -webkit-animation: pad1 5s infinite;
}
.pad2 {
  -webkit-animation: pad2 5s infinite;
  left: 50px;
}
.ball {
  -webkit-animation: ball 5s infinite;
}
#loader {
  background: rgba(255, 255, 255, 0.8);
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 9999;
  display: none;
  visibility: hidden;
}
#loader .ping-box {
  width: 55px;
  height: 70px;
  position: absolute;
  margin-left: 50%;
  left: -25px;
  top: 50%;
  margin-top: -45px;
}
.banner-preview-controls {
  background: #f2f2f2;
  border: solid 1px #ddd;
  margin-bottom: 20px;
  padding: 12px;
}
.banner-preview-controls .banner-preview-form-group {
  margin-bottom: 5px;
  margin-right: 15px;
}
.banner-preview-controls .preview-group-label {
  display: block;
  font-size: 85%;
}
.banner-preview-controls .banner-preview-form-group.preview-checkbox {
  margin-left: 16px;
  margin-right: 16px;
  vertical-align: bottom;
  padding-top: 2px;
}
.banner-preview-controls .banner-preview-form-group.preview-checkbox small {
  vertical-align: top;
}
.banner-preview-controls .preview-address {
  vertical-align: bottom;
}
.banner-preview-controls .btn-group-sm > .btn {
  padding: 3px 7px;
}
.banner-preview-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #f5f5f5;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
  background-color: #fff;
  border-color: #e3e3e3;
  border-width: 2px;
  display: block;
  background: linear-gradient(#f2f2f2, #fff);
  overflow-x: auto;
  overflow-y: auto;
}
.banner-preview-wrapper > hr {
  margin-right: 0;
  margin-left: 0;
}
.banner-preview-wrapper > .list-group:first-child .list-group-item:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.banner-preview-wrapper > .list-group:last-child .list-group-item:last-child {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.banner-preview-wrapper.on-dashboard {
  overflow: hidden;
  margin-bottom: 30px;
}
.banner-preview-wrapper.on-dashboard.card-naked .card-heading {
  padding: 0 0 10px 0;
}
.banner-preview-wrapper.on-dashboard.card-naked .card-body {
  padding: 0;
  margin-right: -20px;
}
.banner-preview-wrapper.on-dashboard.card-naked .card-body .applications {
  width: 90px;
  height: 90px;
  background: #f2f0f1;
  border: 1px solid #e3e3e3;
  margin: 0 20px 20px 0;
  float: left;
  color: #5a5a5a;
  text-align: center;
  position: relative;
}
.banner-preview-wrapper.on-dashboard.card-naked .card-body .applications i {
  font-size: 25px;
  display: block;
  color: #00b7c9;
  margin-top: 15px;
}
.banner-preview-wrapper.on-dashboard.card-naked .card-body .applications .app-label {
  text-transform: uppercase;
  font-size: 10px;
  line-height: 1em;
  margin-top: 8px;
  display: block;
  font-family: 'vngage-semibold';
}
.banner-preview-wrapper.on-dashboard.card-naked .card-body .applications:hover {
  cursor: pointer;
  background: #eae9eb;
  text-decoration: none;
}
.banner-preview-wrapper.on-dashboard.card-naked .card-body .applications .app-link {
  width: 13px;
  height: 13px;
  font-size: 10px;
  background: #ddddde;
  border: 1px solid #c7c8c8;
  color: #8a8989;
  line-height: 1.1em;
  font-family: 'icon';
  position: absolute;
  bottom: -1px;
  right: -1px;
}
.banner-preview-wrapper.on-dashboard.card-naked .card-body .applications .app-link:before {
  content: '\e80b';
}
.banner-preview-wrapper.on-dashboard .card-body {
  height: 225px;
  padding: 0;
  overflow-x: hidden;
}
.banner-preview-wrapper.on-dashboard .card-body .svg-content {
  display: inline-block;
  position: absolute;
  top: 50%;
  margin-top: -90px;
}
.banner-preview-wrapper.on-dashboard .card-body.dc-chart {
  float: none;
}
.banner-preview-wrapper.on-dashboard .card-body svg {
  margin-top: 20px;
}
.banner-preview-wrapper.on-dashboard .card-body svg g.chart-body rect.bar:hover {
  fill-opacity: 1;
  cursor: default;
}
.banner-preview-wrapper.on-dashboard .card-header {
  font-size: 13px;
  height: 29px;
  padding: 6px 15px;
  color: #646464;
}
.banner-preview-wrapper.card-default {
  background-color: #fff;
  border-color: #e3e3e3;
  border-width: 2px;
}
.banner-preview-wrapper.card-default > .card-heading {
  color: #444444;
  background-color: #f5f5f5;
  border-color: #ddd;
}
.banner-preview-wrapper .card-header {
  background: #f2f0f1;
  border-bottom: 2px solid #e3e3e3;
}
.banner-preview-wrapper .card-heading {
  border-bottom: 1px solid transparent;
  padding: 10px 15px;
  border-width: 2px;
}
.banner-preview-wrapper .card-body svg rect.bar:hover {
  fill-opacity: 1;
}
.banner-preview-wrapper .card-section {
  padding: 10px 15px;
  background-color: #f5f5f5;
}
.banner-preview-wrapper .card-footer {
  border-width: 2px;
}
.banner-preview-wrapper .x-axis-label,
.banner-preview-wrapper .y-axis-label {
  font-size: 9px;
  text-transform: uppercase;
  font-family: 'vngage-semibold';
}
.banner-preview-wrapper > .card-heading {
  color: #444444;
  background-color: #f5f5f5;
  border-color: #ddd;
}
.banner-preview-wrapper.hide-overflow {
  overflow-x: hidden;
}
.banner-preview-wrapper .banner-preview {
  width: 800px;
  height: 550px;
  min-width: 100%;
  opacity: 0;
  position: relative;
  padding-right: 1px;
  transform-origin: top left;
}
.banner-preview-wrapper .banner-preview.active {
  opacity: 1;
  transition: all 0.3s;
}
.banner-preview-wrapper .banner-preview.scroll-y .preview-content {
  width: calc(100% - 17px);
}
.banner-preview-wrapper .banner-preview iframe {
  border: 0;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.banner-preview-wrapper .banner-preview .preview-background {
  z-index: 1;
}
.banner-preview-wrapper .banner-preview .preview-content {
  z-index: 2;
}
#sticky.position-fixed {
  position: fixed;
  top: 10px;
  bottom: 0;
  overflow-y: auto;
}
.table.less-variable-table td.break-line {
  word-break: break-all;
}
.table.less-variable-table td.break-line code {
  word-break: break-word;
}
.table.less-variable-table td.break-line-word {
  word-break: break-word;
}
.table.less-variable-table td.one_third {
  width: 33.33%;
}
.form-group .alert-danger {
  display: block;
}
.nav-tabs > li {
  cursor: pointer;
}
tr[ui-sref] {
  cursor: pointer;
}
.vngage-selectable-items {
  padding-bottom: 18px;
}
.vngage-selectable-items .card-heading {
  padding: 15px 15px;
}
.vngage-selectable-items .card-heading label {
  display: inline-block;
  margin-bottom: 0;
}
.vngage-selectable-items .card-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}
.vngage-selectable-items .form-group {
  position: relative;
  top: -8px;
  width: 100%;
}
.vngage-selectable-items .form-group input[type="search"] {
  border: 0;
  background: transparent;
  box-shadow: none;
  max-width: 150px;
  position: absolute;
  right: 0;
  padding-right: 25px;
  text-align: right;
  font-family: 'vngage';
}
.vngage-selectable-items .form-group i {
  color: #d2d2d2;
  font-size: 26px;
  position: absolute;
  right: -8px;
  pointer-events: none;
}
.vngage-selectable-items .card-body {
  height: 400px;
  overflow: auto;
  padding: 0px 15px;
}
.vngage-selectable-items .card-body .row {
  display: block;
  border-bottom: 1px solid #f0f0f0;
  padding: 10px 15px;
  cursor: pointer;
}
.vngage-selectable-items .card-body p {
  color: #00b7c9;
  cursor: pointer;
  display: inline;
  vertical-align: sub;
  margin-bottom: 0;
  width: 100%;
}
.vngage-selectable-items.items-controls {
  margin-top: 55px;
}
.vngage-selectable-items.items-controls .row {
  margin-left: 0;
  margin-right: 0;
}
.vngage-selectable-items.items-controls .row .btn {
  width: 100%;
  margin-bottom: 10px;
}
.vngage-selectable-items.items-controls .row .btn [class^="vngage-icon-"]:before,
.vngage-selectable-items.items-controls .row .btn [class*=" vngage-icon-"]:before {
  margin: 0;
  display: inline;
  font-weight: bold;
}
.vngage-selectable-items p:after {
  color: #d8d8d8;
  display: inline-block;
  font-size: 18px;
  font-family: 'icon';
  padding: 1px;
  opacity: 0;
  visibility: visible;
  vertical-align: sub;
  -webkit-transition: all 0.1s;
  -moz-transition: all 0.1s;
  -ms-transition: all 0.1s;
  -o-transition: all 0.1s;
  transition: all 0.1s;
}
.vngage-selectable-items .row:hover > p:after {
  opacity: 1;
}
.vngage-selectable-items.available p:after {
  content: '\e805';
  float: right;
  margin-right: 8px;
}
.vngage-selectable-items.selected p:after {
  content: '\e821';
  float: left;
  margin-left: -15px;
}
.vngage-selectable-items.selected .row:hover > p:after {
  margin-right: 15px;
  margin-left: 8px;
}
.component-stringtags-tag-x {
  cursor: pointer;
}
#navmenu i.fa {
  padding-top: 11px;
}
.funnel-head span {
  font-size: 11px;
  display: block;
}
.funnel-footer {
  margin-bottom: 60px;
}
.arrow_box {
  position: relative;
}
.arrow_box:before {
  left: -20px;
  top: 33%;
  border: solid transparent;
  content: " ";
  height: 9px;
  width: 20px;
  position: absolute;
  background: #f27480;
}
.arrow_box:after {
  left: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-left-color: #f27480;
  border-width: 10px;
  margin-top: -10px;
}
.single-top-arrow {
  margin-bottom: 5px !important;
}
.arrow_down_medium {
  margin: 0 auto;
  position: unset;
  width: 20px;
  display: block;
  height: 60px;
}
.arrow_down_medium:before {
  border: solid transparent;
  content: " ";
  height: 50px;
  margin-top: 5px;
  margin-left: 4px;
  width: 12px;
  position: absolute;
  background: #c7c7c7;
}
.arrow_down_medium:after {
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(199, 199, 199, 0);
  border-top-color: #c7c7c7;
  border-width: 10px;
  margin-top: 55px;
}
.arrow_down_large {
  margin: 0 auto;
  position: unset;
  width: 20px;
  display: block;
}
.arrow_down_large:before {
  height: 434px;
  margin-left: 4px;
  margin-top: 5px;
  border: solid transparent;
  content: " ";
  width: 12px;
  position: absolute;
  background: #c7c7c7;
}
.arrow_down_large:after {
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(199, 199, 199, 0);
  border-top-color: #c7c7c7;
  border-width: 10px;
  margin-top: 439px;
}
.vngage-funnel-purchase,
.vngage-funnel-purchase:before {
  width: 25%;
}
.vngage-funnel-purchase {
  float: left;
  padding: 0;
}
.vngage-funnel-drill,
.vngage-funnel-drill:before {
  width: 55%;
}
.vngage-funnel-drill {
  float: left;
  padding: 0;
}
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.clearfix {
  display: inline-block;
}
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
.vngage-funnel-item {
  position: relative;
}
.trapezoid,
.trapezoid-header {
  position: relative;
  display: block;
  width: 100%;
  background: #f27480;
  height: 30px;
  overflow: hidden;
  text-align: center;
  margin: 0 auto;
}
.trapezoid.trapezoid-purchase {
  background: #dcdcdc;
  margin-top: 450px;
}
.trapezoid.trapezoid-purchase span {
  color: black;
}
.trapezoid + div {
  position: absolute;
  left: 110%;
  top: 5px;
}
.trapezoid + div .funnel-val {
  position: relative;
  right: -30px;
  font-weight: bold;
}
.trapezoid span {
  position: relative;
  color: white;
  margin-top: 5px;
  display: block;
}
.trapezoid .trapezoid-fill {
  background: #9ec77b;
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  min-width: 0;
  bottom: 0;
  -webkit-transition: width 1s ease-out;
  -moz-transition: width 1s ease-out;
  -o-transition: width 1s ease-out;
  transition: width 1s ease-out;
}
.trapezoid .trapezoid-left,
.trapezoid .trapezoid-right,
.trapezoid-header .trapezoid-left,
.trapezoid-header .trapezoid-right {
  position: absolute;
  left: 0;
  top: 0;
  height: 0;
  width: 0px;
  margin: 0 0 10px 0;
  border-bottom: 30px solid white;
  border-left: 0px solid transparent;
  border-right: 15px solid transparent;
  z-index: 2;
  background: transparent;
}
.trapezoid .trapezoid-right,
.trapezoid-header .trapezoid-right {
  border-left: 15px solid transparent;
  border-right: 0px solid transparent;
  left: auto;
  right: 0;
}
.trapezoid-header {
  background: #dadada;
  height: 45px;
}
.trapezoid-header .trapezoid-left {
  border-bottom: 30px*1.5 solid white;
  border-right: 22.5px solid transparent;
}
.trapezoid-header .trapezoid-right {
  border-bottom: 30px*1.5 solid white;
  border-left: 22.5px solid transparent;
}
.trapezoid-header h4 {
  margin: 5px 0 0;
}
.vngage-funnel-outcome .funnel-dropout {
  text-align: center;
  position: relative;
  top: -35px;
  left: -70px;
  margin: -15px 50%;
  width: 140px;
  background: rgba(255, 255, 255, 0.7);
  box-shadow: 0 0 13px #ffffff;
}
.vngage-funnel-outcome .funnel-dropout h5 {
  margin: 1px 0 0;
}
.vngage-funnel-outcome .funnel-dropout span {
  font-size: 80%;
  color: rgba(0, 0, 0, 0.4);
}
.vngage-funnel-outcome.vngage-funnel-outcome-last .arrow_down_medium {
  visibility: hidden;
}
.submit-buttons {
  border-top: solid 1px #ddd;
  margin-top: 30px;
  padding-top: 15px;
}
.preview-parsed-html {
  background: #f1f1f1;
  width: 100%;
  display: block;
  padding: 10px 20px;
  border-radius: 4px;
  word-wrap: break-word;
}
.preview-parsed-html b {
  font-family: 'vngage-semibold';
  font-weight: normal;
}
.status-indication {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: inline-block;
  margin: 6px 7px;
}
.status-indication.col-1 {
  padding: 0;
}
.status-indication.active {
  background: #71ce61;
}
.status-indication.suspended {
  background: #f0ad4e;
}
.status-indication.blocked {
  background: #f04e5e;
}
.no-show .arrow_box,
.no-show .funnel-val {
  visibility: hidden;
}
.CodeMirror {
  border: 1px solid #cecece;
  height: auto;
  min-height: 100px;
  overflow-x: hidden;
  overflow-y: hidden;
}
.CodeMirror-scroll {
  overflow-x: hidden;
}
.CodeMirror-line-error {
  background: #f2dede !important;
}
.CodeMirror-lint-error {
  font-family: arial;
  font-size: 70%;
  background: #ffa;
  color: #a00;
  padding: 2px 5px 3px;
}
.CodeMirror-lint-error-icon {
  color: white;
  background-color: red;
  font-weight: bold;
  border-radius: 50%;
  padding: 0 3px;
  margin-right: 7px;
}
.CodeMirror-merge {
  height: 550px;
}
.CodeMirror-merge .CodeMirror {
  height: 550px;
}
div.CodeMirror span.CodeMirror-matchingbracket {
  color: black;
  background-color: lightgrey;
}
.column-table {
  margin-bottom: 30px;
}
.column-table.with-controls td:last-child {
  padding-right: 100px;
}
.column-table.wrap-last-col td:last-child {
  word-break: break-all;
  word-wrap: break-word;
  word-break: break-word;
}
.column-table .table-responsive thead {
  border-bottom: 1px solid #ddd;
}
.column-table .table-responsive .delegate {
  padding: 20px;
}
.column-table .table-responsive .delegate span.form-control {
  border: none;
  box-shadow: none;
  background-color: transparent;
}
.column-table .table-responsive .delegate td {
  vertical-align: middle;
}
.column-table .table-responsive .delegate .form-group {
  margin-bottom: 0;
}
.column-table .search {
  position: relative;
  width: 380px;
}
.column-table .search .vngage-icon-search {
  color: #d2d2d2;
  font-size: 24px;
  position: absolute;
  top: 0;
  left: 3px;
  pointer-events: none;
}
.column-table .search input[type="search"] {
  background: transparent;
  border: 0;
  box-shadow: none;
  padding-left: 42px;
}
.column-table .search input[type="search"]::-webkit-input-placeholder {
  font-style: italic;
}
.column-table .search input[type="search"]::-moz-placeholder {
  font-style: italic;
}
.column-table .search input[type="search"]:-ms-input-placeholder {
  font-style: italic;
}
.column-table .card {
  border-radius: 5px;
}
.column-table .card .card-heading {
  border-radius: 5px 5px 0 0;
  padding-left: 15px;
  padding-right: 10px;
}
.column-table .card .card-footer {
  border-radius: 0 0 5px 5px;
}
.column-table .table {
  margin-bottom: 0;
}
.column-table .table .profile-picture {
  width: 32px;
  height: 32px;
  overflow: hidden;
  vertical-align: middle;
}
.column-table .table .profile-picture img {
  border-radius: 50%;
  width: 32px;
  height: 32px;
  background-color: #cdcdcd;
}
.column-table .table th {
  font-family: 'vngage-semibold';
  background-color: #fdf3e5;
  position: relative;
  font-weight: normal!important;
}
.column-table .table th.pointer:hover {
  background-color: #fdefdb;
}
.column-table .table th.index {
  text-align: center;
}
.column-table .table th.sorting:before {
  content: '';
  display: block;
  border: solid 5px transparent;
  border-top-color: #000;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -2.5px;
  transform-origin: 50% 25%;
  transition: all 0.4s;
}
.column-table .table th.sorting-reverse:before {
  transform: rotate(180deg);
}
.column-table .table td {
  vertical-align: top;
}
.column-table .table th.index,
.column-table .table td.index {
  width: 0.01%;
  padding-left: 10px;
  padding-right: 10px;
}
.column-table .table .form-inline .input-group > .form-control {
  width: 400px;
}
.column-table .table td:last-child {
  position: relative;
}
.column-table .table .list-action-icons {
  position: absolute;
  top: 4px;
  right: 10px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.column-table .table .list-action-icons i {
  color: rgba(255, 255, 255, 0);
  font-size: 18px;
  margin: 0;
  padding: 0;
}
.column-table .table .list-action-icons i:before {
  width: 0.8em;
}
.column-table .table tr:hover .list-action-icons i {
  color: #c5c5c5;
}
.column-table .table tr:hover .list-action-icons i.inactive {
  color: #ddd !important;
}
.column-table .table tr:hover .list-action-icons i:hover.vngage-icon-up-open,
.column-table .table tr:hover .list-action-icons i:hover.vngage-icon-down-open {
  color: #00b7c9;
}
.column-table .table tr:hover .list-action-icons i:hover.vngage-icon-cancel {
  color: #f04e5e;
}
.column-table .table .select .input-group-addon:first-child {
  border-right: 1px solid #cccccc;
  left: 4px;
  position: relative;
  z-index: 99;
}
.sortable-list .table th {
  font-family: 'vngage-semibold';
  background-color: #fdf3e5;
  background-clip: padding-box;
  position: relative;
  font-weight: normal!important;
}
.sortable-list .table td:last-child {
  position: relative;
}
.sortable-list .list-action-icons {
  position: absolute;
  top: 4px;
  right: 10px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.sortable-list .list-action-icons i {
  color: rgba(255, 255, 255, 0);
  font-size: 18px;
  margin: 0;
  padding: 0;
}
.sortable-list .list-action-icons i:before {
  width: 0.8em;
}
.sortable-list tr:hover .list-action-icons i {
  color: #c5c5c5;
}
.sortable-list tr:hover .list-action-icons i.inactive {
  color: #ddd !important;
}
.sortable-list tr:hover .list-action-icons i:hover {
  cursor: pointer;
}
.sortable-list tr:hover .list-action-icons i:hover.inactive {
  cursor: default;
}
.sortable-list tr:hover .list-action-icons i:hover.vngage-icon-up-open,
.sortable-list tr:hover .list-action-icons i:hover.vngage-icon-down-open {
  color: #00b7c9;
}
.sortable-list tr:hover .list-action-icons i:hover.vngage-icon-cancel {
  color: #f04e5e;
}
.site-selector {
  display: inline-block;
  float: right;
  position: relative;
  top: -60px;
  padding: 0 0 0 10px;
  z-index: 999;
}
.site-selector label {
  display: inline-block;
  font-size: 12px;
  margin-right: 5px;
}
.site-selector .site-selector-input {
  display: inline-block;
}
.site-selector .site-selector-input .dropdown.show .btn-default {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.site-selector .site-selector-input .dropdown.show .dropdown-menu {
  -webkit-animation: rollDown 0.25s both;
  -moz-animation: rollDown 0.25s both;
  -o-animation: rollDown 0.25s both;
  animation: rollDown 0.25s both;
}
.site-selector .site-selector-input .dropdown .btn-default {
  background: #f1f1f1;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border: 0;
  width: 100%;
  outline: none;
  color: #333;
  text-align: left;
}
.site-selector .site-selector-input .dropdown .btn-default span {
  font-family: 'vngage-semibold';
}
.site-selector .site-selector-input .dropdown .caret {
  position: absolute;
  right: 13px;
  top: 12px;
}
.site-selector .site-selector-input .dropdown .dropdown-menu {
  width: 100%;
  padding: 0;
  min-width: 0;
  background: #f1f1f1;
  border-radius: 0;
  top: 29px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border: 0;
  box-shadow: none;
  z-index: -1;
  padding-bottom: 10px;
}
.site-selector .site-selector-input .dropdown .dropdown-menu li {
  line-height: 16px;
  padding-left: 15px;
  text-align: left;
  padding-bottom: 10px;
  margin-bottom: -10px;
}
.site-selector .site-selector-input .dropdown .dropdown-menu li:hover {
  cursor: pointer;
  background: #cecece;
}
.site-selector .site-selector-input .dropdown .dropdown-menu li:hover:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.site-selector .site-selector-input .dropdown .dropdown-menu li .divider {
  content: '';
  height: 1px;
  margin: 0;
  overflow: hidden;
  background-color: #e5e5e5;
  display: block;
  margin: 10px 0 10px -15px;
}
.site-selector .site-selector-input .dropdown .dropdown-menu li:first-child .divider {
  margin-top: 0;
}
.fc-view-container .fc-day-header {
  font-family: 'vngage-semibold';
  font-weight: normal;
  padding: 5px;
}
.fc-time-grid-container {
  height: 100% !important;
}
[uib-datepicker] {
  /*
		Fix ui-bootstrap-4's quirky svg-styling in datepicker-popup
		Fix below comes from: https://github.com/Morgul/ui-bootstrap4/issues/23
	*/
  /*
		Datepicker in ui-bootstrap-4 sets class "btn-secondary" on its buttons instead of "btn-default" in BS3
		Style and mimic our BS3 look
	*/
}
[uib-datepicker] .fa-svg-icon {
  display: inline-block;
  vertical-align: middle;
  min-width: 1em;
  min-height: 1em;
  height: 100%;
  position: relative;
  top: -1px;
}
[uib-datepicker] .fa-svg-icon svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
[uib-datepicker] .fa-svg-icon svg g,
[uib-datepicker] .fa-svg-icon svg path {
  fill: currentColor;
}
[uib-datepicker] button.btn-secondary {
  background-color: white;
  color: #282828;
  border-color: white;
}
[uib-datepicker] button.btn-secondary:hover,
[uib-datepicker] button.btn-secondary:focus,
[uib-datepicker] button.btn-secondary.focus,
[uib-datepicker] button.btn-secondary:active,
[uib-datepicker] button.btn-secondary.active,
[uib-datepicker] .open > .dropdown-toggle.btn-secondary {
  color: #9a9a9a;
  background-color: #e6e6e6;
  border-color: #adadad;
}
[uib-datepicker] button.btn-secondary:not(:disabled):not(.disabled):active,
[uib-datepicker] button.btn-secondary:not(:disabled):not(.disabled).active,
[uib-datepicker] .show > button.btn-secondary.dropdown-toggle {
  color: #ffffff;
  background-color: #808080;
  border-color: #797979;
}
.modal-scroll-wrapper {
  overflow: auto;
}
.modal-content .vngage-icon-cancel {
  color: #a3a4a6;
  transition: color 0.1s linear;
}
.modal-content .vngage-icon-cancel:hover {
  color: #444;
  transition: color 0.1s linear;
  cursor: pointer;
}
.modal-header {
  background: #e9eaee;
  border-bottom: 1px solid #b8b9bb;
}
.modal-header h3 {
  margin: 0 0 -5px;
}
.modal-footer {
  text-align: left;
  border-top: 1px solid #c8c8c8;
}
.modal-backdrop {
  bottom: 0;
}
.modal-backdrop-invisible {
  background: transparent;
}
.modal-body .modal-title {
  margin-bottom: 0.8em;
}
.modal-connection .modal-dialog {
  margin-top: 20px;
}
.modal-connection .modal-body {
  padding: 10px;
}
.modal-connection .modal-connection-msg {
  padding: 6px 20px 6px 10px;
  float: left;
}
.modal-connection .modal-connection-actions {
  float: right;
}
.import-modal-toggle {
  display: flex;
}
.import-modal-toggle > span {
  font-size: 25px;
  cursor: pointer;
  color: #ccc;
  transition: color 0.2s;
}
.import-modal-toggle > span:hover,
.import-modal-toggle > span.active {
  color: #333;
}
.import-buttons-top {
  display: flex;
}
.import-modal-description {
  position: absolute;
  top: 15px;
  left: 185px;
  z-index: 1;
}
.import-modal-description .modal-table {
  color: #fff;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 5px;
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.7);
  padding: 10px;
}
.import-modal-description .modal-table .info {
  border-top: solid 1px rgba(255, 255, 255, 0.2);
  padding: 10px;
}
.import-modal-description .modal-table table th,
.import-modal-description .modal-table table td {
  padding: 5px 10px;
}
.import-modal-description .modal-table table th:nth-child(1) {
  min-width: 150px;
}
.import-modal-description .modal-table table th:nth-child(2) {
  min-width: 240px;
}
.import-modal-description .modal-table table td {
  border-top: solid 1px rgba(255, 255, 255, 0.2);
  font-size: 12px;
  font-family: 'vngage', sans-serif;
}
.import-modal-description .modal-table table tr:first-child td {
  border-top-width: 2px;
}
.import-modal-description .modal-table table td + td,
.import-modal-description .modal-table table th + th {
  border-left: solid 1px rgba(255, 255, 255, 0.2);
}
.crash-report .profile-pic {
  margin-top: 4px;
  background: transparent;
  border-radius: 100%;
  padding: 3px;
  transition: background 400ms;
  margin-left: 0;
}
.crash-report .profile-pic img {
  width: 40px;
  height: 40px;
  background: #ccc;
  border-radius: 100%;
  border: 2px solid #666;
}
.crash-report-modal {
  z-index: 99999 !important;
}
.markdown-input {
  resize: vertical;
}
textarea.markdown-input {
  min-height: 130px;
}
.markdown-label {
  position: relative;
}
.markdown-legend {
  float: right;
}
.markdown-legend > span {
  cursor: pointer;
  color: #ccc;
  transition: color 0.2s;
}
.markdown-legend > span:hover,
.markdown-legend > span.active {
  color: #333;
}
.markdown-legend .markdown-table {
  color: #fff;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 5px;
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.7);
  padding: 10px;
  position: absolute;
  top: -15px;
  right: -15px;
  transform: translateX(100%);
}
.markdown-legend .markdown-table.ng-enter,
.markdown-legend .markdown-table.ng-leave {
  transition: opacity 0.3s, transform 0.2s;
}
.markdown-legend .markdown-table.ng-enter,
.markdown-legend .markdown-table.ng-leave.ng-leave-active {
  opacity: 0;
  transform: scale(0.9) translateX(100%);
  transform-origin: right center;
}
.markdown-legend .markdown-table.ng-enter.ng-enter-active,
.markdown-legend .markdown-table.ng-leave {
  opacity: 1;
  transform: scale(1) translateX(100%);
  transform-origin: right center;
}
.markdown-legend .markdown-table table th,
.markdown-legend .markdown-table table td {
  padding: 5px 10px;
}
.markdown-legend .markdown-table table th:nth-child(1) {
  min-width: 150px;
}
.markdown-legend .markdown-table table th:nth-child(2) {
  min-width: 240px;
}
.markdown-legend .markdown-table table td {
  border-top: solid 1px rgba(255, 255, 255, 0.2);
  font-size: 12px;
  font-family: 'vngage', sans-serif;
}
.markdown-legend .markdown-table table tr:first-child td {
  border-top-width: 2px;
}
.markdown-legend .markdown-table table td + td,
.markdown-legend .markdown-table table th + th {
  border-left: solid 1px rgba(255, 255, 255, 0.2);
}
.markdown-preview {
  display: block;
  background: #f1f1f1;
  border-radius: 4px;
  padding: 12px 20px 8px;
  overflow: hidden;
  word-wrap: break-word;
}
.markdown-preview label {
  color: #bbb;
}
.help > span {
  cursor: pointer;
  color: #ccc;
  transition: color 0.2s;
  font-size: 14px;
}
.help > span:hover,
.help > span.active {
  color: #333;
}
.help .help-section {
  color: #fff;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 5px;
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.7);
  padding: 10px;
  position: absolute;
  top: -15px;
  right: -15px;
  transform: translateX(100%);
}
.help .help-section.ng-enter,
.help .help-section.ng-leave {
  transition: opacity 0.3s, transform 0.2s;
}
.help .help-section.ng-enter,
.help .help-section.ng-leave.ng-leave-active {
  opacity: 0;
  transform: scale(0.9) translateX(100%);
  transform-origin: right center;
}
.help .help-section.ng-enter.ng-enter-active,
.help .help-section.ng-leave {
  opacity: 1;
  transform: scale(1) translateX(100%);
  transform-origin: right center;
}
.help .help-section pre {
  background: transparent;
  color: #fff;
  border: none;
}
.help .tooltip-narrow + .tooltip > .tooltip-inner {
  min-width: 100px;
  max-width: 200px;
}
.help .tooltip-medium + .tooltip > .tooltip-inner {
  min-width: 150px;
  max-width: 300px;
}
.help .tooltip-wide + .tooltip > .tooltip-inner {
  min-width: 250px;
  max-width: 400px;
}
.help .tooltip-xwide + .tooltip > .tooltip-inner {
  min-width: 350px;
  max-width: 500px;
}
.help .tooltip-xxwide + .tooltip > .tooltip-inner {
  min-width: 450px;
  max-width: 600px;
}
.ui-grid-cell-contents.selected {
  background-color: #FFEEAA;
}
div.ui-grid-row:hover span {
  text-decoration: underline;
  color: #00b7c9;
}
div.ui-grid-row:hover .ui-grid-cell {
  background-color: #f1f1f1;
}
.ui-grid-vngage-header-cell {
  background-color: blue;
}
.ui-grid-row:nth-child(odd) .ui-grid-cell {
  background-color: transparent;
}
.ui-grid-row:nth-child(even) .ui-grid-cell {
  background-color: #f6f6f6;
}
.ui-grid-top-panel {
  background-color: #fdf3e5;
  background: #fdf3e5;
  border-radius: 5px 5px 0px 0px;
}
.ui-grid {
  border-radius: 5px 5px 5px 5px;
}
i.glyphicon.glyphicon-chevron-left:before {
  font-family: 'icon';
  content: '\e830';
}
i.glyphicon.glyphicon-chevron-left {
  font-family: 'icon';
  content: '\e830';
}
i.glyphicon.glyphicon-chevron-right:before {
  font-family: 'icon';
  content: '\e831';
}
i.glyphicon.glyphicon-chevron-right {
  font-family: 'icon';
  content: '\e831';
}
.case-browser-filter {
  padding-left: 0;
  padding-right: 0;
  margin-top: -30px;
}
.card-case-browser {
  box-shadow: inset 0 0;
  -webkit-box-shadow: inset 0 0;
  border: 0px;
  min-height: 190px;
  border-bottom: 2px solid #e3e3e3;
  border-left: 2px solid #e3e3e3;
  border-right: 2px solid #e3e3e3;
  border-radius: 0;
  margin-bottom: 40px;
}
.card-case-browser input.ng-invalid {
  border-color: #f04e5e;
}
h1.inline-header {
  margin: 0;
}
.ui-grid-header-cell span:first-of-type {
  font-family: vngage-semibold;
}
.ui-grid-header-cell span:first-of-type:before {
  content: '\00a0\00a0';
}
.caseBrowserModalForm .modal-body {
  padding: 15px;
}
.caseBrowserModalForm .center-text {
  text-align: center;
  position: relative;
  background: rgba(127, 219, 255, 0.8);
  z-index: 1;
}
.caseBrowserModalForm .center-text .inner {
  padding: 0 5px;
  display: inline-flex;
}
.caseBrowserModalForm .text-with-line {
  background: #fff;
  text-align: center;
  position: relative;
  z-index: 1;
}
.caseBrowserModalForm .text-with-line:before {
  border-top: 2px solid #dfdfdf;
  content: "";
  margin: 0 auto;
  /* this centers the line to the full width specified */
  position: absolute;
  /* positioning must be absolute here, and relative positioning must be applied to the parent */
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
  width: 95%;
  z-index: -1;
}
.caseBrowserModalForm .text-with-line .inner-white {
  /* to hide the lines from behind the text, you have to set the background color the same as the container */
  background: #fff;
  padding: 0 5px;
  display: inline-flex;
}
.caseBrowserModalForm .case-day-date {
  text-align: center;
  margin-bottom: 10px;
  white-space: nowrap;
  clear: both;
}
.caseBrowserModalForm .case-day-date:before,
.caseBrowserModalForm .case-day-date:after {
  content: '';
  height: 1px;
  background: #f1f1f1;
  width: 34%;
  display: inline-block;
  position: relative;
  top: -5px;
}
.caseBrowserModalForm .case-day-date:before {
  left: -10px;
}
.caseBrowserModalForm .case-day-date:after {
  right: -10px;
}
.caseBrowserModalForm .case-day-dates {
  text-align: center;
  margin-bottom: 10px;
  white-space: nowrap;
  clear: both;
}
.caseBrowserModalForm .case-day-dates:before,
.caseBrowserModalForm .case-day-dates:after {
  content: '';
  height: 1px;
  background: #f1f1f1;
  width: 22%;
  display: inline-block;
  position: relative;
  top: -5px;
}
.caseBrowserModalForm .case-day-dates:before {
  left: -10px;
}
.caseBrowserModalForm .case-day-dates:after {
  right: -10px;
}
.satisfaction-score {
  padding: 0px 4px 2px 5px;
  width: 46px;
  text-align: center;
  display: block;
  text-shadow: 0.5px 0.5px #000;
}
.conversation-header {
  padding: 0 35px 0 35px;
}
.conversation-header .heading {
  float: left;
  display: inline-block;
}
.conversation-container {
  max-height: 400px;
  overflow-y: auto;
  overflow-x: hidden;
}
.conversation-container .message-list {
  width: 100%;
}
.conversation-container .message-list .message {
  padding: 10px 25px;
  word-break: break-word;
}
.conversation-container .message-list .message p {
  margin-bottom: 0;
  line-height: 21px;
}
.conversation-container .message-list .message p + p {
  margin-top: 10px;
}
.conversation-container .message-list .message.agent {
  background-color: #F2F2F2;
}
.conversation-container .message-list .message.visitor {
  background-color: #fff;
}
.conversation-container .message-list .message.visitor-profile .info-box {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 2px dashed lightgrey;
  padding-left: 5px;
  padding-top: 5px;
}
.conversation-container .message-list .message.visitor-profile .web-visitor {
  vertical-align: middle;
  font-size: 28px;
  margin-left: -6px;
}
.conversation-container .message-list .message.visitor-profile .icon-big:before {
  vertical-align: middle;
  font-size: 28px;
  margin-left: 0px;
}
.conversation-container .message-list .message.visitor-profile .visitor-information {
  font-family: vngage-bold, sans-serif;
}
.conversation-container .message-list .message.visitor-profile .visitor-information .time-stamp {
  font-family: vngage-semibold, sans-serif;
}
.conversation-container .message-list .message.visitor-profile .claims-container {
  padding-top: 8px;
}
.conversation-container .message-list .message.visitor-profile .claims-container .claim-row {
  padding-bottom: 2px;
}
.conversation-container .message-list .message.visitor-profile .claims-container .claim-name {
  width: 150px;
  float: left;
}
.conversation-container .message-list .message.visitor-profile .claims-container .claim-value {
  margin-left: 150px;
}
.conversation-container .message-list .message.note {
  color: #bababa;
  font-style: italic;
}
.conversation-container .message-list .message.identified {
  padding-left: 30px;
  border-right: 7px solid rgba(127, 219, 255, 0.8);
  border-left: 7px solid rgba(127, 219, 255, 0.8);
}
.conversation-container .message-list .message.identified-status {
  padding: 0px 0px;
}
.conversation-container .message-list .message.day-break {
  top: 0;
  z-index: 100;
  position: -webkit-sticky;
  position: sticky;
  margin: auto;
  padding: 0px 0px 0px 0px;
}
.conversation-container .message-list .message .speaker {
  font-family: vngage-bold, sans-serif;
}
.conversation-container .message-list .message .speaker .time-stamp {
  font-family: vngage-semibold, sans-serif;
}
.conversation-container .message-list .message.visitor-navigation {
  color: #ccc;
  background: #fff;
  font-style: italic;
}
.conversation-container .message-list .message.visitor-navigation .link {
  text-decoration: underline;
}
.conversation-container .message-list .message i {
  font-style: normal;
  position: relative;
}
.conversation-container .message-list .message i.photo:before {
  font-family: 'icon';
  content: '\e84b';
  display: inline-block;
  margin-right: 10px;
  font-size: 16px;
}
.conversation-container .message-list .message i.pdf:before {
  font-family: 'icon';
  content: '\e84a';
  display: inline-block;
  margin-right: 10px;
  font-size: 16px;
}
.conversation-container .message-list .message i.link:before {
  font-family: 'icon';
  content: '\e84c';
  display: inline-block;
  margin-right: 10px;
  font-size: 16px;
}
.conversation-container .message-list .message i.video:before {
  font-family: 'icon';
  content: '\e849';
  display: inline-block;
  margin-right: 10px;
  font-size: 16px;
}
.conversation-container .message-list .message i.render:before {
  font-family: 'icon';
  content: '\e81f';
  display: inline-block;
  margin-right: 10px;
  font-size: 16px;
}
.conversation-container .message-list .message i.content-image:before {
  font-family: 'icon';
  content: '\e84b';
  display: inline-block;
  margin-right: 10px;
  font-size: 16px;
}
.conversation-container .message-list .message i.content-video:before {
  font-family: 'icon';
  content: '\e849';
  display: inline-block;
  margin-right: 10px;
  font-size: 16px;
}
.conversation-container .message-list .message i.content-file:before {
  font-family: 'icon';
  content: '\e84a';
  display: inline-block;
  margin-right: 10px;
  font-size: 16px;
}
.conversation-container .message-list .message .video-container iframe {
  width: 100%;
  height: auto;
  min-height: 300px;
}
.conversation-container .message-list .message .photo-container img {
  width: 100px;
  height: auto;
}
.conversation-container .message-list .message .photo-container img.max {
  width: 100%;
  height: auto;
}
.conversation-container .message-list .agent + .agent {
  padding-top: 0;
  margin-top: -10px;
}
.conversation-container .message-list .visitor {
  /*+ .visitor-navigation {
                padding-top: 0;
            }*/
}
.conversation-container .message-list .visitor + .visitor {
  padding-top: 0;
}
.conversation-container .message-list .visitor-navigation {
  /*+ .visitor {
                padding-top: 0;
            }*/
}
.conversation-container .message-list .visitor-navigation + .visitor-navigation {
  padding-top: 0;
}
.conversation-container .message-list .note + .note {
  margin-top: -15px;
}
.conversation-container .message-list .no-show {
  display: none;
}
input[type="checkbox"].switch:not(:checked),
input[type="checkbox"].switch:checked {
  /* :checked here acting as a filter for older browsers */
  position: absolute;
  opacity: 0;
  cursor: pointer;
  pointer-events: none;
}
label.flipswitch {
  position: relative;
  display: inline-block;
  margin: 0 5px;
  -webkit-text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
  cursor: pointer;
  font-weight: normal;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  box-sizing: border-box;
}
.flipswitch-label {
  vertical-align: middle;
}
.flipswitch-size-m input[type="checkbox"].switch + span {
  font-size: 16px;
}
.flipswitch-size-l input[type="checkbox"].switch + span {
  font-size: 32px;
}
.flipswitch input[type="checkbox"].switch + span {
  box-sizing: content-box;
  display: inline-block;
  vertical-align: middle;
  width: 1.8em;
  height: 1em;
  border: 1px solid;
  border-color: #cecece;
  border-radius: 10px;
  margin: 0 0.2em;
  background-image: linear-gradient(rgba(0, 0, 0, 0.4), transparent);
  -moz-background-origin: border-box;
  -webkit-background-origin: border-box;
  background-origin: border-box;
  -moz-background-clip: border-box;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  overflow: hidden;
  -moz-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
  -moz-transition-property: padding, width, text-indent;
  -o-transition-property: padding, width, text-indent;
  -webkit-transition-property: padding, width, text-indent;
  transition-property: padding, width, text-indent, background;
  font-size: 120%;
  /* change this and see how they adjust! */
  background: #fff;
}
.flipswitch input[type="checkbox"].switch:checked + span {
  padding-left: 0.8em;
  width: 1em;
  border-color: #00b7c9;
  -webkit-text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.3);
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.3);
}
.flipswitch input[type="checkbox"].switch:checked + span:before {
  background: #00b7c9;
}
.flipswitch input[type="checkbox"].switch + span:before {
  content: '';
  float: left;
  display: block;
  width: 1.7em;
  height: 1.7em;
  border-radius: inherit;
  background: #00b7c9;
  background-image: linear-gradient(hsla(0, 0%, 100%, 0.3), hsla(0, 0%, 100%, 0));
  color: white;
  text-indent: -4em;
  text-align: center;
  background: #999;
}
.flipswitch input[type="checkbox"].switch + span:before,
.flipswitch input[type="checkbox"].switch + span:after {
  font: normal 60%/1.9 sans-serif;
  text-transform: uppercase;
}
.flipswitch input[type="checkbox"].switch + span:after {
  content: '';
  float: left;
  text-indent: 0.84em;
  color: #fff;
}
.flipswitch.flipswitch-colorful input[type="checkbox"].switch + span {
  border: 1px solid #000;
  background: #f04e5e;
}
.flipswitch.flipswitch-colorful input[type="checkbox"].switch:checked + span {
  background: #00b7c9;
}
.flipswitch.flipswitch-colorful input[type="checkbox"].switch + span:before {
  background: #888;
}
.flipswitch.flipswitch-colorful input[type="checkbox"].switch:active + span:before,
.flipswitch.flipswitch-colorful input[type="checkbox"].switch:hover + span:before {
  background-color: #999;
}
.container.idp-selector {
  width: 350px;
  margin: 100px auto;
  position: relative;
}
.container.idp-selector .logo {
  background: url(data:image/jpg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABGAAD/4QMtaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjMtYzAxMSA2Ni4xNDU2NjEsIDIwMTIvMDIvMDYtMTQ6NTY6MjcgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDY1NTE4QjFENjQ5MTFFMjkxNjNGQTBDMDQ0NjlERkUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDY1NTE4QjJENjQ5MTFFMjkxNjNGQTBDMDQ0NjlERkUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDMjQ3RTdDRUQ2NDgxMUUyOTE2M0ZBMEMwNDQ2OURGRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowNjU1MThCMEQ2NDkxMUUyOTE2M0ZBMEMwNDQ2OURGRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv/uAA5BZG9iZQBkwAAAAAH/2wCEAAQDAwMDAwQDAwQGBAMEBgcFBAQFBwgGBgcGBggKCAkJCQkICgoMDAwMDAoMDA0NDAwRERERERQUFBQUFBQUFBQBBAUFCAcIDwoKDxQODg4UFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFP/AABEIAFUAyAMBEQACEQEDEQH/xAC2AAEAAwEBAQEBAAAAAAAAAAAABgcIBQMECQIBAQACAwEBAAAAAAAAAAAAAAABBgIEBQcDEAABAwIEAwQECAkLBQEAAAABAgMEBQYAERIHIRMIMUEiFFFhFRhxkTKU1BZWCUKS0nPTVbUXOIGhsVIjkyRUtHY30WKiQ4MZEQEAAQIDAwcJBwQDAAAAAAAAAQIDEQQFIVESMWGhsVITFkFxgZHB0RQVBvDhIkKCktLxYlNUMnLC/9oADAMBAAIRAxEAPwDf2AYBgGAYBgGAYBgGAYBgGAYBgGAYBgGAYBgGAYBgGAYBgGAYBgGAYBgGAYBgGAYBgGAYBgGAhO6G4DG3tumopQl+qylFimxl/JU7lmVryyOhA4nLt4DhnnjXv3e7p51g0LSJ1HMcGOFFO2qebdHPP3swR6fuju5KkTGhKq6G1f2i3HEsxGlHjoQFqQ2k5fgp445MU13Z3vXq72m6RTFM8Nv0Y1TzzhjV6Zesar7m7PVdliV5iCD4/Z8lXOhPtg8ctKlIPo1IOoenExNdqdzGvL6drNqZpwq/ujZVTPX69ktZWbdUG9LdhXDABQ3JSQ6wTmpp5B0rQT6iOB7xkcdi1ciunF4rqWQryWYqs1/l5J3x5Jd7H1c0wDAU+jqm2EVU/ZC7xZj1APGMtuVEnxUtupVpKXFvR0IRkRkStQAwFvpUFAKSQUkZgjiCDgOZcVxUO0qNLuG5J7VMosFAclzZCtLaEkhI9ZJJCUgcSTkOOAhNlb/7R7iV1FtWZcXtWtLbcfEZEOc0A0yM1qUt5hCEgZ96u3IdpwEgvDcuwLAQhV53HAoy3UlbLEp5KX3EjtKGhm4oetKcBXy+rfp4QooVerZI7dMGoqHxiKRgJjYW8e2254qSrHrqKomjpacqSuRJipZQ/r0EmS00CDy19meWXHARWR1W9PsZ9yO5e8ZTjSihRajTXUEj+qtthSVD1pJGA8/e06evtqz8zqH0bATKwd3Nu90Vz0WHW0VhdLDSp4QzIY5Qkaw3nz2m89XLV8nPswHneG8+1lgyjAu664FNqKQFLgqc50pIVxBUyyFuAHuzTgIaernp4SSDejeY9ECpEfGIuAlNi757Ubl1JyjWVcrFTqrTZfVDLUiK6W0kBSkJktNFYGfHTnlgPiuXqK2Zs+5ZVoXLdLVOuGEttuVFdjTCltTyEuI1OoYU3kUrSc9eQ78BZkeQxLjtS4rqH4r6EusPNqC0LbWNSVJUMwQQcwRgIbeO7+2NgP8AlLvumn0udpCzCcdDkoJPYSw0FuAHuOnAQk9XPTwCQb0bzHogVIj4xFwFg2FuTZO59LkVqxaqKtTIkgw5D6WX4+l9KEuFOmQ22o+FaTmBlxwFK9UPmPalu6s/K+Xk8r0czWjX/Noxys5jxR5nrH0Nw91d340+rCcPatrZr2Z+7ag+y9PL5J8xp7fM61c3V69Wfb3ZY3Mth3cYKV9Sd58wu8e/Z/1w2dCMdSPsz6ix/N6faHnmvZ/9fPSrmZd+nT292eXqx8s5hwxvxdf6L7z42eH/AI8M8Xs6fa+Ppk8x9UKtrz8t7RPKz7NfIa15f+OMcljwy+/1vw/FUYcvB/6nD2oxvn1CVG3qpIs2xXENVCL/AGdUq5Slwtu5cWWUqBTqT+Gog5HgMiM8WbK5OKo4q/U1NF0Km9RF69yTyU7+efYprz3UB5T61eZunyGXO89rm8nl9urLPTy8u/LTjfwsY8P4ehZuDTeLusLeO78OP9elcuxnUJUbhqsezL6cQ7UJR5dLq4SlsuOgcGXkpATqV2IUAMzwOZOeNDNZOKY4qPUrOtaFTZom9Z5I5ad3PHtZR6xtvPqNvHPqURnl0a60e2YpSMkCQ4oplIz9PNBcPqWMciVJbe6W7+/eDsvb8193m1WjoNEqZJ1K50EBCFKPaVLZLTh9asSKQ6/dwvLUu3tsoTuT05ZrVWQk5HkMlTUZKh3ha+Yr4WxiJEN6dNOzGxl79QMyOlyszwKPa7bozCtLob1cMiUKkKGsZ9jJwFJbd2FfXUhuPKhKqnOrUtDlTrVbqClOBtlCkoKiEjMnUtKG205DsHhSOEDR6Pu7llILm4wSvvCaKVAH4TPH9GJwFt7d9PVN2F223ARHrTtcq1bpkgypqmBDbS1EiyOUhDQcdIObqypRWc+HZliR+bdq27Ou+5qPatMKE1CtTY9PirdJS2lyS4ltKlkAkJBVmchjEbJb+7uWUJLu4wS4QNaU0UqSD3gEzxn8WJwHvctqJ6Ktq6/Jt64nKzfV9SI9MgTlRkxG4jcVDy1PNs8x4lSEuK8RWfGpHhyBzDNe0Gyt8b93FPapL6W48YiRW6/UFLWhC31KIzI1LcdcIUQO/IkkYgXTefQrPs+za/drt8MyxQqbLqa4aaapvm+TYU8Wwsyjlq05atJ+DE4CvejQn3hLZ9bNSz+YP4QOb1afxC3r+eh/s+NiJGuL23am7S9JdjVSjOcu56xQqLSqO8QFFlx2noW4/keB5baFac+Gspz4YkY+2V2Qu3qFuKrqZqqYkeAESa1XJ/MlOl2WpegBOYU44soWo6ljsOZzyzgaCH3dxyGrcfI94FEzH7QGJwGltjNmqbshZrlqwKi7VpEqWuoT6g62GA4+4hDWSGgpehIS2nhrUc8zniR190LAY3Ct004LSxVYqufTZKh4Uu5ZFC8uOhY4HLs4HjlljXv2u8p51g0PV6tOzHHhjRVsqjm3xzx9zMLEzdLaOVIiM+bpCFqzdSttL8N0jhrSVpW0o5fhJ445MTXanc9ert6bq9MVTw3PThVHNswq9EvSLRNzd36uy/LEmaB4PaMpPJhMNk8dOlKUD06W05n0YmIruzvYXMzp2j2pinhp/tjbVM9fpnY1lZtqwLLt2Hb1PJW3GSS6+oZKdeWdS1n4SeA7hkMdi1biinCHi2pZ+vO5iq9X+bybo8kMQ7QRIdyby0hF1JS6JU2TJlNP8UuS0NuvISsHtzdA4Ht7O/FqzEzTZnh3PStVqmzkKu68kREebZHU35itPI2A934kO295aui1UpaEWbGlRW2OCW5a22nlJQB2ZOk8B2dndiy5eZqsxxbnrmlVTeyFPe+WJifNtjqXT1sbefW/aVVyQ2eZV7Pe8+kpGazBeyalJHqA0On1N4rMvI1FdBO4ApF5Vzb+c8EQ69F8/ACzkkTIAJWE5962VKUr1NjCBTO69y1LfLfGpSaLnKVWqk1SLdbzOkxkLTFjEcPCFgcxXoKjiBrDq9taPYvTRa9n0QH2bSKpTYTigMitDUSVqcUB3rdAWr/uOJGKtu6pufSqjLe2ucq7dVWwETTQm33HvL6wRrDCVEJ1ZdvfiBYv1x6vf8zfHzaofo8SNebI1C/6n05XXJ3JXU3Lj0VlAVWkOtyvLiGNHB4JVpzKsuGWJGDtiP8Amnb/AP3BTf8AUoxiP2DxkMMfeHqkeY29QSfK6KuUjuLmcMH+UDLESJt0AIjDam4VpA82q4Xkun8LliFEKM/VmV5YQL23t/4a3C/23V/9C7iR+eHRp/ELbP5mpfs9/EQOb1afxC3r+eh/s+NiJFm9T6nxsFsAhOfljRWi56OYKdB0fzFWJE++70A9hX2e/wA3T8/Tlyn8IG0cSGAqvdXd2TtzU4EBilN1BMxhT5Wt4tFJSspyyCFZ40r+Ym3VhELloP09TqVuqua5o4Zw5MfJ50B96KofZtn50v8ARY+HxtW5ZfAtv/NP7fvPeiqH2bZ+dL/RYfG1bjwLb/zT+371qbV7iv7jUyfUH4CKeqG+GA2hwuhQKAvPMpTl2427F6bkTipuvaNTptymiKuPijHkw8rN++m0VwWddEm+rVZeXQJL5qBfiaubT5RVzFFWjilGvxIWOCfk8MhnZ8rmKa6eCrl61m0XVbWYsxYuzHFEYbfzR798OX70G6nsn2bz4XmNGj2p5b/F9mWr5fKz/wDlj6fA2scdrY8N5Pj4vxYbsdnv6XU2L2iuC8rojX1dTLyKDGfFQD8vVzahKCuYkp18VI1+JazwV8kZ5nL55rMU0U8FPL1NfWtVtZezNi1McUxhs/LHv3Q2JU6dDrFNmUmotB+nz2HIsthXFK2X0FC0n1FJIxwXmj8d7volf2i3GrdvR5TsSrUKVJhMTEHQ4uO8hSEuAjs5rDgV8CsYi+ehXbn6x7iTb7nM6qZabGURSh4VVGalTaMu46Gg4o+glJxMDZ2/u3L26m1VetGDpFYcbRLpJUQkGZEWHW0EngA5pLZPdqzxI/NzZvdW4envcGVVnqQqQ6GnaVXKJKUqK7p5iVEailRbcQtsdqD3jvxiNVN/eDWWUAu2dVEuZeJKX46gD6ics/ixOIsqzt/bW3022v1+gw5VNnUWmSkToU3QVaJMV8tOIW2ohQVy1g9hBHwEyPz22I/5p2//ANwU3/UoxiP2DxkM/dX21NR3N2w8zQI6pVyWy+alDjNjU6/HKCiQygDiVFOlxIHFRRpHE4gYf2F6hLj2IqVQESA3WKDVeX7RpL7io6uazmEuNOBK9CwFFKs0KCh2jgMoF9Xz1yWpeNhXJaiLUqEOdXaVNpjbyn2HGmnJkdbIUSAkkJKszwxOIpzo0/iFtn8zUv2e/hA5vVp/ELev56H+z42Ikao3J2sqW6HSNYSKAwqTcdvUOjVWBFbGbkhtFOQ2+ygd6ihWtIHFSkgd+JGWunrqAqWwdYq4dpHtejVlLLdRgF0xn23ohXocQooWAQHFhSSnjw4jLAaWH3g1k5DVZ9VB7wH45H9IwxGgtnN3rd3ptNd1W6xIiNx5K4M2FLCQ61IbShzLNBUlSSlxKgoHv9IOJHA3huawaFVaczd9tqrcp2Opcd5JSOW2FkFPFSe/jjQzNdEVfijHYvP05kc9ftVzl73dRE7Y3zgrf94eyX2AX8aP0mNXvLXZ6Vr+T6x/tdfuP3h7JfYBfxo/SYd5a7PSfJ9Y/wBrr9y4dnq5aNdpNRftCiGiRGpCUSGVEHmOFAIVwKu7hjdy1VMxPDGCjfUeVzVi7RGYud7MxsndGKuve9tX7PVD+8Y/KxYfl1W+Gx4Vv9unpcf3kdq/Nee+oP8Ajc9XmeRC5ufp15Z5/wAuM/grva62x4ezmHD32zdjU7Hve2r9nqh/eMflYw+XVb4a/hW/26elozHKUxUe4XTVtPufca7ruumvu1p1luO89GlOxwtLIIQVJQQCoDw5+gD0YCWbb7Y2ftRQXLcsuGqJTXpC5j3NcU84t9xKUFSlrJJ8KEgfBgJhgK/v3ZDavcx3zV521Gn1HIJ9otlyLM0p4JCn46m1qA7kqUR6sBXSuinYJSiRSJqQfwRUJOQ+NROIwE32/wBgdtts4Vfp9qwZDMS5mERKuh+U69zGW0uoASVHNPB5fFOJHFt/pS2NteuU646Lbzser0qS1NgvmfOcCH2FhaFFK3ik5EdhGWIF0YkfLUalTqPBfqdWlswKbFQXJMyU4hlhpA7VLWshKR6ycBm69Ld6LL9qbtar1YtpNYkKK5EyDWUQVurVxKnEx30IWontUpJV68QKf3YsPo3taxK1UrUrLNUupUZxqhw6fV1z1+dcTpaWtCFrAQgnWoryGQy7eGAgPRHSJFR33gTWUks0inz5chQBySlxryoz+FT4wgbSvXpZ2g3AueoXfctPlvVupqbXLdamPMoJaaQynJCTkPChOJFq2/Q6fbFBpdt0lCm6VSIjECC2tRWpLEVtLTYKjxJCUjicBAr46eNnNxJrlUue1o7lWdOp6oRFuwZDij+E4qMtvmH1uBWAhB6KNgyc/ZM4eoVCR+ViMBaO2e1VnbSUaVQbKjvRqdMkmc+h95chRfU2hokKWSQNLaeGJHvd22tp3xKjzLhjOPvxWyyyW3ltAIKtRzCSM+OPhcsU1zjLt6frWayNM02ZiIqnGdkSjvu/bZ/5CR86e/Kx8vhKOd1fF2o9qP2we79tn/kJHzp78rD4SjnPF2o9qP2wl1o2Rb9jxJEK3mVsR5TgeeS44p0lYTpzBUTlwGPvbtU0cjh6hql/PVRVemJmmMI2YMl+1uln9Q3D+OPpWLLw5nfC9d1q/bo+36T2t0s/qG4fxx9Kw4czvg7rV+3R9v0ntbpZ/UNw/jj6Vhw5nfB3Wr9uj7fpbWxX3mJgGAYBgGAYBgGArDf3bGq7vbdSbJpFRZpkmTKjSFSJAWpoojr1lJDfE5nLLAZM/wDz5vf7X0r+5k/9MRgPRj7vi8FOpEm8qa2wT41txn3FgepJKAfxhhgNT7HbCWpsdR5MWjvOVKuVLQapWpCUocdDeeltttJIbbSSSE6iczxUeGUi18AwDAMAwDAMAwDAUJ7pG2/60rfziJ9Ex0vmFzdHT71u8U5rs0eqr+R7pG2/60rfziJ9Ew+YXN0dPvPFOa7NHqq/ke6Rtv8ArSt/OIn0TD5hc3R0+88U5rs0eqr+S1b8vBNlUJNUbgrqdQlzIlLpdNbWlkyJ1RfRHZQXFAhCdS81rIOlIJyPZjmqirN/ebcOiyLsfuOzaWKLZBjLuN2mVl+RKbjSo6JZdjtvU9hL3LaXmtKltngdOfDMJVUr6vWoXTV7csG36bU26AzDdqU2r1N6nBx2e2p5tqOliFL1ZNgFS1lIzVlgOfTd9qDKj0aq1OMaTQanbD91SJch3U5HMeTGimLy0oPMUpcjJJSc1KAASSrAf29uVfLy7bo9Ps+PHuy52ahUo1Nq1RXFbiUunqYSFynGYr6hIX5lrNhCFBBJBX4eIetT3Av2FWKFZTNu0dy+qtCmVSQ09WH2aU1GhvoaCWZBgKeedUHUqUgR0hIzzOWWYS+RWqzSLNm3DX4EZms06FJmyqdClLkxiqMhbgQiQ4wyohQSOJZGWfYcuIQSv7nX9TqRbNw0m16TMo9zqo8aIZNZkxpLcutBsJS42imvJ5aFryKw4SRx092Alleuuu2ntvWrzuKlxU1uiU6dUpFKgTHJEVfk0OOIQmS7GZV40pTqJY8JJ4KyzIR2JubdFIqdKg7gW/Bp8WvRZcukzqLUXainXAimY4y83IiQ1IUWkqUlSdaSRkcuGYf3bl+biVe3272qds0mBaUqlLrUVLdXkSKlylRjIYQ417PbaClDSF6Xjp7tWWA+SgbpXmsWhPvC2IEC3r2XHYpU+lVR2c8xImxVSmESWHocXIKSgpKm1r0q7suOA+2wtwL3v9EO4qfb1KjWNNeebTIdq7yqs22w4toqciIgFpLmpHiaMnNPec8ByH957kRRJe4TFpsu7Uwn3kPVU1EirLgxn1MOzm4IjFsspKVLCTJC1NjVl2JwHTkX9uJU7qumiWXbNIqVOtV+LFffqFYfhSZTkuBHngMttwJDaQEvhAK3eJGfDAeDW71VuZNqRNvqFHmVm56TJrzjVbmrpzEKLCdYjuocWxHlqW6Hnw2EpRlwJzwHtS93JslVGgVShoiVuVdL9m1eOzLL8ePIjwH6hz2XSy2XULQ0jIKQ2fHx+TxC0sAwDAMAwDAMAwFfbs0yo1SHaSKbEelqi3XQ5ckMIU4W4zEsKcdXpByQgcVKPAYCD3nbdwS6Z1BtxaXKecrtOYboqW2XFmYtNDQyUxwB/aEODRkjPxcO3AfZR9sjXr9vCp1t6v0mOtqitwXKZVKlRmH+VT0odOUN5lLpQsaSTmU9mArui7SXVXI22yBFk0eu2rakmVTJdQYdMRmtxqpEdjsTULGSg4gLzSrxgeNPiSDgJVd2u761Yt6XrZtwM0ynwa3Sq9S6axUHZkKqPOwi2UinFLz0Zfl3eW80FNqGknLuDv3A1tlLsmi0ydat0P0orkSKItikV16s0+Sh1QLodLapcVwqJLanFJ1J9KMB16Axe1Q2MmRbtZkvXbIpVUYQy+hHn3Wlc9EMPoZ8PmFs8rmhP/sJ78B8FYodZd222vp7VPkLnU2p2m7UIyWll2O3EcYL6nUgZpDeR1lXye/ASreKnzqttNfFMpkZ2ZUZlCqUeJEjoU68685FcShCEJBKlKJyAHbgORA2ppsWkmpKfqVWuhNHfgU5yszn5QiGXHCHEstuK5bRWQEqUE6shlnlgK92+olswbOj0OPa10U+/o9tuwZnn4td9n+cRTy08hDrxXCVqWCG+Wcjw0YD2tDbqpWZVtr7jlx6zXaWulxqZPplRkzqgqgVd6KNE1mO8taWUEFyK94ByQUkaU68B0Fhlzcyk1XbGgV+i1WbVNN8GRTJlLoUynBtwPPvebbbZckBQRyXY+biifESnPAcRSLmibOVHYdFrVhy73o023ok5MJ1VGXGlvONtzjUAOQlsMuBxSFLDgIKdGeAs/b2jVCk3ruU7KjPNQZlTpaqdJdbUhuQ0xQoDC1tqIyUA42pBKexQI7sBVFh7ZVeqVWxI9wxa5RYdOtauNSZUCTPozrct2txnGmHX4q2V+NvU4GlKyVp1ZeHMQPdm061Z4TUWqVWqlSqBuU9WXdSZdVqb1LeoaoQko5hcfkgOvAEp1qyBy+TgL7tm54d1QnJ8KHUYTTTpZLVXp8ulPlQSFZpamNNLUnxfKCcs8x3YkdrAMAwDAMAwDAMAwDAMAwDAMAwDAMAwDAMAwDAMAwDAMAwDAMAwDAMB//Z);
  width: 80px;
  height: 25px;
  background-size: 100%;
  background-repeat: no-repeat;
  position: absolute;
  right: 17px;
  top: -35px;
}
.container.idp-selector .panel .panel-heading {
  background: #f5f5f5;
}
.container.idp-selector .panel .btn {
  padding: 16px 12px;
}
.container.idp-selector .panel .btn + .btn {
  margin-left: 0;
  margin-top: 10px;
}
.availability-container {
  background-color: #444;
  width: 100%;
  display: flex;
  padding: 5px;
  color: white;
}
.statview {
  width: 100%;
}
.statview h1 {
  margin-bottom: 30px;
}
.statview .spinner {
  left: 40%;
  margin-left: -30px;
  margin-top: -30px;
}
.statview .week-picker button {
  border: none;
  background-color: #ddd;
}
.statview .stat {
  float: left;
  clear: both;
}
.statview > div {
  display: inline-block;
  vertical-align: top;
}
.statview #chart-graph {
  width: 590px;
}
.statview #chart-graph .chart {
  min-height: 405px;
}
.statview .explanation {
  margin-left: 10px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #777;
}
.statview .explanation i {
  font-size: 16px;
  position: relative;
  top: 2px;
  color: #999;
}
.statview .separator {
  width: 100%;
  border-bottom: 1px solid #e3e3e3;
}
.statview .explanation-container {
  background: #f8f8f8;
  display: none;
  border-bottom: 1px solid #e3e3e3;
  padding: 20px 30px;
  margin: -20px 0;
  max-height: 0;
  opacity: 0;
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -ms-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}
.statview .explanation-container.visible {
  display: block;
  max-height: 100%;
  margin: -19px 0 20px;
  opacity: 1;
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -ms-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}
#dc-timeLine-chart svg:not(:root) {
  overflow: visible !important;
}
#dc-totals-metrics.statistics-components {
  margin: 30px 0;
  max-width: 1110px;
  justify-content: space-around;
}
#dc-totals-metrics.statistics-components h4 {
  display: flex;
  align-self: flex-start;
  margin: 2px 0;
  font-size: 16px;
}
#dc-totals-metrics.statistics-components div.metrics-component {
  align-self: center;
}
#dc-totals-metrics.statistics-components div.metrics-component .metrics-content {
  font-size: 16px;
}
#dc-totals-metrics.statistics-components > div {
  padding: 0;
  flex: initial;
}
#dc-bar-chart-and-data-wrapper {
  min-width: 1190px;
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
}
#dc-bar-chart-wrapper {
  float: left;
  width: 250px;
}
#dc-table-wrapper {
  float: left;
  width: 860px;
}
.statisticsFilters {
  border-top: 1px solid #d4d4d4;
  border-right: 1px solid #d4d4d4;
}
.statisticsFilters h4 {
  margin: 20px 0;
}
.statisticsTable {
  border-top: 1px solid #d4d4d4;
  padding-right: 0;
}
.data-table {
  font-size: 12px;
  padding: 10px 0 0 10px;
}
.data-table table {
  width: 100%;
}
.data-table th {
  vertical-align: text-top;
  line-height: 14px;
}
.row-chart .sort-chart,
#dc-bar-chart-wrapper .sort-chart {
  float: right;
  font-size: 9px;
  color: #888;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.row-chart .reset-filters,
#dc-bar-chart-wrapper .reset-filters {
  float: right;
  font-size: 9px;
  color: #FFF;
  cursor: pointer;
  padding: 3px 5px;
  margin-top: 17px;
  background: #00b7c9;
  border: none;
  border-radius: 5px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.row-chart .reset-filters[disabled],
#dc-bar-chart-wrapper .reset-filters[disabled] {
  background: #DDD;
  color: #888;
}
.row-chart label,
#dc-bar-chart-wrapper label {
  font-size: 12px;
  font-family: 'vngage-semibold', sans-serif;
}
.row-chart svg:not(:root),
#dc-bar-chart-wrapper svg:not(:root) {
  overflow: visible !important;
}
div.dc-chart {
  float: none;
}
.dc-chart g.row text {
  fill: black;
}
.dc-chart .axis line {
  fill: none;
  stroke: #DDD;
  shape-rendering: crispEdges;
}
.progress-bar {
  overflow: visible;
  float: left;
  width: 0;
  height: 100%;
  font-size: inherit;
  line-height: inherit;
  color: #000;
  text-align: left;
  background-color: #CDE0E6;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
}
.dc-table-group {
  font-weight: bold;
  border-top: 1px solid #d4d4d4;
  border-bottom: 1px solid #d4d4d4;
}
.tooltip-inner {
  color: #000;
  background-color: #EEE;
  border: 1px solid #000;
}
.statisticsFilters {
  background-color: #fcf3e4;
}
.statisticsTableAndTotals {
  border-right: 1px solid #EEE;
}
.weekPickerInStats {
  float: right;
}
.statisticsTotals .totalWithPercentage {
  color: #888;
}
.statisticsTable .header-sticky {
  visibility: hidden;
  position: fixed;
  top: 0;
  background: #fff;
  border-bottom: 1px solid #ccc;
  transition: transform 100ms ease-out;
  box-shadow: 0 6px 8px -6px rgba(0, 0, 0, 0.5);
}
.statisticsTable .fixed-mode .header-sticky {
  visibility: visible;
}
.statisticsTable .dateStyle {
  font-style: italic;
  color: #999;
}
.statisticsTable .parenthesisStyle {
  font-style: italic;
}
.statisticsTable .progress-bar {
  white-space: nowrap;
}
.statisticsTable .progress-bar span {
  color: #777;
}
.statisticsTable #dc-table-graph th {
  color: #888;
}
.statisticsTable #timeColumnHeader {
  width: 110px;
}
.week-picker {
  padding: 10px 15px;
}
.week-picker button {
  display: inline;
  list-style-type: none;
  width: 40px;
  margin: 0 5px;
  padding: 4px 8px;
  border-radius: 8px;
  border: 1px solid #AAA;
  color: #000;
}
.week-picker div {
  margin-top: 5px;
  font-size: 12px;
  color: #888;
}
.banner-edit-translation .well {
  margin-top: 6px;
  margin-bottom: 35px;
}
.translation-list {
  clear: both;
  padding-top: 5px;
  padding-bottom: 10px;
}
.translation-list .list-group-item {
  cursor: pointer;
}
.translation-list .list-group-item.active {
  background: #d9edf7;
  border-color: #ddd;
  color: #222;
}
.translation-list .list-group-item .default-translation-label {
  font-size: 8px;
  color: #009dff;
  position: absolute;
  top: 4px;
  left: -35px;
  z-index: 2;
}
.list-group .map-item {
  display: flex;
}
.list-group .map-item .map-group {
  flex: 1;
}
.list-group .map-item .map-link-icon {
  flex: 1;
  text-align: center;
}
.list-group .map-item .map-translation {
  flex: 1;
}
.list-group .map-item .remove-mapping i {
  float: right;
  display: none;
}
.list-group .map-item:hover .remove-mapping i {
  display: block;
}
.translation-add-btn {
  margin-bottom: 8px;
}
.translation-edit-link {
  cursor: pointer;
  margin-left: 8px;
  color: #A0A0A0;
  font-size: 10px;
  text-decoration: underline;
  vertical-align: middle;
}
.translation-remove-link {
  cursor: pointer;
  margin-left: 8px;
  color: #FF5555;
  font-size: 10px;
  text-decoration: underline;
  vertical-align: middle;
}
.translation-keys-list {
  padding: 10px;
  background: #FFF;
  height: 310px;
  overflow-x: hidden;
  overflow-y: scroll;
  border: 1px solid #ddd;
  border-radius: 4px;
}
.translation-keys-list .translation-keys-list-item {
  background: #FFF;
}
.translation-keys-list .translation-keys-list-item label {
  font-weight: bold;
  font-size: 12px;
}
.translation-custom-keys-list {
  padding: 8px 8px 0 8px;
  background: #FFF;
  max-height: 310px;
  overflow-x: hidden;
  overflow-y: scroll;
  border: 1px solid #ddd;
  border-radius: 4px;
  list-style-type: none;
  margin-top: 10px;
}
.translation-custom-keys-list .translation-keys-list-item {
  background: #FFF;
}
.translation-custom-keys-list .translation-keys-list-item label {
  font-weight: bold;
  font-size: 12px;
}
.translation-add-custom-key {
  margin-top: 20px;
  width: 100%;
}
.translation-add-custom-key .errorMessage {
  padding: 5px 0;
  color: #AA0000;
  font-weight: bold;
}
.translation-add-custom-key input {
  margin-right: 3px;
}
.translation-add-error-key {
  margin-top: 20px;
  width: 100%;
}
.translation-add-error-key .errorMessage {
  padding: 5px 0;
  color: #AA0000;
  font-weight: bold;
}
.queueReservationOpeningHours .overrideIntervalError span {
  color: red;
  font-weight: bold;
}
.queueReservationOpeningHoursModal select.form-control {
  width: unset;
  padding: 0.175rem 0.45rem;
  height: auto;
  min-height: unset;
}
.queueReservationOpeningHoursModal .errorText {
  color: #B00;
  padding-left: 5px;
  padding-right: 5px;
}
.queueReservationOpeningHoursModal .override {
  background-color: #ffc0c0;
}
.queueReservationOpeningHoursModal .applyToWeekDays .disabled {
  color: #909090;
}
.queueReservationOpeningHoursModal .block {
  padding: 8px 0;
}
.queueReservationOpeningHoursModal .block.edited {
  background-color: #e9eaee;
}
.queueReservationOpeningHoursModal .block.inConflict {
  background-color: #fcdcdf;
}
.queueReservationOpeningHoursModal .opening-hours-block select {
  color: #000;
}
.queueReservationOpeningHoursModal .opening-hours-block select option {
  color: unset;
}
.queueReservationOpeningHoursModal .opening-hours-block .valid-on-workdays-only,
.queueReservationOpeningHoursModal .opening-hours-block .valid-on-workdays-and-holidays,
.queueReservationOpeningHoursModal .opening-hours-block .valid-on-holidays-only {
  color: #000;
  padding-left: 12px;
}
.queueReservationOpeningHoursModal .opening-hours-block .valid-on-workdays-only::before,
.queueReservationOpeningHoursModal .opening-hours-block .valid-on-workdays-and-holidays::before,
.queueReservationOpeningHoursModal .opening-hours-block .valid-on-holidays-only::before {
  font-size: 16px;
  margin-right: 5px;
}
.queueReservationOpeningHoursModal .opening-hours-block .valid-on-workdays-and-holidays {
  color: #B50;
}
.queueReservationOpeningHoursModal .opening-hours-block .valid-on-holidays-only {
  color: #B00;
}
.logged-out-landing {
  background: #f5f5f5;
  padding: 60px;
  width: 50%;
  margin: 7% auto;
  box-shadow: 0 20px 60px -15px #bbb;
}
.user-profile-avatar {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAtCAYAAAA6GuKaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABgNJREFUeNrMmW1QVFUYgN9dFlg+dtcCQhQcncChqUY0sQCpmVQQbKapECo/+uGMODkxkP5pND/K7EdJiP6sZhxAEE2b/qQx0ZQUkM6YEtDEFEXIyi7ofrHs9+19L2cZBmHvuXfXj9d5BmHuuee5d895z3vOqkxj4xBmpCHPIzlIFpKBJCA6xI5MIP8hfyLXkZ8QYzgdqhRKpyBbkW3ISgXtryENSCNivtfS9FbfQ3Yg8RB+TCKfIx/Lefu80hrkHeQDJBEiHw7kIFKP+CIhvRhpRgpDXSQIAmg0GkhISIDYaI34N78A4HQ6YXJyElQqFY/8ZeQN5GY40gXIBTaG54wAysZER8MjBr34+03jLTCbzRDw+8UHWLpsmfgQLq8PbFbrVKehH2AMeQXpUCK9Efkq1NgN+AOQnJIEUSjx7cVL0NjYAN1dXTA4OAiBQAAMhgWw6plVUFJaCtu3vQWpjyXD+B0r+P0+KXEn8hpyUY70s0h7SGGUSk1JBpN5DKqqquBMS3PIzz0zMws+OnoUyjeXgcVmA4/HyyP+ItLNI70EuRpySDDh4REjFG1YD/19fdwzrrb2M6ipqYbbFiv4fJJvnNLhamQolHQ08iOSF2rC6RITQcB/ec/lwY3rv8lOFS1nWqGifDOYx2/zXN6JvIB4g39Qz7pgTyhhiqioKIjTxsKhAwcUCVPsqtwJwzdHwKDXiy9BIvKYF8wlTcNiv9QdDAYDDPz1Nxw/flxxUrZYLFBfX49ZRwMqtZqnyfvM7y7pg6xmCJ2L1SpoamrCieQJazWhTDM2fgf0Oh3P5ZQQDs+WpqfYLtVSq9WCG2f9923fhb0EGkdGoOPnjumFiCO2Bt92UHoHW6pDBi0W/wwNQc/vPRFZu6/82i3ncg3znJbewtMqCrOTaXQUrBZrRKSH/h2S22RLUDoTeZy3ld1uj1yVNDExnZE4gzyz1KyA547YmJiISav5MsfsKFTLLeIp5XFWbJKRlPToVDWIxZWMWEnSy3mv9vj8kLZoMaRnZEREOisrS0mz5eqZSVtyDDocsCgtFXJW5EREOr9grZJmS9RydiJigYM/Xy0rC1s4N3cNrMldDfYJp9ymOpLWc+/NcCw7XW54vaICsrOzw5Les3cvRONOh3Y1SqQdstIUDhFtbAzU1tUpFi4t3SRWeVa7Q8mkdsiWpk7GcXEpKS6GD48ckS2ciZPv1KlT4A8I4HK5lDyzXS21iZxzbHu94ljcv28ffPLpMVi4cCHXwxYXb4T29h8gOTkJi6VxpXl6hFoNKGkZrIP37nkXivCtS5Zp8fFQuWsXZKQvnlqkYmPFHZCCGCBp7kqeOtHGxYlbrQSUaMASdXVuLjQ2NEi2paMEGselm16CS21tsECvE+8TgyusTPnrtN16Cv/TI/VW41BWlxAPOBTh3NlWqMOJ2NnZqXgylpSUQHV1DRQVbRB/p0npdrt5JubTJE1XDSOL5pLVauNAnxgPblwNv75wHk7Wn4COjssRqz9I/u3du/ET2CRWbzbHhDhB55E3iodHtLFFjiFCkFHzmGCx2QWKSbdHaDzdLOQXFNAgvmesW7deaD13TnB5fWK/FrtD9JjphdSKG3Em/QQSCApTuLFxc8sZIT8//57KzmZtYaFwuqVFcHm8oscM8QDznJYmztMFvkBA+KWrW2x8P2VnQy+r+8pVAfN5UPxC0HWm9JOTLrfXeGtUSEtLe6DCQdLT04VboyaBvMgv6Dozu/fi8lzX298PRqMRHoYYHh6G3r4+KhvovKJ3vsOaw5gy/oCHKIQpn0PzHdZMFSNqdTk7/HsYwok+FbPro7kW/x52sO1/wMJ+5nHjrr3lPA2+QSofoDj1u5N5AK80xRfsSV33WZj6exP5ct5dvMQNzrJTy4H7JDzA+msNefTAcSOqAulg+wRwfPMUxnA4wfqRrDp5q3AbUoWsYeNMiJCswO6Xy+5v4zrkkdkJfdP6MrICOYmYFMqaWPscdr9rck8i79oWcQSlRfoytIZ9pIVMgA5+6CQnbsa1tN0OfjdOHz3VtVd5h9pcOv8LMACsmBPf+6mKggAAAABJRU5ErkJggg==');
  width: 45px;
  height: 45px;
  margin: 0 auto 20px;
}
.desktopLegacy {
  font-family: Helvetica, Arial, Sans-Serif;
  font-size: 11px;
  color: #666;
  margin: 0;
  padding: 0;
  overflow-x: hidden !important;
  background: #F3F3F3;
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
  /* set default placeholder text color, espcially for mozilla */
  /*
 * GENERAL ELEMENTS
 */
  /* =================================================
   temp sections until page layout has come further
   ================================================= */
  /* DESKTOP */
  /*
 * Messages
 */
  /*
 * Drag drop
 */
  /*
 * Page sections
 */
  /* TODO: CLEAN OUT */
  /*
 * LEFT MENU
 */
  /*
input,select,textarea{
	border:1px solid #b2b2b2;
	background-color:#fff;
	width:94%;
	padding-left:5px;
	margin-bottom:2px;
	font-size:12px;
}
*/
  /*.formSection h3, .formSection legend{*/
  /*
 * icon
 */
  /*
.listCreateNew{

    float:right;
    background: #fff no-repeat left center url(../../static/img/plus.png) !important;
    line-height:1.5em  !important;
    margin-top:7px  !important;
    height:23px  !important;
	color:#000  !important;
	padding-left: 20px !important;
    padding-right: 12px;
    text-align: left;
    width: auto;
    float:right;
}
.listCreateNew:hover {
    background: #9ad496 no-repeat left center url(../../static/img/plus.png) !important;
    color:#000  !important;
}
*/
  /* ////////////////////////////////////////////////////////////////////////////////////////

coWorker dropdown (transfer to group)

*/
  /*
.psPlugin-dd:hover .psPlugin-dd-trigger:hover {
	background:#888;
}
*/
  /* ////////////////////////////////////////////////////////////////////////////////////////

coBrowsing zoom/scale

*/
  /*zoom-toggle specific*/
  /*
.psExpandableAreaHeaderIcon {
	opacity: 0.7;
	position: absolute;
	top: 3px;
	width: 8px;
	height: 12px;
	cursor: pointer;
}

.psExpandableAreaHeaderIconInactive {
	opacity: 0.2;
}

.psExpandableAreaHeaderIcon:hover {
	opacity: 0.4;
}

.psExpandableAreaHeaderIconMinimize {
	right: 14px;
	background: url(img/desktop/expandableArea/minimize.png) no-repeat top;
    display: none;
}

.psExpandableAreaHeaderIconPreview {
	right: 2px;
	background: url(img/desktop/expandableArea/preview.png) no-repeat top;
    display: none;
}

.psExpandableAreaHeaderIconMaximize {
	right: 2px;
	background: url(img/desktop/expandableArea/maximize.png) no-repeat top;
    display: none;
}

.stateCollapsed .psExpandableAreaHeaderIconMaximize,
.stateFull .psExpandableAreaHeaderIconMaximize {
	display: none;
}

.statePreview .psExpandableAreaHeaderIconPreview {
	display: none;
}
*/
  /*
.psCaseAutoTextIcon {
    z-index:10;
    position: absolute;
	top: 0;
	left:1px;
	width: 12px;
	background: url(../../static/img/chat/ico_autotext.png) no-repeat 0 4px;
	height: 20px;
	cursor: pointer;
	opacity:0.5;
}

*/
  /* ie6/7 */
  /*
.psIframeTopMenu button {}
*/
  /* + -indicator for proactive queue */
  /*TODO: add the p to view later on */
}
.desktopLegacy * {
  box-sizing: content-box;
}
.desktopLegacy ::-webkit-input-placeholder {
  color: #CCC;
}
.desktopLegacy input:-moz-placeholder,
.desktopLegacy textarea:-moz-placeholder {
  color: #CCC;
}
.desktopLegacy h1,
.desktopLegacy h2,
.desktopLegacy h3,
.desktopLegacy h4,
.desktopLegacy h5,
.desktopLegacy h6,
.desktopLegacy p {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
}
.desktopLegacy label input[type="radio"] + span,
.desktopLegacy label input[type="checkbox"] + span {
  margin-left: 0.5em;
}
.desktopLegacy #leftSection,
.desktopLegacy #leftContentSection,
.desktopLegacy #contentSection {
  /*background-color:#FAFAFA;*/
  position: absolute;
  padding-top: 15px;
  min-height: 600px;
}
.desktopLegacy #leftSection {
  width: 150px;
}
.desktopLegacy #leftContentSection {
  left: 160px;
  width: 350px;
}
.desktopLegacy #contentSection {
  left: 520px;
  right: 462px;
}
.desktopLegacy .transitionAll {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.desktopLegacy .transitionOpacity {
  -webkit-transition: opacity 0.3s 0.1s linear;
  -moz-transition: opacity 0.3s 0.1s linear;
  -o-transition: opacity 0.3s 0.1s linear;
  -ms-transition: opacity 0.3s 0.1s linear;
  transition: opacity 0.3s 0.1s linear;
}
.desktopLegacy .helpSection {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAAAAAA6fptVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABRJREFUeF4FwTEBAAAAwJD1D+weGQD4APc0a6VeAAAAAElFTkSuQmCC");
  -moz-box-shadow: -2px 3px 3px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: -2px 3px 3px rgba(0, 0, 0, 0.25);
  box-shadow: -2px 3px 3px rgba(0, 0, 0, 0.25);
  display: none;
}
.desktopLegacy #flexibleCol {
  background-color: #FAFAFA;
  position: absolute;
  left: 50px;
  right: 630px;
  min-height: 600px;
}
.desktopLegacy #coBrowsingArea {
  min-height: 400px;
  border-bottom: 10px solid #fff;
}
.desktopLegacy #dropTargetArea {
  min-height: 80px;
  border-bottom: 10px solid #fff;
}
.desktopLegacy #logo {
  /*
	display:block;
	background-image: url("sharedlib/img/menu/logo.png");
	height: 26px;
    width: 170px;
    */
}
.desktopLegacy .psPlugin_loader {
  background-image: url(img/desktop/ajax-loader.gif);
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 2000;
  position: fixed;
  height: 100%;
  width: 100%;
}
.desktopLegacy .page_overlay {
  background-color: #ffffff;
  -moz-opacity: 0;
  opacity: 0;
  position: fixed;
  /*absolute;*/
  width: 100%;
  /*
	height: 100%;
	top: 47px;
	*/
  top: 51px;
  bottom: 0;
  left: 0;
  display: none;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}
.desktopLegacy .actionPanel {
  display: inline-block;
  height: 25px;
  background-color: #ccc;
  margin-right: 10px;
  padding: 5px;
  line-height: 25px;
}
.desktopLegacy #dropZone {
  height: 60px;
  border: 2px dashed #999;
}
.desktopLegacy .actionPanel h3 {
  display: block;
  position: relative;
  top: -15px;
  left: -5px;
  margin-bottom: -25px;
}
.desktopLegacy #userColActive {
  background-color: #FAFAFA;
  position: absolute;
  right: 340px;
  width: 280px;
  min-height: 600px;
}
.desktopLegacy #userColInactive {
  background-color: #FAFAFA;
  position: absolute;
  right: 50px;
  width: 280px;
  min-height: 600px;
}
.desktopLegacy #foldOutMenu {
  z-index: 1000;
  background-color: #ccc;
  transition-property: left;
  transition-duration: 0.2s;
  /* Firefox 4 */
  -moz-transition-property: left;
  -moz-transition-duration: 0.2s;
  /* Safari and Chrome */
  -webkit-transition-property: left;
  -webkit-transition-duration: 0.2s;
  /* Opera */
  -o-transition-property: left;
  -o-transition-duration: 0.2s;
  border: 1px solid #000;
  position: absolute;
  left: -140px;
  width: 180px;
  min-height: 600px;
}
.desktopLegacy #foldOutMenu:hover {
  left: 0px;
}
.desktopLegacy #foldOutPanelRight {
  z-index: 1000;
  background-color: #ccc;
  transition-property: right;
  transition-duration: 0.3s;
  /* Firefox 4 */
  -moz-transition-property: right;
  -moz-transition-duration: 0.3s;
  /* Safari and Chrome */
  -webkit-transition-property: right;
  -webkit-transition-duration: 0.3s;
  /* Opera */
  -o-transition-property: right;
  -o-transition-duration: 0.3s;
  border: 1px solid #000;
  position: absolute;
  right: -340px;
  width: 380px;
  min-height: 600px;
}
.desktopLegacy #foldOutPanelRight:hover {
  right: 0px;
}
.desktopLegacy #userInfo {
  position: absolute;
  top: 5px;
  bottom: 5px;
  right: 52px;
  border-radius: 4px;
  padding: 6px 6px 0 10px;
  color: #e5e5e5;
  line-height: 12px;
  font-size: 10px;
  -webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.25);
  box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.1);
  -webkit-text-shadow: 1px 1px 2px #666;
  text-shadow: 1px 1px 2px #666;
  width: 200px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  /*
		border-right:1px solid rgba(255,255,255,.2);
	*/
}
.desktopLegacy #userInfo span {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.desktopLegacy #userInfo b {
  font-weight: bold;
  padding-left: 2px;
}
.desktopLegacy .visitorPanelMinimized .psPanel_container {
  border-bottom: 0;
}
.desktopLegacy .psPanel_container .itemList li {
  clear: both;
  padding: 3px;
  height: 16px;
  background-color: #fff;
}
.desktopLegacy .psPanel_container .itemList li:nth-child(odd) {
  background-color: #f3f3f3;
}
.desktopLegacy .psPanel_container .itemList li:hover {
  background-color: #d4d0d2;
}
.desktopLegacy .psPanel_container .itemList h2 {
  float: left;
  line-height: 17px;
}
.desktopLegacy .psPanel_container .itemList .buttonlist {
  float: right;
}
.desktopLegacy .psPanel_container .itemList .buttonlist input[type="button"] {
  margin: 0 1px 0 0;
  padding: 3px 5px;
  width: auto;
}
.desktopLegacy .codeEditor {
  height: '400px';
}
.desktopLegacy .codeStarterWrapper {
  display: block;
  /*background: -moz-linear-gradient(top, #2589b4, #156385);
	background: -webkit-linear-gradient(top, #2589b4, #156385);*/
  background: #156385;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  color: #FFFFFF;
  font-size: 18px;
  font-weight: bold;
  left: 150px;
  padding: 20px 40px;
  position: absolute;
  top: 10px;
}
.desktopLegacy .page_rightSection {
  /*border-left:2px solid black;*/
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAAAAAA6fptVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABRJREFUeF4FwTEBAAAAwJD1D+weGQD4APc0a6VeAAAAAElFTkSuQmCC");
  -moz-box-shadow: -2px 3px 3px #ccc;
  -webkit-box-shadow: -2px 3px 3px #ccc;
  box-shadow: -2px 3px 3px #ccc;
}
.desktopLegacy .psPanel_container {
  /*position:relative; prevents us from having rounded corners*/
  min-height: 50px;
  /*border:1px solid #a7a6a6;*/
  /*-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;*/
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-bottom-left-radius: 0;
  -moz-border-bottom-right-radius: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -moz-border-top-left-radius: 4px;
  -moz-border-top-right-radius: 4px;
  background-color: #f9f9f9;
  /*overflow:hidden;*/
  position: relative;
  -moz-opacity: 0.8;
  opacity: 0.8;
  -webkit-transition: all 0.2s ease-out;
  /* Saf3.2+, Chrome */
  -moz-transition: all 0.2s ease-out;
  /* FF4+ */
  -o-transition: all 0.2s ease-out;
  /* Opera 10.5+ */
  transition: all 0.2s ease-out;
  visibility: hidden;
  margin-bottom: 10px;
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.desktopLegacy .psPanel_content .psPanel_container {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.desktopLegacy .psPanel_content .psPanel_container .chatWrapper button.panelSelected {
  background-color: #DBD8D8 !important;
}
.desktopLegacy .psPanel_content .psPanel_container .psPanel_header {
  background-color: #DBD8D8;
  padding-left: 2px;
}
.desktopLegacy .psPanel_opacityNull {
  visibility: visible;
  -moz-opacity: 0.8;
  opacity: 0.8;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.desktopLegacy .psPanel_opacityFull {
  visibility: visible;
  -moz-opacity: 1;
  opacity: 1;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.desktopLegacy .psPanel_header {
  border: 1px solid rgba(0, 0, 0, 0.2);
  font-weight: bold;
  font-size: 12px;
  height: 21px;
  line-height: 21px;
  color: #fff;
  /*background-image: -webkit-linear-gradient(top, rgba(255,255,255,.25), rgba(255,255,255,0));
	background-image: -moz-linear-gradient(top, rgba(255,255,255,.25), rgba(255,255,255,0));
	background-image: linear-gradient(top, rgba(255,255,255,.25), rgba(255,255,255,0));*/
  background-color: #55043b;
  -moz-border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  white-space: nowrap;
}
.desktopLegacy .psPanel_header .psPanel_header-title {
  display: block;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  padding: 0 10px;
  cursor: pointer;
}
.desktopLegacy .psPanel_close {
  float: right;
  position: relative;
  color: white;
  cursor: pointer;
  width: 24px;
  font-size: 15px;
  text-align: center;
  margin-right: -3px;
  -webkit-text-shadow: 0 -2px 1px rgba(0, 0, 0, 0.2);
  text-shadow: 0 -2px 1px rgba(0, 0, 0, 0.2);
}
.desktopLegacy .psPanel_close:hover {
  -moz-text-shadow: 0 0 3px #fff;
  -webkit-text-shadow: 0 0 3px #fff;
  text-shadow: 0 0 3px #fff;
}
.desktopLegacy .psPanel_content {
  min-height: 50px;
}
.desktopLegacy .psPanel_content:before,
.desktopLegacy .psPanel_content:after {
  content: " ";
  display: table;
}
.desktopLegacy .psPanel_content:after {
  clear: both;
}
.desktopLegacy .psPanel_content {
  *zoom: 1;
}
.desktopLegacy .psPanel_footer {
  height: 20px;
  border-top: 1px solid #fff;
}
.desktopLegacy .psPanel_overlay {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 1001;
  /* Firefox 4 */
  -moz-transition-property: opacity;
  -moz-transition-duration: 0.2s;
  /* Safari and Chrome */
  -webkit-transition-property: opacity;
  -webkit-transition-duration: 0.2s;
  /* Opera */
  -o-transition-property: opacity;
  -o-transition-duration: 0.2s;
  transition-property: opacity;
  transition-duration: 0.2s;
  filter: alpha(opacity=50);
  -moz-opacity: 0;
  opacity: 0;
  /*visibility:hidden;*/
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.desktopLegacy .psPanel_overlayLoader {
  background-image: url(img/desktop/ajax-loader.gif);
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #f1efef;
}
.desktopLegacy .psPanel_overlayVisible {
  display: block;
  visibility: visible;
  -moz-opacity: 0.8;
  opacity: 0.8;
}
.desktopLegacy .psPanel_overlayHidden {
  -moz-opacity: 0;
  opacity: 0;
}
.desktopLegacy .psPanel_overlayRemoved {
  visibility: hidden;
  display: none;
}
.desktopLegacy .psPanel_notice {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  z-index: 1002;
  text-align: center;
  display: none;
}
.desktopLegacy .page_overlay {
  z-index: 10001;
}
.desktopLegacy .page_notice {
  position: absolute;
  top: 48px;
  left: 0%;
  width: 100%;
  height: 100%;
  z-index: 10002;
  text-align: center;
  display: none;
}
.desktopLegacy .psPlugin_messageWrapper {
  /*
    background-color: #FFFFFF;
    padding: 10px 30px 10px 10px;
    border: 1px solid #CCCCCC;
        */
  top: 15%;
  display: inline-block;
  position: relative;
}
.desktopLegacy .psPlugin_messageArea {
  margin-left: 58px;
  margin-top: 3px;
  text-align: left;
}
.desktopLegacy .psPlugin_messageAreaHeading {
  color: #333333;
  font-size: 16px;
  font-weight: bold;
  -webkit-text-shadow: 0 1px 2px #AAAAAA;
  text-shadow: 0 1px 2px #AAAAAA;
}
.desktopLegacy .psPlugin_messageAreaContent {
  font-size: 11px;
  margin-top: 10px;
  font-weight: bold;
}
.desktopLegacy .psPlugin_messageAreaButtons {
  margin-top: 10px;
  padding-top: 2px;
  /*border-top:1px solid #eee;*/
}
.desktopLegacy .psPlugin_messageIconerror,
.desktopLegacy .psPlugin_messageIconwarning,
.desktopLegacy .psPlugin_messageIconsuccess {
  position: absolute;
  /*    top:10px;
    left:10px;*/
  width: 50px;
  height: 45px;
}
.desktopLegacy .psPlugin_messageIconerror {
  background-image: url(img/desktop/ico_error.png);
}
.desktopLegacy .psPlugin_messageIconwarning {
  background-image: url(img/desktop/ico_warning.png);
}
.desktopLegacy .psPlugin_messageIconsuccess {
  background-image: url(img/desktop/ico_check.png);
}
.desktopLegacy .dragDropLibrary {
  background-color: #C4C4C4;
}
.desktopLegacy .dragDropLibrary .psPanel_header.panelSelected {
  background-color: #ADADAD !important;
  color: #fff !important;
}
.desktopLegacy .dragDropTarget {
  background-color: #EEDAE6;
}
.desktopLegacy .dragDropTarget .psPanel_header {
  background-color: #780955;
  color: #fff;
  border-bottom: 1px solid #EEDAE6;
}
.desktopLegacy .dragDropTargetContent,
.desktopLegacy .dragDropLibraryContent {
  padding: 5px;
}
.desktopLegacy .pageSection {
  min-height: 600px;
  /*border:1px solid #eee;*/
  top: 55px;
}
.desktopLegacy .psPanel_content li .buttonlist {
  position: absolute;
  right: 1px;
  top: 2px;
}
.desktopLegacy .listHeader {
  overflow: hidden;
  line-height: 16px;
  height: 16px;
  padding: 3px;
  font-weight: bold;
  border-bottom: 1px solid #999;
  color: #999;
}
.desktopLegacy .listSelected,
.desktopLegacy .panelSelected {
  background-color: #780955 !important;
  color: #fff !important;
}
.desktopLegacy .menuSelected {
  background: #fff !important;
  color: #780955 !important;
}
.desktopLegacy .menuSelected {
  /*margin-top: -1px !important;
	border-top: 1px solid #888 !important;
	border-bottom: 1px solid #888 !important;*/
}
.desktopLegacy .listHeader span.listField:hover {
  -moz-text-shadow: 1px 1px 2px #fff;
  -webkit-text-shadow: 1px 1px 2px #fff;
  text-shadow: 1px 1px 2px #fff;
  color: #000;
  text-decoration: underline;
}
.desktopLegacy span.listField {
  display: block;
  float: left;
  width: 230px;
  overflow: hidden;
  line-height: 16px;
  cursor: pointer;
}
.desktopLegacy .psPanel_content .panelPadding {
  padding: 5px;
  padding-bottom: 0;
}
.desktopLegacy .listStatusBar {
  display: inline;
  line-height: 20px;
  padding: 3px;
  padding-top: 4px;
  color: #999;
}
.desktopLegacy .actionPanelWrapper {
  display: block;
  float: left;
  margin: 2px;
  padding: 4px 0;
  background-color: #f2f2f2;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /*width:50%;*/
}
.desktopLegacy .actionPanelHeader {
  position: relative;
  padding: 0 20px 2px 5px;
  color: #888;
}
.desktopLegacy .actionPanelContent {
  margin-top: -7px;
  min-height: 55px;
  padding: 0 2px;
}
.desktopLegacy .actionPanelContent div {
  display: inline-block;
  margin-right: 10px;
}
.desktopLegacy .actionPanelClose {
  display: block;
  position: absolute;
  top: 0;
  right: 2px;
  cursor: pointer;
}
.desktopLegacy .actionPanelClose:hover {
  -webkit-text-shadow: 0px 0px 2px white;
  text-shadow: 0px 0px 2px white;
  color: white;
}
.desktopLegacy .leftMenuLanguageIcon {
  background: url(img/desktop/menu/ico_language.png) no-repeat left center;
  padding-left: 25px !important;
}
.desktopLegacy .leftMenuGroupIcon {
  background: url(img/desktop/menu/ico_group.png) no-repeat left center;
  padding-left: 25px !important;
}
.desktopLegacy .leftMenuPhoneToPsIcon {
  background: url(img/desktop/menu/ico_phoneToWeb.png) no-repeat left center;
  padding-left: 25px !important;
}
.desktopLegacy section[data-ui="leftMenu"] {
  margin: -9px;
  margin-right: -10px;
  margin-bottom: 10px;
}
.desktopLegacy .leftMenuSection {
  overflow: hidden;
}
.desktopLegacy .leftMenuSectionHeader {
  height: 30px;
  line-height: 30px;
  background-color: #55043b;
  color: #fff;
  padding-left: 3px;
  font-weight: bold;
}
.desktopLegacy .leftMenuArea {
  background-color: #55043b;
}
.desktopLegacy .leftMenu {
  background-color: #55043b;
  min-width: 160px;
  float: right;
  cursor: pointer;
  overflow: hidden;
  margin-top: -10px;
}
.desktopLegacy .leftMenu li,
.desktopLegacy .leftMenu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.desktopLegacy .desktop.leftMenuArea {
  background: #fff;
  border-right: 1px solid #ccc;
}
.desktopLegacy .desktop.leftMenuArea .leftMenu {
  background: #fff;
}
.desktopLegacy .desktop .leftMenuSectionHeader {
  background-color: #e6e6e6;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  color: #000;
}
.desktopLegacy .desktop .leftMenu ul li {
  background-color: #fff;
  color: #000;
}
.desktopLegacy .desktop .leftMenu ul li:hover {
  background: #f0f0f0;
}
.desktopLegacy .leftMenu ul {
  overflow: hidden;
}
.desktopLegacy .leftMenu ul li {
  padding: none;
  padding-left: 10px;
  background: none;
  background-color: #55043b;
  height: 32px;
  line-height: 30px;
  font-weight: bold;
  /*border-bottom: 1px solid #ccc;*/
  color: #fff;
}
.desktopLegacy .leftMenu ul li:hover {
  background: #780955;
}
.desktopLegacy .leftMenu ul ul li {
  background-color: #780955;
  font-weight: normal;
  padding-left: 20px;
  color: #fff;
}
.desktopLegacy .leftMenu ul ul li:hover {
  background-color: #fff;
  color: #780955;
}
.desktopLegacy input,
.desktopLegacy select,
.desktopLegacy textarea {
  font-family: Helvetica, Arial, Sans-Serif;
  font-size: 12px;
  width: 100%;
  color: #666;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.desktopLegacy fieldset {
  margin: 0 0 10px 0;
}
.desktopLegacy label {
  margin: 8px 0px 3px;
  font-weight: bold;
  color: #666;
  line-height: 18px;
}
.desktopLegacy legend {
  display: block;
}
.desktopLegacy input[type="radio"],
.desktopLegacy input[type="checkbox"] {
  width: auto;
  border: none;
}
.desktopLegacy input:required:invalid,
.desktopLegacy input:focus:invalid {
  -moz-box-shadow: none;
  background-color: #FFFAFA;
  border: 1px solid #D96F76;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 2px;
}
.desktopLegacy input[readonly="readonly"] {
  background-color: #EEEEEE;
  border: 1px solid #CCCCCC;
  padding: 2px;
}
.desktopLegacy .formSection {
  padding: 0 4px 4px 4px;
  border: 1px solid #bbb;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin: 10px 5px 20px;
}
.desktopLegacy .formSection legend {
  display: inline-block;
  width: auto;
  font-style: italic;
  font-weight: normal;
  position: relative;
  /*
	top:-5px;
	left:15px;
	*/
  color: #aaa;
  padding: 0 6px;
  background-color: #F1EFEF;
}
.desktopLegacy .psIcon {
  display: block;
  position: relative;
  float: left;
  height: 30px;
  width: 40px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0px 1px 2px #666666;
  -moz-box-shadow: 0px 1px 2px #666666;
  box-shadow: 0px 0px 1px #666666;
  margin: 7px;
  cursor: move;
}
.desktopLegacy .psIconTitle {
  position: absolute;
  text-align: center;
  padding: 0 2px;
  line-height: 11px;
  top: 17px;
  display: block;
  font-size: 10px;
  width: 46px;
  margin-left: -6px;
  border: 1px solid #999;
  background-color: #eee;
  color: #666;
  -webkit-box-shadow: 0px 1px 3px #666666;
  -moz-box-shadow: 0px 1px 3px #666666;
  box-shadow: 0px 1px 3px #666666;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.desktopLegacy .iconDragStart {
  -webkit-box-shadow: 5px 5px 5px #666666;
  -moz-box-shadow: 5px 5px 5px #666666;
  box-shadow: 5px 5px 5px #666666;
}
.desktopLegacy .psIcon.iconDragStart {
  margin: 8px 8px 6px 6px;
}
.desktopLegacy .configurationListWrapper {
  margin: 16px 0;
  border-top: 1px solid #888;
}
.desktopLegacy .configurationListRow {
  height: 16px;
  padding: 3px;
  line-height: 16px;
}
.desktopLegacy .configurationListHistory {
  background-color: #d4d0d2;
}
.desktopLegacy .configurationListActive {
  background-color: #fff;
  border-bottom: 1px solid #DDDDDD;
  margin-bottom: 16px;
}
.desktopLegacy .configurationListTest {
  /*
    background-color:#8fa933;
    background: -moz-linear-gradient(top, #eeeeee, #cfe5ab);
	background: -webkit-linear-gradient(top, #eeeeee, #cfe5ab);
    line-height:28px;
    height:28px;
    border-top:1px solid #888;
    border-bottom:1px solid #888;
        */
}
.desktopLegacy .configurationListTest button,
.desktopLegacy .StartButton {
  font-weight: bold;
  padding: 7px 14px;
}
.desktopLegacy .listButton {
  margin-top: -2px;
}
.desktopLegacy .configurationListButtons {
  display: block;
  float: right;
}
.desktopLegacy .configurationListSpanName {
  font-weight: bold;
}
.desktopLegacy .taskConfigurationTester {
  background: #60932D;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  display: block;
  position: absolute;
  right: 255px;
  top: 5px;
  bottom: 5px;
  padding: 0 5px;
  /*width: 220px;*/
  cursor: pointer;
  color: #fff;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: all 0.3s ease 0s;
}
.desktopLegacy .taskConfigurationTester:active {
  -webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.4);
  box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.4);
  background: #476D11;
  color: rgba(255, 255, 255, 0.7);
}
.desktopLegacy .taskConfigurationTester:hover {
  border-color: rgba(0, 0, 0, 0.8);
  background: #476D11;
  color: rgba(255, 255, 255, 0.9);
  transition: all 0.3s ease 0s;
}
.desktopLegacy .taskConfigurationTester div {
  padding: 4px;
  font-weight: bold;
}
.desktopLegacy .taskConfigurationTester h1 {
  font-size: 18px;
  font-weight: bold;
  padding-bottom: 3px;
}
.desktopLegacy button:not(.btn),
.desktopLegacy .psFormButton,
.desktopLegacy input[type="button"],
.desktopLegacy input[type="submit"] {
  /*background-color: #888888;*/
  /*border: 1px solid #666666;*/
  /*background: -moz-linear-gradient(top, #999999, #777777);
	background: -ms-linear-gradient(top, #999999, #777777);
	background: -webkit-linear-gradient(top, #999999, #777777);*/
  border: none;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background-color: #777;
  color: #FFFFFF;
  font-size: 10px;
  font-weight: bold;
  font-family: Helvetica, Arial, sans-serif;
  line-height: 1.1;
  margin: 2px 3px 2px 0;
  padding: 4px 7px;
  white-space: nowrap;
  width: auto;
}
.desktopLegacy button::-moz-focus-inner,
.desktopLegacy input[type="button"]::-moz-focus-inner,
.desktopLegacy input[type="submit"]::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.desktopLegacy button:hover:not(.btn),
.desktopLegacy .psFormButton:hover,
.desktopLegacy input[type="button"]:hover,
.desktopLegacy input[type="submit"]:hover {
  background-color: #444;
  /*background: -moz-linear-gradient(top, #888888, #000000);
		background: -webkit-linear-gradient(top, #888888, #000000);
		background: -ms-linear-gradient(top, #888888, #000000);*/
}
.desktopLegacy button[disabled]:not(.btn) {
  background: #999;
  -webkit-box-shadow: inset 1px 1px 4px #444;
  box-shadow: inset 1px 1px 4px #444;
  color: #ccc;
}
.desktopLegacy button.coBrowserToggleBtn {
  background-color: #00b7c9;
  border: none;
  padding: 1px 4px 2px;
  /*background: -moz-linear-gradient(top, #5fa2b0, #44748C);
	background: -ms-linear-gradient(top, #5fa2b0, #44748C);
	background: -webkit-linear-gradient(top, #5fa2b0, #44748C);*/
  margin-right: 10px;
  margin-left: 2px;
}
.desktopLegacy button.coBrowserToggleBtn:hover {
  border-color: #1B2E3F;
  background: #2E4E5E;
  background: -moz-linear-gradient(top, #5fa2b0, #2E4E5E);
  background: -ms-linear-gradient(top, #5fa2b0, #2E4E5E);
  background: -webkit-linear-gradient(top, #5fa2b0, #2E4E5E);
}
.desktopLegacy button.selected:not(.btn),
.desktopLegacy .psFormButton.selected {
  background: #e71;
}
.desktopLegacy .psFormButton {
  width: auto;
  float: right;
}
.desktopLegacy .optionsButtons button {
  display: block;
}
.desktopLegacy .listCreateNew {
  float: right;
}
.desktopLegacy .psPlugin-btn-row {
  padding: 0 5px;
}
.desktopLegacy .psPlugin-dd {
  display: inline-block;
}
.desktopLegacy .psPlugin-dd-menu {
  display: none;
  position: absolute;
  margin: 0;
  padding: 0;
  background: #fff;
  -webkit-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.6);
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.6);
  border-radius: 4px;
  padding: 4px;
  font-size: 12px;
  z-index: 9999;
}
.desktopLegacy .psPlugin-dd-menu li {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: visible;
}
.desktopLegacy .psPlugin-dd-menu li {
  margin: 0;
  padding: 0;
}
.desktopLegacy .psPlugin-dd-menu a {
  display: block;
  white-space: nowrap;
  background: #fff;
  color: #666;
  text-decoration: none;
  padding: 0.3em 0.5em;
  border-radius: 2px;
  -webkit-transition: all 300ms;
  -moz-transition: all 300ms;
  -o-transition: all 300ms;
  transition: all 300ms;
}
.desktopLegacy .psPlugin-dd-menu a.current {
  font-weight: bold;
  color: #222;
}
.desktopLegacy .psPlugin-dd-menu .item-meta,
.desktopLegacy .dropdown-menu .item-meta {
  position: absolute;
  margin: 10px 0 0 2em;
  padding: 0;
  background: #ffd;
  -webkit-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.6);
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.6);
  border-radius: 4px;
  padding: 4px;
  font-size: 11px;
  display: none;
  pointer-events: none;
  z-index: 10000;
  white-space: nowrap;
  text-align: right;
}
.desktopLegacy .psPlugin-dd-menu li:hover .item-meta,
.desktopLegacy .dropdown-menu li:hover .item-meta {
  display: block;
}
.desktopLegacy .dropdown-menu li.active .item-meta {
  color: #444;
}
.desktopLegacy .psPlugin-dd-menu .item.disabled {
  color: #ccc;
  padding: 0.3em 0.5em;
  display: block;
  white-space: nowrap;
  cursor: default;
}
.desktopLegacy .psPlugin-dd-menu a:hover,
.desktopLegacy .psPlugin-dd-menu a:focus {
  background: #eee;
  color: #333;
}
.desktopLegacy .psPlugin-dd:hover .psPlugin-dd-menu,
.desktopLegacy .psPlugin-dd-trigger:focus + .psPlugin-dd-menu {
  display: block;
}
.desktopLegacy .psPlugin-dd-trigger:focus,
.desktopLegacy .psPlugin-dd-trigger:hover,
.desktopLegacy .psPlugin-dd:hover .psPlugin-dd-trigger {
  background: #666;
  -webkit-box-shadow: inset 2px 2px 4px rgba(0, 0, 0, 0.5);
  box-shadow: inset 2px 2px 4px rgba(0, 0, 0, 0.5);
}
.desktopLegacy .psIframeTopMenu input[type="range"] {
  width: 50px;
}
.desktopLegacy .psIframeWrapper {
  background: #999;
  -webkit-box-shadow: inset 0 0 20px #666;
  box-shadow: inset 0 0 20px #666;
  text-align: left;
}
.desktopLegacy .psDialogFrame {
  height: 100%;
  border: 0;
  display: block;
  background-repeat: no-repeat;
  background-color: rgba(0, 0, 0, 0.1);
  background-position: 50% 50%;
  border: none;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKIAAABtCAYAAAFVS4rsAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAZeSURBVHhe7Z3BTttKFIbppuqqUjet1H3VzV31Abrqot1VlRB5gEpVpUoI9S6KVGjeJBKJE3BAEBFAhGAeLfece89wjRkndnwmY0/+T/pFSJzxmX/+2B7bhA1njEaj9t3d3dKSZh5ydXVlf6EAt7e3ixsdDodtXrCouFLz+Pr6+v8VpBvN7U4O3Jg8fPheNNqQRi8uLh4FuoykmfyCcl8owNxGoyj6vIyqFOQJLnlZSRMPmU6nLXmoQ7pBztqykiYcV6gCGqyOLbBFJU2sENpWWrcoRSRNOOTo6Ki9ah0eHm7K6hfD+y/1BBXgwXZlEY0uslQjS5DXvvXjmFek688uitQCRWoRXpF5uC4yj/CKpBjs8RtWrSRJ9qUEoEuv19uyHUa5lqx+MbY8rEpSwnwKL6gIHeS2UGAVKhcYx/FTPmnJuyhX4vXanu90Os+kjP+wFcifMpfOUuetDt7c3Dxer48C84b4/PwcBRYCBVYFBVYFBVYFBVYlvAJ9SUq4x1qgDXNRUH5dGYULdD3EeYRTIB1R/+EFbdcqXKpUtHhBH5LVA1BL6IO0z2eJeXpqy29o4n7y6VDpvg5soKzg0an20KDdQsuERZ7SwZhou14RGnzcBxMrUhsTZ7PZk36//5ELapqGw+HfxkQ+M2hbJq3BYPCJ+ytdz6eMibQT+m5OP66TJpPJtlhgp4yJZp7AkqcaBaerzMfZzE8WLg8T84GJFmCiAjBRAZioAExUACYqABMVgIkKwEQFYKICzk3kxk9OTqx3Mxqdnp7eN8rvsy1TZ3H/nJgYRdGLdTszc3l5+Vy6P5fCJpaBR1O90RoDExWAiQo4MXEwGHwxG2b+ydvSkGX6miTJllgAAABgEf1+/zVp1xzVh6w4jn9RX19J13VgA3kqx3sisysPXdxXmv69FAuqwwlcJwONptPpT7GgOhxx07A8FTT8F3Xq/V03EzGNUwAmKgATFYCJCtTGxCiK3pA2+XpF05T+ZkY6VrQuk9Jmt9t9K93Op6yJZN4PHk1zmqiJMv21vZYV95P6O/8Gz7Impi9UrZOk+3bKmmiuDJIWXl6tI+nZmTyVC9/TzWlcuOyyJha5Rl1HyuxYeLsIEy3ARAVgogIwUQGYqABMVAAmKgATFYCJCsBEBWCiAjBRAZioAExUACYqABMVgIkKwEQFYKICMFEBmKgATFQAJirg3EQ2iH+fJ3OnKTe+6M966ygTAtJvsSCXwibSgh/Mgusk6vN7sSCXwiYy4/H4W3YlgeurdH0upUwsQ+pelkZuE8vgzMSm71jKABMVgIkKwEQFYKICzk2kxneOj4+t/4YhFA2Hwx0nJqbvvucV8CFPqDIGqptIU72/0o2vg2jT9U66DwAAAAAAQBW63e47mvTs06SnPRqN2jxH4ckeFIZ4PGlc93jaJENeP3q93hYHkAtet7nduonHl8b5iwx9vTDXZTMh3CF9pkk41GDRmN6f1jNKkuSPDH29yNwg8K+oE8GfwF4H4jhu8W45G0Z5uV4giOHCV4v4Vi4EEXgFQQS1AEEEtQBBBLUAQUzR7Xafk77yevhPDviEOZsDuRfPmLM3FrH4OR5z23vKiseTxvVbFEUvZMiXw2UQe73ee24/zxAoHPH4jsfjDzL05XEZRNo1/Ladx4LCFI+zDH15XAbR1jYJx58rgnaZLfbfxTGieturDqLm8SeYj8vJinrbCGK4IIgCgugXBFFAEP2CIAoIol8QRAFB9AuCKCCIfkEQBQTRLwiigCD6BUEUEES/IIgCgugXBFFAEP2CIAoIol8QRAFB9AuCKCCIfkEQBQTRLwiigCD6BUEUEES/IIgCgugXBFFAEP2CIAoIol8QRAFB9AuCKCCIfkEQBQTRL00L4nY2LNw4f4UE/6tcfm1Z8fuzhWq1DS0We5z9qhd6/F2GvhLqQex0Os/Ozs62ueB0g1CQ+hHH8VMZ+ko429rOZrMn9Cl6S5+iT7T7tH45eFlxkdlCSfii+BWKNjAfJ5PJGx5fGWoVXO721eGvoePdQ7pQMgfHiAHQqCBishIuCCKoBQgiqAUIIqgFCCKoBY0KIhX7MxtELpxn0vIfM6GGisePxzETxF0Z+npxcHDwkorew8ny8JUkyf5kMnktQ19PKIyvaMu4SYH8ld2UQ43WLgVwq/YBBAAAAMBjNjb+Ab26xYdXA8psAAAAAElFTkSuQmCC);
  -webkit-transition: all 400ms ease-in-out;
  -webkit-transform-origin: top left;
  -moz-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
  -moz-transform-origin: top left;
  -ms-transform-origin: top left;
  -o-transform-origin: top left;
  transform-origin: top left;
}
.desktopLegacy .psDialogFrame.hide {
  opacity: 0;
}
.desktopLegacy #zoomToggle,
.desktopLegacy .zoomToggle {
  float: right;
  margin-top: 2px;
  margin-right: -3px;
}
.desktopLegacy .btn-playpause {
  background-position: 50% 50%;
  width: 20px;
  height: 1em;
  float: right;
  background-repeat: no-repeat;
  background-position: 50px 50%;
  width: 18px;
  height: 20px;
  margin: 2px;
  -webkit-transition: all 300ms;
  -moz-transition: all 300ms;
  -o-transition: all 300ms;
  transition: all 300ms;
  border-radius: 2px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAOCAYAAAAWo42rAAAAOElEQVR42u2KwQkAMAgDM4IjdpRu3BFSBevD2gGEBgLJcSA5tMvq29jFwZQQU77YSZSXOM/xjYpvXugNY5GmOwcAAAAASUVORK5CYII=);
}
.desktopLegacy .paused .btn-playpause {
  background-position: 50% 50%;
  background-color: #D11;
  -webkit-animation: glow 1s infinite alternate linear;
  /* Safari 4+ */
  -moz-animation: glow 1s infinite alternate linear;
  /* Fx 5+ */
  -o-animation: glow 1s infinite alternate linear;
  /* Opera 12+ */
  animation: glow 1s infinite alternate linear;
  /* IE 10+ */
}
@-webkit-keyframes glow {
  0% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes glow {
  0% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes glow {
  0% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}
@keyframes glow {
  0% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}
.desktopLegacy .psExpandableArea {
  margin: -1px -1px 0;
  background: #f5f5f5;
}
.desktopLegacy .psExpandableAreaHeader {
  background-color: #ccc;
  border: 1px solid #b4b4b4;
  color: #323232;
  -webkit-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
  font-size: 10px;
  font-weight: bold;
  padding: 0 10px;
  text-align: center;
  height: 16px;
  line-height: 16px;
  position: relative;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}
.desktopLegacy .psExpandableAreaHeader .psExpandableAreaHeaderTitle {
  text-align: left;
}
.desktopLegacy .psExpandableAreaHeader .psExpandableAreaHeaderTitle .uaString {
  float: right;
  color: #888;
}
.desktopLegacy .psExpandableAreaContent {
  position: relative;
  overflow: auto;
  overflow-x: hidden;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
.desktopLegacy .psExpandableAreaHeaderIcon {
  display: none;
}
.desktopLegacy .psCaseWrapper {
  margin-top: 2px;
}
.desktopLegacy .spinner {
  line-height: 20px;
  padding-left: 26px;
  display: inline-block;
  background: no-repeat url("img/desktop/ico_loader.gif") 5px 50%;
  -moz-background-size: 16px 16px;
  -o-background-size: 16px 16px;
  -webkit-background-size: 16px 16px;
  background-size: 16px 16px;
}
.desktopLegacy .psCaseAutoTextContainer {
  position: absolute;
  overflow: hidden;
  height: 300px;
  background: red;
  display: none;
}
.desktopLegacy .psCaseAutoHeader {
  height: 20px;
  padding: 0 3px;
  line-height: 20px;
  font-weight: bold;
  border-bottom: 1px solid #ccc;
}
.desktopLegacy .psCaseContent {
  padding: 1px 8px;
  /*border-bottom:1px solid #ccc;*/
}
.desktopLegacy .psCaseButtons {
  /*position:absolute;
    bottom:0px;*/
}
.desktopLegacy .psCaseLabel {
  line-height: 20px;
  font-weight: bold;
}
.desktopLegacy .psCaseAutoTexts {
  padding: 0 3px;
  height: 20px;
  line-height: 20px;
  border-bottom: 1px solid #ccc;
  background-color: #faf9f5;
  cursor: pointer;
}
.desktopLegacy .psCaseAutoTexts:hover {
  background-color: #fff;
}
.desktopLegacy .psCaseContent {
  padding-top: 3px;
}
.desktopLegacy .psCaseTypeChooser {
  width: 98%;
  margin-top: 2px;
}
.desktopLegacy .psCaseFormHeader {
  font-style: italic;
  font-size: 10px;
  text-align: left;
  color: #999;
  /*border-bottom:1px solid #ccc;*/
  padding: 1px 4px;
}
.desktopLegacy .psCaseForm {
  margin-top: 5px;
  font-size: 10px;
}
.desktopLegacy .psCaseForm .panelPadding {
  padding: 0;
  margin: 0;
  padding: 3px 5px 1px;
  background-color: #E6E6E6;
}
.desktopLegacy .formRequired {
  background-color: #F5DFDF !important;
}
.desktopLegacy .psCaseForm fieldset {
  margin: 3px 0;
}
.desktopLegacy legend,
.desktopLegacy label {
  margin: 1px 0;
}
.desktopLegacy .previousCaseListItem {
  margin: 1px;
  padding: 5px;
  color: #999;
  border: 1px solid #ccc;
  background-color: #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.desktopLegacy .psPlugin_caseListItem {
  cursor: pointer;
  /*background: -moz-linear-gradient(top, #fff,#ddd);
	background: -webkit-linear-gradient(top, #fff,#ddd);
	background: linear-gradient(top, #fff,#ddd);*/
  background: #ddd;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #ccc;
  margin: 4px;
  padding: 5px 5px 2px 40px;
  -webkit-transition: opacity 400ms 100ms;
  -moz-transition: opacity 400ms 100ms;
  -o-transition: opacity 400ms 100ms;
  transition: opacity 400ms 100ms;
}
.desktopLegacy .psPlugin_caseListItem:before {
  content: '';
  display: inline-block;
  width: 30px;
  height: 20px;
  background: url("img/desktop/icons/ico_casecard.png") no-repeat left center;
  float: left;
  margin-left: -35px;
}
.desktopLegacy .psPlugin_caseListItem:active {
  -moz-box-shadow: inset 1px 1px 4px #999;
  -webkit-box-shadow: inset 1px 1px 4px #999;
  box-shadow: inset 1px 1px 4px #999;
  background: #eee;
}
.desktopLegacy .psPlugin_caseListItem:hover {
  border-color: #999;
}
.desktopLegacy .psPlugin_caseListItem.psPlugin_caseListItem-empty {
  -moz-opacity: 0.7;
  opacity: 0.7;
  background: #fff;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.desktopLegacy .psPlugin_caseListItem-empty .caseListTitle:before {
  content: "Dismissed";
  float: right;
  color: #900;
  font-weight: bold;
}
.desktopLegacy .psPlugin_chatHistory {
  border: 1px solid #ccc;
  margin-top: 2px;
  background-color: #fff;
  overflow-y: scroll;
}
.desktopLegacy .psPlugin_chatHistoryBackground {
  background-color: #fff;
}
.desktopLegacy .psPlugin_Question {
  border-bottom: none;
  padding: 1px 2px;
  color: #666;
  font-weight: normal;
  font-size: 10px;
}
.desktopLegacy .chatFormArea {
  position: relative;
  /*height:30px;*/
}
.desktopLegacy .psCaseAutoTextIcon {
  cursor: pointer;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  line-height: 14px;
  padding: 1px 2px 1px;
  font-weight: bold;
  color: #999;
  background-color: #fff;
  -webkit-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
  font-size: 10px;
  -webkit-transition: color 300ms;
  -moz-transition: color 300ms;
  -o-transition: color 300ms;
  transition: color 300ms;
}
.desktopLegacy .psCaseAutoTextIcon:before {
  /*content: "◄";*/
  font-family: 'icon';
  content: '\e812';
  padding: 0 2px;
  color: #999;
  position: relative;
  font-size: 14px;
  top: 1px;
  margin-right: 5px;
}
.desktopLegacy .psCaseAutoTextIcon:hover {
  color: #444;
  background-position: 2px 50%;
}
.desktopLegacy .psCaseAutoTextIcon:hover:before {
  padding: 0 3px 0 1px;
}
.desktopLegacy .psCaseAutoTextContainer {
  position: absolute;
  top: 10px;
  right: 260px;
  width: 250px;
  padding: 0 10px;
}
.desktopLegacy .psPlugin_chatInput {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 170px;
  padding: 0;
  padding-left: 14px;
  color: #666;
  font-family: Arial;
  font-size: 11px;
  margin: 0;
}
.desktopLegacy .psPlugin_chatInputNotes {
  width: 170px;
  margin: 2px;
  padding: 0;
  padding-left: 10px;
  height: 40px;
  font-family: Arial;
  font-size: 11px;
  color: #b9ab7f;
  font-style: italic;
  background-color: #f8f4e7;
}
.desktopLegacy .psPlugin_chatInputNotesButton {
  position: absolute;
  top: 2px;
  left: 198px;
}
.desktopLegacy .psPlugin_chatButton {
  position: absolute;
  top: 0;
  right: 0;
  width: 70px;
  height: 25px;
}
.desktopLegacy .cf {
  *zoom: 1;
}
.desktopLegacy .cf:before,
.desktopLegacy .cf:after {
  content: " ";
  display: table;
}
.desktopLegacy .cf:after {
  clear: both;
}
.desktopLegacy .chat-toolbar {
  padding: 0 3px 0;
  text-align: right;
  font-size: 12px;
  color: #999;
  line-height: 20px;
}
.desktopLegacy .chat-extras {
  float: left;
}
.desktopLegacy .chat textarea {
  font-family: sans-serif;
  display: block;
  width: 100%;
  margin: 0;
  padding: 4px;
  padding-left: 4px;
  padding-right: 0;
  line-height: 12px;
  font-size: 11px;
  -webkit-box-shadow: inset 0 1px 4px #ccc;
  box-shadow: inset 0 1px 4px #ccc;
  border: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: min-height 400ms ease-in-out;
  -moz-transition: min-height 400ms ease-in-out;
  -o-transition: min-height 400ms ease-in-out;
  transition: min-height 400ms ease-in-out;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  transform-origin: 0 0;
  resize: none;
  /* none|horizontal|vertical|both */
  height: 32px;
  max-height: 200px;
  min-height: 32px;
}
.desktopLegacy .chat textarea:focus,
.desktopLegacy .chat input:focus {
  outline: 0;
  outline: none;
}
.desktopLegacy .chat-content {
  position: relative;
  margin: 0;
  padding-right: 40px;
}
.desktopLegacy .chat-content button {
  margin: 0;
  padding: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 40px;
  text-align: center;
  font-size: 18px;
  line-height: 16px;
  background-color: #F1EFEF;
  /*background-image: -moz-linear-gradient(top, #eee, #cccccc);
		background-image: -webkit-linear-gradient(top, #eee, #cccccc);
		background-image: linear-gradient(top, #eee, #cccccc);*/
  color: #444;
  -webkit-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
  border: none;
  position: absolute;
  /*font-family: "Arial Unicode MS", sans-serif;*/
  -webkit-transition: background 400ms 0ms;
  -moz-transition: background 400ms 0ms;
  -o-transition: background 400ms 0ms;
  transition: background 400ms 0ms;
  cursor: default;
  border-radius: 0;
  font-size: 16px;
  font-weight: bold;
}
.desktopLegacy .chat-content button:focus {
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
  -o-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
  outline: none;
}
.desktopLegacy .chat-content button:disabled {
  color: #888;
  box-shadow: none;
}
.desktopLegacy .chat-content button:disabled:hover {
  background-color: #999;
}
.desktopLegacy .chat-content button:hover {
  background-color: #cecece;
}
.desktopLegacy .chatFormArea .chat-content button:after {
  font-family: 'icon';
  content: '\e810';
}
.desktopLegacy .notes .chat-content button:after {
  font-family: 'icon';
  content: '\e815';
}
.desktopLegacy .chat-content .charcount {
  -moz-pointer-events: none;
  -webkit-pointer-events: none;
  -ms-pointer-events: none;
  pointer-events: none;
  color: #999;
  width: 40px;
  overflow: hidden;
  text-align: right;
  font-size: 10px;
  position: absolute;
  bottom: 2px;
  right: 2px;
  font-weight: normal;
  line-height: 10px;
  white-space: nowrap;
  opacity: 0;
  -webkit-transition: opacity 300ms 0;
  -moz-transition: opacity 300ms 0;
  -o-transition: opacity 300ms 0;
  transition: opacity 300ms 0;
}
.desktopLegacy .chat textarea:focus {
  border-color: #999;
}
.desktopLegacy .chat textarea:focus + button {
  color: #666;
  border-color: #444;
}
.desktopLegacy .chat textarea.notempty:focus + button {
  color: #444;
}
.desktopLegacy .chat-content button:disabled .charcount {
  opacity: 0;
}
.desktopLegacy .chat textarea.notempty:focus + button .charcount {
  opacity: 1;
}
.desktopLegacy .chat textarea.notempty,
.desktopLegacy .chat textarea.notempty:focus {
  /*min-height:90px;*/
  outline: none;
}
.desktopLegacy .chat textarea.exceeded {
  background-color: #fee;
}
.desktopLegacy .psIframeTopMenu {
  padding: 0 1px 1px 1px;
  vertical-align: top;
  border-bottom: 1px solid #ccc;
}
.desktopLegacy .psIframeTopMenu input {
  /*width: 350px;*/
  padding: 0 5px;
  border: 1px solid #ccc;
  height: 14px;
  line-height: 14px;
  margin: 0;
  font: 11px arial;
}
.desktopLegacy .psDialoglockScreen {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  /*line-height: 330px;*/
  /*text-align: center;*/
  font-size: 16px;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.6);
  position: absolute;
  top: 0;
  right: 17px;
  /*for scrollbars */
  bottom: 17px;
  left: 0;
  display: none;
  /*pointer-events: none;*/
}
.desktopLegacy .vg-status {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 40px;
  overflow: hidden;
  -webkit-perspective: 300px;
  -moz-perspective: 300px;
  -ms-perspective: 300px;
  perspective: 300px;
  -webkit-perspective-origin: 0% 50%;
  -moz-perspective-origin: 0% 50%;
  -ms-perspective-origin: 0% 50%;
  perspective-origin: 0% 50%;
  z-index: 1;
  width: 40px;
}
.desktopLegacy .vg-status.show,
.desktopLegacy .vg-status:hover {
  width: auto;
}
.desktopLegacy .vg-status-msg {
  height: 36px;
  line-height: 36px;
  padding-left: 36px;
  white-space: nowrap;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  opacity: 0;
  -webkit-transition: all 800ms ease;
  -moz-transition: all 800ms ease;
  -o-transition: all 800ms ease;
  transition: all 800ms ease;
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  -webkit-transform: translate3d(0, -100px, -100px) rotateX(-90deg);
  -moz-transform: translate3d(0, -100px, -100px) rotateX(-90deg);
  -ms-transform: translate3d(0, -100px, -100px) rotateX(-90deg);
  -o-transform: translate3d(0, -100px, -100px) rotateX(-90deg);
  transform: translate3d(0, -100px, -100px) rotateX(-90deg);
  margin-right: 20px;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: block;
}
.desktopLegacy .vg-status.show .vg-status-msg,
.desktopLegacy .vg-status-msg.show,
.desktopLegacy .vg-status-msg:hover,
.desktopLegacy .vg-status-icon:hover + .vg-status-msg {
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  -moz-transform: translate3d(0, 0, 0) scale(1);
  -ms-transform: translate3d(0, 0, 0) scale(1);
  -o-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1);
  opacity: 1;
}
.desktopLegacy .vg-status-icon {
  cursor: help;
}
.desktopLegacy .vg-status-icon .icon-bg {
  content: "";
  position: absolute;
  width: 56px;
  height: 56px;
  z-index: 1;
  -webkit-transform-origin: left top;
  -webkit-transform: translate(-40px, 0) rotate(-45deg);
  -webkit-transition: background-color 500ms;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
  -moz-transform: translate(-40px, 0) rotate(-45deg);
  -ms-transform: translate(-40px, 0) rotate(-45deg);
  -o-transform: translate(-40px, 0) rotate(-45deg);
  transform: translate(-40px, 0) rotate(-45deg);
  -moz-transition: background-color 500ms;
  -o-transition: background-color 500ms;
  transition: background-color 500ms;
  background-color: #eee;
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.4) 100%);
}
.desktopLegacy .vg-status.active .icon-bg,
.desktopLegacy .vg-status-active .icon-bg {
  background-color: #3c3;
}
.desktopLegacy .vg-status.paused .icon-bg,
.desktopLegacy .vg-status-paused .icon-bg {
  background-color: #eee;
}
.desktopLegacy .vg-status.passive .icon-bg,
.desktopLegacy .vg-status-passive .icon-bg {
  background-color: #e00;
}
.desktopLegacy .vg-status.progress .icon-bg,
.desktopLegacy .vg-status-progress .icon-bg {
  background-color: #fc0;
}
.desktopLegacy .vg-status-icon:before {
  position: absolute;
  top: 1px;
  left: 6px;
  content: "";
  display: block;
  width: 20px;
  height: 15px;
  z-index: 2;
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJdJREFUeNpi/P//PwMMMDExyQApPyAWA+JXQLzp379/T2DyjDDFQIVsQKoAiLkYEOAbEE8AavgFVoMkIYWmkAHKl4HbzEAYsJGi+C82xW+A+B+aQhD/OYZioCe+AKmjaIqPQsVRFQNDgwNIiaIpFoWKI4IOKKAFZHsBMQ8WN4NM3ga04RojEIQDOZpEePQ6SHEDA5EAIMAAqN4rrrEg/UkAAAAASUVORK5CYII=);
}
.desktopLegacy .vg-toolbar {
  background: #f3f3f3;
}
.desktopLegacy .psPanel_header .icon {
  float: right;
  height: 20px;
  width: 40px;
  text-align: center;
  cursor: pointer;
  margin-top: 1px;
  opacity: 0.5;
}
.desktopLegacy .psPanel_header .icon-minmax:hover,
.desktopLegacy .psPanel_header:hover .icon-minmax {
  opacity: 1;
}
.desktopLegacy .header-identification {
  margin-left: -6px;
  padding-left: 22px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAVCAMAAABvwg4pAAAAMFBMVEX///////////////////////////////////////////////////////8AAAD///++CtLxAAAAD3RSTlMq8brMyBEMbbeePMnvgAC+V5o/AAAAZklEQVR42o2OWwrAIAwE7dtX3PvftluCGEoE50PIDgOGNqhANadVIItK0Gnc+XQkYKZA5X9DlcVRGdjCtyhWHbx3vzqpil8VVV71UIlX6Xb7VaJKl262yhFKzP8Kg3VlWVVTgsyMvFUQHjwOwhnZAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-size: 18px;
  background-position: 0 0;
}
.desktopLegacy .header-identification:after {
  content: " - ";
}
.desktopLegacy .header-identification.suggested {
  background: none;
  padding-left: 0;
}
.desktopLegacy .header-identification.suggested:before {
  content: '?';
  float: left;
  min-width: 22px;
}
.desktopLegacy .icon-minmax {
  background: no-repeat url(img/desktop/icons/ico_fullscreen.png) 50% 50%;
}
.desktopLegacy .visitorPanelMaximized .icon-minmax {
  background-image: url(img/desktop/icons/ico_minimize.png);
}
.desktopLegacy .visitorPanelWrapper {
  top: 10px;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.desktopLegacy .visitorPanelMaximized {
  position: absolute;
  right: 280px;
  z-index: 800;
  top: 10px;
  left: 5px;
  bottom: 15px;
  width: auto;
  overflow-y: visible;
}
.desktopLegacy .visitorPanelMaximized .psPanel_container {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.desktopLegacy .visitorPanelMaximized .psPanel_container .psPanel_content {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.desktopLegacy .visitorPanelMaximized .psPanel_container .coworker-container {
  flex: 1;
}
.desktopLegacy .visitorPanelMaximized .coWorkerRightArea {
  width: 271px;
  background: #F3F3F3;
  border-left: 1px solid #ccc;
}
.desktopLegacy .visitorPanelMinimized {
  position: static;
  margin-right: 0;
  margin-left: auto;
  width: 272px;
  top: auto;
  left: auto;
  right: 0;
  height: auto;
  z-index: 801;
}
.desktopLegacy .coWorkerContentElem {
  overflow: visible;
  position: relative;
}
.desktopLegacy .coWorkerRightArea {
  text-align: left;
  width: 270px;
}
.desktopLegacy .coWorkerCoBrowsingArea {
  text-align: left;
}
.desktopLegacy .coWorkerPlugininArea {
  text-align: left;
}
.desktopLegacy .coWorkerDropZoneWrapper {
  border-top: 1px solid #ccc;
  flex-shrink: 0;
}
.desktopLegacy .coWorkerDropZoneArea {
  background-color: #e6e6e6;
  height: 80px;
  text-align: left;
  overflow-y: auto;
  position: relative;
  box-sizing: border-box;
}
.desktopLegacy .coWorkerDropZoneArea:before {
  font-family: 'icon';
  content: '\e814';
  position: absolute;
  left: 50%;
  margin-left: -25px;
  top: 0;
  color: #ccc;
  font-size: 48px;
  line-height: 80px;
  pointer-events: none;
}
.desktopLegacy .coWorkerDropZoneArea div {
  display: inline-block;
  margin-right: 7px;
}
.desktopLegacy .coWorkerActionPanelArea {
  max-height: 110px;
  text-align: left;
  border-top: 1px solid #ccc;
  overflow-y: auto;
  flex-shrink: 0;
}
.desktopLegacy .coWorkerSectionHeader {
  background-color: #F1EFEF;
  background: -moz-linear-gradient(top, #dadbdc, #cccccc);
  background: -webkit-linear-gradient(top, #dadbdc, #cccccc);
  color: #999;
  font-size: 10px;
  padding: 0 3px;
  text-align: center;
  height: 12px;
  line-height: 10px;
}
.desktopLegacy .psPanel_headerGray {
  background-color: #6e6e6e !important;
}
.desktopLegacy .panelSelectedBlue {
  background-color: #2369ac !important;
}
.desktopLegacy .panelSelectedYellow {
  background-color: #ff6666 !important;
}
.desktopLegacy .panelSelectedGreen {
  background-color: #ab3192 !important;
}
.desktopLegacy .panelSelectedRed {
  background-color: #000000 !important;
}
.desktopLegacy .panelSelectedOrange {
  background-color: #ab3192 !important;
}
.desktopLegacy .coWorkerButtonArea {
  position: relative;
  padding: 0 5px 5px !important;
}
.desktopLegacy .coWorkerButtonArea .coworker-btn-start {
  background-color: #f80;
}
.desktopLegacy .coWorkerButtonArea .coworker-btn-end {
  background: #1b9f2a;
  border-color: #1a9628;
}
.desktopLegacy .coWorkerButtonArea .coworker-btn-end:hover {
  background: #178924;
}
.desktopLegacy .coWorkerButtonArea button:hover {
  -webkit-box-shadow: inset 2px 2px 4px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 2px 2px 4px rgba(0, 0, 0, 0.5);
  box-shadow: inset 2px 2px 4px rgba(0, 0, 0, 0.5);
}
.desktopLegacy .coWorkerVisitorDetailsArea .chatWrapper .legacy-tool-bar {
  margin-top: -5px;
}
.desktopLegacy div[data-ui="alert"] {
  position: absolute;
  top: 150px;
  width: 260px;
  background-color: #eee;
  padding: 20px;
  /*border:1px solid #888;*/
  -moz-box-shadow: 0 2px 3px #ccc;
  -webkit-box-shadow: 0 2px 3px #ccc;
  box-shadow: 0 2px 3px #ccc;
  margin: auto;
  margin-left: 30%;
  color: #000;
  border-radius: 8px;
  text-align: center;
}
.desktopLegacy div[data-ui="alert"] h1,
.desktopLegacy div[data-ui="alert"] p {
  margin: 0.83em 0;
}
.desktopLegacy div[data-ui="alert"] .content {
  margin: 1.5em 0 0 0;
}
.desktopLegacy div[data-ui="alert"] .icon {
  width: 54px;
  height: 46px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
}
.desktopLegacy div[data-ui="alert"] .icon.warn {
  background-image: url(img/desktop/ico_warning.png);
}
.desktopLegacy div[data-ui="alert"] .icon.error {
  background-image: url(img/desktop/ico_error.png);
}
.desktopLegacy div[data-ui="alert"] .icon.check {
  background-image: url(img/desktop/ico_check.png);
}
.desktopLegacy div[data-ui="alert"] .icon.loading {
  background-image: url(img/desktop/ico_loader.gif);
}
.desktopLegacy .meassureWrapper {
  /*width:300px;*/
}
.desktopLegacy .filterListWrapper {
  /*min-width:630px;*/
  border-bottom: 1px solid #fff;
}
.desktopLegacy .filterListWrapper input,
.desktopLegacy .filterListWrapper select,
.desktopLegacy .filterListWrapper textarea {
  width: 118px;
  font-size: 10px;
  margin: 0 2px 1px 0;
  padding: 0 0 0 2px;
}
.desktopLegacy .filterWrapper {
  padding: 2px 0;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #fff;
}
.desktopLegacy .filterWrapper .btn-remove {
  padding: 1px 4px;
  font-size: 15px;
  vertical-align: middle;
  -webkit-text-shadow: 0 1px 0px #444;
  text-shadow: 0 1px 0px #444;
  height: 16px;
  line-height: 12px;
  margin-left: 2px;
  margin-top: 0;
}
.desktopLegacy .filterHeader {
  background-color: #FAF1D4;
  border-bottom: 1px solid #888888;
  border-top: 1px solid #888888;
  padding: 1px 0;
}
.desktopLegacy .filterHeader span {
  display: inline-block;
  font-weight: bold;
  width: 120px;
  text-align: center;
}
.desktopLegacy .filterAddCondition {
  display: inline-block;
  width: 80px;
  margin-left: 0;
}
.desktopLegacy .filterAddCondition select {
  width: 75px;
}
.desktopLegacy .filterHeader .filterAddCondition {
  width: 80px;
  text-align: center;
}
.desktopLegacy .onlineListWrapper {
  width: 425px;
  /*
		min-height:1000px;
	border-radius: 6px;
    background: -webkit-gradient(linear, left top, right bottom, from(rgba(150, 150, 150, 0.2)), to(rgba(255, 255, 255, 0.8)));
	background: -moz-linear-gradient(left,   rgba(150, 150, 150, 0.2),  rgba(255, 255, 255, 0.8));
	opacity:0.6;
	*/
  background-color: #FFF;
  background-color: rgba(255, 255, 255, 0.8);
  margin-top: -10px;
  margin-left: 10px;
  /* to compensate for the queuelist items sticking outside the box*/
  border: 1px solid #CCCCCC;
  -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
  /*overflow:hidden;*/
}
.desktopLegacy .onlineListQueueWrapper .onlineListHeader {
  padding-left: 0;
}
.desktopLegacy .onlineListHeader {
  font-size: 100%;
  height: 24px;
  line-height: 24px;
  padding-left: 10px;
  font-weight: bold;
  -webkit-text-shadow: 2px 2px 2px #ddd;
  text-shadow: 2px 2px 2px #ddd;
  color: #000000;
  margin-top: -1px;
  border-bottom: 1px solid #CCCCCC;
  border-top: 1px solid #CCCCCC;
  background-color: #F1EFEF;
  padding-right: 36px;
}
.desktopLegacy .onlineListHeader .btn {
  float: right;
  background-color: transparent;
  padding: 3px;
  height: 14px;
  color: #777;
  transition: all 300ms;
  outline: none;
}
.desktopLegacy .onlineListHeader .btn:hover {
  background-color: #ccc;
}
.desktopLegacy .onlineListHeader .vngage-icon {
  font-size: 14px;
}
.desktopLegacy .onlineListQueueList {
  height: 280px;
  position: relative;
}
.desktopLegacy .onlineListProactiveList {
  height: 350px;
  position: relative;
}
.desktopLegacy .onlineListItem {
  border: 1px solid #CCCCCC;
  display: block;
  height: 60px;
  margin-top: 4px;
  margin-left: -10px;
  position: absolute;
  width: 410px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  background: #fff;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  border-radius: 5px 0 0 5px;
}
.desktopLegacy .onlineListItem.isTransferred {
  border-color: #55043b;
  background-color: #fdf2fc;
}
.desktopLegacy .onlineListItem.isTransferred .vngage-icon-torso {
  color: #ab3192;
}
.desktopLegacy .onlineListItem.isTransferred .transfer-icon {
  color: #ab3192;
  font-size: 12px;
  position: absolute;
  left: 6px;
  bottom: 6px;
}
.desktopLegacy .onlineListItem.isLostDialog {
  border-color: #55043b;
  background-color: rgba(255, 23, 23, 0.4);
  color: #000000;
}
.desktopLegacy .onlineListItem.isLostDialog .vngage-icon-torso {
  color: #BE1717;
}
.desktopLegacy .onlineListItem.isLostDialog .transfer-icon {
  color: #ab3192;
  font-size: 12px;
  position: absolute;
  left: 6px;
  bottom: 6px;
}
.desktopLegacy .onlineListItem .vngage-icon-torso {
  font-size: 17px;
  line-height: 32px;
  margin-left: 5px;
  color: #00b7c9;
}
.desktopLegacy .onlineListItem.isProactive:before {
  content: "+";
  font-size: 16px;
  position: absolute;
  line-height: 32px;
  padding-left: 2px;
  font-weight: bold;
  color: #156385;
}
.desktopLegacy .onlineListItem:hover {
  -moz-transform: translate(-4px, 0);
  -webkit-transform: translate(-4px, 0);
  -ms-transform: translate(-4px, 0);
  -o-transform: translate(-4px, 0);
  transform: translate(-4px, 0);
  /*box-shadow:0 1px 5px rgba(0,0,0,.5);*/
}
.desktopLegacy .queueListItemNavigationHistory .ps_icon_small {
  cursor: help;
}
.desktopLegacy .onlineListItemExpanded {
  z-index: 20;
  height: 150px;
}
.desktopLegacy .queueListItemTopRow {
  position: relative;
  height: 25px;
}
.desktopLegacy .queueListItemMessage {
  position: absolute;
  top: 5px;
  left: 25px;
  line-height: 20px;
  font-weight: bold;
  overflow: hidden;
  height: 20px;
  padding-left: 10px;
  min-width: 50px;
  background: url(img/desktop/chat/bg_talkshadow.png) no-repeat top left;
}
.desktopLegacy .meeting-start-time {
  position: absolute;
  top: 17px;
  left: 35px;
  color: #156385;
  font-size: 10px;
}
.desktopLegacy .queueListItemButtonArea {
  text-align: right;
  position: absolute;
  top: 5px;
  right: 25px;
  width: 100px;
  line-height: 20px;
  height: 20px;
}
.desktopLegacy .queueListItemNavigationHistory {
  padding: 0;
  position: absolute;
  left: 35px;
  bottom: 10px;
}
.desktopLegacy .queueListItemNavigationHistory i {
  transition: all 0.4s;
}
.desktopLegacy .queueListItemNavigationHistory i:hover {
  opacity: 1 !important;
}
.desktopLegacy .queueListItemNavigationHistory i:nth-child(1n+4) {
  opacity: 0.8;
}
.desktopLegacy .queueListItemNavigationHistory i:nth-child(1n+5) {
  opacity: 0.7;
}
.desktopLegacy .queueListItemNavigationHistory i:nth-child(1n+6) {
  opacity: 0.6;
}
.desktopLegacy .queueListItemNavigationHistory i:nth-child(1n+7) {
  opacity: 0.5;
}
.desktopLegacy .queueListItemNavigationHistory i:nth-child(1n+8) {
  opacity: 0.4;
}
.desktopLegacy .queueListItemNavigationHistory i:nth-child(1n+9) {
  opacity: 0.3;
}
.desktopLegacy .queueListItemScore {
  display: inline-block;
  margin: 2px 0 0;
  text-align: center;
  width: 32px;
}
.desktopLegacy .queueListItemScore:after {
  content: "p";
}
.desktopLegacy .queueListItemWaitTime {
  position: absolute;
  margin-top: 20px;
  margin-left: 4px;
  font-size: 10px;
}
.desktopLegacy .usersOnline {
  float: right;
  color: #aaa;
  padding-right: 50px;
}
.desktopLegacy .queueStatusPopup {
  position: absolute;
  top: 25px;
  width: 370px;
  display: none;
  z-index: 2000;
  background: #2f2f2e;
  padding: 10px;
}
.desktopLegacy .icon-meeting-code {
  margin: 0 0.2em;
  width: 16px;
  height: 14px;
  background-position: 50% 50%;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAABE0lEQVR42u2U7QnCQAyGO0JHcARHcARH8AM/8ANP1FasYq229Z8jOEJHuBFuhI7QEWJSGhCxnBF/GnjhyOWeuzQvdf4hik6320ZpVIhyfwXV+8MBVus14NqIX1STL+IkgfR6hcl0SuDWJzAXdUfpmn0CfgxloKlay+kAqvFSk6nlEpI0tUKpuIkqCEiv2AVBeWgwHNJBkn6qvXm+D71+n/KuDWoYuvE8BuaoDKWeas0xDO2D4var9hjWeHf5aDyGhVJU05FMXqGgzlL+dlte6kiDX1kNq12t79TFbD4HzkmCYRqHxZAcgWz6TAzk70YOYE9G5zMDDcr9GnqKohJ4iWMLUDAs9CEbvJD9QOwWazn/kMQDN7/ZxQe4IOEAAAAASUVORK5CYII=');
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
}
.desktopLegacy .onlineListHeader > span {
  text-transform: lowercase;
}
.desktopLegacy .header-visitors {
  min-width: 13em;
  display: inline-block;
}
.desktopLegacy .visitors-count,
.desktopLegacy .agents-count {
  background: #888;
  display: inline-block;
  padding: 0px 8px 2px;
  text-shadow: none;
  font-size: 14px;
  line-height: 22px;
  border-right: 1px solid #ccc;
  color: #fff;
  text-align: center;
  margin-right: 2px;
  min-width: 12px;
}
.desktopLegacy .visitors-count {
  background: darkcyan;
}
.desktopLegacy table.queue-data {
  width: 100%;
  font-size: 11px;
}
.desktopLegacy table.queue-data td {
  line-height: 24px;
  font-size: 12px;
}
.desktopLegacy .queue-data thead th {
  color: #fff !important;
  line-height: 1;
}
.desktopLegacy .col-available {
  text-align: left;
}
.desktopLegacy .col-available .flipswitch {
  margin: 0;
}
.desktopLegacy .col-name {
  font-weight: bold;
  padding-left: 20px;
  color: #ccc;
}
.desktopLegacy .col-visitors,
.desktopLegacy .col-agents {
  text-align: center;
  color: #ccc;
}
.desktopLegacy .row-site td {
  font-size: 10px;
  padding-left: 0;
  color: #888;
}
.desktopLegacy .row-site .col-name {
  font-weight: bold;
  font-size: 10px;
}
.desktopLegacy .btn-meeting-code {
  float: right;
  background-color: #ccc;
}
.desktopLegacy .btn-meeting-code:focus {
  outline: none;
}
.desktopLegacy .btn-meeting-code:hover {
  background-color: #ddd;
}
.desktopLegacy .btn-meeting-code:active {
  background-color: #ccc;
  box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.3);
}
.onlineListHeader .desktopLegacy .btn-meeting-code {
  background-color: #F1EFEF;
}
.desktopLegacy legend {
  font-size: 11px;
}
/*!
 * avgrund 0.1
 * http://lab.hakim.se/avgrund
 * MIT licensed
 *
 * Created by Hakim El Hattab, http://hakim.se
 */
.avgrund-cover {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 10003;
  visibility: hidden;
  opacity: 0;
  background: rgba(0, 0, 0, 0.4);
}
.avgrund-active .avgrund-cover {
  visibility: visible;
  opacity: 1;
}
.avgrund-popup .url-preview-text {
  max-width: 280px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  cursor: help;
  color: #999;
  white-space: nowrap;
}
.avgrund-popup .btn-ok {
  min-width: 60px;
}
.avgrund-title {
  margin: -10px -10px 10px;
  padding: 5px 10px;
  margin-top: -10px;
  font-size: 16px;
  border-bottom: 1px solid #eee;
}
.avgrund-body {
  font-size: 12px;
  line-height: 1.2;
}
.avgrund-body p {
  margin: 0.5em 0;
}
.avgrund-actions {
  margin: 20px 0 -10px;
  text-align: center;
}
.avgrund-actions button {
  font-size: 12px;
}
.avgrund-popup {
  display: block;
  position: absolute;
  width: 340px;
  /*min-height: 140px;*/
  left: 50%;
  top: 50%;
  margin: -130px 0 0 -190px;
  visibility: hidden;
  opacity: 0;
  z-index: 10004;
  padding: 20px;
  background: white;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.6);
  border-radius: 2px;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
}
.avgrund-active .avgrund-popup-animate {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.avgrund-popup.stack {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.avgrund-active .avgrund-popup.stack {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.avgrund-popup-hidden {
  display: none;
}
.avgrund-ready .avgrund-contents,
.avgrund-ready .avgrund-popup,
.avgrund-ready .avgrund-cover {
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transition: 0.3s all cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: 0.3s all cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: 0.3s all cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: 0.3s all cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: 0.3s all cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.avgrund-ready .avgrund-popup.no-transition {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}
.psPlugin_chatMsg {
  font-size: 11px;
  margin: 2px 10px;
  padding: 4px;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  position: relative;
}
.psPlugin_chatMsg ol {
  margin: 1em 0;
  padding: 0;
  border: none;
}
.psPlugin_chatMsg ol li {
  margin: 0.2em 0 0.2em 1.5em;
  list-style-type: decimal;
  overflow: visible;
}
.psPlugin_chatMsg ul {
  margin: 1em 0;
  padding: 0;
  border: none;
}
.psPlugin_chatMsg ul li {
  padding: 0;
  margin: 0.2em 0 0.2em 1.5em;
  list-style-type: square;
  overflow: visible;
}
.psPlugin_chatMsg_user {
  color: #25517c;
  font-style: normal;
  background-color: #e1ebf3;
  border: 1px solid #e1ebf3;
  margin: 3px 9px 2px 41px;
  border-radius: 2px;
  padding: 5px 10px;
}
.psPlugin_chatMsg_user h1,
.psPlugin_chatMsg_user h2,
.psPlugin_chatMsg_user h3,
.psPlugin_chatMsg_user h4,
.psPlugin_chatMsg_user h5,
.psPlugin_chatMsg_user h6 {
  font-size: 16px;
  line-height: 18px;
  padding-bottom: 0;
  margin-bottom: 0.5em;
}
.psPlugin_chatMsg_user blockquote {
  font-style: italic;
  border-left: 3px solid #25517c;
}
.psPlugin_chatMsg_user blockquote:before,
.psPlugin_chatMsg_user blockquote:after {
  content: ' " ';
}
.psPlugin_chatMsg_user .chat-timestamp {
  position: absolute;
  left: -40px;
  font-size: 9px;
  width: 40px;
  top: 7px;
}
.psPlugin_chatMsg_user:before {
  border-color: transparent transparent transparent #e1ebf3;
  -moz-border-image: none;
  -o-border-image: none;
  -webkit-border-image: none;
  border-image: none;
  border-style: solid;
  border-width: 5px;
  content: "";
  display: inline-block;
  position: absolute;
  right: 0;
  left: auto;
  width: 0;
}
.psPlugin_chatMsg_visitor {
  color: #665544;
  font-style: normal;
  background-color: #fff4d4;
  border: 1px solid #fff4d4;
  margin: 2px 40px 2px 9px;
  border-radius: 2px;
  padding: 5px 10px;
}
.psPlugin_chatMsg_visitor h1,
.psPlugin_chatMsg_visitor h2,
.psPlugin_chatMsg_visitor h3,
.psPlugin_chatMsg_visitor h4,
.psPlugin_chatMsg_visitor h5,
.psPlugin_chatMsg_visitor h6 {
  font-size: 16px;
  line-height: 18px;
  padding-bottom: 0;
  margin-bottom: 0.5em;
}
.psPlugin_chatMsg_visitor blockquote {
  font-style: italic;
  border-left: 3px solid #665544;
}
.psPlugin_chatMsg_visitor blockquote:before,
.psPlugin_chatMsg_visitor blockquote:after {
  content: ' " ';
}
.psPlugin_chatMsg_visitor .chat-timestamp {
  position: absolute;
  right: -43px;
  font-size: 9px;
  width: 40px;
  top: 7px;
}
.psPlugin_chatMsg_visitor:before {
  border-color: transparent #fff4d4 transparent transparent;
  -moz-border-image: none;
  -o-border-image: none;
  -webkit-border-image: none;
  border-image: none;
  border-style: solid;
  border-width: 5px;
  content: "";
  display: inline-block;
  position: absolute;
  left: -10px;
  right: auto;
  width: 0;
}
.psPlugin_chatMsg_guest {
  color: #665544;
  font-style: normal;
  background-color: #EDE3E9;
  border: 1px solid #F4DDE3;
  margin: 2px 40px 2px 9px;
  border-radius: 2px;
  padding: 5px 10px;
}
.psPlugin_chatMsg_guest h1,
.psPlugin_chatMsg_guest h2,
.psPlugin_chatMsg_guest h3,
.psPlugin_chatMsg_guest h4,
.psPlugin_chatMsg_guest h5,
.psPlugin_chatMsg_guest h6 {
  font-size: 16px;
  line-height: 18px;
  padding-bottom: 0;
  margin-bottom: 0.5em;
}
.psPlugin_chatMsg_guest blockquote {
  font-style: italic;
  border-left: 3px solid #665544;
}
.psPlugin_chatMsg_guest blockquote:before,
.psPlugin_chatMsg_guest blockquote:after {
  content: ' " ';
}
.psPlugin_chatMsg_guest .chat-timestamp {
  position: absolute;
  right: -43px;
  font-size: 9px;
  width: 40px;
  top: 7px;
}
.psPlugin_chatMsg_guest:before {
  border-color: transparent #F4DDE3 transparent transparent;
  -moz-border-image: none;
  -o-border-image: none;
  -webkit-border-image: none;
  border-image: none;
  border-style: solid;
  border-width: 5px;
  content: "";
  display: inline-block;
  position: absolute;
  left: -10px;
  right: auto;
  width: 0;
}
.psPlugin_chatMsg_comment {
  color: #b6b6b6;
  font-style: italic;
  margin: 0 10px;
  padding: 2px 5px;
}
.popover-overlay {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.2);
  z-index: 799;
  display: block;
  -webkit-transition: opacity 400ms 100ms linear;
  -moz-transition: opacity 400ms 100ms linear;
  -o-transition: opacity 400ms 100ms linear;
  transition: opacity 400ms 100ms linear;
}
.popover {
  position: absolute;
  z-index: 1010;
  display: none;
  padding: 1px;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
.popover.left {
  left: auto;
  right: 270px;
  color: #666;
  width: 270px;
  height: auto;
}
.popover-title,
h3.popover-title {
  padding: 2px 8px;
  margin: 0;
  font-size: 11px;
  font-weight: bold;
  line-height: 14px;
  color: #444;
  -webkit-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
  border-bottom: 1px solid #aaa;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  background: #dadbdc;
  background: -moz-linear-gradient(top, #dadbdc, #cccccc);
  background: -webkit-linear-gradient(top, #dadbdc, #cccccc);
  background: linear-gradient(top, #dadbdc, #cccccc);
}
.popover-content {
  font-size: 11px;
  padding: 0;
  overflow-y: auto;
  overflow-x: hidden;
}
.popover-msg {
  padding: 16px 8px;
}
.popover ul.list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.popover .list li {
  list-style: none;
  padding: 8px;
  border-top: 1px solid #eee;
}
.popover .list li:first-child {
  border-top: none;
}
.popover .list li:hover {
  background: #e1ebf3;
}
.popover p {
  margin: 0 -5px;
  padding: 5px;
}
.popover-content p,
.popover-content ul,
.popover-content ol {
  margin-bottom: 0;
}
.popover .arrow,
.popover .arrow::after {
  position: absolute;
  display: inline-block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover .arrow::after {
  z-index: -1;
  content: "";
}
.popover.right .arrow {
  top: 50%;
  left: -10px;
  margin: -10px 0;
  border-right-color: #fff;
  border-width: 10px 10px 10px 0;
}
.popover.right .arrow::after {
  top: 50%;
  left: -10px;
  margin: -10px -1px;
  border-width: 10px;
  border-right-color: #ccc;
  border-right-color: rgba(0, 0, 0, 0.2);
}
.popover.left .arrow {
  top: 50%;
  right: -10px;
  margin: -5px 0 0;
  border-left-color: #fff;
  border-width: 10px 0 10px 10px;
}
.popover.left .arrow::after {
  top: 50%;
  right: -10px;
  margin: -10px -1px;
  border-width: 10px;
  border-left-color: #ccc;
  border-left-color: rgba(0, 0, 0, 0.2);
}
[data-cstooltip],
.cstooltip {
  position: relative;
  cursor: pointer;
  color: #b5b5b5;
}
[data-cstooltip]:hover,
.cstooltip:hover {
  color: #000000;
}
/* Base styles for the entire tooltip */
[data-cstooltip]:before,
[data-cstooltip]:after,
.cstooltip:before,
.cstooltip:after {
  position: absolute;
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  -moz-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, -moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  pointer-events: none;
}
/* Show the entire tooltip on hover and focus */
[data-cstooltip]:hover:before,
[data-cstooltip]:hover:after,
[data-cstooltip]:focus:before,
[data-cstooltip]:focus:after,
.cstooltip:hover:before,
.cstooltip:hover:after,
.cstooltip:focus:before,
.cstooltip:focus:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
/* Base styles for the tooltip's directional arrow */
.cstooltip:before,
[data-cstooltip]:before {
  z-index: 1001;
  border: 6px solid transparent;
  background: transparent;
  content: "";
}
/* Base styles for the tooltip's content area */
.cstooltip:after,
[data-cstooltip]:after {
  z-index: 1000;
  padding: 8px;
  width: 130px;
  background-color: #000;
  background-color: hsla(0, 0%, 20%, 0.9);
  color: #fff;
  content: attr(data-cstooltip);
  font-size: 11px;
  line-height: 1.2;
}
/* Directions */
/* Top (default) */
[data-cstooltip]:before,
[data-cstooltip]:after,
.cstooltip:before,
.cstooltip:after,
.cstooltip-top:before,
.cstooltip-top:after {
  bottom: 100%;
  left: 50%;
}
[data-cstooltip]:before,
.cstooltip:before,
.cstooltip-top:before {
  margin-left: -6px;
  margin-bottom: -12px;
  border-top-color: #000;
  border-top-color: hsla(0, 0%, 20%, 0.9);
}
/* Horizontally align top/bottom tooltips */
[data-cstooltip]:after,
.cstooltip:after,
.cstooltip-top:after {
  margin-left: -80px;
}
[data-cstooltip]:hover:before,
[data-cstooltip]:hover:after,
[data-cstooltip]:focus:before,
[data-cstooltip]:focus:after,
.cstooltip:hover:before,
.cstooltip:hover:after,
.cstooltip:focus:before,
.cstooltip:focus:after,
.cstooltip-top:hover:before,
.cstooltip-top:hover:after,
.cstooltip-top:focus:before,
.cstooltip-top:focus:after {
  -webkit-transform: translateY(-12px);
  -moz-transform: translateY(-12px);
  transform: translateY(-12px);
}
/* Left */
.cstooltip-left:before,
.cstooltip-left:after {
  right: 100%;
  bottom: 50%;
  left: auto;
}
.cstooltip-left:before {
  margin-left: 0;
  margin-right: -12px;
  margin-bottom: 0;
  border-top-color: transparent;
  border-left-color: #000;
  border-left-color: hsla(0, 0%, 20%, 0.9);
}
.cstooltip-left:hover:before,
.cstooltip-left:hover:after,
.cstooltip-left:focus:before,
.cstooltip-left:focus:after {
  -webkit-transform: translateX(-12px);
  -moz-transform: translateX(-12px);
  transform: translateX(-12px);
}
/* Bottom */
.cstooltip-bottom:before,
.cstooltip-bottom:after {
  top: 100%;
  bottom: auto;
  left: 50%;
}
.cstooltip-bottom:before {
  margin-top: -12px;
  margin-bottom: 0;
  border-top-color: transparent;
  border-bottom-color: #000;
  border-bottom-color: hsla(0, 0%, 20%, 0.9);
}
.cstooltip-bottom:hover:before,
.cstooltip-bottom:hover:after,
.cstooltip-bottom:focus:before,
.cstooltip-bottom:focus:after {
  -webkit-transform: translateY(12px);
  -moz-transform: translateY(12px);
  transform: translateY(12px);
}
/* Right */
.cstooltip-right:before,
.cstooltip-right:after {
  bottom: 50%;
  left: 100%;
}
.cstooltip-right:before {
  margin-bottom: 0;
  margin-left: -12px;
  border-top-color: transparent;
  border-right-color: #000;
  border-right-color: hsla(0, 0%, 20%, 0.9);
}
.cstooltip-right:hover:before,
.cstooltip-right:hover:after,
.cstooltip-right:focus:before,
.cstooltip-right:focus:after {
  -webkit-transform: translateX(12px);
  -moz-transform: translateX(12px);
  transform: translateX(12px);
}
/* Move directional arrows down a bit for left/right tooltips */
.cstooltip-left:before,
.cstooltip-right:before {
  top: 3px;
}
/* Vertically center tooltip content for left/right tooltips */
.cstooltip-left:after,
.cstooltip-right:after {
  margin-left: 0;
  margin-bottom: -16px;
}
.popover.left {
  left: auto;
}
#___contentSectiononlineList {
  z-index: 1029 !important;
}
.psPlugin_warning {
  position: absolute;
  z-index: 1002;
  display: none;
  padding: 1px;
  background-color: #c33;
  border: 1px solid #a22;
  font-family: Helvetica, Arial, Sans-Serif;
  font-size: 11px;
  /*border: 1px solid rgba(0, 0, 0, 0.2);*/
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  color: #fff;
  height: auto;
  width: 270px;
  margin: 5px 0 0 -10px;
}
.psPlugin_warning_title {
  background-color: #a22;
  border-bottom: 1px solid #922;
  border-radius: 5px 5px 0 0;
  font-size: 11px;
  font-weight: bold;
  line-height: 14px;
  margin: -1px;
  padding: 2px 10px;
  color: #fff;
}
.psPlugin_warning_content {
  padding: 5px 5px 5px 10px;
}
.psPlugin_warning_arrow {
  position: absolute;
  top: 0;
  width: 0;
  height: 0;
  margin: -20px 0 0 10px;
  border: 10px solid transparent;
  border-bottom-color: #a22;
}
/*   NOTIFY   */
.notify {
  color: #444;
  background: #eee;
  border-radius: 5px;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.7);
  font-size: 12px;
  font-weight: bold;
  line-height: 35px;
  padding: 0 12px;
  position: absolute;
  min-width: 320px;
  top: 8px;
  right: 50%;
  margin-right: -160px;
  -webkit-transition: all 350ms ease;
  -moz-transition: all 350ms ease;
  transition: all 350ms ease;
  white-space: nowrap;
  z-index: 1;
  opacity: 0.5;
}
.notify:hover {
  opacity: 1;
}
.notify.intro {
  opacity: 1;
  right: 50%;
  -webkit-transform: translate(0, 100px);
  -moz-transform: translate(0, 100px);
  transform: translate(0, 100px);
}
.notify.hidden {
  -webkit-transform: translate(0, -50px);
  -moz-transform: translate(0, -50px);
  transform: translate(0, -50px);
}
.notify.no-transition {
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}
.notify button {
  cursor: pointer;
  color: #fff;
  background: #55043B;
  border-radius: 5px;
  border: 0;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.8;
  padding: 0 15px 1px;
  margin-left: 20px;
  -webkit-transition: background 350ms ease;
  -moz-transition: background 350ms ease;
  transition: background 350ms ease;
}
.notify button:hover {
  background: #780955;
}
.meeting-code {
  font-size: 24px;
  line-height: 1;
  letter-spacing: 0.05em;
}
.legacy-tip {
  position: relative;
}
.legacy-tip:hover {
  text-decoration: none;
}
.legacy-tip:before,
.legacy-tip:after {
  position: absolute;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  visibility: hidden;
  opacity: 0;
  z-index: 1000000;
  -webkit-transition: 400ms 200ms ease;
  -moz-transition: 400ms 200ms ease;
  transition: 400ms 200ms ease;
  pointer-events: none;
}
.legacy-tip:hover:before,
.legacy-tip:hover:after {
  visibility: visible;
  opacity: 1;
}
.legacy-tip.legacy-tip-right:after {
  left: auto;
  right: 0;
}
.legacy-tip.legacy-tip-center:after {
  left: -100%;
  right: auto;
}
.legacy-tip.legacy-tip-top:before {
  border-top-color: rgba(0, 0, 0, 0.8);
  margin-top: 1px;
}
.legacy-tip.legacy-tip-top:after {
  top: -25px;
  left: -100%;
  right: auto;
}
.legacy-tip:after {
  background: #111;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 5px;
  top: 24px;
  color: #fff;
  content: attr(tip);
  display: block;
  left: 0;
  white-space: nowrap;
  text-shadow: 0 -1px 0 black;
  padding: 8px 10px;
  font-size: 12px;
  line-height: 12px;
}
.legacy-tip:before {
  margin-top: 10px;
  content: '';
  position: absolute;
  background: transparent;
  border: 6px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.8);
  z-index: 1000001;
}
.modal-security .modal-dialog {
  width: 400px;
  margin-top: 80px;
}
.modal-security .modal-footer {
  text-align: center;
  border: none;
  padding-top: 0;
}
.modal-security .modal-body {
  padding: 20px 40px;
}
.modal-security ol,
.modal-security ul {
  margin: 1em 0;
  padding-left: 0;
}
.modal-security li {
  margin: 0.5em 0 0.5em 1.5em;
}
.smiler {
  display: block;
  margin: 0 auto -20px;
  width: 80px;
  height: 80px;
}
.smil {
  fill: #00B7C9;
}
strong,
b {
  font-family: 'vngage-semibold', sans-serif;
}
.refCodeArea {
  position: absolute;
  top: -36px;
  right: 0;
  font-size: 10px;
  color: #8e8e8e;
}
.coworker-container {
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
}
.coworker-col {
  display: flex;
  flex-direction: column;
}
.col-flex,
.flex1 {
  -webkit-flex: 1;
  flex: 1;
}
.coWorkerCoBrowsingArea {
  display: -webkit-flex;
  display: flex;
  -webkit-flex: 1;
  flex: 1;
}
.psBrowserWrapper,
.vg-wrapper-thingy {
  display: -webkit-flex;
  display: flex;
  -webkit-flex: 1;
  flex: 1;
  flex-direction: column;
}
.psIframeWrapper {
  display: -webkit-flex;
  display: flex;
  -webkit-flex: 1;
  flex: 1;
}
.coworker-container .visual-guidance-container .vg-legacy-iframe-wrap {
  background: transparent;
}
.desktopLegacy button.btn-video-startstop {
  margin-left: 5px;
  margin-bottom: 5px;
}
.desktopLegacy .psExpandableAreaContent .btn-xs {
  padding: 2px 5px 0;
  font-weight: bold;
  font-size: 11px;
  background-color: #777;
  border-color: #777;
}
.desktopLegacy .psExpandableAreaContent .btn-xs:hover {
  background-color: #444;
  border-color: #444;
}
.desktopLegacy .psExpandableAreaContent .btn-xs.btn-success {
  background-color: #1b9f2a;
  border-color: #1b9f2a;
}
.desktopLegacy .psExpandableAreaContent .btn-xs.btn-success:hover {
  background-color: #178924;
  border-color: #178924;
}
.desktopLegacy #videowrap {
  background-color: #222;
}
.desktopLegacy #videowrap .video-toolbar label {
  margin-top: 1px;
}
.desktopLegacy .legacy-tool-bar button:hover {
  box-shadow: none;
}
.legacy-tool-bar {
  padding: 5px 0 0;
}
.legacy-tool-bar .dropdown-menu > li a:focus,
.legacy-tool-bar .dropdown-menu > li a:active {
  outline: none;
}
.legacy-tool-bar .btn {
  font-size: 11px;
  font-weight: bold;
  color: #fff;
}
.legacy-tool-bar .btn:before :focus,
.legacy-tool-bar .btn:after :focus,
.legacy-tool-bar .btn:before :active,
.legacy-tool-bar .btn:after :active {
  outline: none;
}
.legacy-tool-bar .split-button {
  margin: 0 5px;
  display: inline-block;
}
.legacy-tool-bar .btn-xs.btn-success {
  padding: 1px 5px 0;
}
.legacy-tool-bar .btn-default {
  background-color: #777;
  border-color: #777;
}
.legacy-tool-bar .btn-default:hover {
  background-color: #444;
  border-color: #444;
}
.desktopLegacy .conversation-participants {
  padding: 3px 0;
  border-top: 1px solid #ddd;
}
.desktopLegacy .participant {
  float: left;
}
.desktopLegacy .participant .dropdown-toggle .author-name {
  display: none;
}
.desktopLegacy .participant .dropdown-menu {
  padding-top: 0;
}
.desktopLegacy .participant .dropdown-menu li:first-child.dropdown-header {
  padding-top: 8px;
  margin-bottom: 4px;
  background: #ddd;
  color: #222;
  font-weight: bold;
  border-bottom: 1px solid #ccc;
  border-radius: 4px 4px 0 0;
}
.desktopLegacy .participant .dropdown-menu a {
  outline: none;
  background: transparent;
}
.desktopLegacy .participant .dropdown-menu .flipswitch {
  min-width: 180px;
}
.desktopLegacy .participant .dropdown-menu .flipswitch-label {
  font-size: 14px;
}
#videoChatVidWrap > div {
  border-top: 1px solid #ddd;
  padding: 4px 0;
}
.unread:last-child .message-text {
  animation: new-message 1.5s ease-in-out infinite;
  transition: opacity;
}
.modal-backdrop {
  z-index: 9;
}
.psExpandableAreaContent .well {
  padding: 7px;
}
.psExpandableAreaContent .well {
  padding: 7px;
}
@-moz-keyframes new-message {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes new-message {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
@keyframes new-message {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
.psPlugin_videChat {
  background: no-repeat scroll center center url('img/desktop/bg_visitors_camera_disabled.png');
}
.video-toolbar {
  z-index: 9;
  height: 25px;
  background-color: #444;
}
.video-toolbar label {
  display: inline;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  float: right;
}
.video-toolbar label input[type="checkbox"]:not(:checked),
.video-toolbar label input[type="checkbox"]:checked {
  /* :checked here acting as a filter for older browsers */
  position: absolute;
  opacity: 0;
  cursor: pointer;
  pointer-events: none;
}
.video-toolbar label input[type="checkbox"] + i {
  color: #ccc;
}
.video-toolbar label input[type="checkbox"]:checked + i {
  color: #5bc0de;
}
.video-toolbar label i {
  font-size: 16px;
  display: inline-block;
  margin: 3px 5px 0 0;
}
.video-toolbar label i:hover {
  cursor: pointer;
}
#videowrap {
  width: 100%;
  position: relative;
  -webkit-transition: all 400ms ease-out;
  -moz-transition: all 400ms ease-out;
  -ms-transition: all 400ms ease-out;
  -o-transition: all 400ms ease-out;
  transition: all 400ms ease-out;
}
#videowrap.videolarge {
  position: absolute;
  width: 480px;
  height: 360px;
}
#videowrap.videolarge.videolargeleft {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}
#videowrap.videolarge.videolargeright {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
/*
 *  These styles define the appearance of the default error dialog box.
 */
#easyrtcErrorDialog {
  background-color: #ffe0e0;
  position: fixed;
  right: 10px;
  top: 20px;
  z-index: 30;
  opacity: 0.95;
  padding: 0.5em;
  border-radius: 10px;
  border-color: red;
  border-style: solid;
  border-width: 1px;
  -webkit-box-shadow: 2px 2px 8px 1px rgba(0, 0, 0, 0.9);
  box-shadow: 2px 2px 8px 1px rgba(0, 0, 0, 0.9);
}
.easyrtcErrorDialog_title {
  position: static;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 0.5em;
  clear: both;
}
#easyrtcErrorDialog_body {
  position: static;
  height: 150px;
  overflow-y: auto;
}
.easyrtcErrorDialog_element {
  position: static;
  font-style: italic;
  font-size: 12px;
  width: 300px;
  margin-bottom: 0.5em;
  clear: both;
  float: left;
}
.easyrtcErrorDialog_okayButton {
  position: static;
  clear: both;
  float: right;
}
.easyRTCMirror {
  -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1);
}
.easyrtc_closeButton {
  z-index: 2;
  position: absolute;
  width: 40px;
  height: 40px;
  right: 0px;
  top: 0px;
  background-image: url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="40px" height="40px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve"><g stroke="#b0b0b0" stroke-width="7" ><g>		<path  d="M76.03,79.854c-0.979,0-1.958-0.373-2.704-1.12L21.184,26.592c-1.494-1.494-1.494-3.915,0-5.409c1.494-1.493,3.915-1.493,5.409,0l52.143,52.142c1.494,1.494,1.494,3.915,0,5.409C77.988,79.481,77.01,79.854,76.03,79.854z"/></g><g><path d="M23.888,79.854c-0.979,0-1.958-0.373-2.704-1.12c-1.494-1.494-1.494-3.915,0-5.409l52.142-52.142c1.493-1.493,3.915-1.493,5.409,0c1.494,1.494,1.494,3.915,0,5.409L26.593,78.734C25.846,79.481,24.867,79.854,23.888,79.854z"/></g></g><g fill="#000000"><g><path  d="M76.03,79.854c-0.979,0-1.958-0.373-2.704-1.12L21.184,26.592c-1.494-1.494-1.494-3.915,0-5.409c1.494-1.493,3.915-1.493,5.409,0l52.143,52.142c1.494,1.494,1.494,3.915,0,5.409C77.988,79.481,77.01,79.854,76.03,79.854z"/></g><g><path d="M23.888,79.854c-0.979,0-1.958-0.373-2.704-1.12c-1.494-1.494-1.494-3.915,0-5.409l52.142-52.142c1.493-1.493,3.915-1.493,5.409,0c1.494,1.494,1.494,3.915,0,5.409L26.593,78.734C25.846,79.481,24.867,79.854,23.888,79.854z"/></g></g></svg>');
  opacity: 0.3;
}
.easyrtc_closeButton:hover {
  opacity: 1;
}
.transit {
  transition: all 400ms ease-out;
  -moz-transition: all 400ms ease-out;
  -webkit-transition: all 400ms ease-out;
  -o-transition: all 400ms ease-out;
  /*transition: left 1s, top 1s, right 1s, bottom 1s, width 1s, height 1s, transform 1s;*/
  /*-moz-transition: left 1s, top 1s, right 1s, bottom 1s, width 1s, height 1s, -moz-transform 1s;*/
  /*-webkit-transition: left 1s, top 1s, right 1s, bottom 1s, width 1s, height 1s, -webkit-transform 1s;*/
  /*-o-transition: left 1s, top 1s, right 1s, bottom 1s, width 1s, height 1s,-o-transform 1s;*/
}
.hidden {
  background-color: transparent;
  border-color: 2px solid blue;
}
.boxCommon {
  position: absolute;
}
.closeButton {
  display: none;
  /* hide the easyApp's close button because we have our own */
}
.thumbCommon {
  z-index: 2;
  /*box-shadow: 5px 5px 5px #000000;*/
}
.video-canvas {
  width: 100%;
  padding-bottom: 74.9%;
  background: #999;
  max-height: 50%;
  position: relative;
}
.v {
  width: 50%;
  height: auto;
  position: absolute;
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
  max-height: 100%;
}
.v-v {
  left: 0;
  top: 23%;
  cursor: nwse-resize;
}
.v-g {
  right: 0;
  top: 23%;
  cursor: nwse-resize;
}
.v-me {
  bottom: -20px;
  left: 5px;
  width: 60px;
  z-index: 5;
  border-radius: 5px;
  transition-delay: 200ms;
  transition-duration: 300ms;
}
.v-me:hover {
  width: 50%;
}
.v-me {
  -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1);
}
.v-zoom-v .v-v {
  width: 100%;
  top: 0;
  z-index: 1;
  cursor: pointer;
}
.v-zoom-v .v-g {
  width: 60px;
  right: 0;
  top: 0;
  z-index: 2;
  cursor: sw-resize;
}
.v-zoom-g .v-v {
  width: 60px;
  left: 0;
  top: 0;
  z-index: 2;
  cursor: se-resize;
}
.v-zoom-g .v-g {
  width: 100%;
  top: 0;
  z-index: 1;
  cursor: pointer;
}
.flex-container {
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
}
.flex1 {
  -webkit-flex: 1;
  flex: 1;
}
.flex2 {
  -webkit-flex: 2;
  flex: 2;
}
.flex3 {
  -webkit-flex: 3;
  flex: 3;
}
.workarea {
  display: flex;
  flex-direction: row;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  margin: 0;
  bottom: 0;
}
.workarea .dialog-container {
  width: 380px;
  z-index: 1;
  display: flex;
  flex-direction: column;
}
.workarea .dialog-container .vngage-icon-cog {
  font-size: 17px;
  margin-top: 0;
  color: #cecece;
  float: right;
  display: none;
}
.btn-invite-participant .vngage-icon-torso {
  margin: 0 -3px;
  font-size: 11px;
}
.btn-invite-participant .vngage-plus {
  line-height: 0;
  font-weight: bold;
  vertical-align: super;
}
ul.meta-participants {
  padding: 0;
}
.participant .author-title {
  font-family: 'vngage-semibold';
}
.participant .author-name {
  font-size: 9px;
}
.participant i {
  display: inline-block;
  color: #999;
  font-size: 10px;
  vertical-align: text-bottom;
}
.participant i.status-lost {
  color: orange;
}
.participant i.status-ok {
  color: #00b7c9;
}
.participant i.status-dead {
  color: #f04e5e;
}
.participant i.status-terminate {
  color: #f04e5e;
}
.dialog-container {
  box-shadow: 5px 0px 9px -5px #000;
}
.dialog-meta {
  flex: 0 1 auto;
  min-height: 113px;
  font-size: 12px;
  padding: 0 15px;
  z-index: 1;
}
.dialog-meta .flex1 {
  padding-bottom: 5px;
}
.dialog-meta .indicate-overflow-top {
  box-shadow: 0px 4px 8px -2px #cecece;
  height: 10px;
  margin: -10px -15px;
  opacity: 0.4;
}
.dialog-meta .caret {
  color: #cecece;
  margin-left: 5px;
}
.dialog-meta .open > .dropdown-menu {
  display: inline-table;
}
.dialog-meta .dropdown {
  display: inline;
  cursor: pointer;
}
.dialog-meta .dropdown-menu {
  border-radius: 0;
  padding: 10px;
  border-color: #999;
  top: 25px;
  min-width: 180px;
  box-shadow: none;
}
.dialog-meta .dropdown-menu:before {
  content: '';
  border-width: 10px;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
  position: absolute;
  top: -20px;
  left: 41px;
}
.dialog-meta .dropdown-menu:after {
  content: '';
  border-width: 11px;
  border-style: solid;
  border-color: transparent transparent #555 transparent;
  position: absolute;
  top: -22px;
  z-index: -1;
  left: 40px;
}
.dialog-meta .icon-large {
  font-size: 36px;
  text-align: center;
  position: relative;
  top: -6px;
  width: 65px;
  margin-right: 5px;
}
.dialog-meta .icon-large span {
  position: absolute;
  font-size: 12px;
  color: white;
  left: 42%;
  bottom: 10px;
}
.dialog-meta .meta-title {
  margin-bottom: 5px;
  font-family: 'vngage';
  cursor: default;
}
.dialog-meta .dropdown ul.meta-participants {
  padding: 10px;
}
.dialog-meta .dropdown ul.meta-participants li {
  display: block;
}
.dialog-meta .meta-actions {
  margin: 0 -15px;
  padding: 8px 15px 8px;
  border-top: 3px solid #f1f1f1;
  background: #fff;
}
.dialog-meta .meta-actions a {
  background: #f1f1f1;
  padding: 4px 6px;
  color: #00b7c9;
  display: inline-block;
  border-radius: 4px;
  font-size: 11px;
  font-family: vngage-semibold;
  margin: 0 2px;
}
.dialog-meta .meta-actions a.active {
  text-decoration: none;
  cursor: pointer;
  background: #00b7c9;
  color: #fff;
}
.dialog-meta .meta-actions a:hover {
  text-decoration: none;
  cursor: pointer;
  background: #00b7c9;
  color: #fff;
}
.dialog-meta .meta-actions a:active,
.dialog-meta .meta-actions a:focus {
  background: #808080;
  color: #f1f1f1;
}
.dialog-list-container {
  flex: 2 2 auto;
  overflow-y: scroll;
  min-height: 0;
  padding: 20px 15px 0;
}
.dialog-list {
  padding: 0;
  margin: 0;
}
.dialog-list > li {
  list-style: none;
  margin: 10px 0;
  padding: 0 10px 0 6px;
  word-wrap: break-word;
  border-radius: 4px;
  border-left: 4px solid transparent;
}
.dialog-list > li.unread {
  border-left-color: #1b9f2a;
}
.dialog-list > li.message-guest {
  padding-bottom: 10px;
}
.dialog-list > li.message-guest + .message-guest {
  margin-top: -15px;
  padding-top: 0;
}
.dialog-list > li.message-guest + .message-guest h5 {
  display: none;
}
.dialog-list > li.message-guest + .message-guest span.message-createdAt {
  flex: 1 1 auto;
  text-align: right;
}
.dialog-list > li.message-agent {
  padding-top: 10px;
  padding-bottom: 10px;
  margin: 10px 0 15px;
  background-color: #f1f1f1;
}
.dialog-list > li.message-agent .message-note,
.dialog-list > li.message-agent .message-navigation {
  padding: 5px 10px;
}
.dialog-list > li.message-agent + .message-agent {
  margin-top: -15px;
  padding-top: 0;
}
.dialog-list > li.message-agent + .message-agent h5 {
  display: none;
}
.dialog-list > li.message-agent + .message-agent span.message-createdAt {
  flex: 1 1 auto;
  text-align: right;
}
.dialog-list > li.message-visitor {
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #e5ebf9;
  margin: 10px 0 15px;
}
.dialog-list > li.message-visitor .message-note,
.dialog-list > li.message-visitor .message-navigation {
  padding: 0 10px;
}
.dialog-list > li.message-visitor + .message-visitor {
  margin-top: -15px;
  padding-top: 0;
}
.dialog-list > li.message-visitor + .message-visitor h5 {
  display: none;
}
.dialog-list > li.message-visitor + .message-visitor span.message-createdAt {
  flex: 1 1 auto;
  text-align: right;
}
.dialog-list > li .flex-container {
  flex-wrap: wrap;
}
.dialog-list > li p,
.dialog-list > li h5 {
  font-size: 13px;
}
.dialog-list > li p a,
.dialog-list > li h5 a {
  text-decoration: underline;
}
.dialog-list > li h5.message-author-name {
  display: inline-block;
  margin: 0 0 2px;
  flex: 1 1 auto;
  cursor: default;
}
.dialog-list > li h5.message-author-name .author-name {
  font-size: 10px;
  font-family: 'vngage';
  color: #999;
  float: right;
  margin-right: 3px;
  margin-top: 3px;
}
.dialog-list > li span.message-createdAt {
  flex: none;
  font-size: 10px;
  color: #999;
  margin-top: 2px;
}
.dialog-list > li span.message-createdAt:hover {
  cursor: pointer;
}
.dialog-list > li .message-text,
.dialog-list > li .message-navigation,
.dialog-list > li .message-note {
  flex: 1 1 100%;
}
.dialog-list > li .message-text p,
.dialog-list > li .message-navigation p,
.dialog-list > li .message-note p {
  margin: 0;
}
.dialog-list > li .message-text p + p,
.dialog-list > li .message-navigation p + p,
.dialog-list > li .message-note p + p {
  margin-top: 1em;
}
.dialog-list > li .message-text a {
  text-decoration: underline;
}
.dialog-list > li .message-text i {
  font-style: normal;
}
.dialog-list > li .message-text i.photo:before {
  font-family: 'icon';
  content: '\e84b';
  display: inline-block;
  margin-right: 10px;
  font-size: 16px;
}
.dialog-list > li .message-text i.video:before {
  font-family: 'icon';
  content: '\e849';
  display: inline-block;
  margin-right: 10px;
  font-size: 16px;
}
.dialog-list > li .message-text i.pdf:before {
  font-family: 'icon';
  content: '\e84a';
  display: inline-block;
  margin-right: 10px;
  font-size: 16px;
}
.dialog-list > li .message-text i.link:before {
  font-family: 'icon';
  content: '\e84c';
  display: inline-block;
  margin-right: 10px;
  font-size: 16px;
}
.dialog-list > li .message-note {
  color: #cecece;
  font-size: 11px;
  font-style: italic;
  text-align: center;
  margin: -10px 0;
}
.dialog-list > li .message-navigation {
  color: #cecece;
  font-size: 11px;
  font-style: italic;
  text-align: center;
  margin: 0;
}
.dialog-list > li .message-meta {
  width: 100%;
  border-left: 2px solid #cecece;
  padding-left: 5px;
  margin: 0;
}
.dialog-list > li .message-meta.participantJoined {
  color: #b5d39c;
  border-color: #b5d39c;
}
.dialog-list > li .message-meta.participantJoined div {
  display: inline;
}
.dialog-list > li .message-meta.participantLeft {
  color: #e39f7e;
  border-color: #e39f7e;
}
.dialog-list > li .message-meta.participantLeft div {
  display: inline;
}
.dialog-list > li iframe {
  max-width: 100%;
  height: auto;
}
.dialog-compose {
  flex: 0 1 auto;
  min-height: 95px;
  padding: 0 15px;
  border-top: 1px solid #cecece;
}
.dialog-compose textarea {
  border: 0;
  box-shadow: none;
  height: 90px;
}
.dialog-compose textarea:active,
.dialog-compose textarea:focus {
  box-shadow: none;
}
.dialog-compose textarea::-webkit-input-placeholder {
  font-style: italic;
}
.dialog-compose textarea:-moz-placeholder {
  font-style: italic;
}
.dialog-compose textarea::-moz-input-placeholder {
  font-style: italic;
}
.dialog-tools {
  height: 30px;
  border-top: 1px solid #cecece;
  padding: 0 15px;
}
.dialog-tools [class^="vngage-icon-"]:before,
.dialog-tools [class*=" vngage-icon-"]:before {
  float: right;
  margin-top: 5px;
  margin-right: 10px;
  display: none;
}
.participants-writing {
  float: left;
}
.participants-writing span.participant-writing {
  font-size: 10px;
  margin-right: 5px;
  color: #999;
}
.participants-writing span.participant-writing .fadeInOut-enter {
  opacity: 0.01;
  transition: opacity 5s ease-in;
}
.participants-writing span.participant-writing .fadeInOut-enter.fadeInOut-enter-active {
  opacity: 1;
  color: red;
}
.participants-writing span.participant-writing .fadeInOut-leave {
  opacity: 1;
  transition: opacity 0.5s ease-in;
}
.participants-writing span.participant-writing .fadeInOut-leave.fadeInOut-leave-active {
  opacity: 0.01;
}
.vg-legacy-container {
  display: flex;
  flex: 1;
  flex-direction: column;
  position: relative;
  min-height: 100px;
}
.visual-guidance-container {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.visual-guidance-container .vg-iframe-wrap {
  border: 0;
  flex: 1;
  position: relative;
  z-index: 0;
  box-sizing: border-box;
  overflow-y: hidden;
  background: #efefef;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAIAAAAmkwkpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADJJREFUeNosibERADAIAoVzC3dx/4GkJhQpgHseu2v77qqqJQEIkOwk38x8k4lMPwEGABooD569Ac8UAAAAAElFTkSuQmCC");
}
.visual-guidance-container .vg-iframe-wrap.display .restricted-backdrop {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.3s ease;
}
.visual-guidance-container .vg-iframe-wrap .restricted-backdrop {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 999;
  background: rgba(0, 0, 0, 0.8);
  transition: opacity 0.3s ease;
}
.visual-guidance-container .vg-iframe-wrap .restricted-backdrop .restricted-container {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 400px;
  margin-top: -150px;
  margin-left: -200px;
  text-align: center;
  color: #fff;
  cursor: default;
}
.visual-guidance-container .vg-iframe-wrap .restricted-backdrop .restricted-container i {
  font-size: 100px;
  color: #444;
  display: inline-block;
  margin-bottom: -30px;
}
.visual-guidance-container .vg-iframe-wrap .restricted-backdrop .restricted-container a {
  text-decoration: underline;
  cursor: pointer;
}
.visual-guidance-container .vg-iframe-wrap:after {
  pointer-events: none;
  content: '\e848';
  color: #222;
  font-family: 'icon';
  text-align: center;
  font-size: 200px;
  position: absolute;
  width: 200px;
  height: 200px;
  top: 50%;
  left: 50%;
  margin: -200px 0 0 -100px;
}
.visual-guidance-container .vg-iframe {
  display: flex;
  position: absolute;
  z-index: 1;
  border: none;
  -webkit-transition: all 400ms ease-in-out;
  -webkit-transform-origin: top left;
  -moz-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
  -moz-transform-origin: top left;
  -ms-transform-origin: top left;
  -o-transform-origin: top left;
  transform-origin: top left;
}
.visual-guidance-container .vg-legacy-iframe-wrap {
  display: flex;
  flex: 1;
  box-sizing: border-box;
  overflow-y: hidden;
  overflow-x: auto;
  background: #efefef;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAIAAAAmkwkpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADJJREFUeNosibERADAIAoVzC3dx/4GkJhQpgHseu2v77qqqJQEIkOwk38x8k4lMPwEGABooD569Ac8UAAAAAElFTkSuQmCC");
  width: 100%;
  position: relative;
  z-index: 0;
  border: none;
  -webkit-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
  -webkit-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
}
.visual-guidance-container .vg-legacy-iframe {
  display: flex;
  flex: 1;
  position: absolute;
  z-index: 1;
  border: none;
  -webkit-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
  -webkit-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
}
.visual-guidance-container .vg-metabar {
  background: #222;
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 35px;
  color: rgba(255, 255, 255, 0.9);
  padding: 5px 20px;
}
.visual-guidance-container .vg-metabar .vg-metabar-inner {
  display: flex;
  flex: 1;
  font-size: 13px;
}
.visual-guidance-container .vg-metabar .vg-metabar-inner.paused .vg-meta-info {
  color: #f04e5e;
}
.visual-guidance-container .vg-metabar .vg-metabar-inner.passive .vg-meta-info {
  color: #f04e5e;
}
.visual-guidance-container .vg-metabar .vg-metabar-inner.passive .vg-meta-info .vg-metatitle {
  font-family: 'vngage-semibold';
}
.visual-guidance-container .vg-metabar .vg-metabar-inner.active .vg-meta-info {
  color: #00b7c9;
}
.visual-guidance-container .vg-meta-info {
  display: block;
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.visual-guidance-container .vg-meta-info .vg-metatitle {
  display: inline-block;
  flex: 0 1 auto;
  margin-right: 5px;
  cursor: default;
}
.visual-guidance-container .vg-meta-info .vg-status {
  display: inline-block;
  flex: 0 1 auto;
  margin-right: 20px;
}
.visual-guidance-container .vg-actions {
  display: flex;
  align-self: flex-end;
  font-size: 83%;
}
.visual-guidance-container .vg-actions .vngage-icon-cog {
  font-size: 16px;
  display: flex;
}
.visual-guidance-container .vg-actions button {
  color: #cecece;
  background: #222;
  display: inline;
  border: none;
  position: absolute;
  top: 9px;
  right: 115px;
}
.visual-guidance-container .vg-actions .flipswitch .flipswitch-label {
  text-shadow: none;
  color: #cecece;
}
.visual-guidance-container .vg-actions input[type="checkbox"].switch + span:before {
  height: 1.6em;
}
.conversation-input {
  flex: 1 1 auto;
  min-height: 75px;
}
.message-composer {
  padding: 5px 0;
}
.dialog-wrapper:after {
  content: '\A';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  z-index: 1;
}
.dialog-wrapper.connection-UP:after {
  visibility: hidden;
  opacity: 0;
}
.dialog-wrapper.connection-DOWN:after {
  visibility: visible;
  opacity: 1;
}
.duration-display {
  display: inline;
  margin-right: 10px;
}
.duration-display i {
  font-size: 10px;
  margin-left: -2px;
  margin-right: 2px;
  vertical-align: text-bottom;
}
.react-container {
  background: #fcfcfc;
}
.react-container .lobby-container {
  display: flex;
  width: 420px;
  position: absolute;
  left: 50%;
  top: 100px;
  margin-left: -210px;
  min-height: 200px;
}
.react-container .lobby-container .left-area {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1;
  background: #eaeceb;
}
.react-container .lobby-container .left-area i {
  font-size: 40px;
  text-align: center;
  width: 100%;
  margin-top: 3px;
}
.react-container .lobby-container .content-area {
  flex: 5;
  padding: 10px 20px;
}
.react-container .lobby-container .content-area .status-message-error {
  color: #f04e5e;
}
.react-container .lobby-container .content-area .status-message {
  color: #00b7c9;
}
/* Legacy */
.desktopLegacy .dialog-list-container {
  overflow-y: inherit;
  padding: 0;
}
.desktopLegacy .psPanel_content ul {
  border-bottom: none;
}
.desktopLegacy .psPanel_content ul.meta-participants {
  margin: 0;
  line-height: 12px;
}
.desktopLegacy .psPanel_content ul.meta-participants li i {
  vertical-align: text-top;
}
.desktopLegacy .dialog-list > li {
  border-radius: 0;
}
.desktopLegacy .dialog-list > li ul,
.desktopLegacy .dialog-list > li ol {
  padding: 0 0 0 2em;
}
.desktopLegacy .dialog-list > li blockquote {
  padding: 0 0 0 1em;
  font-size: inherit;
}
.desktopLegacy .dialog-list > li.message-visitor,
.desktopLegacy .dialog-list > li.message-agent,
.desktopLegacy .dialog-list > li.message-guest,
.desktopLegacy .dialog-list > li.meta-guest,
.desktopLegacy .dialog-list > li.meta-visitor {
  margin: 0;
  padding: 5px 10px 5px 6px;
}
.desktopLegacy .dialog-list > li span.message-createdAt {
  margin-top: 1px;
}
.desktopLegacy .dialog-list > li.message-visitor {
  background-color: #e5ebf9;
}
.desktopLegacy .dialog-list > li.message-visitor h5 .author-title {
  font-family: 'arial', sans-serif;
  font-weight: bold;
  color: #666;
}
.desktopLegacy .dialog-list > li.message-visitor .message-meta {
  width: 100%;
  border-left: 2px solid #cecece;
  padding-left: 5px;
}
.desktopLegacy .dialog-list > li.message-visitor .message-meta.participantLeft {
  color: #e39f7e;
  border-color: #e39f7e;
}
.desktopLegacy .dialog-list > li.message-visitor .message-meta.participantLeft div {
  display: inline;
}
.desktopLegacy .dialog-list > li.message-visitor .message-meta.participantLeft span {
  color: #e39f7e;
}
.desktopLegacy .dialog-list > li.message-visitor .message-meta.participantJoined {
  color: #b5d39c;
  border-color: #b5d39c;
}
.desktopLegacy .dialog-list > li.message-visitor .message-meta.participantJoined div {
  display: inline;
}
.desktopLegacy .dialog-list > li.message-visitor .message-meta.participantJoined span {
  color: #b5d39c;
}
.desktopLegacy .dialog-list > li.message-visitor .message-meta .author-title,
.desktopLegacy .dialog-list > li.message-visitor .message-meta .author-name {
  font-family: 'vngage-semibold';
  font-size: 11px;
}
.desktopLegacy .dialog-list > li.message-visitor .message-meta span {
  font-style: italic;
}
.desktopLegacy .dialog-list > li.message-visitor + .message-visitor {
  margin-top: -5px;
  padding-top: 0;
}
.desktopLegacy .dialog-list > li.message-visitor + .message-visitor h5 {
  display: none;
}
.desktopLegacy .dialog-list > li.message-visitor + .message-visitor span.message-createdAt {
  flex: 1 1 auto;
  text-align: right;
}
.desktopLegacy .dialog-list > li.message-visitor + .message-visitor .message-meta {
  margin-top: 5px;
}
.desktopLegacy .dialog-list > li.message-agent {
  background-color: #ffffff;
}
.desktopLegacy .dialog-list > li.message-agent h5 .author-title {
  font-family: 'arial', sans-serif;
  font-weight: bold;
  color: #666;
}
.desktopLegacy .dialog-list > li.message-agent .message-meta {
  width: 100%;
  border-left: 2px solid #cecece;
  padding-left: 5px;
}
.desktopLegacy .dialog-list > li.message-agent .message-meta .author-title,
.desktopLegacy .dialog-list > li.message-agent .message-meta .author-name {
  font-family: 'vngage-semibold';
  font-size: 11px;
}
.desktopLegacy .dialog-list > li.message-agent .message-meta span {
  font-style: italic;
}
.desktopLegacy .dialog-list > li.message-agent + .message-agent {
  margin-top: -5px;
  padding-top: 0;
}
.desktopLegacy .dialog-list > li.message-agent + .message-agent h5 {
  display: none;
}
.desktopLegacy .dialog-list > li.message-agent + .message-agent span.message-createdAt {
  flex: 1 1 auto;
  text-align: right;
}
.desktopLegacy .dialog-list > li.message-guest {
  background-color: #f1f1f1;
}
.desktopLegacy .dialog-list > li.message-guest h5 .author-title {
  font-family: 'arial', sans-serif;
  font-weight: bold;
  color: #666;
}
.desktopLegacy .dialog-list > li.message-guest .message-meta {
  width: 100%;
  border-left: 2px solid #cecece;
  padding-left: 5px;
}
.desktopLegacy .dialog-list > li.message-guest .message-meta.participantLeft {
  color: #e39f7e;
  border-color: #e39f7e;
}
.desktopLegacy .dialog-list > li.message-guest .message-meta.participantLeft div {
  display: inline;
}
.desktopLegacy .dialog-list > li.message-guest .message-meta.participantLeft span {
  color: #e39f7e;
}
.desktopLegacy .dialog-list > li.message-guest .message-meta.participantJoined {
  color: #b5d39c;
  border-color: #b5d39c;
}
.desktopLegacy .dialog-list > li.message-guest .message-meta.participantJoined div {
  display: inline;
}
.desktopLegacy .dialog-list > li.message-guest .message-meta.participantJoined span {
  color: #b5d39c;
}
.desktopLegacy .dialog-list > li.message-guest .message-meta .author-title,
.desktopLegacy .dialog-list > li.message-guest .message-meta .author-name {
  font-family: 'vngage-semibold';
  font-size: 11px;
}
.desktopLegacy .dialog-list > li.message-guest .message-meta span {
  font-style: italic;
}
.desktopLegacy .dialog-list > li.message-guest + .message-guest {
  margin-top: -5px;
  padding-top: 0;
}
.desktopLegacy .dialog-list > li.message-guest + .message-guest h5 {
  display: none;
}
.desktopLegacy .dialog-list > li.message-guest + .message-guest span.message-createdAt {
  flex: 1 1 auto;
  text-align: right;
}
.desktopLegacy .dialog-list > li.message-guest + .message-guest .message-meta {
  margin-top: 5px;
}
.desktopLegacy .dialog-list > li p,
.desktopLegacy .dialog-list > li h5 {
  font-size: 11px;
}
.desktopLegacy .dialog-list > li .message-text a {
  text-decoration: underline;
}
.desktopLegacy .dialog-list > li .message-text i {
  font-style: normal;
}
.desktopLegacy .dialog-list > li .message-text i.photo:before {
  font-family: 'icon';
  content: '\e84b';
  display: inline-block;
  margin-right: 10px;
  font-size: 16px;
}
.desktopLegacy .dialog-list > li .message-text i.video:before {
  font-family: 'icon';
  content: '\e849';
  display: inline-block;
  margin-right: 10px;
  font-size: 16px;
}
.desktopLegacy .dialog-list > li .message-text i.pdf:before {
  font-family: 'icon';
  content: '\e84a';
  display: inline-block;
  margin-right: 10px;
  font-size: 16px;
}
.desktopLegacy .dialog-list > li .message-text i.link:before {
  font-family: 'icon';
  content: '\e84c';
  display: inline-block;
  margin-right: 10px;
  font-size: 16px;
}
.desktopLegacy .dialog-list > li .message-note {
  color: #999;
  width: 100%;
  border-left: 2px solid #cecece;
  padding-left: 5px;
  text-align: left;
  margin: 0;
}
.desktopLegacy .dialog-list > li .message-note .note-meta {
  font-family: 'vngage-semibold';
  font-size: 11px;
}
.desktopLegacy .dialog-list > li .message-note .note-meta .author-title {
  display: inline-block;
  margin-right: 5px;
}
.desktopLegacy .dialog-list > li .message-note span {
  font-style: italic;
}
.desktopLegacy .dialog-tools {
  height: 15px;
  border: none;
  background: #fff;
  line-height: 15px;
  padding: 0 10px;
}
.desktopLegacy .dialog-tools .participants-writing {
  float: none;
  line-height: 15px;
  vertical-align: middle;
}
.desktopLegacy .dialog-tools .participants-writing span.participant-writing {
  vertical-align: sub;
  line-height: 15px;
  vertical-align: middle;
}
.popover .dialog-list-container {
  overflow-y: inherit;
  padding: 0;
}
.popover .dialog-list > li {
  border-radius: 0;
}
.popover .dialog-list > li.message-visitor,
.popover .dialog-list > li.message-agent,
.popover .dialog-list > li.message-guest {
  margin: 5px 0;
  padding: 5px 10px;
}
.popover .dialog-list > li span.message-createdAt {
  margin-top: 1px;
}
.popover .dialog-list > li.message-visitor + .message-visitor {
  margin-top: -5px;
  padding-top: 0;
}
.popover .dialog-list > li.message-visitor + .message-visitor h5 {
  display: none;
}
.popover .dialog-list > li.message-visitor + .message-visitor span.message-createdAt {
  flex: 1 1 auto;
  text-align: right;
}
.popover .dialog-list > li.message-agent + .message-agent {
  margin-top: -5px;
  padding-top: 0;
}
.popover .dialog-list > li.message-agent + .message-agent h5 {
  display: none;
}
.popover .dialog-list > li.message-agent + .message-agent span.message-createdAt {
  flex: 1 1 auto;
  text-align: right;
}
.popover .dialog-list > li.message-guest + .message-guest {
  margin-top: -5px;
  padding-top: 0;
}
.popover .dialog-list > li.message-guest + .message-guest h5 {
  display: none;
}
.popover .dialog-list > li.message-guest + .message-guest span.message-createdAt {
  flex: 1 1 auto;
  text-align: right;
}
.popover .dialog-list > li p,
.popover .dialog-list > li h5 {
  font-size: 11px;
}
.popover .dialog-list > li .message-text a {
  text-decoration: underline;
}
.popover .dialog-list > li .message-text i {
  font-style: normal;
}
.popover .dialog-list > li .message-text i.showImage:before {
  font-family: 'icon';
  content: '\e84b';
  display: inline-block;
  margin-right: 10px;
  font-size: 16px;
}
.popover .dialog-list > li .message-text i.showVideoPlayer:before {
  font-family: 'icon';
  content: '\e849';
  display: inline-block;
  margin-right: 10px;
  font-size: 16px;
}
.popover .dialog-list > li .message-text i.showPDF:before {
  font-family: 'icon';
  content: '\e84a';
  display: inline-block;
  margin-right: 10px;
  font-size: 16px;
}
.popover .dialog-list > li .message-note {
  color: #999;
  width: 100%;
  border-left: 2px solid #cecece;
  padding-left: 5px;
  text-align: left;
  margin: 0;
}
.popover .dialog-list > li .message-note .note-meta {
  font-family: 'vngage-semibold';
  font-size: 11px;
}
.popover .dialog-list > li .message-note .note-meta .author-title {
  display: inline-block;
  margin-right: 5px;
}
.popover .dialog-list > li .message-note span {
  font-style: italic;
}
.popover .dialog-tools {
  height: 20px;
  padding: 0 5px;
}
.popover .dialog-tools .participants-writing span.participant-writing {
  vertical-align: sub;
}
.participantAuthMenu {
  display: none;
}
.participantAuthMenu hr {
  margin: 3px auto;
}
.participantAuthMenu label {
  font-size: 8px;
  color: gray;
}
.participantAuthMenu button {
  font-size: 10px;
}
.participantAuthMenu.visible {
  display: inline-block;
  background-color: white;
  padding: 8px;
  border: 1px solid #DADADA;
}
.participant .btn,
.participant.open .btn {
  background-color: #fff;
  text-shadow: 0 1px 0 #fff;
  border-color: #ccc;
  color: #666;
}
.btn-toolbar span.participant {
  border: 1px solid transparent;
  font-size: 12px;
  padding: 1px 3px;
  display: inline-block;
}
.dropdown-menu > li > a {
  cursor: pointer;
}
.dropdown-menu .divider {
  margin: 4px 0;
}
.dropdown-item .flipswitch {
  display: block;
  padding: 1px 10px 1px 20px;
  font-size: 12px;
}
.dropdown-item .flipswitch .flipswitch-label {
  font-weight: normal;
  float: left;
}
.dropdown-item .flipswitch .switch {
  float: right;
}
.dropdown-item .flipswitch label {
  display: inline;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  float: right;
}
.dropdown-item .flipswitch label input[type="checkbox"]:not(:checked),
.dropdown-item .flipswitch label input[type="checkbox"]:checked {
  /* :checked here acting as a filter for older browsers */
  position: absolute;
  opacity: 0;
  cursor: pointer;
  pointer-events: none;
}
.dropdown-item .flipswitch label input[type="checkbox"] + i {
  color: #ccc;
}
.dropdown-item .flipswitch label input[type="checkbox"]:checked + i {
  color: #00b7c9;
}
.dropdown-item .flipswitch label i {
  font-size: 16px;
  display: inline-block;
  margin: 3px 5px 0 0;
}
.dropdown-item .flipswitch label i:hover {
  cursor: pointer;
}
#videowrap {
  width: 100%;
  position: relative;
  -webkit-transition: all 400ms ease-out;
  -moz-transition: all 400ms ease-out;
  -ms-transition: all 400ms ease-out;
  -o-transition: all 400ms ease-out;
  transition: all 400ms ease-out;
}
#videowrap .video-toolbar label {
  margin-top: -2px;
}
#videowrap.videolarge {
  position: absolute;
  width: 480px;
  height: 360px;
}
#videowrap.videolarge.videolargeleft {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}
#videowrap.videolarge.videolargeright {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
/*
 *  These styles define the appearance of the default error dialog box.
 */
#easyrtcErrorDialog {
  background-color: #ffe0e0;
  position: fixed;
  right: 10px;
  top: 20px;
  z-index: 30;
  opacity: 0.95;
  padding: 0.5em;
  border-radius: 10px;
  border-color: red;
  border-style: solid;
  border-width: 1px;
  -webkit-box-shadow: 2px 2px 8px 1px rgba(0, 0, 0, 0.9);
  box-shadow: 2px 2px 8px 1px rgba(0, 0, 0, 0.9);
}
.easyrtcErrorDialog_title {
  position: static;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 0.5em;
  clear: both;
}
#easyrtcErrorDialog_body {
  position: static;
  height: 150px;
  overflow-y: auto;
}
.easyrtcErrorDialog_element {
  position: static;
  font-style: italic;
  font-size: 12px;
  width: 300px;
  margin-bottom: 0.5em;
  clear: both;
  float: left;
}
.easyrtcErrorDialog_okayButton {
  position: static;
  clear: both;
  float: right;
}
.easyrtcMirror {
  -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1);
}
.easyrtc_closeButton {
  z-index: 2;
  position: absolute;
  width: 40px;
  height: 40px;
  right: 0px;
  top: 0px;
  background-image: url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="40px" height="40px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve"><g stroke="#b0b0b0" stroke-width="7" ><g>		<path  d="M76.03,79.854c-0.979,0-1.958-0.373-2.704-1.12L21.184,26.592c-1.494-1.494-1.494-3.915,0-5.409c1.494-1.493,3.915-1.493,5.409,0l52.143,52.142c1.494,1.494,1.494,3.915,0,5.409C77.988,79.481,77.01,79.854,76.03,79.854z"/></g><g><path d="M23.888,79.854c-0.979,0-1.958-0.373-2.704-1.12c-1.494-1.494-1.494-3.915,0-5.409l52.142-52.142c1.493-1.493,3.915-1.493,5.409,0c1.494,1.494,1.494,3.915,0,5.409L26.593,78.734C25.846,79.481,24.867,79.854,23.888,79.854z"/></g></g><g fill="#000000"><g><path  d="M76.03,79.854c-0.979,0-1.958-0.373-2.704-1.12L21.184,26.592c-1.494-1.494-1.494-3.915,0-5.409c1.494-1.493,3.915-1.493,5.409,0l52.143,52.142c1.494,1.494,1.494,3.915,0,5.409C77.988,79.481,77.01,79.854,76.03,79.854z"/></g><g><path d="M23.888,79.854c-0.979,0-1.958-0.373-2.704-1.12c-1.494-1.494-1.494-3.915,0-5.409l52.142-52.142c1.493-1.493,3.915-1.493,5.409,0c1.494,1.494,1.494,3.915,0,5.409L26.593,78.734C25.846,79.481,24.867,79.854,23.888,79.854z"/></g></g></svg>');
  opacity: 0.3;
}
.easyrtc_closeButton:hover {
  opacity: 1;
}
.transit {
  transition: all 400ms ease-out;
  -moz-transition: all 400ms ease-out;
  -webkit-transition: all 400ms ease-out;
  -o-transition: all 400ms ease-out;
  /*transition: left 1s, top 1s, right 1s, bottom 1s, width 1s, height 1s, transform 1s;*/
  /*-moz-transition: left 1s, top 1s, right 1s, bottom 1s, width 1s, height 1s, -moz-transform 1s;*/
  /*-webkit-transition: left 1s, top 1s, right 1s, bottom 1s, width 1s, height 1s, -webkit-transform 1s;*/
  /*-o-transition: left 1s, top 1s, right 1s, bottom 1s, width 1s, height 1s,-o-transform 1s;*/
}
.hidden {
  background-color: transparent;
  border-color: 2px solid blue;
}
.boxCommon {
  position: absolute;
  width: 100%;
}
.closeButton {
  display: none;
  /* hide the easyApp's close button because we have our own */
}
.thumbCommon {
  z-index: 2;
  /*box-shadow: 5px 5px 5px #000000;*/
}
/* line 4, ../sass/_offline-theme-base.sass */
.offline-ui,
.offline-ui *,
.offline-ui:before,
.offline-ui:after,
.offline-ui *:before,
.offline-ui *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 7, ../sass/_offline-theme-base.sass */
.offline-ui {
  display: none;
  position: fixed;
  background: white;
  z-index: 2000;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
}
/* line 17, ../sass/_offline-theme-base.sass */
.offline-ui .offline-ui-content:before {
  display: inline;
}
/* line 20, ../sass/_offline-theme-base.sass */
.offline-ui .offline-ui-retry {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  display: none;
}
/* line 24, ../sass/_offline-theme-base.sass */
.offline-ui .offline-ui-retry:before {
  display: inline;
}
/* line 29, ../sass/_offline-theme-base.sass */
.offline-ui.offline-ui-up.offline-ui-up-5s {
  display: block;
}
/* line 32, ../sass/_offline-theme-base.sass */
.offline-ui.offline-ui-down {
  display: block;
}
/* line 37, ../sass/_offline-theme-base.sass */
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-retry {
  display: block;
}
/* line 42, ../sass/_offline-theme-base.sass */
.offline-ui.offline-ui-down.offline-ui-reconnect-failed-2s.offline-ui-waiting .offline-ui-retry {
  display: none;
}
@-webkit-keyframes offline-dropin {
  /* line 40, ../sass/_keyframes.sass */
  0% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    opacity: 0;
  }
  /* line 43, ../sass/_keyframes.sass */
  1% {
    transform: translateY(-800px);
    -webkit-transform: translateY(-800px);
    -moz-transform: translateY(-800px);
    -ms-transform: translateY(-800px);
    -o-transform: translateY(-800px);
    opacity: 0;
  }
  /* line 48, ../sass/_keyframes.sass */
  2% {
    transform: translateY(-800px);
    -webkit-transform: translateY(-800px);
    -moz-transform: translateY(-800px);
    -ms-transform: translateY(-800px);
    -o-transform: translateY(-800px);
    opacity: 1;
  }
  /* line 51, ../sass/_keyframes.sass */
  100% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    opacity: 1;
  }
}
@-moz-keyframes offline-dropin {
  /* line 40, ../sass/_keyframes.sass */
  0% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    opacity: 0;
  }
  /* line 43, ../sass/_keyframes.sass */
  1% {
    transform: translateY(-800px);
    -webkit-transform: translateY(-800px);
    -moz-transform: translateY(-800px);
    -ms-transform: translateY(-800px);
    -o-transform: translateY(-800px);
    opacity: 0;
  }
  /* line 48, ../sass/_keyframes.sass */
  2% {
    transform: translateY(-800px);
    -webkit-transform: translateY(-800px);
    -moz-transform: translateY(-800px);
    -ms-transform: translateY(-800px);
    -o-transform: translateY(-800px);
    opacity: 1;
  }
  /* line 51, ../sass/_keyframes.sass */
  100% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    opacity: 1;
  }
}
@-ms-keyframes offline-dropin {
  /* line 40, ../sass/_keyframes.sass */
  0% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    opacity: 0;
  }
  /* line 43, ../sass/_keyframes.sass */
  1% {
    transform: translateY(-800px);
    -webkit-transform: translateY(-800px);
    -moz-transform: translateY(-800px);
    -ms-transform: translateY(-800px);
    -o-transform: translateY(-800px);
    opacity: 0;
  }
  /* line 48, ../sass/_keyframes.sass */
  2% {
    transform: translateY(-800px);
    -webkit-transform: translateY(-800px);
    -moz-transform: translateY(-800px);
    -ms-transform: translateY(-800px);
    -o-transform: translateY(-800px);
    opacity: 1;
  }
  /* line 51, ../sass/_keyframes.sass */
  100% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    opacity: 1;
  }
}
@-o-keyframes offline-dropin {
  /* line 40, ../sass/_keyframes.sass */
  0% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    opacity: 0;
  }
  /* line 43, ../sass/_keyframes.sass */
  1% {
    transform: translateY(-800px);
    -webkit-transform: translateY(-800px);
    -moz-transform: translateY(-800px);
    -ms-transform: translateY(-800px);
    -o-transform: translateY(-800px);
    opacity: 0;
  }
  /* line 48, ../sass/_keyframes.sass */
  2% {
    transform: translateY(-800px);
    -webkit-transform: translateY(-800px);
    -moz-transform: translateY(-800px);
    -ms-transform: translateY(-800px);
    -o-transform: translateY(-800px);
    opacity: 1;
  }
  /* line 51, ../sass/_keyframes.sass */
  100% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    opacity: 1;
  }
}
@keyframes offline-dropin {
  /* line 40, ../sass/_keyframes.sass */
  0% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    opacity: 0;
  }
  /* line 43, ../sass/_keyframes.sass */
  1% {
    transform: translateY(-800px);
    -webkit-transform: translateY(-800px);
    -moz-transform: translateY(-800px);
    -ms-transform: translateY(-800px);
    -o-transform: translateY(-800px);
    opacity: 0;
  }
  /* line 48, ../sass/_keyframes.sass */
  2% {
    transform: translateY(-800px);
    -webkit-transform: translateY(-800px);
    -moz-transform: translateY(-800px);
    -ms-transform: translateY(-800px);
    -o-transform: translateY(-800px);
    opacity: 1;
  }
  /* line 51, ../sass/_keyframes.sass */
  100% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes offline-dropout {
  /* line 57, ../sass/_keyframes.sass */
  0% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
  /* line 59, ../sass/_keyframes.sass */
  100% {
    transform: translateY(-800px);
    -webkit-transform: translateY(-800px);
    -moz-transform: translateY(-800px);
    -ms-transform: translateY(-800px);
    -o-transform: translateY(-800px);
  }
}
@-moz-keyframes offline-dropout {
  /* line 57, ../sass/_keyframes.sass */
  0% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
  /* line 59, ../sass/_keyframes.sass */
  100% {
    transform: translateY(-800px);
    -webkit-transform: translateY(-800px);
    -moz-transform: translateY(-800px);
    -ms-transform: translateY(-800px);
    -o-transform: translateY(-800px);
  }
}
@-ms-keyframes offline-dropout {
  /* line 57, ../sass/_keyframes.sass */
  0% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
  /* line 59, ../sass/_keyframes.sass */
  100% {
    transform: translateY(-800px);
    -webkit-transform: translateY(-800px);
    -moz-transform: translateY(-800px);
    -ms-transform: translateY(-800px);
    -o-transform: translateY(-800px);
  }
}
@-o-keyframes offline-dropout {
  /* line 57, ../sass/_keyframes.sass */
  0% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
  /* line 59, ../sass/_keyframes.sass */
  100% {
    transform: translateY(-800px);
    -webkit-transform: translateY(-800px);
    -moz-transform: translateY(-800px);
    -ms-transform: translateY(-800px);
    -o-transform: translateY(-800px);
  }
}
@keyframes offline-dropout {
  /* line 57, ../sass/_keyframes.sass */
  0% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
  /* line 59, ../sass/_keyframes.sass */
  100% {
    transform: translateY(-800px);
    -webkit-transform: translateY(-800px);
    -moz-transform: translateY(-800px);
    -ms-transform: translateY(-800px);
    -o-transform: translateY(-800px);
  }
}
@-webkit-keyframes offline-rotation {
  /* line 64, ../sass/_keyframes.sass */
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  /* line 66, ../sass/_keyframes.sass */
  100% {
    transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    -o-transform: rotate(359deg);
  }
}
@-moz-keyframes offline-rotation {
  /* line 64, ../sass/_keyframes.sass */
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  /* line 66, ../sass/_keyframes.sass */
  100% {
    transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    -o-transform: rotate(359deg);
  }
}
@-ms-keyframes offline-rotation {
  /* line 64, ../sass/_keyframes.sass */
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  /* line 66, ../sass/_keyframes.sass */
  100% {
    transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    -o-transform: rotate(359deg);
  }
}
@-o-keyframes offline-rotation {
  /* line 64, ../sass/_keyframes.sass */
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  /* line 66, ../sass/_keyframes.sass */
  100% {
    transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    -o-transform: rotate(359deg);
  }
}
@keyframes offline-rotation {
  /* line 64, ../sass/_keyframes.sass */
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  /* line 66, ../sass/_keyframes.sass */
  100% {
    transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    -o-transform: rotate(359deg);
  }
}
/* line 16, ../sass/offline-theme-dark.sass */
.offline-ui {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  -ms-border-radius: 0 0 4px 4px;
  -o-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
  font-family: "Helvetica Neue", sans-serif;
  font-weight: 300;
  padding: 1em;
  width: 38em;
  max-width: 100%;
  background: black;
  color: #cccccc;
  overflow: hidden;
}
@media (max-width: 38em) {
  /* line 16, ../sass/offline-theme-dark.sass */
  .offline-ui {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
  }
}
/* line 30, ../sass/offline-theme-dark.sass */
.offline-ui .offline-ui-content {
  padding-left: 2em;
}
/* line 33, ../sass/offline-theme-dark.sass */
.offline-ui .offline-ui-content:before {
  line-height: 1.25em;
}
/* line 36, ../sass/offline-theme-dark.sass */
.offline-ui .offline-ui-content:after {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 1em;
  margin: auto;
  height: 1em;
  width: 1em;
}
/* line 48, ../sass/offline-theme-dark.sass */
.offline-ui .offline-ui-retry {
  position: absolute;
  right: 3em;
  top: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.2);
  text-decoration: none;
  color: inherit;
  line-height: 3.5em;
  height: 3.5em;
  margin: auto;
  padding: 0 1em;
}
/* line 61, ../sass/offline-theme-dark.sass */
.offline-ui.offline-ui-up {
  -webkit-animation: offline-dropout forwards 0.5s 2s;
  -moz-animation: offline-dropout forwards 0.5s 2s;
  -ms-animation: offline-dropout forwards 0.5s 2s;
  -o-animation: offline-dropout forwards 0.5s 2s;
  animation: offline-dropout forwards 0.5s 2s;
  -webkit-backface-visibility: hidden;
}
/* line 64, ../sass/offline-theme-dark.sass */
.offline-ui.offline-ui-up .offline-ui-content:after {
  background: #80d580;
}
/* line 67, ../sass/offline-theme-dark.sass */
.offline-ui.offline-ui-down {
  -webkit-animation: offline-dropin 0.5s;
  -moz-animation: offline-dropin 0.5s;
  -ms-animation: offline-dropin 0.5s;
  -o-animation: offline-dropin 0.5s;
  animation: offline-dropin 0.5s;
  -webkit-backface-visibility: hidden;
}
/* line 70, ../sass/offline-theme-dark.sass */
.offline-ui.offline-ui-down .offline-ui-content:after {
  background: #e24949;
}
/* line 73, ../sass/offline-theme-dark.sass */
.offline-ui.offline-ui-down.offline-ui-connecting,
.offline-ui.offline-ui-down.offline-ui-waiting {
  padding-right: 3em;
}
/* line 76, ../sass/offline-theme-dark.sass */
.offline-ui.offline-ui-down.offline-ui-connecting .offline-ui-content:after,
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content:after {
  background: #e24949;
}
/* line 79, ../sass/offline-theme-dark.sass */
.offline-ui.offline-ui-down.offline-ui-connecting:after,
.offline-ui.offline-ui-down.offline-ui-waiting:after {
  -webkit-animation: offline-rotation 0.7s linear infinite;
  -moz-animation: offline-rotation 0.7s linear infinite;
  -ms-animation: offline-rotation 0.7s linear infinite;
  -o-animation: offline-rotation 0.7s linear infinite;
  animation: offline-rotation 0.7s linear infinite;
  -webkit-backface-visibility: hidden;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  content: " ";
  display: block;
  position: absolute;
  right: 1em;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 1em;
  width: 1em;
  border: 2px solid transparent;
  border-top-color: rgba(255, 255, 255, 0.5);
  border-left-color: rgba(255, 255, 255, 0.5);
  opacity: 0.7;
}
/* line 96, ../sass/offline-theme-dark.sass */
.offline-ui.offline-ui-down.offline-ui-waiting {
  padding-right: 11em;
}
/* line 99, ../sass/offline-theme-dark.sass */
.offline-ui.offline-ui-down.offline-ui-waiting.offline-ui-reconnect-failed-2s {
  padding-right: 0;
}
/* line 6, ../sass/_content.sass */
.offline-ui .offline-ui-retry:before {
  content: "Reconnect";
}
/* line 11, ../sass/_content.sass */
.offline-ui.offline-ui-up .offline-ui-content:before {
  content: "Your computer is connected to the internet.";
}
@media (max-width: 1024px) {
  /* line 11, ../sass/_content.sass */
  .offline-ui.offline-ui-up .offline-ui-content:before {
    content: "Your device is connected to the internet.";
  }
}
@media (max-width: 568px) {
  /* line 11, ../sass/_content.sass */
  .offline-ui.offline-ui-up .offline-ui-content:before {
    content: "Your device is connected.";
  }
}
/* line 22, ../sass/_content.sass */
.offline-ui.offline-ui-down .offline-ui-content:before {
  content: "Your computer lost its internet connection.";
}
@media (max-width: 1024px) {
  /* line 22, ../sass/_content.sass */
  .offline-ui.offline-ui-down .offline-ui-content:before {
    content: "Your device lost its internet connection.";
  }
}
@media (max-width: 568px) {
  /* line 22, ../sass/_content.sass */
  .offline-ui.offline-ui-down .offline-ui-content:before {
    content: "Your device isn't connected.";
  }
}
/* line 33, ../sass/_content.sass */
.offline-ui.offline-ui-down.offline-ui-connecting .offline-ui-content:before,
.offline-ui.offline-ui-down.offline-ui-connecting-2s .offline-ui-content:before {
  content: "Attempting to reconnect...";
}
/* line 42, ../sass/_content.sass */
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="second"]:before {
  content: "Connection lost. Reconnecting in " attr(data-retry-in-value) " seconds...";
}
@media (max-width: 568px) {
  /* line 42, ../sass/_content.sass */
  .offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="second"]:before {
    content: "Reconnecting in " attr(data-retry-in-value) "s...";
  }
}
/* line 50, ../sass/_content.sass */
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="second"][data-retry-in-value="1"]:before {
  content: "Connection lost. Reconnecting in " attr(data-retry-in-value) " second...";
}
@media (max-width: 568px) {
  /* line 50, ../sass/_content.sass */
  .offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="second"][data-retry-in-value="1"]:before {
    content: "Reconnecting in " attr(data-retry-in-value) "s...";
  }
}
/* line 58, ../sass/_content.sass */
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="minute"]:before {
  content: "Connection lost. Reconnecting in " attr(data-retry-in-value) " minutes...";
}
@media (max-width: 568px) {
  /* line 58, ../sass/_content.sass */
  .offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="minute"]:before {
    content: "Reconnecting in " attr(data-retry-in-value) "m...";
  }
}
/* line 66, ../sass/_content.sass */
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="minute"][data-retry-in-value="1"]:before {
  content: "Connection lost. Reconnecting in " attr(data-retry-in-value) " minute...";
}
@media (max-width: 568px) {
  /* line 66, ../sass/_content.sass */
  .offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="minute"][data-retry-in-value="1"]:before {
    content: "Reconnecting in " attr(data-retry-in-value) "m...";
  }
}
/* line 74, ../sass/_content.sass */
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="hour"]:before {
  content: "Connection lost. Reconnecting in " attr(data-retry-in-value) " hours...";
}
@media (max-width: 568px) {
  /* line 74, ../sass/_content.sass */
  .offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="hour"]:before {
    content: "Reconnecting in " attr(data-retry-in-value) "h...";
  }
}
/* line 82, ../sass/_content.sass */
.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="hour"][data-retry-in-value="1"]:before {
  content: "Connection lost. Reconnecting in " attr(data-retry-in-value) " hour...";
}
@media (max-width: 568px) {
  /* line 82, ../sass/_content.sass */
  .offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="hour"][data-retry-in-value="1"]:before {
    content: "Reconnecting in " attr(data-retry-in-value) "h...";
  }
}
/* line 90, ../sass/_content.sass */
.offline-ui.offline-ui-down.offline-ui-reconnect-failed-2s.offline-ui-waiting .offline-ui-retry {
  display: none;
}
/* line 93, ../sass/_content.sass */
.offline-ui.offline-ui-down.offline-ui-reconnect-failed-2s .offline-ui-content:before {
  content: "Connection attempt failed.";
}
body.sg {
  overflow-x: auto;
  overflow-y: auto;
}
.debug-report {
  z-index: 99998;
  position: absolute;
  bottom: 4px;
  right: 8px;
  padding: 3px 5px;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  border: 1px solid #ccc;
}
.debug-report:hover {
  border-color: #999;
  cursor: pointer;
  transition: border-color 0.2s ease;
}
#bug-report-icon {
  width: 100%;
  height: auto;
}

/*# sourceMappingURL=vergic.css.map */